/* Start:/bitrix/templates/dresscodeV2/fonts/montserrat/montserrat.css?17841302271283*/
/* Official Montserrat variable webfonts, Google Fonts v31. */
@font-face {
font-family: "Montserrat";
src: url("/bitrix/templates/dresscodeV2/fonts/montserrat/Montserrat-Variable-Cyrillic.woff2") format("woff2");
font-weight: 300 900;
font-style: normal;
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Montserrat";
src: url("/bitrix/templates/dresscodeV2/fonts/montserrat/Montserrat-Variable-Latin.woff2") format("woff2");
font-weight: 300 900;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Montserrat";
src: url("/bitrix/templates/dresscodeV2/fonts/montserrat/Montserrat-VariableItalic-Cyrillic.woff2") format("woff2");
font-weight: 300 900;
font-style: italic;
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Montserrat";
src: url("/bitrix/templates/dresscodeV2/fonts/montserrat/Montserrat-VariableItalic-Latin.woff2") format("woff2");
font-weight: 300 900;
font-style: italic;
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* End */
/* Start:/bitrix/templates/dresscodeV2/fonts/montserrat/legacy-montserrat.css?17841302294311*/
/* Preserve legacy Dresscode font-family names while rendering Montserrat. */
@font-face {
font-family: "robotobold";
src: url("/bitrix/templates/dresscodeV2/fonts/montserrat/Montserrat-Variable-Cyrillic.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "robotobold";
src: url("/bitrix/templates/dresscodeV2/fonts/montserrat/Montserrat-Variable-Latin.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "robotomedium";
src: url("/bitrix/templates/dresscodeV2/fonts/montserrat/Montserrat-Variable-Cyrillic.woff2") format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "robotomedium";
src: url("/bitrix/templates/dresscodeV2/fonts/montserrat/Montserrat-Variable-Latin.woff2") format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "roboto_condensedlight";
src: url("/bitrix/templates/dresscodeV2/fonts/montserrat/Montserrat-Variable-Cyrillic.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "roboto_condensedlight";
src: url("/bitrix/templates/dresscodeV2/fonts/montserrat/Montserrat-Variable-Latin.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "roboto_cnregular";
src: url("/bitrix/templates/dresscodeV2/fonts/montserrat/Montserrat-Variable-Cyrillic.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "roboto_cnregular";
src: url("/bitrix/templates/dresscodeV2/fonts/montserrat/Montserrat-Variable-Latin.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "roboto_ltregular";
src: url("/bitrix/templates/dresscodeV2/fonts/montserrat/Montserrat-Variable-Cyrillic.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "roboto_ltregular";
src: url("/bitrix/templates/dresscodeV2/fonts/montserrat/Montserrat-Variable-Latin.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "robotoregular";
src: url("/bitrix/templates/dresscodeV2/fonts/montserrat/Montserrat-Variable-Cyrillic.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "robotoregular";
src: url("/bitrix/templates/dresscodeV2/fonts/montserrat/Montserrat-Variable-Latin.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "roboto_thregular";
src: url("/bitrix/templates/dresscodeV2/fonts/montserrat/Montserrat-Variable-Cyrillic.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "roboto_thregular";
src: url("/bitrix/templates/dresscodeV2/fonts/montserrat/Montserrat-Variable-Latin.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* End */
/* Start:/bitrix/templates/dresscodeV2/themes/ultramarine/style.css?175403846244661*/
/*
Base color: #0061b2
Base color hover: #2d7bbb;
Base color focus: #1668ab;
*/
body.index {
background-color: #f3f3f3;
}
.theme-background-svg {
fill: #0061b2;
}
#subHeaderLine.color_theme,
#headerLine .headerLineTools .callBack,
#subHeaderLine.color_theme #subMenu .removedItemsContainer .removedItemsList,
#headerLine2 .callBack,
#headerLine3 .callBack,
#headerLine2.color_theme #subMenu .removedItemsContainer .removedItemsList,
#headerLine3.color_theme #subMenu .removedItemsContainer .removedItemsList,
#headerLine4.color_theme #subMenu .removedItemsContainer .removedItemsList,
#subHeader8.color_theme #subMenu .removedItemsContainer .removedItemsList,
#headerLayout.color_theme,
#headerLine.color_theme,
#topHeader.color_theme,
#topHeader2.color_theme,
#subHeader2.color_theme,
#subHeader3.color_theme,
#subHeader4.color_theme,
#subHeader5.color_theme,
#subHeader6.color_theme,
#subHeader7.color_theme,
#subHeader8.color_theme,
#subHeader9.color_theme,
#headerLine2.color_theme,
#headerLine3.color_theme,
#headerLine4.color_theme,
#headerLine5.color_theme,
#subHeader.color_theme,
#subHeader.color_black #headerTools .cart ins.active,
#subHeader2 .topCompare .text.active,
#subHeader2 .topWishlist .text.active,
#subHeader2 .cart .heading.active,
#subHeader2.color_black .cart .heading.active,
#subHeader4.color_theme #subMenu .removedItemsContainer .removedItemsList,
#subHeader4.color_theme .topWishlist .value,
#subHeader4.color_theme .topCompare .value,
#subHeader4.color_theme .cart .count,
#subHeader5.color_theme #subMenu .removedItemsContainer .removedItemsList,
#subHeader5.color_theme .topWishlist .value,
#subHeader5.color_theme .topCompare .value,
#subHeader5.color_theme .cart .count,
#subHeader6.color_theme #subMenu .removedItemsContainer .removedItemsList,
#subHeader6.color_theme .topWishlist .value,
#subHeader6.color_theme .topCompare .value,
#subHeader6.color_theme .cart .count,
#subHeader7.color_theme .topWishlist .value,
#subHeader7.color_theme .topCompare .value,
#subHeader7.color_theme .cart .count,
#subHeader8.color_theme .cart .count,
#subHeader9 .subContainerColumn .callBack,
#subHeader9 #menuCatalogSection .catalogButton,
#subHeader9.color_theme .topWishlist .value,
#subHeader9.color_theme .topCompare .value,
#subHeader9.color_theme .cart .count,
#footer.variant_2 #leftFooter,
#footer.variant_2 #rightFooter,
#footer.variant_2 #footerBottom,
#footer.variant_2 .fc,
#footerLine.color_theme,
.menuContainerColor.color_theme #mainMenuContainer,
.menuContainerColor.color_theme #menuCatalogSection .catalogButton,
.menuContainerColor.color_theme #mainMenu .removedItemsLink .removedItemsList {
background: linear-gradient(to bottom, #0061b2, #2b2b2b);
}
#subHeader.color_black #headerTools .cart ins.active:hover,
#headerLine .headerLineTools .callBack:hover,
#subHeader9 .subContainerColumn .callBack:hover,
#headerLine2 .callBack:hover,
#subHeader9 #menuCatalogSection .catalogButton:hover,
#footer.variant_4 #rightFooter,
#footer.variant_4 #footerBottom,
.menuContainerColor.color_theme #mainMenuContainer #mainMenu > li:hover,
.menuContainerColor.color_theme #mainMenu .removed:hover {
background-color: #2d7bbb;
}
#subHeader.color_black #headerTools .tools .link,
#subHeader2 #topCallback .link,
#subHeader3 .cart .total,
#subHeader3.color_theme .cart .active .count,
#subHeader6 .cart .total,
#subHeader6 .cart .active .count,
#subHeader7 .cart .active .total,
#subHeader7 .firstPhones .callBack,
#subHeader4 #subMenu li .selected,
#subHeader8 #subMenu li .selected,
#subHeader9 #subMenu li .selected,
#subHeader5 .cart .heading .total,
#headerLine #topAuth ul li a,
#headerLine .user-geo-position-value-link,
#headerLine2 .user-geo-position-value-link,
#headerLine2 #subMenu li .selected,
#headerLine2.color_black #subMenu li .selected,
#headerLine3 #subMenu li .selected,
#headerLine3.color_black #subMenu li a.selected,
#headerLine4 #subMenu li .selected,
#footerLine.color_white .item .callback,
#footer.variant_4 #leftFooter .heading,
#footer.variant_4 #rightFooter .email a,
#footer.variant_4 #leftFooter .selected,
#footer.variant_5 #leftFooter .heading,
#footer.variant_5 #rightFooter .email a,
#footer.variant_5 #leftFooter .selected {
color: #0061b2;
}
#footerLine.color_white .item .compare.active,
#footerLine.color_white .item .wishlist.active,
#footerLine.color_white .item .cart.active,
#footerLine.color_white .item .compare.active .mark,
#footerLine.color_white .item .wishlist.active .mark,
#footerLine.color_white .item .cart.active .mark,
#footerLine.color_theme .item .compare.active .mark,
#footerLine.color_theme .item .wishlist.active .mark,
#footerLine.color_theme .item .cart.active .mark {
color: #0061b2 !important;
}
#headerLine4.color_black #subMenu li a:hover,
#headerLine4.color_black #subMenu li .selected {
color: #0061b2 !important;
}
#headerLine #topAuth ul li a:hover,
#topHeader.color_black #topMenu li a.selected,
#topHeader.color_default #topMenu li a:hover,
#topHeader.color_default #topMenu li .selected,
#topHeader.color_default #topService > li > a:hover,
#topHeader.color_default .user-geo-position-value-link:hover,
#subHeader.color_black #headerTools .tools .link:hover,
#subHeader2 #topCallback .link:hover,
#subHeader4 #subMenu li a:hover,
#subHeader8 #subMenu li a:hover,
#subHeader9 #subMenu li a:hover,
#subHeader5 .cart .heading:hover .total,
#subHeader6 .cart .heading:hover .total,
#subHeader7 .firstPhones .callBack:hover,
#headerLine .user-geo-position-value-link:hover,
#headerLine .user-geo-position-value-link:hover,
#headerLine2 .user-geo-position-value-link:hover,
#headerLine2 #topAuth > ul li a:hover,
#headerLine2 #subMenu li a:hover,
#headerLine3 #subMenu li a:hover,
#headerLine4 #subMenu li a:hover,
#headerLine2.color_black #topAuth > ul li a:hover,
#headerLine2.color_black #subMenu li a:hover,
#headerLine3.color_black #topAuth > ul li a:hover,
#headerLine3.color_black #subMenu li a:hover #headerLine4.color_black #subMenu li a:hover,
#footerLine.color_white .item .callback:hover,
#footer.variant_4 #leftFooter a:hover,
#footer.variant_4 #rightFooter .email a:hover,
#footer.variant_5 #leftFooter a:hover,
#footer.variant_5 #rightFooter .email a:hover {
color: #2d7bbb;
}
#headerLine.color_theme .headerLineTools .callBack,
#headerLine2.color_theme .callBack,
#subHeader6.color_theme .callBack,
#subHeader9.color_theme #subMenu .removedItemsContainer .removedItemsList,
#subHeader9.color_theme #menuCatalogSection .catalogButton,
#subHeader9.color_theme .callBack {
background-color: #2d7bbb;
}
#subHeader3 .cart .order.active,
#subHeader6 .subPhones .callBack {
color: #0061b2;
border: 1px solid #0061b2;
}
#subHeader6 .subPhones .callBack:hover {
border: 1px solid #2d7bbb;
}
#subHeader4 .topCompare .active .value,
#subHeader4 .topWishlist .active .value,
#subHeader4 .cart .active .count,
#subHeader4.color_black .topCompare .active .value,
#subHeader4.color_black .topWishlist .active .value,
#subHeader4.color_black .cart .active .count,
#subHeader5 .topCompare .active .value,
#subHeader5 .topWishlist .active .value,
#subHeader5 .cart .active .count,
#subHeader6 .topCompare .active .value,
#subHeader6 .topWishlist .active .value,
#subHeader6 .cart .active .count,
#subHeader7 .topCompare .active .value,
#subHeader7 .topWishlist .active .value,
#subHeader7 .cart .active .count,
#subHeader8 .cart .active .count,
#subHeader9 .topCompare .active .value,
#subHeader9 .topWishlist .active .value,
#subHeader9 .cart .active .count {
color: #0061b2;
border: 2px solid #0061b2;
}
#subHeader3 .cart .active .count,
#subHeader3.color_theme .cart .active .count,
#subHeader3.color_black .cart .active .count {
background-color: #0061b2;
}
#subHeader3 .user-geo-position-value-link,
#subHeader6 .user-geo-position-value-link,
#subHeader6 #topAuth > ul li a,
#subHeader6 #topAuth > ul li:first-child::after,
#subHeader6 .subPhones .callBack,
#subHeader8 .telephoneContainer .callBack,
#subHeader3 #topToolsLeft a,
#headerLine4 .user-geo-position-value-link,
#headerLine4 #topAuth ul li a {
color: #0061b2;
}
#subHeader3 .user-geo-position-value-link:hover,
#subHeader6 .user-geo-position-value-link:hover,
#subHeader3 #topToolsLeft a:hover,
#subHeader6 #topAuth > ul li a:hover,
#subHeader6 .subPhones .callBack:hover,
#subHeader8 .telephoneContainer .callBack:hover,
#headerLine4 .user-geo-position-value-link:hover,
#headerLine4 #topAuth ul li a:hover {
color: #2d7bbb;
}
#subHeader3 #topToolsLeft a::after,
#subHeader3 .user-geo-position-value-link::after,
#headerLine .user-geo-position-value-link::after,
#headerLine #topAuth ul li a::after,
#headerLine2 .user-geo-position-value-link::after,
#subHeader6 #topAuth ul li a::after,
#subHeader6 .user-geo-position-value-link::after,
#subHeader7 .firstPhones .callBack::after,
#subHeader8 .telephoneContainer .callBack::after,
#headerLine4 .user-geo-position-value-link::after,
#headerLine4 #topAuth ul li a::after {
border-bottom: 1px dashed #0061b2;
}
#subHeader3 #topToolsLeft a::after:hover,
#subHeader3 .user-geo-position-value-link::after:hover,
#headerLine .user-geo-position-value-link::after:hover,
#headerLine #topAuth ul li a::after:hover,
#headerLine2 .user-geo-position-value-link::after:hover,
#subHeader6 #topAuth ul li a::after:hover,
#subHeader6 .user-geo-position-value-link::after:hover,
#subHeader7 .firstPhones .callBack::after:hover,
#subHeader8 .telephoneContainer .callBack::after:hover,
#headerLine4 .user-geo-position-value-link::after:hover,
#headerLine4 #topAuth ul li a::after:hover {
border-bottom: 1px dashed #2d7bbb;
}
@media all and (max-width: 800px) {
#subHeader6 .user-geo-position-value-link {
background-color: #2d7bbb;
}
}
@media all and (max-width: 650px) {
#subHeader9 .subContainerColumn .callBack {
color: #2d7bbb !important;
}
#subHeader9 .subContainerColumn .callBack:hover {
color: #0061b2 !important;
}
}
@media all and (max-width: 420px) {
#headerLine4.color_theme #geoPosition.color_default .user-geo-position-value-link {
color: #2d7bbb;
}
#headerLine4.color_theme #geoPosition.color_default .user-geo-position-value-link::after {
border-color: #2d7bbb;
}
}
#topHeader {
background: #ffffff;
border-bottom: 1px solid #f6f6f6;
}
#topService {
color: #000000;
border-left: 1px solid #f6f6f6;
}
#topService li {
border-right: 1px solid #f6f6f6;
}
#topService li a {
color: #000000;
}
#topService li:hover a:hover {
color: #2d7bbb;
}
#topService li a:focus {
color: #1668ab;
}
#topService .selected {
color: #2d7bbb;
}
#subHeader {
background: #ffffff;
border-bottom: 0 solid #f6f6f6;
}
#logo {
border-right: 1px solid #f6f6f6;
border-left: 1px solid #f6f6f6;
}
#topHeading {
border-right: 1px solid #f6f6f6;
}
#topHeading p {
color: #000000;
}
#headerTools {
border-right: 1px solid #f6f6f6;
}
#headerTools .tools .heading {
color: #000000;
}
#headerTools .tools .link {
color: #0061b2;
}
#headerTools .tools .link:hover {
color: #2d7bbb;
}
#headerTools .tools li {
border-left: 1px solid #f6f6f6;
}
#headerTools .text {
color: #000000;
}
#headerTools .telephone .icon {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/callbackHead.svg") 0 0 no-repeat transparent;
}
#headerTools .telephone .icon:hover {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/callbackHead.svg") -35px 0 no-repeat transparent;
}
#headerTools .search .icon {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/searchHead.svg") 0 0 no-repeat transparent;
}
#headerTools .search .icon:hover {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/searchHead.svg") -35px 0 no-repeat transparent;
}
#headerTools .wishlist .icon {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/wishlistHead.svg") 0 0 no-repeat transparent;
}
#headerTools .wishlist .icon.active {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/wishlistHead.svg") -36px 0 no-repeat transparent;
}
#headerTools .wishlist .icon.active:hover {
background-position: -72px 0;
}
#headerTools .compare .icon {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/compareHead.svg") 0 0 no-repeat transparent;
}
#headerTools .compare .icon.active {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/compareHead.svg") -35px 0 no-repeat transparent;
}
#headerTools .compare .icon.active:hover {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/compareHead.svg") -70px 0 no-repeat transparent;
}
#headerTools .cart .icon {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/cartHead.svg") 0 0 no-repeat transparent;
}
#headerTools .cart .icon.active {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/cartHead.svg") -44px 0 no-repeat transparent;
}
#headerTools .cart .icon.active:hover {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/cartHead.svg") -88px 0 no-repeat transparent;
}
#headerTools .cart ins {
color: #888888;
background: #e0e0e0;
}
#headerTools .cart ins.active {
color: #2d7bbb;
}
#topHeader #topMenu {
border-left: 1px solid #e9e9e9;
}
#topHeader #topMenu li a {
color: #000000;
}
#topHeader #topMenu li a:hover {
color: #2d7bbb;
}
#topHeader #topMenu .sub {
background-color: #eeeeee;
}
#topHeader #topMenu .sub li {
border-top: 0;
border-bottom: 1px solid #e0e0e0;
}
#topHeader #topMenu .sub li:hover {
background: #e0e0e0;
}
#mainMenuContainer .minCatalogButton {
color: #ffffff;
background: #0061b2;
}
#changeYouCity {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/modalBg.svg") 0 0 repeat #232323;
}
#changeYouCity .heading {
color: #2d7bbb;
}
#changeYouCity .list li a {
color: #cccccc;
}
#changeYouCity .list li a:hover {
color: #2d7bbb;
}
#changeYouCity #cityClose {
color: #ffffff;
background: rgb(0 0 0 / 10%);
border: 1px solid #000000;
}
#changeYouCity #cityClose:hover {
color: #2d7bbb;
}
#changeYouCity #cityClose ins {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/exit.svg") 0 0 no-repeat transparent;
}
#changeYouCity #cityClose:hover ins {
background-position: -11px 0;
}
#changeYouCity #cityClose:active ins {
background-position: -22px 0;
}
#mainMenuContainer {
background-color: #1a1a1a;
}
#mainMenu > li a {
color: #ffffff;
}
#mainMenu > li a:hover {
color: #0061b2;
}
#menuCatalogSection .drop ul li a:hover {
color: #0061b2;
}
#left .heading {
color: #ffffff;
}
#left .opener {
background: #0061b2;
}
#left .heading ins {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/iconMenu.svg") 0 50% no-repeat transparent;
}
#left .sideBlock .heading {
background-color: #2b2b2b;
}
#left #subscribe .sideBlockContent {
border: 1px solid #e7e8ea;
}
#left #subscribe .copy {
color: #888888;
}
#brandSearch td {
color: #ffffff;
background: #424242;
border-left: 1px solid #313131;
}
#brandSearch td a {
color: #ffffff;
}
#brandSearch td:hover a {
color: #2d7bbb;
}
#brandSearch a {
color: #000000;
}
#slider ol li {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/slideButton.svg") 0 0 no-repeat transparent;
}
#slider ol li:hover {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/slideButton.svg") -18px 0 no-repeat transparent;
}
#slider ol li:active {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/slideButton.svg") -36px 0 no-repeat transparent;
}
#slider ol li.selected {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/slideButton.svg") -54px 0 no-repeat transparent;
}
#slider ol li.selected:hover {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/slideButton.svg") -72px 0 no-repeat transparent;
}
#slider ol li.selected:active {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/slideButton.svg") -90px 0 no-repeat transparent;
}
#popCats .sideBlockContent {
background-color: #ffffff;
border: 1px solid #e7e8ea;
}
#popCats li span,
#popCats li a {
color: #000000;
background-color: #e7e8ea;
}
#popCats li a:hover {
color: #ffffff;
background-color: #2d7bbb;
border-color: #0061b2;
}
#collectionList .collection .wrap {
background-color: #ffffff;
border: 1px solid #cccccc;
}
#collectionList .collection .heading {
color: #000000;
background-color: #ffffff;
}
#collectionList .goTo {
color: #000000;
background-color: #f7f7f7;
border: 1px solid #cccccc;
}
#collectionList .goTo:hover {
color: #ffffff;
background-color: #2d7bbb;
border-color: #0061b2;
}
#right .heading {
color: #ffffff;
background: #2b2b2b;
}
#footer {
background-color: #f9f9f9;
}
#footer .fc {
background-color: #2b2b2b;
}
#catalogLine {
border: 1px solid #e7e8ea;
}
#catalogLine select {
color: #888888;
border: 1px solid #e7e8ea;
}
#catalogLine .viewList .element a {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/catalogView.svg") 0 0 no-repeat transparent;
}
#leftFooter {
background: #2b2b2b;
}
#leftFooter .heading {
color: #ffffff;
border-bottom: 1px solid #3e3e3e;
}
#leftFooter ul li {
border-top: 1px solid #313131;
}
#leftFooter a {
color: #999999;
}
#leftFooter a:hover {
color: #0061b2;
}
#leftFooter .selected {
color: #0061b2;
}
#rightFooter {
background: unset;
}
#rightFooter .list li {
color: #888888;
}
#rightFooter .email a {
color: #ffffff;
}
#rightFooter p {
color: #888888;
}
#rightFooter .hr {
border-top: 1px solid #575757;
}
#rightFooter .telephone {
color: #0061b2;
}
#rightFooter .email {
color: #ffffff;
}
#rightFooter .showMap {
color: #0061b2;
}
#rightFooter .showMap:hover {
color: #2d7bbb;
}
#footerBottom {
color: #ffffff;
background: #191919;
border-top: 3px solid #101010;
}
#appBasketContainer {
padding: 24px;
background-color: #ffffff;
border-radius: 10px;
box-shadow: 1px 1px 12px rgb(60 60 60 / 30%);
}
#appBasket .heading {
color: #000000;
font-size: 24px;
font-family: robotobold;
background-color: #f9f9f9;
border-radius: 8px;
}
#appBasket .close {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/exit.svg") 0 0 no-repeat transparent;
}
#appBasket .close:hover {
background-position: 0 -21px;
}
#appBasket .close:active {
background-position: 0 -42px;
}
#appBasket .markerContainer .marker {
color: #ffffff;
background-color: #424242;
border-radius: 4px;
}
#appBasket .name {
color: #000000;
}
#appBasket .name:hover {
color: #0061b2;
}
#appBasket .price {
color: #000000;
}
#appBasket .price .discount {
color: #888888;
}
#appBasket .plus,
#appBasket .minus {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/plusMinus.svg") 0 0 no-repeat #f3f3f3;
}
#appBasket .plus {
background-position: 0 -19px;
}
#appBasket .plus:hover {
background-position: -19px -19px;
}
#appBasket .plus:active {
background-position: -38px -19px;
}
#appBasket .minus:hover {
background-position: -19px 0x;
}
#appBasket .minus:active {
background-position: -38px 0;
}
#appBasket .qty {
color: #000000;
background-color: #e7e8ea;
}
#appBasket .sum {
background-color: #fbfbfb;
}
#appBasket .sum .discount {
color: #888888;
}
#appBasket .lower {
background-color: #f9f9f9;
border-radius: 8px;
}
#appBasket .lower .tools .icon:hover {
background: #f3f3f3;
}
#appBasket .lower .tools .continue {
border-right: 1px solid #e7e8ea;
}
#appBasket .lower .tools .continue a {
color: #000000;
}
#appBasket .lower .tools .goToBasket a {
color: #ffffff;
}
#appBasket .lower .tools .goToBasket {
background-color: #0061b2;
}
#appBasket .lower .tools .goToBasket:hover {
background-color: #2d7bbb;
}
#appBasket .lower .tools .continue:hover {
background: #e7e8ea;
}
#appFastBuyContainer .heading {
color: #000000;
background-color: #ffffff;
}
#appFastBuyContainer input {
color: #000000;
background-color: #f3f3f3;
}
#appFastBuyContainer textarea {
background-color: #f3f3f3;
}
#appFastBuyContainer input:focus,
#appFastBuyContainer textarea:focus {
background-color: #e9e9e9;
}
#appFastBuyContainer input.error,
#appFastBuyContainer textarea.error {
border: 1px solid #ff0000;
}
#appFastBuyContainer #fastBuyFormSubmit {
color: #ffffff;
background-color: #0061b2;
}
#appFastBuyContainer #fastBuyFormSubmit:hover {
background-color: #2d7bbb;
}
#appFastBuyContainer #fastBuyFormSubmit.loading {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/loading.gif") 24px 50% no-repeat #2d7bbb !important;
}
#fastBuyResult #fastBuyResultClose {
color: #ffffff;
background-color: #0061b2;
}
#fastBuyResult #fastBuyResultClose:hover {
background-color: #2d7bbb;
}
#appFastBuyContainer .marker {
color: #ffffff;
background-color: #424242;
}
#appFastBuyContainer .name {
color: #000000;
}
#appFastBuyContainer .name:hover {
color: #0061b2;
}
#appFastBuyContainer .price {
color: #000000;
}
#appFastBuyContainer .price .discount {
color: #888888;
}
#appFastView .appFastViewExit,
#fastViewStores .fastViewStoresExit {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/exit.svg") 0 0 no-repeat transparent;
}
#appFastView .appFastViewExit:hover,
#fastViewStores .fastViewStoresExit:hover {
background-position: 0 -21px;
}
#appFastView .appFastViewExit:active,
#fastViewStores .fastViewStoresExit:active {
background-position: 0 -42px;
}
#appProductPriceVariant .appPriceVariantExit {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/exit2.svg") 0 0 no-repeat transparent;
}
#appProductPriceVariant .appPriceVariantExit:hover {
background-position: 0 -21px;
}
#appProductPriceVariant .appPriceVariantExit:active {
background-position: 0 -42px;
}
#footerTabsCaption {
background-color: #f9f9f9;
border-top: 1px solid #e7e8ea;
}
#footerTabsCaption .item a,
#infoTabsCaption .item a {
color: #888888;
}
#footerTabsCaption .item .selected,
#infoTabsCaption .item .selected {
color: #000000;
border-bottom: 1px dashed #000000;
}
#footerTabsCaption .item .selected:hover,
#infoTabsCaption .item .selected:hover {
color: #000000;
}
#footerTabsCaption .item a:hover,
#infoTabsCaption .item a:hover {
color: #0061b2;
}
#footerTabs {
background-color: #f9f9f9;
}
#footerLine {
background-color: #1a1a1a;
border-top: 2px solid #202020;
box-shadow: 1px 1px 12px #000000;
}
#footerLine .item .callback {
color: #0061b2;
}
#footerLine .item .wishlist .icon {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/wishlistFooterMin.svg") 0 0 no-repeat;
}
#footerLine .item .cart .icon {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/cartFooterMin.svg") 0 0 no-repeat;
}
#footerLine .item .wishlist.active .icon {
background-position: -21px 0;
}
#footerLine .item .wishlist.active:hover .icon {
background-position: -42px;
}
#footerLine .item .cart.active .icon {
background-position: -26px 0;
}
#footerLine .item .cart.active:hover .icon {
background-position: -52px;
}
#footerLine .item .callback .icon {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/callbackFooterMin.svg") 0 0 no-repeat;
}
#footerLine .item .callback:hover {
color: #2d7bbb;
}
#footerLine .callback:hover .icon {
background-position: -21px 0;
}
#footerLine .item .compare .mark,
#footerLine .item .wishlist .mark,
#footerLine .item .cart .mark {
color: #888888;
background-color: #313131;
}
#footerLine .item .compare .icon {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/compareFooterMin.svg") 0 0 no-repeat;
}
#footerLine .item .compare.active .icon {
background-position: -21px 0;
}
#footerLine .item .compare.active:hover .icon {
background-position: -42px;
}
#footerLine .item .compare:hover,
#footerLine .item .wishlist:hover,
#footerLine .item .cart:hover {
color: #888888;
}
#footerLine .item .compare.active,
#footerLine .item .wishlist.active,
#footerLine .item .cart.active,
#footerLine .item .compare.active .mark,
#footerLine .item .wishlist.active .mark,
#footerLine .item .cart.active .mark {
color: #0061b2;
}
#footerLine .item .compare.active:hover,
#footerLine .item .wishlist.active:hover,
#footerLine .item .cart.active:hover,
#footerLine .item .compare.active:hover .mark,
#footerLine .item .wishlist.active:hover .mark,
#footerLine .item .cart.active:hover .mark {
color: #2d7bbb;
}
#footerLine .item a {
color: #888888;
}
#footerLine .item a:hover {
color: #ffffff;
}
#authMenu {
border-bottom: 1px solid #e7e8ea;
}
#authMenu li a {
color: #000000;
}
#authMenu li a:hover {
color: #0061b2;
}
#authMenu li .selected {
border-bottom: 1px dashed #000000;
}
#authMenu li .selected:hover {
color: #000000;
}
#empty .emptyWrapper {
border-bottom: 1px solid #e7e8ea;
}
#empty p a {
border-bottom: 1px dashed #000000;
}
#empty p a:hover {
border-bottom: 1px dashed #0061b2;
}
#empty a {
color: #000000;
}
#empty a:hover {
color: #0061b2;
}
#empty .back {
color: #0061b2;
border-bottom: 1px dashed #0061b2;
}
#empty .back:hover {
color: #2d7bbb;
}
.product.last {
background: #f9f9f9;
}
.product .tabloid {
background-color: #ffffff;
}
.product .marker {
color: #ffffff;
background-color: #424242;
}
.product .name {
color: #000000;
}
.product .name:hover {
color: #0061b2;
}
.product .price {
color: #000000;
}
.product .price .discount {
color: #888888;
}
.product .addCart {
color: #ffffff;
background: #d00000;
}
.product .addCart:hover {
background-color: #ff0000;
}
.product .label {
color: #717171;
}
.product .label:hover {
color: #000000;
}
.product .skuPropertyName {
color: #888888;
}
.product .skuProperty .selected .skuPropertyLink {
border: 1px solid #0061b2;
}
.product .skuPropertyLink {
color: #000000;
border: 1px solid #dddddd;
}
.product:hover .tabloid {
background: #ffffff; /* Old browsers */
background: linear-gradient(top, #ffffff 50%, #f9fafc 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(50%, #ffffff),
color-stop(100%, #f9fafc)
); /* Chrome,Safari4+ */
background: linear-gradient(top, #ffffff 50%, #f9fafc 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(top, #ffffff 50%, #f9fafc 100%); /* Opera 11.10+ */
background: linear-gradient(top, #ffffff 50%, #f9fafc 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 50%, #f9fafc 100%); /* W3C */
border-bottom: 1px solid #cccccc;
box-shadow: 1px 1px 6px rgb(0 0 0 / 20%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9fafc',GradientType=0 ); /* IE6-9 */
}
.product.last .showMore {
color: #000000;
}
.product.last .showMore:hover {
color: #0061b2;
}
.addCart.added {
background: #2b2b2b !important;
}
.addCart.added:hover {
background: #3b3b3b !important;
}
.sideBlock .heading {
background-color: #424242;
}
.heading.collapsed {
color: #ffffff;
}
.heading.collapsed ins {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/iconMenu.svg") 50% 50% no-repeat #0061b2;
border-right: 1px solid #0061b2;
}
.heading.orange {
background: #0061b2;
}
.mfeedback input,
.mfeedback textarea {
color: #000000;
background-color: #f3f3f3;
}
.mfeedback input:focus,
.mfeedback textarea:focus {
background-color: #eeeeee;
}
.mfeedback input[type="submit"] {
color: #ffffff;
background-color: #0061b2;
}
.mfeedback input[type="submit"]:hover {
background-color: #2d7bbb;
}
.bx-auth .alert {
background-color: #f3f3f3;
border: 1px solid #e7e8ea;
}
.bx-auth .alert.alert-danger {
background-color: #ffffff;
border: 1px solid #ff0000;
}
.bx-auth .alert.small {
color: #000000;
}
.bx-authform-label-container {
color: #333333;
}
.bx-auth .registerText {
border-bottom: 1px solid #e7e8ea;
}
.bx-auth input.error {
border: 1px solid #ff0000 !important;
}
.bx-auth input[type="text"],
.bx-auth input[type="password"] {
background-color: #f3f3f3;
}
.bx-auth input[type="text"]:focus,
.bx-auth input[type="password"]:focus {
background-color: #eeeeee;
}
.bx-auth .submit,
.popup-window .btn {
color: #ffffff;
background: #0061b2;
}
.bx-auth .submit:hover,
.popup-window .btn:hover {
background: #2d7bbb;
}
.bx-auth .clear {
color: #000000;
border: 1px solid #e7e8ea;
}
.bx-auth .clear:hover {
border: 1px solid #cccccc;
}
.bx-auth .forgot,
.bx-auth .registerLink {
color: #000000;
}
.bx-auth .forgot:hover,
.bx-auth .registerLink:hover {
color: #0061b2;
}
.blackLink,
.backToIndexPage {
color: #000000;
}
.blackLink:hover,
.backToIndexPage:hover {
color: #0061b2;
}
.sn li:first-child {
border-left: 1px solid #313131;
}
.sn li {
border-right: 1px solid #313131;
}
div[id^="wait_comp_"] {
background-color: #ffffff !important;
border: 1px solid #e7e8ea !important;
}
.contactList a {
color: #000000;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
.contactList a:hover {
color: #0061b2;
}
@media all and (max-width: 700px) {
.copyright {
border-right: 1px solid #313131;
border-left: 1px solid #313131;
}
}
#ORDER_CONFIRM_BUTTON {
background: #2d7bbb !important;
}
.addCart.disabled {
background-color: #cccccc !important;
border: 1px solid #e7e8ea;
}
.sale_order_full_table input[name="BuyButton"],
.sale_order_full_table input[type="submit"] {
color: #ffffff;
background-color: #0061b2;
}
.sale_order_full_table input[name="BuyButton"]:hover,
.sale_order_full_table input[type="submit"]:hover {
background-color: #2d7bbb;
}
/* components colors */
/* breadcrumbs */
#breadcrumbs {
color: #999999;
}
#breadcrumbs ul li a {
color: #000000;
}
#breadcrumbs ul li a:hover {
color: #888888;
}
#breadcrumbs .arrow {
color: #888888;
}
/* end breadcrumbs */
/* section.list.default */
#catalogSection .sectionItems .item:first-child {
border-top: 1px solid #e7e8ea;
}
#catalogSection .sectionItems .item {
border: 1px solid #e7e8ea;
}
#catalogSection .sectionItems .item .itemContainer .bigPicture .marker {
color: #ffffff;
background-color: #424242;
}
#catalogSection .sectionItems .item .itemContainer .bigTitle {
color: #000000;
}
#catalogSection .sectionItems .item .itemContainer .bigTitle:hover {
color: #0061b2;
}
#catalogSection .sectionItems .item .itemContainer .description {
color: #888888;
}
#catalogSection .sectionItems .item .itemContainer .sectionList .section a {
color: #000000;
border-bottom: 1px solid #e7e8ea;
}
#catalogSection .sectionItems .item .itemContainer .sectionList .section a:hover {
color: #888888;
border-bottom: 1px solid #e7e8ea;
}
/* end section.list.default */
/* section.list.cast */
#sectionList .tabloid {
background: #ffffff;
border: 1px solid #e7e8ea;
}
#sectionList .tabloid .name {
color: #000000;
}
#sectionList .tabloid .name:hover {
color: #2d7bbb;
}
#sectionList .tabloid .marker {
color: #ffffff;
background-color: #424242;
}
#sectionList .item:hover .tabloid {
border: 1px solid #dddddd;
box-shadow: 1px 1px 12px rgb(0 0 0 / 10%);
}
#sectionList .element .name:hover {
color: #2d7bbb;
}
/* end section.list.cast */
/* section.list.level2 */
#nextSection {
border-top: 1px solid #e7e8ea;
border-right: 1px solid #e7e8ea;
border-left: 1px solid #e7e8ea;
}
#nextSection .title {
background-color: #f3f3f3;
}
#nextSection li,
#nextSection .title {
border-bottom: 1px solid #e7e8ea;
}
#nextSection li a {
color: #000000;
}
#nextSection li a:hover,
#nextSection li .selected {
color: #2d7bbb;
}
#nextSection li .cnt {
color: #888888;
}
/* end section.list.level2 */
/* catalog.element */
#elementSmallNavigation .tab {
border-right: 1px solid #e7e8ea;
}
#elementSmallNavigation .tab.active a {
color: #0061b2;
}
#elementSmallNavigation .tab.active span {
border-bottom: 1px dashed #0061b2;
}
#elementTools .addCart,
#smallElementTools .addCart {
background: #d00000;
}
#elementTools .addCart:hover,
#smallElementTools .addCart:hover {
background-color: #ff0000;
}
#elementContainer .elementSkuProperty .selected .elementSkuPropertyLink {
border: 1px solid #0061b2;
}
.elementProperties a:hover {
color: #0061b2;
}
#elementProperties .stats a:hover {
color: #0061b2;
}
#files .item .info .name:hover {
color: #0061b2;
}
/* reviews */
#catalogReviews .heading .reviewAddButton:hover {
color: #0061b2;
border-color: #0061b2;
}
#showallReviews:hover {
color: #0061b2;
}
#catalogElement #newReview .usedSelect li a.selected {
background: #0061b2;
}
#catalogElement #newReview .submit {
background: #0061b2;
}
#catalogElement #newReview .submit:hover {
background: #2d7bbb;
}
/* set */
#set .setTools .addCart {
background: #0061b2;
}
#set .setTools .addCart:hover {
background-color: #2d7bbb;
}
#set .setElement .name:hover {
color: #0061b2;
}
#setWindowPrice .addCart {
background: #0061b2;
}
#setWindowPrice .addCart:hover {
background-color: #2d7bbb;
}
/* end.catalog.element */
/* catalog.section */
#catalogLineList .name:hover {
color: #0061b2;
}
#catalogLineList .addCart {
background: #0061b2;
}
#catalogLineList .addCart:hover {
background-color: #2d7bbb;
}
#catalogLineList .skuProperty .selected .skuPropertyLink {
border: 1px solid #0061b2;
}
#catalogLineList .prop a:hover {
color: #0061b2;
}
/* table */
#catalogTableList .name:hover {
color: #2d7bbb;
}
#catalogTableList .addCart,
#catalogTableList .more {
background-color: #0061b2;
}
#catalogTableList .addCart:hover,
#catalogTableList .more:hover {
background-color: #2d7bbb;
}
/* end.catalog.section
/*smart filter */
#smartFilter .showALL {
color: #0061b2;
}
#smartFilter .showALL:hover {
color: #2d7bbb;
}
#smartFilter .radio label:hover,
#smartFilter .checkbox label:hover {
color: #0061b2;
}
#smartFilter .dropdownList .selected,
#smartFilter .dropdownList .item:hover {
background-color: #2d7bbb;
}
#smartFilter .handler {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/handlerActive.svg") 0 0 no-repeat transparent;
}
#set_filter {
background-color: #0061b2;
}
#set_filter:hover {
background-color: #2d7bbb;
}
#smartFilter .checkboxList .selected .icon,
#smartFilter .dropdown .selected .icon {
border-color: #0061b2;
}
#smartFilter .hint {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/question.svg") 0 0 no-repeat transparent;
}
#smartFilter .hintValue .close {
color: #0061b2;
}
#smartFilter .hintValue .close:hover {
color: #2d7bbb;
}
#smartFilter input[type="submit"],
#smartFilter input[type="reset"],
#smartFilter button {
background-color: #0061b2;
border: 1px solid #0061b2;
}
#smartFilter input[type="submit"]:hover,
#smartFilter button:hover {
background-color: #2d7bbb;
}
#modef {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/modef.svg") 0 0 no-repeat;
}
/* end smart filter */
/* menu */
#topMenu li a:hover {
color: #2d7bbb;
}
#topMenu li .selected {
color: #2d7bbb;
}
#topMenu .sub li:hover a {
color: #2d7bbb;
}
#personalMenu li a:hover {
color: #0061b2;
}
#subLeftMenu .selected a {
color: #2d7bbb;
}
#leftMenu .menuItems a:hover span {
color: #0061b2;
}
#mainMenu .drop ul li a:hover,
#mainMenu .drop .nextColumn ul li a:hover {
color: #0061b2;
}
/* end menu */
/* news */
#newsDetail .more {
background: #0061b2;
}
#newsDetail .more:hover {
background-color: #2d7bbb;
}
#newsContainer .column .item .title a:hover {
color: #0061b2;
}
#newsContainer .column .item .more {
background: #0061b2;
}
#newsContainer .column .item .more:hover {
background-color: #2d7bbb;
}
#newsContainer .column .item .title a:hover {
color: #0061b2;
}
#newsContainer .column .item .more,
.mainServiceContainer .item .more {
background: #0061b2;
}
#newsContainer .column .item .more:hover,
.mainServiceContainer .item .more:hover {
background-color: #2d7bbb;
}
.backToList:hover {
color: #0061b2;
}
#brandList .name:hover {
color: #2d7bbb;
}
#newsContainer .column .item .title a:hover,
.mainServiceContainer .item .title a:hover {
color: #0061b2;
}
#newsContainer .column .item .more {
background: #0061b2;
}
#newsContainer .column .item .more:hover {
background-color: #2d7bbb;
}
#collectionBlock .name:hover {
color: #2d7bbb;
}
#collectionBlock .link {
color: #2d7bbb;
}
#newsBlock .newsTitle:hover {
color: #0061b2;
}
#serviceBlock .name:hover {
color: #2d7bbb;
}
#serviceBlock .link {
color: #2d7bbb;
}
/* end news */
/* order cancel */
.bx_my_order_cancel a:hover {
color: #0061b2;
}
.bx_my_order_cancel input[type="submit"] {
background: #0061b2;
}
.bx_my_order_cancel input[type="submit"]:hover {
background: #2d7bbb;
}
.bx_my_order_cancel input[type="submit"]:active {
background: #2d7bbb;
}
input[name="BuyButton"] {
background-color: #0061b2;
}
.bx_my_order_switch .bx_mo_link:hover {
color: #0061b2;
}
/* end order cancel */
/* #subscribe */
#subscribeEdit a:hover {
color: #0061b2;
}
#subscribeEdit .submit {
background: #0061b2;
}
#subscribeEdit .submit:hover {
background: #2d7bbb;
}
#subscribe .submit {
background-color: #2d7bbb;
}
#subscribe .submit:hover {
background-color: #2d7bbb;
}
/* end #subscribe */
/* navigation */
.bx-pagination .bx-pagination-container ul li.bx-active span {
color: #ffffff;
background: #0061b2;
}
/* end navigation */
#brandList .name:hover {
color: #2d7bbb;
}
#brandList .last .showMore:hover {
color: #2d7bbb;
}
#brandList .last .ps:hover {
color: #2d7bbb;
}
#homeCatalog .caption.selected {
background-color: #0061b2;
}
#mainProfile .profileSettings .heading {
color: #0061b2;
}
#mainProfile .profileSettings .submit {
background: #0061b2;
}
#mainProfile .profileSettings .submit:hover {
background: #2d7bbb;
}
#main input[name="BuyButton"],
#main input[type="submit"] {
background-color: #0061b2;
}
#main input[name="BuyButton"]:hover,
#main input[type="submit"]:hover {
background-color: #2d7bbb;
}
#newOrder {
background-color: #0061b2;
}
#newOrder:hover {
background-color: #2d7bbb;
}
#orderSuccess a {
color: #0061b2;
}
#orderSuccess a:hover {
color: #2d7bbb;
}
#personalCart #basketView .item a {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/cartView.svg") 0 0 no-repeat transparent;
}
#personalCart #tabsControl .item a:hover {
color: #0061b2;
}
#personalCart #tabsControl .item .selected:hover {
border-bottom: 1px dashed #0061b2;
}
#personalCart .productTable .clear a:hover {
color: #0061b2;
}
#personalCart .productTable .name a:hover {
color: #0061b2;
}
#orderMake {
background-color: #0061b2;
}
#orderMake:hover {
background-color: #2d7bbb;
}
.orderLoad {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/orderLoad.gif") 24px 50% no-repeat #0061b2 !important;
}
#wishlist .prop a:hover {
color: #2d7bbb;
}
#popSection .name:hover {
color: #0061b2;
}
#popSection .last .showMore:hover {
color: #0061b2;
}
#popSection .last .ps:hover {
color: #0061b2;
}
#storesList .storesListTableLink,
#storeDetail .storesMoreLink {
color: #0061b2;
}
#storeDetail .showByMapLink {
color: #000000;
}
#storesList .storesListTableLink:hover,
#storesList .storesListTableMailLink:hover,
#storeDetail .storesMoreLink:hover,
#storeDetail .showByMapLink:hover {
color: #2d7bbb;
}
#complect .complectListItemLink {
color: #000000;
}
#complect .complectListItemLink:hover {
color: #2d7bbb;
}
#complect .complectResultEconomyValue {
color: #ff305c;
}
#appFastView .addCart,
#geo-location-window .geo-location-window-button {
background: #0061b2;
}
#geo-location-window .geo-location-window-list-item .selected span {
color: #0061b2;
border-bottom: 1px dashed #0061b2;
}
#appFastView .addCart:hover,
#geo-location-window .geo-location-window-button:hover {
background-color: #2d7bbb;
}
#geo-location-window .geo-location-window-list-item a:hover {
color: #2d7bbb;
}
.information-feedback,
.shop-review-top-new-button {
color: #0061b2;
border: 1px solid #0061b2;
}
.information-feedback:hover,
.shop-review-top-new-button:hover {
color: #2d7bbb;
border: 1px solid #2d7bbb;
}
.webFormTools input[type="submit"] {
background-color: #0061b2;
}
.webFormTools input[type="submit"]:hover {
background-color: #2d7bbb;
}
#bx-soa-order-form .bx-blue .btn.btn-default {
color: #ffffff;
background-color: #0061b2;
border: 1px solid #0061b2;
}
#bx-soa-order-form textarea {
outline: none;
}
#bx-soa-order-form a {
color: #0061b2;
}
#bx-soa-order-form a:hover {
color: #2d7bbb;
}
#bx-soa-order-form .bx-blue .btn.btn-default:hover {
background-color: #2d7bbb;
}
#bx-soa-order-form .bx-sls .quick-location-tag,
.bx-slst .quick-location-tag {
color: #23527c;
}
#appProductPriceVariant .linkMore {
background: #0061b2;
}
#appProductPriceVariant .linkMore:hover {
background-color: #2d7bbb;
}
#requestPrice #requestPriceSubmit,
#requestPrice #requestPriceResultClose,
#compareBlock .leftTools .all,
#compareTools .hide,
#scrollTable .addCart,
#scrollTable .addSku,
#specialProduct .specialTimeItem,
#specialProduct .more,
#slider .sliderContent .cButton {
background-color: #0061b2;
}
#requestPrice #requestPriceSubmit:hover,
#requestPrice #requestPriceResultClose:hover,
#compareBlock .leftTools .all:hover,
#compareTools .hide:hover,
#scrollTable .addCart:hover,
#specialProduct .more:hover,
#slider .sliderContent .cButton:hover {
background-color: #2d7bbb;
}
#requestPrice .productNameBlock .productUrl:hover,
#scrollTable a.name:hover {
color: #2d7bbb;
}
#requestPrice #requestPriceSubmit.loading {
background: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/loading.gif") 24px 50% no-repeat #2d7bbb !important;
}
#slider .sliderContent .bigTextColor,
#slider .sliderContent .mediumTextColor,
#slider .sliderContent .smallTextColor,
#slider .sliderContent .bigTextLightColor {
color: #0061b2;
}
/* start цвета для новых блоков */
.btn-simple {
background: #0061b2;
border-color: #0061b2;
}
.btn-simple:hover {
background: #2d7bbb;
border-color: #2d7bbb;
}
.btn-simple.btn-border {
color: #0061b2;
background: transparent;
border-color: #0061b2;
}
.btn-simple.btn-border:hover {
color: #2d7bbb;
border-color: #2d7bbb;
}
.active-link:hover {
color: #0061b2;
border-color: #0061b2;
}
.inactive-link:hover {
color: #0061b2;
}
.text-link:hover {
color: #0061b2;
}
.tiles-list .h3:hover {
color: #0061b2;
}
.tiles-list .tile-wrap:first-child .h3:hover {
color: #0061b2;
}
.theme-color {
color: #0061b2;
border-color: #0061b2;
}
body .theme-color-hover {
transition: all 0.2s ease-in-out;
}
body .theme-color-hover:hover {
color: #0061b2;
}
.other-news .name:hover {
color: #0061b2;
}
.big-text-link:hover {
color: #0061b2;
}
.link-dashed:hover {
color: #0061b2;
border-color: #0061b2;
}
.theme-link-dashed {
color: #0061b2;
border-color: #0061b2;
}
.theme-link-dashed:hover {
color: #2d7bbb;
border-color: #2d7bbb;
}
.new-list-items .active-link:hover {
color: #2d7bbb;
border-color: #2d7bbb;
}
.delivery-modal .active-link:hover {
color: #2d7bbb;
border-color: #2d7bbb;
}
.tabs-wrap .tab-btn-link.active {
color: #ffffff;
background-color: #0061b2;
border-color: #0061b2;
}
.tabs-wrap .tab-btn-link.active:hover {
color: #ffffff;
background-color: #0061b2;
border-color: #0061b2;
}
.tabs-wrap .tab-btn-link:hover {
color: #0061b2;
border-color: #0061b2;
}
.tabs-wrap .tab-dashed-link:hover {
color: #0061b2;
}
.bindAction a:hover {
color: #2d7bbb;
}
#catalogElement .dropdownList .selected,
#catalogElement .dropdownList .item:hover {
background-color: #2d7bbb;
}
.smallSpecialTime .specialTimeItem {
background: #0061b2;
}
.productSpecialTime .specialTimeItem {
background: #0061b2;
}
.fastSpecialTime .specialTimeItem {
background: #0061b2;
}
#skuOffersTable .offersTable .basket .addCart {
background-color: #0061b2;
}
#skuOffersTable .offersTable .basket .addCart:hover {
background-color: #2d7bbb;
}
#elementContainer .bindActionImage .image {
background-image: url("/bitrix/templates/dresscodeV2/themes/ultramarine/images/action.svg");
}
#elementContainer .wishCompWrap .elem.added {
background: #0061b2;
border-color: #0061b2;
}
#elementContainer .wishCompWrap .elem.added:hover {
background: #2d7bbb;
border-color: #2d7bbb;
}
/* end цвета для новых блоков */
/* end */
::selection {
color: #ffffff;
background: #eca712;
}
::selection {
color: #ffffff;
background: #eca712;
}
::-webkit-selection {
color: #ffffff;
background: #eca712;
}
/* sale.order.ajax */
#bx-soa-order-form .bx-soa-info-shower,
.bx-soa-pp-delivery-cost,
.bx-soa label.btn-person-type:not(.btn-person-type-checked),
#bx-soa-order-form .bx-soa-pickup-list .bx-soa-pickup-list-item .btn,
.paysystem_name {
color: #0061b2;
}
#bx-soa-order-form .soa-property-files > .btn.btn-default {
color: #0061b2 !important;
}
.checkbox_property.checked::before,
.select-multiple-fake-option.selected-option,
.bx-soa-pp-inner-ps.bx-selected .bx-soa-pp-company-logo,
.bx-soa-pp-info,
#bx-soa-order .bx-soa .bx-soa-coupon-input::after,
#bx-soa-order .bx-soa .coupon_img,
#bx-soa-order .checkbox.checked label::before,
#bx-soa-order .radio.checked label::before,
.bx-selected .delivery-check,
.select-fake-option-fake.option-fake-selected,
#bx-soa-order-form .btn.btn-default,
.bx-pagination .bx-pagination-container ul li.bx-active span,
.bx-soa-pickup-list .bx-soa-pickup-list-item.bx-selected::after {
background-color: #0061b2;
}
.bx-soa-coupon-input::after,
.bx-soa label.btn-person-type-checked {
background-color: #0061b2 !important;
}
#bx-soa-paysystem .bx-soa-pp-company.bx-selected,
.bx-soa label.btn-person-type,
#bx-soa-order-form .btn.btn-default,
.bx-soa-pp-inner-ps.bx-selected .bx-soa-pp-company-graf-container,
.bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container,
.bx-soa-pickup-l-item-btn .btn,
.bx-soa-pickup-list-item.bx-selected {
border-color: #0061b2;
}
#bx-soa-order-form .btn.btn-default,
.bx-soa label.btn-person-type-checked {
border-color: #0061b2 !important;
}
div.blog-comment-field-author input,
div.blog-comment-field-email input {
border: 1px solid #e7e8ea;
}
div.blog-comment-field-captcha input {
border: 1px solid #e7e8ea;
}
/* /sale.order.ajax */
/* End */
/* Start:/bitrix/templates/dresscodeV2/css/premium-design.css?1790410005190010*/
/**
* Technikakup premium design layer.
* Automated deployment enabled via Timeweb Cron.
*
* This file is intentionally loaded after the active Dresscode theme.
* Keep new visual rules under .premium-design to avoid leaking them into
* the Bitrix administration interface and third-party widgets.
*/
:root {
--tk-color-bg: #101010;
--tk-color-bg-soft: #161615;
--tk-color-surface: #1c1b19;
--tk-color-surface-light: #23211e;
--tk-color-text: #f2efe9;
--tk-color-text-muted: #aaa59c;
--tk-color-border: #393631;
--tk-color-border-light: #504a42;
--tk-color-accent: #b99a65;
--tk-logo-gradient: linear-gradient(90deg, #b67f3f 0%, #c89a5a 46%, #e0bd82 100%);
--tk-button-gradient: linear-gradient(90deg, #b67f3f 0%, #c89a5a 46%, #e0bd82 100%);
--tk-button-gradient-hover: linear-gradient(90deg, #c38945 0%, #d3aa68 46%, #e8ca92 100%);
--tk-radius-button: 8px;
--tk-radius-frame: 12px;
--tk-color-accent-light: #d1b681;
--tk-color-dark: #0b0b0b;
--tk-color-white: #ffffff;
--tk-font-heading: "Montserrat", Arial, sans-serif;
--tk-font-body: "Montserrat", Arial, sans-serif;
--tk-container-width: 1440px;
--tk-container-padding: 32px;
--tk-section-space: 88px;
--tk-grid-gap: 24px;
--tk-transition: 180ms ease;
}
/* Homepage solution cards: compact 4 + 2 grid with fluid responsive fallbacks. */
.premium-design.index .index-banners-wrap {
margin: clamp(24px, 3vw, 44px) 0;
}
@media (min-width: 1181px) {
.premium-design.index .index-banners-wrap {
margin-right: clamp(-24px, -1.8vw, -18px);
margin-left: clamp(-24px, -1.8vw, -18px);
}
}
.premium-design.index .index-banners {
--tk-card-content-inset: clamp(11px, 1.1vw, 17px);
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: clamp(12px, 1.25vw, 20px);
margin: 0;
font-size: inherit;
}
.premium-design.index .index-banners .elem-column {
display: contents;
}
.premium-design.index .index-banners .elem-column:nth-child(4) .elem-wrap:first-child {
grid-column: 2;
}
.premium-design.index .index-banners .elem-wrap,
.premium-design.index .index-banners .elem-column:nth-child(4) .elem-wrap {
display: block;
box-sizing: border-box;
width: auto;
min-width: 0;
padding: 0;
overflow: hidden;
border-radius: 6px;
text-decoration: none;
}
.premium-design.index .index-banners .elem,
.premium-design.index .index-banners .elem-column:nth-child(1) .elem,
.premium-design.index .index-banners .elem-column:nth-child(3) .elem {
position: relative;
box-sizing: border-box;
width: 100%;
height: auto;
min-height: 0;
padding: 0;
aspect-ratio: 2.7 / 1;
overflow: hidden;
background: var(--tk-color-bg-soft);
border: 1px solid var(--tk-color-border);
border-radius: 6px;
}
.premium-design.index .index-banners .elem::after {
position: absolute;
inset: 0;
z-index: 1;
background:
linear-gradient(90deg, rgb(5 5 5 / 62%) 0%, rgb(5 5 5 / 24%) 68%, rgb(5 5 5 / 12%) 100%),
linear-gradient(180deg, rgb(7 7 7 / 14%) 12%, rgb(7 7 7 / 82%) 100%);
content: "";
pointer-events: none;
}
.premium-design.index .index-banners .bg {
background-position: center;
background-size: cover;
transition: transform 0.55s ease;
}
.premium-design.index .index-banners .elem-wrap:hover .bg {
transform: scale(1.035);
}
.premium-design.index .index-banners .text-wrap,
.premium-design.index .index-banners .elem-column:nth-child(2) .text-wrap,
.premium-design.index .index-banners .elem-column:nth-child(4) .text-wrap {
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
z-index: 2;
display: block;
box-sizing: border-box;
width: auto;
padding: var(--tk-card-content-inset);
color: #fff;
}
.premium-design.index .index-banners .text-wrap > :first-child {
margin-top: 0 !important;
}
.premium-design.index .index-banners .name,
.premium-design.index .index-banners .name-white,
.premium-design.index .index-banners .text-wrap-white .name {
display: block;
max-height: none;
margin: 0 0 4px;
color: #fff;
font-family: var(--tk-font-body);
font-size: clamp(11.5px, 0.75vw, 14px);
font-weight: 600;
line-height: 1.2;
text-shadow: none;
}
.premium-design.index .index-banners .descr,
.premium-design.index .index-banners .descr-white {
display: block;
max-height: none;
margin: 0 0 8px;
color: rgb(255 255 255 / 82%);
font-size: clamp(8.5px, 0.55vw, 10px);
line-height: 1.35;
}
.premium-design.index .index-banners .btn-simple,
.premium-design.index .index-banners .btn-white .btn-simple {
position: absolute;
right: auto;
bottom: var(--tk-card-content-inset);
left: var(--tk-card-content-inset);
display: inline-flex;
min-height: 0;
margin: 0;
padding: 0 0 2px;
align-items: center;
justify-content: center;
color: var(--tk-color-accent-light);
font-size: 0;
font-weight: 500;
line-height: 1.2;
background: transparent;
border: 0;
border-bottom: 1px solid rgb(209 182 129 / 62%);
border-radius: 0;
box-shadow: none;
transition: color 0.2s ease, border-color 0.2s ease;
}
.premium-design.index .index-banners .btn-simple::before,
.premium-design.index .index-banners .btn-white .btn-simple::before {
font-size: 9px;
content: "Перейти";
}
.premium-design.index .index-banners .btn-simple::after,
.premium-design.index .index-banners .btn-white .btn-simple::after {
margin-left: 8px;
font-size: 11px;
line-height: 1;
content: "\2192";
}
.premium-design.index .index-banners .btn-simple:hover,
.premium-design.index .index-banners .btn-white .btn-simple:hover {
color: #ead5ab;
border-color: #ead5ab;
filter: none;
opacity: 1;
}
@media (max-width: 1180px) {
.premium-design.index .index-banners {
--tk-card-content-inset: clamp(10px, 3.2vw, 14px);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.premium-design.index .index-banners .elem-column:nth-child(4) .elem-wrap:first-child {
grid-column: auto;
}
}
@media (max-width: 640px) {
.premium-design.index .index-banners-wrap {
margin: clamp(24px, 8vw, 36px) 0;
}
.premium-design.index .index-banners {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(8px, 2.5vw, 12px);
}
.premium-design.index .index-banners .elem,
.premium-design.index .index-banners .elem-column:nth-child(1) .elem,
.premium-design.index .index-banners .elem-column:nth-child(3) .elem {
aspect-ratio: 3 / 4;
}
.premium-design.index .index-banners .name,
.premium-design.index .index-banners .name-white,
.premium-design.index .index-banners .text-wrap-white .name {
margin-bottom: 5px;
font-size: clamp(11px, 3.3vw, 13px);
line-height: 1.18;
}
.premium-design.index .index-banners .descr,
.premium-design.index .index-banners .descr-white {
margin-bottom: 9px;
font-size: clamp(8.5px, 2.55vw, 10px);
line-height: 1.3;
}
.premium-design.index .index-banners .btn-simple,
.premium-design.index .index-banners .btn-white .btn-simple {
min-height: 0;
padding: 0 0 2px;
}
.premium-design.index .index-banners .btn-simple::before,
.premium-design.index .index-banners .btn-white .btn-simple::before {
font-size: clamp(8.5px, 2.4vw, 9.5px);
}
}
.premium-design {
background: var(--tk-color-bg);
color: var(--tk-color-text);
font-family: var(--tk-font-body);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.premium-design button,
.premium-design input,
.premium-design select,
.premium-design textarea {
font-family: inherit;
}
.premium-design,
.premium-design * {
box-sizing: border-box;
}
.premium-design img {
max-width: 100%;
}
.premium-design .tk-container {
width: min(
calc(100% - var(--tk-container-padding) * 2),
var(--tk-container-width)
);
margin-inline: auto;
}
.premium-design .tk-section {
padding-block: var(--tk-section-space);
}
.premium-design .tk-section--soft {
background-color: var(--tk-color-bg-soft);
}
.premium-design .tk-section__eyebrow {
margin: 0 0 16px;
color: var(--tk-color-accent-light);
font-size: 11px;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.premium-design .tk-title,
.premium-design .tk-title--large,
.premium-design .tk-title--small {
margin: 0;
color: var(--tk-color-text);
font-family: var(--tk-font-heading);
font-weight: 400;
letter-spacing: -0.015em;
}
.premium-design .tk-title {
font-size: clamp(32px, 3vw, 48px);
line-height: 1.14;
}
.premium-design .tk-title--large {
font-size: clamp(44px, 5.4vw, 82px);
line-height: 1.04;
}
.premium-design .tk-title--small {
font-size: clamp(25px, 2vw, 34px);
line-height: 1.18;
}
.premium-design .tk-lead {
max-width: 680px;
margin: 20px 0 0;
color: var(--tk-color-text-muted);
font-size: 16px;
line-height: 1.7;
}
.premium-design .tk-button {
display: inline-flex;
min-height: 52px;
padding: 13px 28px;
align-items: center;
justify-content: center;
gap: 18px;
border: 1px solid var(--tk-color-accent);
border-radius: 0;
background: var(--tk-color-accent);
color: var(--tk-color-dark);
font-family: var(--tk-font-body);
font-size: 13px;
font-weight: 500;
line-height: 1.2;
text-align: center;
text-decoration: none;
cursor: pointer;
transition:
background-color var(--tk-transition),
border-color var(--tk-transition),
color var(--tk-transition);
}
.premium-design .tk-button:hover,
.premium-design .tk-button:focus-visible {
border-color: var(--tk-color-accent-light);
background: var(--tk-color-accent-light);
color: var(--tk-color-dark);
text-decoration: none;
}
.premium-design .tk-button--outline {
background: transparent;
color: var(--tk-color-text);
}
.premium-design .tk-button--outline:hover,
.premium-design .tk-button--outline:focus-visible {
background: var(--tk-color-accent);
color: var(--tk-color-dark);
}
.premium-design .tk-link {
display: inline-flex;
align-items: center;
gap: 14px;
color: var(--tk-color-text);
font-size: 13px;
line-height: 1.4;
text-decoration: none;
transition: color var(--tk-transition);
}
.premium-design .tk-link::after {
content: "\2192";
color: var(--tk-color-accent);
font-size: 18px;
}
.premium-design .tk-link:hover,
.premium-design .tk-link:focus-visible {
color: var(--tk-color-accent-light);
text-decoration: none;
}
.premium-design .tk-grid {
display: grid;
gap: var(--tk-grid-gap);
}
.premium-design .tk-grid--2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.premium-design .tk-grid--3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.premium-design .tk-grid--4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.premium-design .tk-card {
position: relative;
border: 1px solid var(--tk-color-border);
background: var(--tk-color-surface);
}
.premium-design .tk-field {
width: 100%;
min-height: 52px;
padding: 14px 16px;
border: 1px solid var(--tk-color-border-light);
border-radius: 0;
outline: none;
background: transparent;
color: var(--tk-color-text);
font: 400 14px/1.4 var(--tk-font-body);
transition: border-color var(--tk-transition);
}
.premium-design .tk-field::placeholder {
color: var(--tk-color-text-muted);
opacity: 1;
}
.premium-design .tk-field:hover,
.premium-design .tk-field:focus {
border-color: var(--tk-color-accent);
}
.premium-design .tk-visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
@media (max-width: 1024px) {
:root {
--tk-container-padding: 24px;
--tk-section-space: 64px;
--tk-grid-gap: 18px;
}
.premium-design .tk-grid--4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
:root {
--tk-container-padding: 16px;
--tk-section-space: 48px;
--tk-grid-gap: 14px;
}
.premium-design .tk-grid--2,
.premium-design .tk-grid--3,
.premium-design .tk-grid--4 {
grid-template-columns: minmax(0, 1fr);
}
.premium-design .tk-lead {
font-size: 14px;
line-height: 1.6;
}
.premium-design .tk-button {
width: 100%;
}
}
/* Premium catalog sections and product grid. */
.premium-design .premium-filter-toggle {
display: none;
}
.premium-design .product .premium-action-icon {
display: inline-block;
width: 17px;
height: 17px;
fill: none;
stroke: currentcolor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
vertical-align: middle;
}
.premium-design .premium-catalog-section,
.premium-design .premium-catalog-section * {
box-sizing: border-box;
}
.premium-design .premium-catalog-section {
margin-bottom: clamp(48px, 6vw, 88px);
color: var(--tk-color-text);
font-family: var(--tk-font-body);
}
.premium-design .premium-catalog-section > h1 {
max-width: 980px;
margin: 8px 0 clamp(28px, 4vw, 48px);
color: var(--tk-color-text);
font-weight: 500;
font-size: clamp(32px, 3.5vw, 54px);
font-family: var(--tk-font-heading);
line-height: 1.08;
letter-spacing: -0.035em;
}
.premium-design .premium-catalog-section.premium-catalog-section--root > h1 {
margin-bottom: 22px;
}
.premium-design .premium-catalog-section.premium-catalog-section--root .premium-catalog-root-lead {
max-width: 760px;
margin: -10px 0 clamp(20px, 2.5vw, 30px);
color: var(--tk-color-text-muted);
font-size: clamp(15px, 1.3vw, 18px);
font-family: var(--tk-font-body);
line-height: 1.5;
}
.premium-design .premium-catalog-section.premium-catalog-section--root .catalog-section-list-pictures {
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: clamp(12px, 1.2vw, 18px);
}
.premium-design .premium-catalog-section.premium-catalog-section--root .catalog-section-list-item {
grid-column: span 2;
height: clamp(168px, 13vw, 192px);
}
.premium-design .premium-catalog-section.premium-catalog-section--root .catalog-section-list-item:nth-last-child(2) {
grid-column: 2 / span 2;
}
.premium-design .premium-catalog-section.premium-catalog-section--root .catalog-section-list-item:last-child {
grid-column: 4 / span 2;
}
.premium-design .premium-catalog-section.premium-catalog-section--root .catalog-section-list-icon {
width: clamp(56px, 4.5vw, 66px);
height: clamp(56px, 4.5vw, 66px);
}
.premium-design .premium-catalog-section.premium-catalog-section--root .catalog-section-list-link {
font-size: clamp(17px, 1.3vw, 20px);
}
.premium-design .premium-catalog-section.premium-catalog-section--root .catalog-section-list-item-wp {
padding: clamp(16px, 1.5vw, 22px);
}
@media (max-width: 1100px) {
.premium-design .premium-catalog-section.premium-catalog-section--root .catalog-section-list-pictures {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.premium-design .premium-catalog-section.premium-catalog-section--root .catalog-section-list-item,
.premium-design .premium-catalog-section.premium-catalog-section--root .catalog-section-list-item:nth-last-child(2),
.premium-design .premium-catalog-section.premium-catalog-section--root .catalog-section-list-item:last-child {
grid-column: auto;
}
}
@media (max-width: 560px) {
.premium-design .premium-catalog-section.premium-catalog-section--root .premium-catalog-root-lead {
margin-top: -8px;
}
.premium-design .premium-catalog-section.premium-catalog-section--root .catalog-section-list-pictures {
grid-template-columns: minmax(0, 1fr);
}
.premium-design .premium-catalog-section.premium-catalog-section--root .catalog-section-list-item {
height: 154px;
}
}
.premium-design .premium-catalog-section #catalogColumn {
display: flex;
flex-direction: column;
gap: 24px;
width: 100%;
}
.premium-design .premium-catalog-section #catalogColumn .leftColumn,
.premium-design .premium-catalog-section #catalogColumn .rightColumn {
display: block;
width: 100%;
padding: 0;
}
.premium-design .premium-catalog-section .catalog-section-list-pictures {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: clamp(12px, 1.5vw, 20px);
margin: 0 0 clamp(28px, 4vw, 48px);
border: 0;
}
.premium-design .premium-catalog-section .catalog-section-list-item {
position: relative;
display: flex;
float: none;
align-items: stretch;
width: auto;
height: clamp(190px, 16vw, 230px);
padding: 0;
color: var(--tk-color-text);
line-height: normal;
text-align: left;
text-decoration: none;
background:
radial-gradient(circle at 80% 14%, rgb(203 154 77 / 10%), transparent 34%),
linear-gradient(145deg, #1d1c1a 0%, #161615 100%);
border: 1px solid var(--tk-color-border);
border-radius: var(--tk-radius-frame);
box-shadow: 0 12px 32px rgb(0 0 0 / 12%);
transition: transform var(--tk-transition), border-color var(--tk-transition), box-shadow var(--tk-transition);
}
.premium-design .premium-catalog-section .catalog-section-list-item::before {
display: none;
}
.premium-design .premium-catalog-section .catalog-section-list-item:hover {
color: var(--tk-color-text);
border-color: rgb(208 165 94 / 70%);
box-shadow: 0 18px 44px rgb(0 0 0 / 28%);
transform: translateY(-3px);
}
.premium-design .premium-catalog-section .catalog-section-list-item-wp {
display: grid;
grid-template-rows: 1fr auto auto;
align-items: center;
width: 100%;
padding: clamp(20px, 2vw, 28px);
line-height: normal;
vertical-align: initial;
}
.premium-design .premium-catalog-section .catalog-section-list-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: clamp(58px, 5vw, 76px);
height: clamp(58px, 5vw, 76px);
color: var(--tk-color-accent-light);
background: rgb(201 156 84 / 7%);
border: 1px solid rgb(205 164 97 / 22%);
border-radius: 18px;
}
.premium-design .premium-catalog-section .catalog-section-list-icon svg {
width: 72%;
height: 72%;
fill: none;
stroke: currentcolor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
.premium-design .premium-catalog-section .catalog-section-list-kicker {
display: block;
margin: 12px 0 7px;
color: var(--tk-color-accent-light);
font-weight: 700;
font-size: 10px;
font-family: var(--tk-font-heading);
line-height: 1.2;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.premium-design .premium-catalog-section .catalog-section-list-link {
display: block;
height: auto;
overflow: visible;
color: var(--tk-color-text);
font-weight: 600;
font-size: clamp(16px, 1.3vw, 20px);
font-family: var(--tk-font-heading);
line-height: 1.25;
text-align: left;
}
/* Catalog tags follow the same dark bronze visual system as category cards. */
.premium-design .premium-catalog-section .catalogTagItems {
display: flex;
flex-wrap: wrap;
gap: 9px;
margin: 0 0 14px;
}
.premium-design .premium-catalog-section .catalogTagItems .catalogTagItem {
display: block;
margin: 0 !important;
}
.premium-design .premium-catalog-section .catalogTagItems .catalogTagLink {
display: inline-flex;
min-height: 36px;
align-items: center;
justify-content: center;
padding: 7px 14px;
color: var(--tk-color-text-muted) !important;
font-weight: 500;
font-size: 12px;
font-family: var(--tk-font-heading);
line-height: 1.35;
text-align: center;
text-decoration: none;
background: linear-gradient(145deg, #1c1b19, #151514) !important;
border: 1px solid var(--tk-color-border) !important;
border-radius: 9px !important;
box-shadow: 0 8px 18px rgb(0 0 0 / 12%);
transition: color var(--tk-transition), border-color var(--tk-transition), background var(--tk-transition), box-shadow var(--tk-transition), transform var(--tk-transition);
}
.premium-design .premium-catalog-section .catalogTagItems .catalogTagLink:hover,
.premium-design .premium-catalog-section .catalogTagItems .catalogTagLink:focus-visible {
color: var(--tk-color-text) !important;
background: linear-gradient(145deg, #252119, #191714) !important;
border-color: rgb(213 169 98 / 58%) !important;
box-shadow: 0 10px 24px rgb(0 0 0 / 22%);
outline: 0;
transform: translateY(-1px);
}
.premium-design .premium-catalog-section .catalogTagItems .catalogTagLink.selected {
color: #15110c !important;
font-weight: 600;
background: var(--tk-button-gradient) !important;
border-color: transparent !important;
box-shadow: 0 10px 24px rgb(182 127 63 / 18%);
}
.premium-design .premium-catalog-section .catalogTagItems .catalogTagLink.selected .reset {
display: inline-flex;
width: 18px;
height: 18px;
margin-left: 8px;
align-items: center;
justify-content: center;
font-size: 11px;
line-height: 1;
border: 1px solid rgb(21 17 12 / 24%);
border-radius: 5px;
}
.premium-design .premium-catalog-section .catalogTagItems .moreButton .catalogTagLink {
color: var(--tk-color-accent-light) !important;
background: transparent !important;
border-color: rgb(213 169 98 / 36%) !important;
}
/* Uniform catalog filter: every parameter group is visible and uses one fixed card size. */
.premium-design .premium-catalog-section .premium-catalog-filter-column {
padding-bottom: 0;
}
.premium-design .premium-catalog-section #smartFilter {
position: relative !important;
z-index: 20;
width: 100% !important;
margin: 0 0 6px;
background: linear-gradient(145deg, #1b1a18, #151514);
border: 1px solid var(--tk-color-border);
border-radius: var(--tk-radius-frame);
box-shadow: none;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
.premium-design .premium-catalog-section #smartFilter .premium-filter-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
min-height: 62px;
padding: 10px 18px;
border-bottom: 1px solid var(--tk-color-border);
cursor: pointer;
transition: border-color var(--tk-transition), background var(--tk-transition);
}
.premium-design .premium-catalog-section #smartFilter:not(.premium-filter-open) .premium-filter-header {
border-bottom-color: transparent;
}
.premium-design .premium-catalog-section #smartFilter .premium-filter-header:focus-visible {
outline: 1px solid var(--tk-color-accent);
outline-offset: -3px;
}
.premium-design .premium-catalog-section #smartFilter span.heading {
display: block;
height: auto;
padding: 0;
color: var(--tk-color-text);
font-weight: 600;
font-size: 14px !important;
font-family: var(--tk-font-heading);
line-height: 1.3;
text-align: left;
text-transform: none;
background: transparent;
}
@keyframes premiumFilterHeadingPulse {
0%,
100% {
background-position: 0% 50%;
filter: drop-shadow(0 0 0 rgb(211 169 98 / 0%));
}
50% {
background-position: 100% 50%;
filter: drop-shadow(0 0 8px rgb(211 169 98 / 24%));
}
}
.premium-design .premium-catalog-section #smartFilter:not(.premium-filter-open) span.heading {
color: transparent !important;
background-image: linear-gradient(90deg, #f4f1eb 0%, #f4f1eb 28%, #a86f32 54%, #f0cf8b 76%, #bd8140 100%);
background-position: 0% 50%;
background-size: 250% 100%;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: premiumFilterHeadingPulse 2.2s ease-in-out infinite;
}
.premium-design .premium-catalog-section #smartFilter.premium-filter-open span.heading {
animation: none;
}
.premium-design .premium-catalog-section .premium-filter-toggle {
display: none !important;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 38px;
padding: 0 15px;
color: #111 !important;
font-weight: 600;
font-size: 12px;
font-family: var(--tk-font-heading);
background: var(--tk-button-gradient) !important;
border: 1px solid transparent !important;
border-radius: var(--tk-radius-button) !important;
box-shadow: 0 8px 22px rgb(182 127 63 / 14%);
cursor: pointer;
transition: background var(--tk-transition), box-shadow var(--tk-transition), transform var(--tk-transition);
}
.premium-design .premium-catalog-section #smartFilter .premium-filter-toggle:hover,
.premium-design .premium-catalog-section #smartFilter .premium-filter-toggle:focus-visible {
color: #111 !important;
background: var(--tk-button-gradient-hover) !important;
box-shadow: 0 10px 26px rgb(202 154 90 / 22%);
outline: 0;
}
.premium-design .premium-catalog-section .premium-filter-toggle svg {
width: 16px;
height: 16px;
fill: none;
stroke: currentcolor;
stroke-width: 1.7;
transition: transform var(--tk-transition);
}
.premium-design .premium-catalog-section #smartFilter.premium-filter-open .premium-filter-toggle svg {
transform: rotate(180deg);
}
.premium-design .premium-catalog-section #smartFilterForm {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
align-items: stretch;
gap: 10px;
padding: 16px;
}
.premium-design .premium-catalog-section #smartFilter:not(.premium-filter-open) #smartFilterForm {
display: none !important;
}
.premium-design .premium-catalog-section #smartFilter.premium-filter-open #smartFilterForm {
display: grid !important;
}
@media (prefers-reduced-motion: reduce) {
.premium-design .premium-catalog-section #smartFilter:not(.premium-filter-open) span.heading {
background-position: 100% 50%;
animation: none;
}
}
.premium-design .premium-catalog-section #smartFilterForm > .paramsBox {
min-width: 0;
padding: 14px;
background: #121211;
border: 1px solid var(--tk-color-border);
border-radius: 14px;
font-size: 12px;
}
.premium-design .premium-catalog-section #smartFilterForm > .paramsBox:not(.filter-prop-brand) {
display: block !important;
width: 100%;
height: 168px;
min-height: 168px;
max-height: 168px;
overflow: hidden;
}
.premium-design .premium-catalog-section #smartFilterForm > .filter-prop-brand {
grid-column: 1 / -1;
padding: 6px 2px 10px;
background: transparent;
border: 0;
}
.premium-design .premium-catalog-section #smartFilter .paramsBoxTitle {
margin-bottom: 8px;
color: var(--tk-color-text);
font-weight: 600;
font-size: 12px;
font-family: var(--tk-font-heading);
line-height: 1.4;
}
.premium-design .premium-catalog-section #smartFilter .paramsBoxTitle span {
pointer-events: none;
}
.premium-design .premium-catalog-section #smartFilter .filter-prop-brand .paramsBoxTitle {
display: block;
margin: 0 0 12px;
color: var(--tk-color-accent-light);
font-size: 11px;
letter-spacing: 0.13em;
text-transform: uppercase;
}
.premium-design .premium-catalog-section #smartFilter .filter-prop-brand .propExpander {
display: none;
}
.premium-design .premium-catalog-section #smartFilterForm > .paramsBox:not(.filter-prop-brand) .propExpander {
display: none !important;
}
.premium-design .premium-catalog-section #smartFilter .filter-prop-brand .params,
.premium-design .premium-catalog-section #smartFilter .filter-prop-brand .params.collapsed {
display: block;
max-height: none;
margin: 0;
overflow: visible;
opacity: 1;
}
.premium-design .premium-catalog-section #smartFilter .filter-prop-brand .checkbox,
.premium-design .premium-catalog-section #smartFilter .filter-prop-brand .radio,
.premium-design .premium-catalog-section #smartFilter .filter-prop-brand .checkboxList {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0;
padding: 0;
}
.premium-design .premium-catalog-section #smartFilter .filter-prop-brand li {
padding: 0;
}
.premium-design .premium-catalog-section #smartFilter .filter-prop-brand li.off {
display: block !important;
}
.premium-design .premium-catalog-section #smartFilter .filter-prop-brand li:has(> .showALL) {
display: none !important;
}
.premium-design .premium-catalog-section #smartFilter .filter-prop-brand .showALL {
display: none !important;
}
.premium-design .premium-catalog-section #smartFilter .filter-prop-brand input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.premium-design .premium-catalog-section #smartFilter .filter-prop-brand input + label {
padding-left: 13px !important;
}
.premium-design .premium-catalog-section #smartFilter .filter-prop-brand input + label::before {
display: none !important;
content: none !important;
}
.premium-design .premium-catalog-section #smartFilter .filter-prop-brand label,
.premium-design .premium-catalog-section #smartFilter .filter-prop-brand .showALL {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 13px;
color: var(--tk-color-text-muted);
font-size: 12px;
line-height: 1;
text-decoration: none;
background: #171716;
border: 1px solid var(--tk-color-border);
border-radius: 999px;
cursor: pointer;
transition: color var(--tk-transition), border-color var(--tk-transition), background var(--tk-transition);
}
.premium-design .premium-catalog-section #smartFilter .filter-prop-brand label:hover,
.premium-design .premium-catalog-section #smartFilter .filter-prop-brand label.selected,
.premium-design .premium-catalog-section #smartFilter .filter-prop-brand input:checked + label {
color: #111;
background: var(--tk-button-gradient);
border-color: transparent;
}
.premium-design .premium-catalog-section #smartFilter .elCount {
display: none !important;
}
/* Replace the legacy blue image-based range slider with the bronze-gold system. */
.premium-design .premium-catalog-section #smartFilter .rangeSlider .slider {
height: 36px;
width: calc(100% - 24px);
max-width: calc(100% - 24px);
margin: 18px 12px 0;
background: none !important;
}
.premium-design .premium-catalog-section #smartFilter .rangeSlider .slider::before {
position: absolute;
top: 15px;
right: 0;
left: 0;
height: 5px;
background: rgb(185 154 101 / 24%);
border: 1px solid rgb(208 165 94 / 18%);
border-radius: 999px;
content: "";
}
.premium-design .premium-catalog-section #smartFilter .rangeSlider .handler {
top: 15px;
height: 5px;
background: var(--tk-button-gradient);
border-radius: 999px;
}
.premium-design .premium-catalog-section #smartFilter .rangeSlider .slider .blackoutLeft,
.premium-design .premium-catalog-section #smartFilter .rangeSlider .slider .blackoutRight {
top: 0;
height: 5px;
background: #37322b !important;
border-radius: 999px;
}
.premium-design .premium-catalog-section #smartFilter .rangeSlider .slider ins,
.premium-design .premium-catalog-section #smartFilter .rangeSlider .slider ins:hover,
.premium-design .premium-catalog-section #smartFilter .rangeSlider .slider ins:active {
top: -7px;
width: 19px;
height: 19px;
background: var(--tk-button-gradient) !important;
border: 2px solid #171614;
border-radius: 50%;
box-shadow: 0 0 0 1px rgb(224 189 130 / 58%), 0 4px 12px rgb(0 0 0 / 30%);
}
.premium-design .premium-catalog-section #smartFilter .rangeSlider .slider .left {
right: -11px;
}
.premium-design .premium-catalog-section #smartFilter .rangeSlider .slider .right {
left: -11px;
}
/* Compact, softly rounded swatches for colour and material filters. */
.premium-design .premium-catalog-section #smartFilter .checkboxList .icon {
box-sizing: border-box;
width: 30px;
height: 30px;
margin-right: 9px;
padding: 3px;
overflow: hidden;
background: #171716;
border-color: var(--tk-color-border-light);
border-radius: 7px;
}
.premium-design .premium-catalog-section #smartFilter .checkboxList .icon .wrap {
width: 22px;
height: 22px;
border-radius: 4px;
}
.premium-design .premium-catalog-section #smartFilter .checkboxList label:hover .icon,
.premium-design .premium-catalog-section #smartFilter .checkboxList label.selected .icon,
.premium-design .premium-catalog-section #smartFilter .checkboxList input:checked + label .icon {
border-color: var(--tk-color-accent);
box-shadow: 0 0 0 1px rgb(185 154 101 / 18%);
}
.premium-design .premium-catalog-section #smartFilterForm > .paramsBox:not(.filter-prop-brand) > .params,
.premium-design .premium-catalog-section #smartFilterForm > .paramsBox:not(.filter-prop-brand) > .params.collapsed,
.premium-design .premium-catalog-section #smartFilterForm > .paramsBox:not(.filter-prop-brand) > .params:not(.collapsed) {
display: block !important;
max-height: 115px !important;
margin: 0 !important;
padding-right: 6px;
overflow-x: hidden !important;
overflow-y: auto !important;
opacity: 1 !important;
visibility: visible !important;
scrollbar-color: rgb(202 157 84 / 55%) #181817;
scrollbar-width: thin;
}
.premium-design .premium-catalog-section #smartFilterForm > .paramsBox:not(.filter-prop-brand) > .params::-webkit-scrollbar {
width: 6px;
}
.premium-design .premium-catalog-section #smartFilterForm > .paramsBox:not(.filter-prop-brand) > .params::-webkit-scrollbar-track {
background: #1a1917;
border-radius: 999px;
}
.premium-design .premium-catalog-section #smartFilterForm > .paramsBox:not(.filter-prop-brand) > .params::-webkit-scrollbar-thumb {
background: var(--tk-button-gradient);
border-radius: 999px;
}
.premium-design .premium-catalog-section #smartFilterForm > .paramsBox:not(.filter-prop-brand) > .params li.off {
display: list-item !important;
}
.premium-design .premium-catalog-section #smartFilterForm > .paramsBox:not(.filter-prop-brand) > .params li:has(> .showALL) {
display: none !important;
}
.premium-design .premium-catalog-section #smartFilterForm > .paramsBox:not(.filter-prop-brand) > .params .showALL {
display: none !important;
}
.premium-design .premium-catalog-section #smartFilter .checkbox li,
.premium-design .premium-catalog-section #smartFilter .radio li {
padding-bottom: 6px;
}
.premium-design .premium-catalog-section #smartFilter .checkbox label,
.premium-design .premium-catalog-section #smartFilter .radio label,
.premium-design .premium-catalog-section #smartFilter .checkboxList .value {
color: var(--tk-color-text-muted);
font-size: 12px;
}
.premium-design .premium-catalog-section #smartFilterControls {
display: flex;
grid-column: 1 / -1;
align-items: center;
justify-content: center;
gap: 10px;
margin: 0;
padding: 2px 0 0;
list-style: none;
}
.premium-design .premium-catalog-section #smartFilterControls > li {
float: none !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
.premium-design .premium-catalog-section #smartFilterControls a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 0 18px;
font-weight: 600;
font-size: 12px;
font-family: var(--tk-font-heading);
text-decoration: none;
border-radius: var(--tk-radius-button);
}
.premium-design .premium-catalog-section #smartFilterControls #set_filter {
color: #111;
background: var(--tk-button-gradient);
}
.premium-design .premium-catalog-section #smartFilterControls #del_filter {
color: var(--tk-color-text-muted);
background: #191918;
border: 1px solid var(--tk-color-border);
}
.premium-design .premium-catalog-section #modef {
color: var(--tk-color-text-muted);
font-size: 12px;
background: #171716;
border: 1px solid var(--tk-color-border-light);
border-radius: 10px;
}
.premium-design .premium-catalog-section #modef_send {
color: var(--tk-color-accent-light);
}
/* Sorting panel. */
.premium-design .premium-catalog-section #catalogLine {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 22px;
height: auto;
min-height: 58px;
margin: 0 0 18px;
padding: 10px 16px;
color: var(--tk-color-text-muted);
line-height: normal;
background: #171716;
border: 1px solid var(--tk-color-border);
border-radius: var(--tk-radius-frame);
}
.premium-design .premium-catalog-section #catalogLine .column {
margin: 0;
}
.premium-design .premium-catalog-section #catalogLine .oFilter {
display: none !important;
}
.premium-design .premium-catalog-section #catalogLine .label {
margin-right: 8px;
color: var(--tk-color-text-muted);
font-size: 12px;
}
.premium-design .premium-catalog-section #catalogLine .dropDownSelected {
color: var(--tk-color-text);
font-size: 12px;
}
.premium-design .premium-catalog-section #catalogLine .viewList .element a.selected {
filter: brightness(0) saturate(100%) invert(68%) sepia(28%) saturate(846%) hue-rotate(355deg) brightness(91%) contrast(86%);
}
/* Product cards. */
.premium-design .premium-catalog-section #catalogSection .productList {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: clamp(12px, 1.4vw, 18px);
margin: 0;
border: 0;
}
.premium-design .premium-catalog-section #catalogSection .product .markerContainer {
top: 10px;
left: 10px;
display: flex;
align-items: flex-start;
flex-direction: column;
gap: 4px;
}
.premium-design .premium-catalog-section #catalogSection .product .marker {
margin: 0;
padding: 3px 7px;
color: #16130f !important;
font-weight: 600;
font-size: 10px;
font-family: var(--tk-font-body);
line-height: 14px;
background: var(--tk-button-gradient) !important;
border: 1px solid rgb(224 189 130 / 34%);
border-radius: 6px;
box-shadow: 0 4px 12px rgb(0 0 0 / 16%);
}
.premium-design .premium-catalog-section #catalogSection .productList > .clear {
display: none;
}
.premium-design .premium-catalog-section #catalogSection .product {
float: none;
width: auto !important;
height: 384px;
background: transparent;
border: 0;
}
.premium-design .premium-catalog-section #catalogSection .product::before {
display: none;
}
.premium-design .premium-catalog-section #catalogSection .product .tabloid {
width: 100%;
height: 384px;
padding: 13px;
overflow: visible;
background: linear-gradient(155deg, #1c1b1a 0%, #161615 100%);
border: 1px solid var(--tk-color-border);
border-radius: 16px;
box-shadow: 0 12px 28px rgb(0 0 0 / 12%);
transition: border-color var(--tk-transition), box-shadow var(--tk-transition), transform var(--tk-transition);
}
.premium-design .premium-catalog-section #catalogSection .product:hover .tabloid {
position: relative;
z-index: 30;
height: 384px;
min-height: 384px;
background: linear-gradient(155deg, #201e1b 0%, #171716 100%);
border-color: rgb(205 162 94 / 65%);
box-shadow: 0 22px 50px rgb(0 0 0 / 48%);
transform: translateY(-3px);
}
.premium-design .premium-catalog-section #catalogSection .productColImage {
overflow: hidden;
background: #f5f4f1;
border-radius: 12px;
}
.premium-design .premium-catalog-section #catalogSection .product .picture {
height: 210px;
line-height: 210px;
}
.premium-design .premium-catalog-section #catalogSection .product .picture img {
max-width: 88%;
max-height: 88%;
object-fit: contain;
}
.premium-design .premium-catalog-section #catalogSection .productColText {
display: flex;
flex-direction: column;
}
.premium-design .premium-catalog-section #catalogSection .product .name {
display: flex;
order: 2;
align-items: center;
height: 48px;
margin: 1px 2px 4px;
color: var(--tk-color-text);
font-weight: 500;
font-size: 13px;
font-family: var(--tk-font-heading);
line-height: 1.35;
}
.premium-design .premium-catalog-section #catalogSection .product .middle {
line-height: 1.35;
}
.premium-design .premium-catalog-section #catalogSection .product .price {
display: block;
height: 24px !important;
min-width: 0;
min-height: 0;
margin: 0;
color: var(--tk-color-text);
font-weight: 700;
font-size: 18px;
font-family: var(--tk-font-heading);
line-height: 24px !important;
}
.premium-design .premium-catalog-section #catalogSection .product .premium-price-action-row {
display: flex;
order: 1;
height: 24px;
min-height: 24px;
margin: 10px 2px 0;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.premium-design .premium-catalog-section #catalogSection .product .rating {
position: relative;
top: auto;
right: auto;
left: auto;
flex: 0 0 64px;
width: 64px;
margin: 0;
opacity: 0.9;
}
.premium-design .product .getFastView,
.premium-design #catalogLineList .picture .getFastView {
display: inline-flex;
box-sizing: border-box;
align-items: center;
justify-content: center;
width: 150px;
min-width: 150px;
height: 36px;
margin: -18px 0 0;
padding: 0 14px;
color: var(--tk-color-text);
font-size: 12px;
font-family: var(--tk-font-heading);
line-height: 1;
white-space: nowrap;
background: rgb(17 17 17 / 90%);
border: 1px solid rgb(209 167 99 / 55%);
border-radius: 999px;
transform: translateX(-50%);
}
.premium-design .premium-catalog-section #catalogSection .product .addCartContainer {
flex: 0 0 auto;
width: 100%;
min-width: 0;
margin: 0;
border-radius: var(--tk-radius-button);
}
.premium-design .premium-catalog-section #catalogSection .product .addCart {
display: block;
box-sizing: border-box;
width: 100%;
height: 34px;
padding: 0 13px;
color: #111;
font-weight: 600;
font-size: 11px;
font-family: var(--tk-font-heading);
line-height: 34px;
background: var(--tk-button-gradient);
border-radius: var(--tk-radius-button);
}
.premium-design .premium-catalog-section #catalogSection .product .addCartContainer.viewed span,
.premium-design .premium-catalog-section #catalogSection .product .addCartContainer:hover span {
left: 50%;
transform: translate(-50%, -50%);
}
.premium-design .premium-catalog-section #catalogSection .product .quantityContainer {
display: none;
}
.premium-design .premium-catalog-section #catalogSection .product .optional {
visibility: visible;
margin: 0 2px;
padding-top: 2px;
opacity: 1;
pointer-events: auto;
}
.premium-design .premium-catalog-section #catalogSection .product .row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 7px;
margin-bottom: 7px;
overflow: visible;
}
.premium-design .premium-catalog-section #catalogSection .product .premium-card-meta {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 22px;
margin: 0 0 7px;
gap: 8px;
}
.premium-design .premium-catalog-section #catalogSection .product .premium-card-actions {
display: grid;
grid-template-columns: minmax(108px, 126px) 30px 30px;
align-items: center;
margin: 0;
gap: 8px;
}
.premium-design .premium-catalog-section #catalogSection .product .premium-card-actions .addWishlist,
.premium-design .premium-catalog-section #catalogSection .product .premium-card-actions .addCompare {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 34px;
padding: 0;
color: var(--tk-color-text-muted);
font-size: 0 !important;
border: 0;
border-radius: 8px;
}
.premium-design .premium-catalog-section #catalogSection .product .premium-card-actions .addWishlist:hover,
.premium-design .premium-catalog-section #catalogSection .product .premium-card-actions .addCompare:hover,
.premium-design .premium-catalog-section #catalogSection .product .premium-card-actions .addWishlist.added,
.premium-design .premium-catalog-section #catalogSection .product .premium-card-actions .addCompare.added {
color: var(--tk-color-accent-light);
background: rgb(205 162 94 / 10%);
}
.premium-design .premium-catalog-section #catalogSection .product .premium-card-actions .premium-action-icon {
width: 19px;
height: 19px;
margin: 0;
}
.premium-design .premium-catalog-section #catalogSection .product .premium-card-fastback {
display: none;
}
.premium-design .premium-catalog-section #catalogSection .product .label,
.premium-design .premium-catalog-section #catalogSection .product .row .label:last-child {
display: inline-flex;
float: none;
align-items: center;
width: auto;
min-width: 0;
color: var(--tk-color-text-muted);
font-size: 11px;
font-family: var(--tk-font-body);
line-height: 1.3;
white-space: nowrap;
}
.premium-design .premium-catalog-section #catalogSection .product .premium-action-icon {
flex: 0 0 16px;
width: 16px;
height: 16px;
margin: 0 6px 0 0;
padding: 0;
fill: none;
stroke: currentcolor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
.premium-design .premium-catalog-section #catalogSection .product .addCart .premium-action-icon {
width: 17px;
height: 17px;
margin: -2px 7px 0 0;
padding: 0;
}
.premium-design .premium-catalog-section #catalogSection .product .fastBack,
.premium-design .premium-catalog-section #catalogSection .product .addCompare,
.premium-design .premium-catalog-section #catalogSection .product .addWishlist {
transition: color var(--tk-transition);
}
.premium-design .premium-catalog-section #catalogSection .product .fastBack:hover,
.premium-design .premium-catalog-section #catalogSection .product .addCompare:hover,
.premium-design .premium-catalog-section #catalogSection .product .addWishlist:hover {
color: var(--tk-color-accent-light);
}
.premium-design .premium-catalog-section #catalogSection .product .inStock {
color: #8ab96b !important;
}
.premium-design .premium-catalog-section #catalogSection .product .changeAvailable,
.premium-design .premium-catalog-section #catalogSection .product .changeAvailable span {
font-weight: 600 !important;
font-size: 11px !important;
font-family: var(--tk-font-body) !important;
line-height: 1.2 !important;
}
.premium-design .premium-catalog-section #catalogSection .product .changeAvailable .premium-action-icon {
flex-basis: 13px;
width: 13px;
height: 13px;
margin-right: 5px;
}
@media (min-width: 701px) {
.premium-design .premium-catalog-section #catalogSection .product .optional {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
.premium-design .premium-catalog-section #catalogSection .product:hover .optional,
.premium-design .premium-catalog-section #catalogSection .product:focus-within .optional {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
}
@media (max-width: 1400px) {
.premium-design .premium-catalog-section #catalogSection .productList {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 1100px) {
.premium-design .premium-catalog-section .catalog-section-list-pictures,
.premium-design .premium-catalog-section #catalogSection .productList {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.premium-design .premium-catalog-section #smartFilterForm {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
/* Show four catalog tags by default; reveal the rest with the existing toggle. */
.premium-design .premium-catalog-section .catalogTagItems:has(> .moreButton) > .catalogTagItem:nth-child(n + 5):not(.moreButton):not(.showAll) {
display: none !important;
}
.premium-design .premium-catalog-section .catalogTagItems:has(> .moreButton) > .catalogTagItem.showAll {
display: block !important;
}
.premium-design .premium-catalog-section .catalogTagItems:has(> .moreButton) > .moreButton {
display: block !important;
}
@media (max-width: 1024px) {
/* Override the legacy white mobile flyout while retaining the filter layout. */
.premium-design .premium-catalog-section #catalogColumn #smartFilter,
.premium-design .premium-catalog-section #catalogColumn #smartFilter.premium-filter-open,
.premium-design .premium-catalog-section #catalogColumn #smartFilter.premium-filter-collapsed {
background: transparent !important;
box-shadow: none !important;
}
.premium-design .premium-catalog-section #smartFilter .premium-filter-header,
.premium-design .premium-catalog-section #smartFilter:not(.premium-filter-open) .premium-filter-header {
border: 1px solid var(--tk-color-accent) !important;
border-radius: var(--tk-radius-button);
}
}
/* Mobile carousels use swipe/pagers; remove overlapping previous/next arrows. */
@media (max-width: 767px) {
.premium-design [class*="BtnLeft"],
.premium-design [class*="BtnRight"],
.premium-design [class*="btnLeft"],
.premium-design [class*="btnRight"],
.premium-design [class*="Button--prev"],
.premium-design [class*="Button--next"],
.premium-design [id*="LeftButton"],
.premium-design [id*="RightButton"],
.premium-design .owl-prev,
.premium-design .owl-next,
.premium-design .slick-prev,
.premium-design .slick-next,
.premium-design .swiper-button-prev,
.premium-design .swiper-button-next,
.premium-design .carousel-control-prev,
.premium-design .carousel-control-next {
display: none !important;
}
}
@media (max-width: 820px) {
.premium-design .premium-catalog-section .catalog-section-list-pictures,
.premium-design .premium-catalog-section #catalogSection .productList,
.premium-design .premium-catalog-section #smartFilterForm {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.premium-design .premium-catalog-section #catalogLine .column:last-child {
float: none;
margin-left: auto;
}
}
@media (max-width: 700px) {
.premium-design .premium-catalog-section #catalogSection .product {
height: auto;
}
.premium-design .premium-catalog-section #catalogSection .product .tabloid,
.premium-design .premium-catalog-section #catalogSection .product:hover .tabloid {
position: relative;
height: 100%;
min-height: 0;
transform: none;
}
.premium-design .premium-catalog-section #catalogSection .product .picture {
height: 190px;
line-height: 190px;
}
.premium-design .premium-catalog-section #catalogSection .product .optional,
.premium-design .premium-catalog-section #catalogSection .product .addCartContainer {
display: block;
}
.premium-design .premium-catalog-section #catalogSection .product .addCart {
display: block;
}
.premium-design .premium-catalog-section #catalogSection .product .row:first-child {
display: grid;
}
.premium-design .premium-catalog-section #catalogSection .product .btn-simple.add-cart {
display: none;
}
}
@media (max-width: 560px) {
.premium-design .premium-catalog-section .catalog-section-list-pictures {
gap: 10px;
}
.premium-design .premium-catalog-section .catalog-section-list-item {
height: 166px;
}
.premium-design .premium-catalog-section .catalog-section-list-item-wp {
padding: 16px;
}
.premium-design .premium-catalog-section .catalog-section-list-icon {
width: 52px;
height: 52px;
border-radius: 14px;
}
.premium-design .premium-catalog-section .catalog-section-list-link {
font-size: 14px;
}
.premium-design .premium-catalog-section #smartFilter .premium-filter-header {
align-items: flex-start;
flex-direction: column;
padding: 15px;
}
.premium-design .premium-catalog-section .premium-filter-toggle {
width: 100%;
}
.premium-design .premium-catalog-section #smartFilterForm {
grid-template-columns: minmax(0, 1fr);
padding: 12px;
}
.premium-design .premium-catalog-section #smartFilterControls {
display: flex;
justify-content: center;
}
.premium-design .premium-catalog-section #catalogLine {
align-items: flex-start;
flex-direction: column;
}
.premium-design .premium-catalog-section #catalogLine .column:last-child {
margin-left: 0;
}
.premium-design .premium-catalog-section #catalogSection .productList {
grid-template-columns: minmax(0, 1fr);
}
.premium-design .premium-catalog-section #catalogSection .product .picture {
height: min(72vw, 280px);
line-height: min(72vw, 280px);
}
.premium-design .premium-catalog-section #catalogSection .product .name {
height: auto;
min-height: 42px;
font-size: 14px;
}
}
/* Premium editorial pages: company, delivery and promotions. */
.premium-design .global-information-block:has(.global-information-block-cn) {
display: none !important;
}
.premium-design .global-block-container:has(.global-information-block-cn) > .global-content-block {
display: block;
box-sizing: border-box;
width: 100%;
padding-right: 0;
}
.premium-design:has(.premium-editorial-page) h1 {
color: var(--tk-color-text);
font-family: var(--tk-font-heading);
}
.premium-design:has(.premium-editorial-page) #personalMenu {
border-bottom-color: var(--tk-color-border);
}
.premium-design:has(.premium-editorial-page) #personalMenu li a {
color: var(--tk-color-text-muted);
font-family: var(--tk-font-heading);
}
.premium-design:has(.premium-editorial-page) #personalMenu li a:hover,
.premium-design:has(.premium-editorial-page) #personalMenu li .selected,
.premium-design:has(.premium-editorial-page) #personalMenu li .selected:hover {
color: var(--tk-color-text);
}
.premium-design:has(.premium-editorial-page) #personalMenu li .selected {
border-bottom-color: var(--tk-color-accent);
}
.premium-design:has(.premium-editorial-page) #personalMenu::after {
background: linear-gradient(to right, rgb(16 16 16 / 0%), var(--tk-color-bg) 88%);
}
.premium-design .premium-editorial-page,
.premium-design .premium-editorial-page * {
box-sizing: border-box;
}
.premium-design .premium-editorial-page {
--tk-editorial-gap: clamp(18px, 2vw, 28px);
display: grid;
gap: clamp(48px, 6vw, 84px);
margin: clamp(24px, 3vw, 42px) 0 clamp(48px, 7vw, 96px);
color: var(--tk-color-text);
font-family: var(--tk-font-body);
}
.premium-design .premium-editorial-page h2,
.premium-design .premium-editorial-page h3,
.premium-design .premium-editorial-page p {
margin-top: 0;
}
.premium-design .premium-editorial-page h2 {
margin-bottom: 18px;
color: var(--tk-color-text);
font-weight: 500;
font-size: clamp(30px, 3.2vw, 52px);
font-family: var(--tk-font-heading);
line-height: 1.08;
letter-spacing: -0.035em;
}
.premium-design .premium-editorial-page h3 {
margin-bottom: 12px;
color: var(--tk-color-text);
font-weight: 600;
font-size: clamp(18px, 1.5vw, 23px);
font-family: var(--tk-font-heading);
line-height: 1.25;
}
.premium-design .premium-editorial-page p,
.premium-design .premium-editorial-page li {
color: var(--tk-color-text-muted);
font-size: clamp(15px, 1.15vw, 17px);
line-height: 1.7;
}
.premium-design .premium-editorial-eyebrow {
display: block;
margin-bottom: 14px;
color: var(--tk-color-accent-light);
font-weight: 700;
font-size: 12px;
font-family: var(--tk-font-heading);
line-height: 1.3;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.premium-design .premium-editorial-hero {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1.75fr) minmax(260px, 0.75fr);
gap: clamp(32px, 5vw, 80px);
align-items: end;
min-height: clamp(360px, 39vw, 560px);
padding: clamp(36px, 6vw, 84px);
overflow: hidden;
background:
radial-gradient(circle at 88% 24%, rgb(205 155 82 / 18%), transparent 29%),
linear-gradient(135deg, #1b1a18 0%, #121211 58%, #201b15 100%);
border: 1px solid var(--tk-color-border);
border-radius: var(--tk-radius-frame);
}
.premium-design .premium-editorial-hero::before,
.premium-design .premium-editorial-hero::after {
position: absolute;
content: "";
pointer-events: none;
}
.premium-design .premium-editorial-hero::before {
top: -140px;
right: -80px;
width: 360px;
height: 360px;
border: 1px solid rgb(210 165 94 / 16%);
border-radius: 50%;
}
.premium-design .premium-editorial-hero::after {
inset: 18px;
border: 1px solid rgb(255 255 255 / 3%);
border-radius: calc(var(--tk-radius-frame) - 4px);
}
/* Decorative outline circles were used across premium hero blocks. Keep
* functional circular controls intact and remove only these background forms. */
.premium-design .premium-editorial-hero::before,
.premiumBrandDetail__hero::after,
.contactsHero::after,
.personalInfoHero::after,
.callbackHero::after,
.servicesHero::after {
display: none !important;
content: none !important;
}
.premium-design .premium-editorial-hero__content,
.premium-design .premium-editorial-hero__aside {
position: relative;
z-index: 1;
}
.premium-design .premium-editorial-hero__content {
max-width: 920px;
}
.premium-design .premium-editorial-hero__content > p {
max-width: 790px;
margin-bottom: 0;
color: #c5bfb5;
font-size: clamp(16px, 1.35vw, 20px);
line-height: 1.65;
}
.premium-design .premium-editorial-hero__aside {
padding: 24px 0 2px 26px;
border-left: 1px solid rgb(211 170 103 / 35%);
}
.premium-design .premium-editorial-hero__aside strong {
display: block;
margin-bottom: 10px;
color: var(--tk-color-text);
font-size: 17px;
font-family: var(--tk-font-heading);
}
.premium-design .premium-editorial-hero__aside p {
margin-bottom: 0;
font-size: 14px;
line-height: 1.65;
}
.premium-design .premium-editorial-actions {
display: flex;
flex-wrap: wrap;
gap: 18px;
align-items: center;
margin-top: 30px;
}
.premium-design .premium-editorial-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0 26px;
color: #111 !important;
font-weight: 700;
font-size: 14px;
font-family: var(--tk-font-heading);
text-decoration: none !important;
background: var(--tk-button-gradient);
border: 0;
border-radius: var(--tk-radius-button);
box-shadow: 0 10px 30px rgb(181 115 48 / 17%);
transition: transform var(--tk-transition), box-shadow var(--tk-transition), background var(--tk-transition);
}
.premium-design .premium-editorial-button:hover {
color: #090909 !important;
background: var(--tk-button-gradient-hover);
box-shadow: 0 13px 34px rgb(213 154 69 / 24%);
transform: translateY(-2px);
}
.premium-design .premium-editorial-link {
color: var(--tk-color-accent-light) !important;
font-weight: 600;
font-size: 14px;
font-family: var(--tk-font-heading);
text-decoration: none !important;
border-bottom: 1px solid rgb(209 182 129 / 42%);
}
.premium-design .premium-editorial-feature-grid,
.premium-design .premium-delivery-rates {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--tk-editorial-gap);
}
.premium-design .premium-editorial-feature-grid article,
.premium-design .premium-delivery-rates article,
.premium-design .premium-editorial-two-columns article,
.premium-design .premium-editorial-steps article {
padding: clamp(24px, 3vw, 38px);
background: linear-gradient(145deg, #1c1b19 0%, #171716 100%);
border: 1px solid var(--tk-color-border);
border-radius: var(--tk-radius-frame);
}
.premium-design .premium-editorial-feature-grid article > span {
display: block;
margin-bottom: clamp(24px, 4vw, 58px);
color: var(--tk-color-accent-light);
font-weight: 700;
font-size: 12px;
letter-spacing: 0.12em;
}
.premium-design .premium-about-page .premium-editorial-feature-grid article {
padding: clamp(22px, 2.4vw, 32px);
}
.premium-design .premium-editorial-feature-grid p,
.premium-design .premium-delivery-rates p,
.premium-design .premium-editorial-steps p {
margin-bottom: 0;
font-size: 14px;
line-height: 1.65;
}
.premium-design .premium-editorial-section {
display: grid;
gap: clamp(24px, 3vw, 42px);
}
.premium-design .premium-editorial-section__heading {
max-width: 840px;
}
.premium-design .premium-editorial-section__heading h2 {
margin-bottom: 0;
}
.premium-design .premium-editorial-steps {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: var(--tk-editorial-gap);
}
.premium-design .premium-editorial-steps article {
position: relative;
padding-top: 32px;
}
.premium-design .premium-editorial-steps article::before {
position: absolute;
top: -1px;
right: 24px;
left: 24px;
height: 2px;
background: var(--tk-logo-gradient);
border-radius: 2px;
content: "";
}
.premium-design .premium-editorial-steps strong {
display: block;
margin-bottom: 12px;
color: var(--tk-color-text);
font-size: 17px;
font-family: var(--tk-font-heading);
}
.premium-design .premium-editorial-two-columns {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--tk-editorial-gap);
}
.premium-design .premium-editorial-two-columns ul {
margin: 24px 0 0;
padding: 22px 0 0;
list-style: none;
border-top: 1px solid var(--tk-color-border);
}
.premium-design .premium-editorial-two-columns li {
position: relative;
margin-top: 12px;
padding-left: 20px;
font-size: 14px;
}
.premium-design .premium-editorial-two-columns li:first-child {
margin-top: 0;
}
.premium-design .premium-editorial-two-columns li::before {
position: absolute;
top: 0.72em;
left: 0;
width: 6px;
height: 6px;
background: var(--tk-logo-gradient);
border-radius: 50%;
content: "";
transform: translateY(-50%);
}
.premium-design .premium-requisites-hero {
min-height: clamp(330px, 34vw, 470px);
}
.premium-design .premium-requisites-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--tk-editorial-gap);
}
.premium-design .premium-requisites-card {
padding: clamp(26px, 3vw, 42px);
background: linear-gradient(145deg, #1c1b19 0%, #171716 100%);
border: 1px solid var(--tk-color-border);
border-radius: var(--tk-radius-frame);
}
.premium-design .premium-requisites-list {
margin: 26px 0 0;
}
.premium-design .premium-requisites-list > div {
display: grid;
grid-template-columns: minmax(145px, 0.72fr) minmax(0, 1.28fr);
gap: 18px;
padding: 17px 0;
border-top: 1px solid var(--tk-color-border);
}
.premium-design .premium-requisites-list dt,
.premium-design .premium-requisites-list dd {
margin: 0;
}
.premium-design .premium-requisites-list dt {
color: var(--tk-color-text-muted);
font-size: 13px;
line-height: 1.55;
}
.premium-design .premium-requisites-list dd {
min-width: 0;
color: var(--tk-color-text);
font-weight: 600;
font-size: 14px;
font-family: var(--tk-font-heading);
line-height: 1.55;
overflow-wrap: anywhere;
}
.premium-design .premium-delivery-rates article {
min-height: 190px;
}
.premium-design .premium-delivery-rates strong {
display: block;
margin: 22px 0 10px;
color: var(--tk-color-text);
font-weight: 500;
font-size: clamp(30px, 3vw, 46px);
font-family: var(--tk-font-heading);
line-height: 1;
}
.premium-design .premium-editorial-note {
display: grid;
grid-template-columns: 120px minmax(0, 1fr);
gap: 24px;
padding: clamp(22px, 2.5vw, 32px);
background: rgb(185 154 101 / 8%);
border: 1px solid rgb(185 154 101 / 34%);
border-radius: var(--tk-radius-frame);
}
.premium-design .premium-editorial-note strong {
color: var(--tk-color-accent-light);
font-size: 13px;
font-family: var(--tk-font-heading);
letter-spacing: 0.12em;
text-transform: uppercase;
}
.premium-design .premium-editorial-note p {
margin-bottom: 0;
font-size: 14px;
}
.premium-design .premium-editorial-cta {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 36px;
align-items: end;
padding: clamp(32px, 5vw, 68px);
background:
linear-gradient(115deg, rgb(17 17 17 / 98%), rgb(31 25 18 / 95%)),
var(--tk-color-bg-soft);
border: 1px solid var(--tk-color-border-light);
border-radius: var(--tk-radius-frame);
}
.premium-design .premium-editorial-cta h2 {
max-width: 900px;
font-size: clamp(28px, 2.8vw, 44px);
}
.premium-design .premium-editorial-cta p {
max-width: 760px;
margin-bottom: 0;
}
.premium-design .premium-appliance-showcase {
display: grid;
gap: clamp(26px, 3.5vw, 48px);
}
.premium-design .premium-appliance-showcase__intro {
display: grid;
grid-template-columns: minmax(280px, 0.9fr) minmax(300px, 1.1fr);
gap: 40px;
align-items: end;
}
.premium-design .premium-appliance-showcase__intro .premium-editorial-eyebrow {
grid-column: 1 / -1;
margin-bottom: -24px;
}
.premium-design .premium-appliance-showcase__intro h2,
.premium-design .premium-appliance-showcase__intro p {
margin-bottom: 0;
}
.premium-design .premium-appliance-showcase__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: clamp(12px, 1.7vw, 24px);
}
.premium-design .premium-appliance-card {
position: relative;
display: grid;
grid-template-rows: clamp(180px, 18vw, 280px) auto;
min-width: 0;
overflow: hidden;
color: var(--tk-color-text) !important;
text-decoration: none !important;
background: var(--tk-color-surface);
border: 1px solid var(--tk-color-border);
border-radius: var(--tk-radius-frame);
transition: border-color var(--tk-transition), transform var(--tk-transition), box-shadow var(--tk-transition);
}
.premium-design .premium-appliance-card:hover {
border-color: #8f7047;
box-shadow: 0 20px 44px rgb(0 0 0 / 26%);
transform: translateY(-4px);
}
.premium-design .premium-appliance-card__media {
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
overflow: hidden;
background: #f2f1ef;
}
.premium-design .premium-appliance-card__media img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
transition: transform 0.45s ease;
}
.premium-design .premium-appliance-card:hover .premium-appliance-card__media img {
transform: scale(1.035);
}
.premium-design .premium-appliance-card--logo .premium-appliance-card__media {
padding: 22%;
background:
radial-gradient(circle at center, #2a2927 0%, #161616 70%);
}
.premium-design .premium-appliance-card--logo .premium-appliance-card__media img {
height: auto;
filter: grayscale(1) brightness(1.8);
}
.premium-design .premium-appliance-card__copy {
display: block;
padding: 20px 22px 22px;
border-top: 1px solid var(--tk-color-border);
}
.premium-design .premium-appliance-card__copy strong,
.premium-design .premium-appliance-card__copy small {
display: block;
}
.premium-design .premium-appliance-card__copy strong {
color: var(--tk-color-text);
font-size: 17px;
font-family: var(--tk-font-heading);
}
.premium-design .premium-appliance-card__copy small {
margin-top: 5px;
color: var(--tk-color-text-muted);
font-size: 12px;
line-height: 1.4;
}
.premium-design .premium-stock-offers .tiles-list {
margin: -10px;
}
.premium-design .premium-stock-offers .tiles-list .tile-wrap {
padding: 10px;
}
.premium-design .premium-stock-offers .tiles-list .tile-wrap:nth-child(n) {
width: 33.333%;
color: var(--tk-color-text);
}
.premium-design .premium-stock-offers .tiles-list .tile {
height: 420px;
overflow: hidden;
background: linear-gradient(145deg, #1c1b19 0%, #171716 100%);
border: 1px solid var(--tk-color-border);
border-radius: var(--tk-radius-frame);
}
.premium-design .premium-stock-offers .tiles-list .tile-wrap:first-child .image-wrap {
position: relative;
width: 100%;
height: 250px;
}
.premium-design .premium-stock-offers .tiles-list .tile-wrap:first-child .tile-text {
position: relative;
padding: 22px;
color: var(--tk-color-text);
text-align: left;
background: none;
box-shadow: none;
}
.premium-design .premium-stock-offers .tiles-list .tile-wrap:first-child .h3,
.premium-design .premium-stock-offers .tiles-list .h3 {
display: block;
max-height: none;
color: var(--tk-color-text);
font-size: 19px;
line-height: 1.35;
}
.premium-design .premium-stock-offers .tiles-list .tile-descr {
max-height: 52px;
color: var(--tk-color-text-muted);
font-size: 14px;
line-height: 1.6;
}
.premium-design .premium-stock-offers .tiles-list .tile-wrap:only-of-type {
width: 100% !important;
}
.premium-design .premium-stock-offers .tiles-list .tile-wrap:only-of-type .tile {
position: relative;
height: clamp(330px, 30vw, 430px);
}
.premium-design .premium-stock-offers .tiles-list .tile-wrap:only-of-type .image-wrap {
position: absolute;
inset: 0 auto 0 0;
width: 58%;
height: 100%;
padding: 0;
}
.premium-design .premium-stock-offers .tiles-list .tile-wrap:only-of-type .image {
height: 100%;
background-size: cover;
filter: grayscale(0.72) sepia(0.28) saturate(0.9) brightness(0.76) contrast(1.08);
}
.premium-design .premium-stock-offers .tiles-list .tile-wrap:only-of-type .tile-text {
position: absolute;
inset: 0 0 0 auto;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
width: 42%;
padding: clamp(30px, 4vw, 58px);
color: var(--tk-color-text);
text-align: left;
background:
radial-gradient(circle at 80% 18%, rgb(203 154 77 / 13%), transparent 30%),
linear-gradient(135deg, #1c1b19, #151514);
box-shadow: none;
}
.premium-design .premium-stock-offers .actions-list .tile-wrap:only-of-type .btn-simple {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
margin-top: 22px;
padding: 0 22px;
color: #111 !important;
font-weight: 700;
font-size: 13px;
font-family: var(--tk-font-heading);
text-decoration: none;
background: var(--tk-button-gradient);
border: 0;
border-radius: var(--tk-radius-button);
}
@media (max-width: 1100px) {
.premium-design .premium-editorial-hero {
grid-template-columns: minmax(0, 1fr);
align-items: end;
}
.premium-design .premium-editorial-hero__aside {
max-width: 620px;
}
.premium-design .premium-editorial-steps,
.premium-design .premium-appliance-showcase__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.premium-design .premium-appliance-card {
grid-template-rows: clamp(190px, 27vw, 260px) auto;
}
}
@media (max-width: 760px) {
.premium-design .premium-editorial-page {
gap: 42px;
margin-top: 20px;
margin-bottom: 58px;
}
.premium-design .premium-editorial-hero {
min-height: 0;
padding: 30px 22px;
}
.premium-design .premium-editorial-hero::after {
inset: 10px;
}
.premium-design .premium-editorial-hero__aside {
padding: 20px 0 0;
border-top: 1px solid rgb(211 170 103 / 35%);
border-left: 0;
}
.premium-design .premium-editorial-feature-grid,
.premium-design .premium-delivery-rates,
.premium-design .premium-editorial-two-columns,
.premium-design .premium-editorial-cta,
.premium-design .premium-appliance-showcase__intro,
.premium-design .premium-requisites-grid {
grid-template-columns: minmax(0, 1fr);
}
.premium-design .premium-editorial-feature-grid {
gap: 12px;
}
.premium-design .premium-editorial-feature-grid article > span {
margin-bottom: 18px;
}
.premium-design .premium-editorial-steps {
gap: 12px;
}
.premium-design .premium-editorial-steps article {
padding: 25px 20px 22px;
}
.premium-design .premium-editorial-cta {
align-items: start;
padding: 30px 22px;
}
.premium-design .premium-editorial-cta .premium-editorial-button {
width: 100%;
}
.premium-design .premium-appliance-showcase__intro {
gap: 14px;
}
.premium-design .premium-appliance-showcase__intro .premium-editorial-eyebrow {
grid-column: auto;
margin-bottom: 0;
}
.premium-design .premium-stock-offers .tiles-list .tile-wrap:nth-child(n) {
width: 100%;
}
.premium-design .premium-stock-offers .tiles-list .tile {
height: auto;
min-height: 250px;
padding: 0;
}
.premium-design .premium-stock-offers .tiles-list .tc {
display: block;
}
.premium-design .premium-stock-offers .tiles-list .tile-wrap:first-child .image-wrap,
.premium-design .premium-stock-offers .tiles-list .image-wrap {
display: block;
width: 100%;
height: 210px;
padding: 0;
}
.premium-design .premium-stock-offers .tiles-list .image {
height: 210px;
}
.premium-design .premium-stock-offers .tiles-list .tile-wrap:nth-child(n) .tile-text {
display: block;
padding: 20px;
}
.premium-design .premium-stock-offers .tiles-list .tile-wrap:only-of-type .tile {
height: auto;
}
.premium-design .premium-stock-offers .tiles-list .tile-wrap:only-of-type .image-wrap,
.premium-design .premium-stock-offers .tiles-list .tile-wrap:only-of-type .tile-text {
position: relative;
inset: auto;
width: 100%;
}
.premium-design .premium-stock-offers .tiles-list .tile-wrap:only-of-type .image-wrap,
.premium-design .premium-stock-offers .tiles-list .tile-wrap:only-of-type .image {
height: 220px;
}
}
@media (max-width: 520px) {
.premium-design .premium-editorial-page h2 {
font-size: clamp(27px, 8.4vw, 36px);
}
.premium-design .premium-editorial-actions {
display: grid;
grid-template-columns: 1fr;
align-items: stretch;
}
.premium-design .premium-editorial-actions .premium-editorial-button {
width: 100%;
}
.premium-design .premium-editorial-actions .premium-editorial-link {
justify-self: start;
}
.premium-design .premium-requisites-card {
padding: 22px 18px;
}
.premium-design .premium-requisites-list > div {
grid-template-columns: minmax(0, 1fr);
gap: 5px;
padding: 14px 0;
}
.premium-design .premium-editorial-steps,
.premium-design .premium-appliance-showcase__grid {
grid-template-columns: minmax(0, 1fr);
}
.premium-design .premium-appliance-card {
grid-template-columns: minmax(0, 45%) minmax(0, 55%);
grid-template-rows: minmax(128px, 34vw);
}
.premium-design .premium-appliance-card__copy {
display: flex;
flex-direction: column;
justify-content: center;
border-top: 0;
border-left: 1px solid var(--tk-color-border);
}
.premium-design .premium-appliance-card--logo .premium-appliance-card__media {
padding: 16%;
}
.premium-design .premium-editorial-note {
grid-template-columns: minmax(0, 1fr);
gap: 10px;
}
}
/*
* Shared premium CTA treatment.
* Keep technical controls, icon-only navigation and compact filter buttons out
* of this list so the rule can be safely loaded on every public page.
*/
.premium-design #main :is(
a.btn-simple:not(.btn-micro):not(.btn-small):not(.oSmartFilter),
a.cButton,
a.cButtonLight,
a.personalInfoButton,
a.contactsPrimaryButton,
a.contactsSecondaryButton,
a.addCart,
a.fastBack,
#fastBuyFormSubmit,
#requestPriceSubmit,
button[type="submit"]:not(.searchButton):not(.premiumMobileSearchSubmit),
input[type="submit"]
) {
color: #17120c !important;
background: var(--tk-button-gradient) !important;
border-color: #c9954f !important;
border-radius: var(--tk-radius-button) !important;
box-shadow: 0 8px 22px rgb(111 70 28 / 24%) !important;
text-shadow: none !important;
filter: none;
transition:
background 0.2s ease,
border-color 0.2s ease,
box-shadow 0.2s ease,
filter 0.2s ease !important;
}
.premium-design #main :is(
a.btn-simple:not(.btn-micro):not(.btn-small):not(.oSmartFilter),
a.cButton,
a.cButtonLight,
a.personalInfoButton,
a.contactsPrimaryButton,
a.contactsSecondaryButton,
a.addCart,
a.fastBack,
#fastBuyFormSubmit,
#requestPriceSubmit
) {
text-decoration: none !important;
}
.premium-design #main :is(
a.btn-simple:not(.btn-micro):not(.btn-small):not(.oSmartFilter),
a.cButton,
a.cButtonLight,
a.personalInfoButton,
a.contactsPrimaryButton,
a.contactsSecondaryButton,
a.addCart,
a.fastBack,
#fastBuyFormSubmit,
#requestPriceSubmit,
button[type="submit"]:not(.searchButton):not(.premiumMobileSearchSubmit),
input[type="submit"]
):hover {
color: #110d08 !important;
background: var(--tk-button-gradient-hover) !important;
border-color: #e0b76c !important;
box-shadow: 0 10px 28px rgb(155 103 42 / 34%) !important;
filter: brightness(1.04);
}
.premium-design #main :is(
a.addCart,
a.addCart span,
a.fastBack,
a.fastBack span,
a.btn-simple span,
a.cButton span,
a.cButtonLight span
) {
color: #17120c !important;
}
.premium-design #main :is(
button[type="submit"]:disabled,
input[type="submit"]:disabled,
a.addCart.disabled,
a.btn-simple.disabled
) {
color: #77716a !important;
background: #292724 !important;
border-color: #3a3732 !important;
box-shadow: none !important;
filter: none !important;
cursor: default;
}
/* Shared corner geometry for controls and bordered content frames. */
.premium-design #main :is(
button[type="submit"]:not(.searchButton):not(.premiumMobileSearchSubmit),
input[type="button"],
input[type="submit"],
input[type="reset"],
a.btn-simple:not(.btn-micro):not(.btn-small):not(.oSmartFilter),
a.cButton,
a.cButtonLight,
a.personalInfoButton,
a.contactsPrimaryButton,
a.contactsSecondaryButton,
a.addCart,
a.fastBack,
#fastBuyFormSubmit,
#requestPriceSubmit
) {
border-radius: var(--tk-radius-button) !important;
}
.premium-design #main :is(
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
textarea,
select
) {
border-radius: var(--tk-radius-button) !important;
}
.premium-design #main :is(
[class*="Card"],
[class*="card"],
[class*="Panel"],
[class*="panel"],
[class*="Tile"],
[class*="tile"],
.product,
.cooperationBenefit,
.cooperationAudience,
.cooperationAudienceGrid,
.cooperationAudienceGrid > div,
.cooperationSteps li,
.cooperationCta,
.personalInfoHero,
.personalInfoSummary,
.personalInfoRights,
.contactsHero,
.contactsMap,
.contactsFeedback,
.webFormDw
) {
border-radius: var(--tk-radius-frame) !important;
}
/* Compact premium mobile header */
.premiumMobileHeader {
display: none;
}
.premiumMobileSearchPanel {
display: none;
}
@media (max-width: 767px) {
.premium-design #subHeader2 {
height: 68px;
}
.premium-design #subHeader2 > .limiter {
width: 100%;
}
.premium-design #subHeader2 .subTable {
display: none;
}
.premium-design .premiumMobileHeader {
position: relative;
display: grid;
height: 68px;
padding: 0 14px;
grid-template-columns: 42px 42px minmax(90px, 1fr) 42px 42px;
align-items: center;
gap: 5px;
background: var(--tk-color-bg);
}
.premium-design .premiumMobileHeader button,
.premium-design .premiumMobileHeader a {
display: flex;
width: 42px;
height: 42px;
padding: 0;
align-items: center;
justify-content: center;
border: 0;
background: transparent;
color: #bdbdbd;
text-decoration: none;
}
.premium-design .mobileCatalogHeaderButton {
grid-column: 1;
flex-direction: column;
gap: 5px;
cursor: pointer;
}
.premium-design .premiumMobileSearch {
grid-column: 2;
}
.premium-design .mobileCatalogHeaderButton span {
display: block;
width: 20px;
height: 2px;
background: #bdbdbd;
}
.premium-design .premiumMobileHeader svg {
width: 23px;
height: 23px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.premium-design .premiumMobileLogo {
position: absolute;
top: 50%;
left: 50%;
width: 70px;
height: 34px;
min-width: 0;
transform: translate(-50%, -50%);
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
user-select: none;
outline: none;
}
.premium-design .premiumMobileLogo::before {
display: block;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #b67f3f 0%, #c89a5a 46%, #e0bd82 100%);
content: "";
-webkit-mask: url("/bitrix/templates/dresscodeV2/css/../images/technikakup-logo5.webp?v=3") center / contain no-repeat;
mask: url("/bitrix/templates/dresscodeV2/css/../images/technikakup-logo5.webp?v=3") center / contain no-repeat;
}
.premium-design .premiumMobileLogo:focus,
.premium-design .premiumMobileLogo:active {
background: transparent;
outline: none;
}
.premium-design .premiumMobileLogo img {
display: none;
}
.premium-design .premiumMobileCart {
position: relative;
grid-column: 5;
}
.premium-design .premiumMobileCartCount {
position: absolute;
top: 1px;
right: -1px;
display: none;
box-sizing: border-box;
min-width: 18px;
height: 18px;
padding: 0 4px;
align-items: center;
justify-content: center;
color: #17120c;
font-weight: 700;
font-size: 10px;
line-height: 1;
background: linear-gradient(135deg, #b77b31 0%, #e5bd78 58%, #c08a43 100%);
border: 2px solid var(--tk-color-bg);
border-radius: 10px;
pointer-events: none;
}
.premium-design .premiumMobileCart.has-products {
color: var(--tk-color-accent-light);
}
.premium-design .premiumMobileCart.has-products .premiumMobileCartCount {
display: flex;
}
.premium-design .premiumMobilePhone {
grid-column: 4;
}
.premium-design .premiumMobileHeader a:hover,
.premium-design .premiumMobileHeader button:hover {
color: var(--tk-color-accent-light);
}
.premium-design .premiumMobileSearchPanel {
position: fixed;
inset: 0;
z-index: 12000;
display: flex;
padding: 0 18px 32px;
flex-direction: column;
overflow-y: auto;
background: #ffffff;
opacity: 0;
visibility: hidden;
transform: translateY(-12px);
transition:
opacity 0.2s ease,
transform 0.2s ease,
visibility 0.2s ease;
}
.premium-design .premiumMobileSearchForm {
display: grid;
min-height: 64px;
grid-template-columns: minmax(0, 1fr) 44px 40px;
border-bottom: 1px solid #e7e7e7;
background: #ffffff;
}
.premium-design #premiumMobileSearchInput {
width: 100%;
height: 64px;
padding: 0 12px;
border: 0;
outline: 0;
background: transparent;
color: #171717;
font: 400 15px/1.4 var(--tk-font-body);
}
.premium-design #premiumMobileSearchInput::placeholder {
color: #8d8d8d;
}
.premium-design .premiumMobileSearchSubmit,
.premium-design .premiumMobileSearchClose {
display: flex;
width: 100%;
height: 64px;
padding: 0;
align-items: center;
justify-content: center;
border: 0;
background: transparent;
color: #999999;
cursor: pointer;
}
.premium-design .premiumMobileSearchSubmit svg {
width: 22px;
height: 22px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
}
.premium-design .premiumMobileSearchClose {
font-size: 28px;
font-weight: 300;
}
.premium-design.premiumMobileSearchOpened .premiumMobileSearchPanel {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.premium-design.premiumMobileSearchOpened {
overflow: hidden;
}
.premium-design .menuContainerColor,
.premium-design .menuContainerColor.color_theme,
.premium-design #mainMenuStaticContainer,
.premium-design #mainMenuContainer {
height: 0;
min-height: 0;
border: 0;
background: transparent !important;
}
.premium-design #mainMenuContainer > .limiter {
min-height: 0;
border: 0;
}
.premium-design #mainMenuContainer .minCatalogButton {
display: none !important;
}
}
/* Popular categories */
.premium-design.index .premiumSeoText {
padding: clamp(24px, 2.6vw, 36px) 0;
color: var(--tk-color-text);
background: #121212;
border-top: 1px solid var(--tk-color-border);
border-bottom: 1px solid var(--tk-color-border);
}
.premium-design.index .premiumSeoText > .limiter {
width: min(100% - clamp(32px, 6vw, 96px), 1180px);
max-width: 1180px;
}
.premium-design.index .premiumSeoText table {
width: 100% !important;
margin: 0 !important;
color: inherit;
}
.premium-design.index .premiumSeoText td {
width: 100% !important;
padding: 0 !important;
}
.premium-design.index .premiumSeoText h1 {
margin: 0 0 clamp(14px, 1.4vw, 20px);
color: var(--tk-color-accent-light);
font-family: var(--tk-font-heading);
font-size: clamp(18px, 1.35vw, 23px);
font-weight: 600;
line-height: 1.3;
letter-spacing: -0.01em;
background: var(--tk-logo-gradient);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.premium-design.index .premiumSeoText p,
.premium-design.index .premiumSeoText li {
color: #bbb6ad;
font-size: clamp(11px, 0.7vw, 12.5px);
font-weight: 400;
line-height: 1.55;
}
.premium-design.index .premiumSeoText p {
margin: 0 0 8px;
}
.premium-design.index .premiumSeoText ul {
margin: 6px 0 12px;
padding-left: 20px;
columns: 2;
column-gap: clamp(28px, 5vw, 72px);
}
.premium-design.index .premiumSeoText li {
break-inside: avoid;
margin-bottom: 4px;
}
.premium-design.index .premiumSeoText li p {
margin: 0;
}
.premium-design.index .premiumSeoText li::marker {
color: var(--tk-color-accent);
}
@media (max-width: 767px) {
.premium-design.index .premiumSeoText {
padding: clamp(20px, 6vw, 28px) 0;
}
.premium-design.index .premiumSeoText > .limiter {
width: calc(100% - clamp(28px, 8vw, 44px));
}
.premium-design.index .premiumSeoText table,
.premium-design.index .premiumSeoText tbody,
.premium-design.index .premiumSeoText tr,
.premium-design.index .premiumSeoText td {
display: block;
width: 100% !important;
max-width: 100%;
}
.premium-design.index .premiumSeoText h1 {
margin-bottom: clamp(13px, 4vw, 18px);
font-size: clamp(16px, 4.5vw, 19px);
line-height: 1.32;
hyphens: none;
overflow-wrap: break-word;
word-break: normal;
}
.premium-design.index .premiumSeoText p,
.premium-design.index .premiumSeoText li {
font-size: clamp(10.5px, 2.9vw, 12px);
line-height: 1.52;
hyphens: none;
overflow-wrap: break-word;
word-break: normal;
}
.premium-design.index .premiumSeoText p {
margin-bottom: 9px;
}
.premium-design.index .premiumSeoText ul {
margin: 5px 0 11px;
padding-left: 18px;
columns: 1;
}
}
/* Pre-footer service benefits */
.premium-design.index .premiumFooterBenefits {
width: 100%;
box-sizing: border-box;
border-top: 1px solid var(--tk-color-border);
border-bottom: 1px solid var(--tk-color-border);
background: linear-gradient(90deg, #111 0%, #151515 50%, #111 100%);
}
.premium-design.index .premiumFooterBenefitsInner {
display: grid;
width: min(100%, 1800px);
margin: 0 auto;
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.premium-design.index .premiumFooterBenefit {
position: relative;
display: flex;
min-width: 0;
min-height: 104px;
box-sizing: border-box;
align-items: center;
gap: clamp(12px, 1vw, 18px);
padding: 20px clamp(18px, 2vw, 38px);
}
.premium-design.index .premiumFooterBenefit:not(:first-child)::before {
position: absolute;
top: 22%;
left: 0;
width: 1px;
height: 56%;
background: var(--tk-color-border);
content: "";
}
.premium-design.index .premiumFooterBenefitIcon {
flex: 0 0 clamp(34px, 2.4vw, 42px);
width: clamp(34px, 2.4vw, 42px);
height: clamp(34px, 2.4vw, 42px);
fill: none;
stroke: var(--tk-color-accent);
stroke-width: 1.6;
stroke-linecap: round;
stroke-linejoin: round;
}
.premium-design.index .premiumFooterBenefit > div {
min-width: 0;
}
.premium-design.index .premiumFooterBenefit strong,
.premium-design.index .premiumFooterBenefit span {
display: block;
}
.premium-design.index .premiumFooterBenefit strong {
margin-bottom: 6px;
background: var(--tk-logo-gradient);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
font-size: clamp(11px, 0.78vw, 14px);
font-weight: 600;
line-height: 1.25;
text-transform: uppercase;
}
.premium-design.index .premiumFooterBenefit span {
color: var(--tk-color-text-muted);
font-size: clamp(9px, 0.62vw, 11px);
line-height: 1.45;
}
@media (max-width: 1100px) {
.premium-design.index .premiumFooterBenefitsInner {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.premium-design.index .premiumFooterBenefit {
border-bottom: 1px solid var(--tk-color-border);
}
.premium-design.index .premiumFooterBenefit:nth-child(odd)::before {
display: none;
}
.premium-design.index .premiumFooterBenefit:nth-child(5) {
grid-column: 1 / -1;
border-bottom: 0;
}
}
@media (max-width: 767px) {
.premium-design.index .premiumFooterBenefitsInner {
grid-template-columns: 1fr;
}
.premium-design.index .premiumFooterBenefit,
.premium-design.index .premiumFooterBenefit:nth-child(5) {
min-height: 76px;
grid-column: auto;
gap: clamp(12px, 4vw, 17px);
padding: clamp(13px, 4vw, 18px) clamp(16px, 5vw, 24px);
border-bottom: 1px solid var(--tk-color-border);
}
.premium-design.index .premiumFooterBenefit::before {
display: none;
}
.premium-design.index .premiumFooterBenefit:last-child {
border-bottom: 0;
}
.premium-design.index .premiumFooterBenefitIcon {
flex-basis: clamp(30px, 9vw, 36px);
width: clamp(30px, 9vw, 36px);
height: clamp(30px, 9vw, 36px);
}
.premium-design.index .premiumFooterBenefit strong {
margin-bottom: 4px;
font-size: clamp(11px, 3.5vw, 13px);
}
.premium-design.index .premiumFooterBenefit span {
font-size: clamp(9.5px, 3vw, 11px);
line-height: 1.4;
}
}
.premium-design.index #popSection {
padding: clamp(24px, 2.5vw, 38px) 0 clamp(30px, 3vw, 46px);
overflow: visible;
background: #151515;
border-top: 1px solid var(--tk-color-border);
border-bottom: 1px solid var(--tk-color-border);
}
.premium-design.index #popSection > .limiter,
.premium-design.index .premiumArticles > .limiter {
width: calc(100% - clamp(32px, 4vw, 64px));
max-width: 1610px;
margin-right: auto;
margin-left: auto;
}
.premium-design.index .premiumSectionHeader {
display: flex;
margin-bottom: clamp(14px, 1.4vw, 20px);
align-items: center;
justify-content: space-between;
gap: 20px;
}
.premium-design.index .premiumSectionHeader h2 {
margin: 0;
color: var(--tk-color-text);
font-family: var(--tk-font-heading);
font-size: clamp(13px, 0.85vw, 15px);
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.premium-design.index .premiumSectionHeader > a,
.premium-design.index .premiumArticlesHeaderActions > a {
color: var(--tk-color-text-muted);
font-size: clamp(9px, 0.62vw, 11px);
font-weight: 500;
line-height: 1.4;
text-decoration: none;
transition: color var(--tk-transition);
}
.premium-design.index .premiumSectionHeader > a:hover,
.premium-design.index .premiumArticlesHeaderActions > a:hover {
color: var(--tk-color-accent-light);
}
.premium-design.index #popSection .items {
display: grid;
grid-template-columns: repeat(var(--popular-category-count), minmax(0, 1fr));
gap: clamp(10px, 0.85vw, 14px);
overflow: visible;
border: 0;
}
.premium-design.index #popSection .item {
--tk-category-label-height: clamp(38px, 3vw, 46px);
position: relative;
display: block;
box-sizing: border-box;
width: auto;
height: auto;
aspect-ratio: 5 / 3;
float: none;
overflow: hidden;
background:
radial-gradient(circle at 82% 8%, rgb(202 155 82 / 12%), transparent 46%),
linear-gradient(145deg, #1b1b19 0%, #151514 72%);
border: 1px solid rgb(205 164 97 / 25%);
border-radius: 10px;
text-decoration: none;
scroll-snap-align: start;
transition: border-color var(--tk-transition), box-shadow var(--tk-transition), transform var(--tk-transition);
}
.premium-design.index #popSection .item:hover {
border-color: rgb(225 182 111 / 48%);
box-shadow: 0 14px 30px rgb(0 0 0 / 24%), inset 0 1px 0 rgb(255 255 255 / 3%);
transform: translateY(-2px);
}
.premium-design.index #popSection .tabloid {
position: absolute;
inset: 0;
box-sizing: border-box;
padding: 0;
}
.premium-design.index #popSection .picture {
position: absolute;
right: 0;
top: 0;
bottom: var(--tk-category-label-height);
left: 0;
display: flex;
height: auto;
align-items: center;
justify-content: center;
line-height: normal;
opacity: 1;
}
.premium-design.index #popSection .picture:hover {
opacity: 1;
}
.premium-design.index #popSection .popularCategoryIcon {
display: inline-flex;
width: clamp(58px, 5vw, 76px);
height: clamp(58px, 5vw, 76px);
box-sizing: border-box;
align-items: center;
justify-content: center;
color: var(--tk-color-accent-light);
background: rgb(201 156 84 / 7%);
border: 1px solid rgb(205 164 97 / 24%);
border-radius: 18px;
box-shadow: inset 0 1px 0 rgb(255 255 255 / 3%);
transition: color var(--tk-transition), border-color var(--tk-transition), background var(--tk-transition), transform var(--tk-transition);
}
.premium-design.index #popSection .popularCategoryIcon svg {
width: 72%;
height: 72%;
fill: none;
stroke: currentcolor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
.premium-design.index #popSection .item:hover .popularCategoryIcon {
color: #f1cd91;
background: rgb(205 164 97 / 11%);
border-color: rgb(225 182 111 / 42%);
transform: translateY(-2px) scale(1.025);
}
.premium-design.index #popSection .item img {
position: static;
width: 78%;
height: 78%;
max-width: 78%;
max-height: 78%;
object-fit: contain;
object-position: center;
transition: transform 0.55s ease;
}
.premium-design.index #popSection .item:hover img {
transform: scale(1.025);
}
.premium-design.index #popSection .name {
position: absolute;
right: clamp(12px, 1vw, 17px);
bottom: 0;
left: clamp(12px, 1vw, 17px);
z-index: 2;
display: flex;
height: var(--tk-category-label-height);
box-sizing: border-box;
align-items: center;
color: #fff;
border-top: 1px solid rgb(205 164 97 / 14%);
font-size: clamp(10px, 0.72vw, 13px);
font-weight: 600;
line-height: 1.25;
letter-spacing: 0.02em;
text-align: left;
text-transform: uppercase;
transition: color var(--tk-transition), border-color var(--tk-transition);
}
.premium-design.index #popSection .item:hover .name {
color: var(--tk-color-accent-light);
border-color: rgb(225 182 111 / 30%);
}
/* Homepage articles */
.premium-design.index .premiumArticles {
padding: clamp(26px, 3vw, 44px) 0 clamp(34px, 3.6vw, 54px);
background: #111;
border-top: 1px solid rgb(255 255 255 / 5%);
border-bottom: 1px solid var(--tk-color-border);
}
.premium-design.index .premiumArticlesHeaderActions {
display: flex;
align-items: center;
gap: 8px;
}
.premium-design.index .premiumArticlesHeaderActions > a {
margin-right: 8px;
}
.premium-design.index .premiumArticlesButton {
display: inline-flex;
width: 36px;
height: 32px;
padding: 0;
align-items: center;
justify-content: center;
color: var(--tk-color-accent-light);
font-size: 21px;
line-height: 1;
background: #1c1c1c;
border: 1px solid var(--tk-color-border);
border-radius: 4px;
cursor: pointer;
transition: color var(--tk-transition), border-color var(--tk-transition);
}
.premium-design.index .premiumArticlesButton:hover {
color: var(--tk-color-text);
border-color: var(--tk-color-accent);
}
.premium-design.index .premiumArticlesTrack {
display: grid;
grid-auto-columns: calc((100% - 48px) / 4);
grid-auto-flow: column;
grid-template-rows: minmax(0, 1fr);
gap: 16px;
overflow-x: auto;
overscroll-behavior-inline: contain;
scroll-behavior: smooth;
scroll-snap-type: inline mandatory;
scrollbar-width: none;
}
.premium-design.index .premiumArticlesTrack::-webkit-scrollbar {
display: none;
}
.premium-design.index .premiumArticleCard {
display: grid;
grid-template-rows: auto auto 1fr auto;
min-width: 0;
overflow: hidden;
background: #1b1b1b;
border: 1px solid var(--tk-color-border);
border-radius: 6px;
scroll-snap-align: start;
}
.premium-design.index .premiumArticleCardTitle {
display: flex;
min-height: clamp(60px, 4.5vw, 72px);
padding: 13px 16px;
align-items: center;
justify-content: center;
color: var(--tk-color-text);
font-size: clamp(12px, 0.85vw, 15px);
font-weight: 600;
line-height: 1.4;
text-align: center;
text-decoration: none;
}
.premium-design.index .premiumArticleCardPicture {
display: block;
aspect-ratio: 16 / 10;
overflow: hidden;
background: #242424;
}
.premium-design.index .premiumArticleCardPicture img {
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
transition: transform 0.55s ease;
}
.premium-design.index .premiumArticleCard:hover .premiumArticleCardPicture img {
transform: scale(1.035);
}
.premium-design.index .premiumArticleCard p {
margin: 0;
padding: 13px 16px 18px;
color: var(--tk-color-text-muted);
font-size: 11px;
line-height: 1.55;
}
.premium-design.index .premiumArticleCardMore {
display: flex;
min-height: 36px;
padding: 8px 16px;
align-items: center;
color: var(--tk-color-accent-light);
font-size: 11px;
font-weight: 600;
background: #161616;
border-top: 1px solid var(--tk-color-border);
text-decoration: none;
}
@media (max-width: 1100px) {
.premium-design.index #popSection .items {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.premium-design.index .premiumArticlesTrack {
grid-auto-columns: calc((100% - 16px) / 2);
}
}
@media (max-width: 640px) {
.premium-design.index .premiumSectionHeader {
align-items: flex-end;
gap: 12px;
}
.premium-design.index .premiumSectionHeader h2 {
font-size: clamp(13px, 3.6vw, 14.5px);
}
.premium-design.index .premiumSectionHeader > a {
max-width: 118px;
font-size: 10px;
text-align: right;
}
.premium-design.index #popSection .items {
display: flex;
gap: 12px;
margin-right: calc(var(--tk-container-padding) * -1);
padding-right: var(--tk-container-padding);
overflow-x: auto;
overscroll-behavior-inline: contain;
scroll-snap-type: inline mandatory;
scrollbar-width: none;
}
.premium-design.index #popSection .items::-webkit-scrollbar {
display: none;
}
.premium-design.index #popSection .item {
flex: 0 0 clamp(238px, 78vw, 330px);
}
.premium-design.index .premiumArticlesHeaderActions > a {
display: none;
}
.premium-design.index .premiumArticlesButton {
width: 34px;
height: 32px;
}
.premium-design.index .premiumArticlesTrack {
grid-auto-columns: min(82vw, 330px);
gap: 12px;
margin-right: calc(var(--tk-container-padding) * -1);
padding-right: var(--tk-container-padding);
}
.premium-design.index .premiumArticleCardTitle {
min-height: 64px;
font-size: 12.5px;
}
}
/* Premium brands carousel */
.premium-design.index #brandList {
margin: 0;
padding: 0;
border-top: 1px solid var(--tk-color-border);
border-bottom: 1px solid var(--tk-color-border);
background: var(--tk-color-bg-soft);
}
.premium-design.index #brandList > .limiter {
width: 100%;
min-width: 0;
max-width: none;
margin-inline: 0;
}
.premium-design.index #brandList .heading {
display: none;
}
.premium-design.index #brandList .brandCarousel {
width: min(100%, 1660px);
box-sizing: border-box;
margin-inline: auto;
padding-inline: 48px;
}
.premium-design.index #brandList .item,
.premium-design.index #brandList .tabloid {
background: transparent;
}
.premium-design.index #brandList .tabloid {
padding: 0;
}
.premium-design.index #brandList .item {
height: 82px;
padding: 4px 8px;
border-right: 0;
line-height: 82px;
}
.premium-design.index #brandList .item:first-child {
border-left: 0;
}
.premium-design.index #brandList .picture {
box-sizing: border-box;
height: 74px;
padding: 8px 12px;
border: 1px solid transparent;
background: transparent;
line-height: 56px;
opacity: 0.76;
transition:
opacity 0.2s ease,
transform 0.2s ease;
}
.premium-design.index #brandList .picture img {
width: auto;
height: 27px;
max-width: 78%;
max-height: 27px;
object-fit: contain;
filter: grayscale(1) invert(1) contrast(1.55);
mix-blend-mode: screen;
}
.premium-design.index #brandList .markerContainer {
display: none;
}
.premium-design.index #brandList .picture[href*="/miele/"] img {
filter: grayscale(1) contrast(3) brightness(1.35);
}
.premium-design.index #brandList .picture:hover {
opacity: 1;
transform: translateY(-2px);
}
.premium-design.index #brandList .brandCarouselButton {
width: 40px;
height: 64px;
border: 0;
border-radius: 0;
background: transparent;
color: var(--tk-color-text-muted);
opacity: 0.62;
}
.premium-design.index #brandList .brandCarouselButton:hover:not(:disabled) {
border-color: transparent;
background: transparent;
color: var(--tk-color-accent-light);
opacity: 1;
}
.premium-design.index #brandList .brandCarouselButton span {
display: none;
}
.premium-design.index #brandList .brandCarouselButton::before {
width: 9px;
height: 9px;
border-bottom: 1px solid currentColor;
border-left: 1px solid currentColor;
content: "";
}
.premium-design.index #brandList .brandCarouselButton--prev::before {
transform: rotate(45deg);
}
.premium-design.index #brandList .brandCarouselButton--next::before {
transform: rotate(225deg);
}
.premium-design.index #brandList .premiumBenefits {
display: grid;
width: 100%;
box-sizing: border-box;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin-top: 0;
border-top: 1px solid var(--tk-color-border);
background: linear-gradient(90deg, #111 0%, #151515 50%, #111 100%);
}
.premium-design.index #brandList .premiumBenefitsItem {
position: relative;
display: flex;
min-width: 0;
min-height: 94px;
box-sizing: border-box;
align-items: center;
justify-content: center;
gap: 14px;
padding: 17px clamp(24px, 2.6vw, 48px);
border-right: 0;
}
.premium-design.index #brandList .premiumBenefitsItem:not(:last-child)::after {
position: absolute;
top: 22%;
right: 0;
width: 1px;
height: 56%;
background: var(--tk-color-border);
content: "";
}
.premium-design.index #brandList .premiumBenefitsIcon {
flex: 0 0 40px;
width: 40px;
height: 40px;
fill: none;
stroke: var(--tk-color-accent);
stroke-width: 1.6;
stroke-linecap: round;
stroke-linejoin: round;
}
.premium-design.index #brandList .premiumBenefitsItem > div {
min-width: 0;
}
.premium-design.index #brandList .premiumBenefitsItem strong,
.premium-design.index #brandList .premiumBenefitsItem span {
display: block;
}
.premium-design.index #brandList .premiumBenefitsItem strong {
margin-bottom: 5px;
background: var(--tk-logo-gradient);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
font-size: clamp(15px, 1.15vw, 20px);
font-weight: 500;
line-height: 1.15;
}
.premium-design.index #brandList .premiumBenefitsItem span {
color: var(--tk-color-text-muted);
font-size: clamp(9px, 0.68vw, 11px);
line-height: 1.45;
}
@media (max-width: 1100px) {
.premium-design.index #brandList .premiumBenefits {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.premium-design.index #brandList .premiumBenefitsItem:nth-child(2n) {
border-right: 0;
}
.premium-design.index #brandList .premiumBenefitsItem:nth-child(2n)::after {
display: none;
}
.premium-design.index #brandList .premiumBenefitsItem {
border-bottom: 1px solid var(--tk-color-border);
}
.premium-design.index #brandList .premiumBenefitsItem:nth-last-child(-n + 2) {
border-bottom: 0;
}
}
@media (max-width: 767px) {
.premium-design.index #brandList {
padding: 0;
}
.premium-design.index #brandList .heading {
display: none;
}
.premium-design.index #brandList .brandCarousel {
padding-inline: 36px;
}
.premium-design.index #brandList .item {
height: 68px;
line-height: 68px;
}
.premium-design.index #brandList .picture {
height: 60px;
padding: 6px 8px;
line-height: 48px;
}
.premium-design.index #brandList .picture img {
height: 23px;
max-width: 84%;
max-height: 23px;
}
.premium-design.index #brandList .brandCarouselButton {
width: 28px;
height: 52px;
}
.premium-design.index #brandList .premiumBenefits {
grid-template-columns: 1fr;
margin-top: 0;
}
.premium-design.index #brandList .premiumBenefitsItem,
.premium-design.index #brandList .premiumBenefitsItem:nth-child(2n),
.premium-design.index #brandList .premiumBenefitsItem:last-child {
grid-column: auto;
min-height: 72px;
padding: 12px 18px;
border-right: 0;
border-bottom: 1px solid var(--tk-color-border);
}
.premium-design.index #brandList .premiumBenefitsItem::after {
display: none;
}
.premium-design.index #brandList .premiumBenefitsItem:last-child {
border-bottom: 0;
}
.premium-design.index #brandList .premiumBenefitsItem {
justify-content: flex-start;
}
.premium-design.index #brandList .premiumBenefitsIcon {
flex-basis: 34px;
width: 34px;
height: 34px;
}
.premium-design.index #brandList .premiumBenefitsItem strong {
font-size: 15px;
}
.premium-design.index #brandList .premiumBenefitsItem span {
font-size: 10px;
}
}
@media (max-width: 767px) {
#jivo-iframe-container.tkJivoMobileButton {
top: auto !important;
bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important;
}
}
/* Mobile top navigation sidebar */
.mobileTopMenuButton,
.mobileTopMenu,
.mobileTopMenuOverlay {
display: none;
}
@media (max-width: 767px) {
.premium-design #subHeader2 .subContainer {
gap: 12px;
}
.premium-design .mobileTopMenuButton {
position: relative;
z-index: 20;
display: flex !important;
width: 42px;
height: 42px;
padding: 10px 9px;
flex: 0 0 42px;
flex-direction: column;
align-items: stretch;
justify-content: space-between;
border: 1px solid #777777;
border-radius: 0;
background: #1b1b1b;
box-shadow: none;
cursor: pointer;
}
.premium-design .mobileTopMenuButton span {
display: block;
width: 100%;
height: 3px;
border-radius: 1px;
background: #c2c2c2;
}
.premium-design.mobileTopMenuOpened {
overflow: hidden;
}
.premium-design .mobileTopMenuOverlay {
position: fixed;
inset: 0;
z-index: 11000;
display: block;
background: rgb(0 0 0 / 70%);
opacity: 0;
visibility: hidden;
transition:
opacity 0.25s ease,
visibility 0.25s ease;
}
.premium-design .mobileTopMenu {
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 11001;
display: flex;
width: min(94vw, 430px);
padding: 0 0 28px;
flex-direction: column;
overflow-y: auto;
background: var(--tk-color-bg-soft);
box-shadow: 18px 0 54px rgb(0 0 0 / 45%);
transform: translateX(-102%);
transition: transform 0.28s ease;
}
.premium-design .mobileTopMenuHeader {
position: sticky;
top: 0;
z-index: 3;
display: flex;
min-height: 64px;
padding: 0 18px;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid var(--tk-color-border);
background: var(--tk-color-bg-soft);
}
.premium-design .mobileTopMenuTitle {
color: var(--tk-color-text);
font-family: var(--tk-font-heading);
font-size: 18px;
font-weight: 500;
}
.premium-design .mobileTopMenuClose {
width: 40px;
height: 40px;
padding: 0;
border: 0;
background: transparent;
color: var(--tk-color-text);
font-size: 32px;
font-weight: 300;
cursor: pointer;
}
.premium-design .premiumMobileSidebarTabs {
position: sticky;
top: 64px;
z-index: 2;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
border-bottom: 1px solid var(--tk-color-border);
background: var(--tk-color-bg-soft);
}
.premium-design .premiumMobileSidebarTab {
min-height: 50px;
padding: 0 10px;
border: 0;
border-right: 1px solid var(--tk-color-border);
background: transparent;
color: var(--tk-color-text-muted);
font: 500 12px/1.3 var(--tk-font-body);
cursor: pointer;
}
.premium-design .premiumMobileSidebarTab:last-child {
border-right: 0;
}
.premium-design .premiumMobileSidebarTab.active {
box-shadow: inset 0 -2px var(--tk-color-accent);
color: var(--tk-color-accent-light);
}
.premium-design .premiumMobileSidebarPanel {
display: none;
}
.premium-design .premiumMobileSidebarPanel.active {
display: block;
}
.premium-design .premiumMobileBrandsList {
display: grid;
padding: 16px 18px 28px;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0 22px;
}
.premium-design .premiumMobileBrandsList a {
display: flex;
min-width: 0;
min-height: 38px;
align-items: center;
color: var(--tk-color-text);
font-size: 12px;
line-height: 1.3;
text-decoration: none;
}
.premium-design .premiumMobileBrandsList a:hover {
color: var(--tk-color-accent-light);
}
.premium-design .mobileTopMenuList {
display: grid;
margin: 0;
padding: 12px 18px 20px;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0 18px;
list-style: none;
}
.premium-design .mobileTopMenuItem {
border-bottom: 0;
}
.premium-design .mobileTopMenuLink {
display: flex;
min-height: 42px;
align-items: center;
color: var(--tk-color-text);
font-family: var(--tk-font-body);
font-size: 13px;
line-height: 1.35;
text-decoration: none;
}
.premium-design .mobileTopMenuLink::after {
display: none;
content: "";
}
.premium-design .mobileTopMenuLink.selected,
.premium-design .mobileTopMenuLink:hover {
color: var(--tk-color-accent-light);
}
.premium-design.mobileTopMenuOpened .mobileTopMenuOverlay {
opacity: 1;
visibility: visible;
}
.premium-design.mobileTopMenuOpened .mobileTopMenu {
transform: translateX(0);
}
.premium-design .premiumMobileCatalogAll {
display: flex;
min-height: 54px;
padding: 0 18px;
box-sizing: border-box;
align-items: center;
gap: 12px;
border-bottom: 1px solid var(--tk-color-border);
color: var(--tk-color-accent-light);
font-size: 14px;
font-weight: 500;
text-decoration: none;
}
.premium-design .premiumMobileCatalogAllIcon {
display: grid;
width: 18px;
gap: 4px;
}
.premium-design .premiumMobileCatalogAllIcon i {
display: block;
height: 1px;
background: var(--tk-logo-gradient);
}
.premium-design .premiumMobileCatalogTree {
display: grid;
padding: 8px 18px 18px;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 14px;
}
.premium-design .premiumMobileCatalogSection {
min-width: 0;
border-bottom: 1px solid rgb(255 255 255 / 9%);
}
.premium-design .premiumMobileCatalogLink {
display: grid;
width: 100%;
min-height: 58px;
padding: 5px 0;
box-sizing: border-box;
align-items: center;
grid-template-columns: 32px minmax(0, 1fr);
gap: 10px;
color: var(--tk-color-text);
font: 500 12px/1.28 var(--tk-font-body);
text-align: left;
text-decoration: none;
transition: color var(--tk-transition);
}
.premium-design .premiumMobileCatalogSectionIcon {
display: inline-flex;
width: 30px;
height: 30px;
box-sizing: border-box;
align-items: center;
justify-content: center;
color: var(--tk-color-accent-light);
background: rgb(201 156 84 / 7%);
border: 1px solid rgb(205 164 97 / 22%);
border-radius: 9px;
}
.premium-design .premiumMobileCatalogSectionIcon svg {
width: 74%;
height: 74%;
fill: none;
stroke: currentcolor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
.premium-design .premiumMobileCatalogLabel {
min-width: 0;
}
.premium-design .premiumMobileCatalogLink:hover {
color: var(--tk-color-accent-light);
}
.premium-design .mobileTopMenuSectionTitle {
padding: 26px 18px 10px;
border-bottom: 1px solid var(--tk-color-border);
color: var(--tk-color-accent-light);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.premium-design .premiumMobileMenuContact {
display: flex;
margin: 0 18px;
padding: 18px 0 0;
align-items: center;
justify-content: space-between;
border-top: 1px solid var(--tk-color-border);
}
.premium-design .premiumMobileMenuContact + .premiumMobileMenuContact {
padding-top: 12px;
border-top: 0;
}
.premium-design .premiumMobileMenuContact span {
color: var(--tk-color-text-muted);
font-size: 11px;
}
.premium-design .premiumMobileMenuContact a {
color: var(--tk-color-text);
font-size: 13px;
font-weight: 500;
text-decoration: none;
}
/* Keep the catalog trigger visually distinct from the top-menu burger. */
.premium-design #mainMenuContainer .minCatalogButton img {
display: inline-block;
filter: grayscale(1) brightness(0) invert(1);
opacity: 0.82;
}
.premium-design #mainMenuContainer .minCatalogButton::before {
display: none;
}
}
@media (prefers-reduced-motion: reduce) {
.premium-design *,
.premium-design *::before,
.premium-design *::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
}
/* Header 2: premium dark presentation */
.premium-design #topHeader2,
.premium-design #topHeader2.color_black,
.premium-design #subHeader2,
.premium-design #subHeader2.color_black,
.premium-design .menuContainerColor,
.premium-design .menuContainerColor.color_theme {
border-color: rgb(255 255 255 / 10%);
background: var(--tk-color-bg);
color: var(--tk-color-text);
}
.premium-design #topHeader2 {
height: 40px;
border-bottom: 1px solid rgb(255 255 255 / 8%);
}
.premium-design #topHeader2 .limiter,
.premium-design #subHeader2 .limiter,
.premium-design #mainMenuContainer > .limiter {
width: min(
calc(100% - var(--tk-container-padding) * 2),
var(--tk-container-width)
);
max-width: none;
margin-inline: auto;
padding-inline: 0;
}
.premium-design #topHeader2 #topMenu,
.premium-design #topHeader2 #topService {
height: 40px;
}
.premium-design #topHeader2 #topMenu > li,
.premium-design #topHeader2 #topService > li {
height: 40px;
line-height: 40px;
}
.premium-design #topHeader2 #topMenu li a,
.premium-design #topHeader2 #topService li a,
.premium-design #topHeader2 .user-geo-position-label,
.premium-design #topHeader2 .user-geo-position-value,
.premium-design #topHeader2 .user-geo-position-value-link,
.premium-design #topHeader2.color_black #topMenu li a:not(:hover, .selected),
.premium-design #topHeader2.color_black #topService li a:not(:hover, .selected) {
color: var(--tk-color-text-muted);
font-family: var(--tk-font-body);
font-size: 11px;
font-weight: 400;
}
.premium-design #topHeader2 #topMenu li a:hover,
.premium-design #topHeader2 #topService li a:hover,
.premium-design #topHeader2 .user-geo-position-value-link:hover {
color: var(--tk-color-accent-light);
}
.premium-design #subHeader2 {
height: 92px;
border-bottom: 1px solid rgb(255 255 255 / 8%);
}
/* Compact desktop header */
.premium-design .premiumDesktopHeader {
display: none;
}
@media (min-width: 768px) {
.premium-design #topHeader2 {
display: none;
}
.premium-design #subHeader2,
.premium-design #subHeader2 > .limiter {
height: 78px;
}
.premium-design .premiumDesktopHeader {
display: flex;
height: 78px;
align-items: center;
gap: clamp(14px, 1.35vw, 24px);
}
.premium-design .premiumDesktopLogo {
display: flex;
width: clamp(112px, 8.4vw, 132px);
min-width: clamp(112px, 8.4vw, 132px);
height: 42px;
align-items: center;
align-self: center;
}
.premium-design .premiumDesktopLogo #logo {
position: relative;
display: flex;
width: 100%;
height: 42px;
align-items: center;
border: 0;
background: transparent !important;
outline: 0;
-webkit-tap-highlight-color: transparent;
}
.premium-design .premiumDesktopLogo #logo::before {
display: block;
width: 100%;
height: 42px;
background: linear-gradient(90deg, #b67f3f 0%, #c89a5a 46%, #e0bd82 100%);
content: "";
-webkit-mask: url("/bitrix/templates/dresscodeV2/css/../images/technikakup-logo5.webp?v=3") center / contain no-repeat;
mask: url("/bitrix/templates/dresscodeV2/css/../images/technikakup-logo5.webp?v=3") center / contain no-repeat;
}
.premium-design .premiumDesktopCatalogButton {
position: relative;
top: auto;
display: inline-flex;
height: 42px;
margin: auto clamp(36px, 3vw, 56px);
padding: 0 clamp(12px, 1.05vw, 18px);
box-sizing: border-box;
align-items: center;
gap: 9px;
flex: 0 0 auto;
border: 1px solid transparent;
border-image: linear-gradient(90deg, #b67f3f 0%, #c89a5a 46%, #e0bd82 100%) 1;
color: #c89a5a;
font-family: var(--tk-font-body);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.04em;
text-decoration: none;
text-transform: uppercase;
transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
transform: none;
white-space: nowrap;
}
.premium-design .premiumDesktopCatalogButton:hover {
background: rgb(199 164 104 / 9%);
filter: brightness(1.12);
}
.premium-design .premiumDesktopCatalogButton > span:last-child {
background: linear-gradient(90deg, #b67f3f 0%, #c89a5a 46%, #e0bd82 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.premium-design .premiumDesktopCatalogIcon {
display: grid;
width: 14px;
gap: 3px;
flex: 0 0 14px;
}
.premium-design .premiumDesktopCatalogIcon i {
display: block;
height: 1px;
background: linear-gradient(90deg, #b67f3f, #e0bd82);
}
.premium-design .premiumDesktopNavigation {
display: flex;
min-width: 0;
align-items: center;
justify-content: space-between;
gap: clamp(12px, 1vw, 18px);
flex: 1 1 auto;
}
.premium-design .premiumDesktopNavigation a {
position: relative;
color: var(--tk-color-text-muted);
font-family: var(--tk-font-body);
font-size: clamp(10px, 0.72vw, 12px);
font-weight: 400;
line-height: 1.25;
text-decoration: none;
transition: color 0.2s ease;
white-space: nowrap;
}
.premium-design .premiumDesktopNavigation a::after {
position: absolute;
right: 0;
bottom: -9px;
left: 0;
height: 1px;
background: var(--tk-color-accent);
content: "";
transform: scaleX(0);
transition: transform 0.2s ease;
}
.premium-design .premiumDesktopNavigation a:hover {
color: var(--tk-color-text);
}
.premium-design .premiumDesktopNavigation a:hover::after {
transform: scaleX(1);
}
.premium-design .premiumDesktopPhone {
display: flex;
min-width: 116px;
align-items: center;
justify-content: flex-end;
flex: 0 0 auto;
white-space: nowrap;
}
.premium-design .premiumDesktopPhone .heading {
color: var(--tk-color-text);
font-family: var(--tk-font-body);
font-size: 12px;
font-weight: 500;
text-decoration: none;
}
.premium-design .premiumDesktopPhone .link {
display: none;
}
.premium-design .premiumDesktopTools {
display: flex;
align-items: center;
gap: 4px;
flex: 0 0 auto;
}
.premium-design .premiumDesktopSearch {
display: flex;
width: 42px;
height: 42px;
padding: 0;
align-items: center;
justify-content: center;
border: 0;
background: transparent;
color: #d2d2d2;
cursor: pointer;
transition: border-color 0.2s ease, color 0.2s ease;
}
.premium-design .premiumDesktopSearch:hover,
.premium-design .premiumDesktopSearch[aria-expanded="true"] {
color: var(--tk-color-accent-light);
}
.premium-design .premiumDesktopSearch svg {
width: 21px;
height: 21px;
fill: none;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.7;
}
.premium-design .premiumDesktopTools .topWishlist,
.premium-design .premiumDesktopTools .topCompare,
.premium-design .premiumDesktopTools .cart {
display: block;
width: 42px;
margin: 0;
border: 0;
}
.premium-design .premiumDesktopTools .topWishlist .wrap,
.premium-design .premiumDesktopTools .topCompare .wrap,
.premium-design .premiumDesktopTools .cart .wrap {
position: relative;
display: flex;
width: 42px;
height: 42px;
align-items: center;
justify-content: center;
}
.premium-design .premiumDesktopTools .topWishlist .icon,
.premium-design .premiumDesktopTools .topCompare .icon {
position: relative;
width: 40px;
height: 40px;
box-sizing: border-box;
background: transparent !important;
border: 0;
color: #d2d2d2;
transition: border-color 0.2s ease, color 0.2s ease;
}
.premium-design .premiumDesktopTools .topWishlist .icon::before,
.premium-design .premiumDesktopTools .topCompare .icon::before,
.premium-design .premiumDesktopTools .cart .icon::before {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 21px;
height: 21px;
background: currentColor;
content: "";
transform: translate(-50%, -50%);
}
.premium-design .premiumDesktopTools .topWishlist .icon::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round' d='m12 2.8 2.8 5.7 6.3.9-4.6 4.4 1.1 6.3-5.6-3-5.6 3 1.1-6.3-4.6-4.4 6.3-.9L12 2.8Z'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round' d='m12 2.8 2.8 5.7 6.3.9-4.6 4.4 1.1 6.3-5.6-3-5.6 3 1.1-6.3-4.6-4.4 6.3-.9L12 2.8Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.premium-design .premiumDesktopTools .topCompare .icon::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4v16M4 7l3-3 3 3M17 20V4M14 17l3 3 3-3M11 9h6M7 15h6'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4v16M4 7l3-3 3 3M17 20V4M14 17l3 3 3-3M11 9h6M7 15h6'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}
.premium-design .premiumDesktopTools .topWishlist .text,
.premium-design .premiumDesktopTools .topCompare .text {
top: -3px;
right: -2px;
min-width: 16px;
padding: 0 3px;
box-sizing: border-box;
font-size: 9px;
line-height: 16px;
}
.premium-design .premiumDesktopTools .cart .heading,
.premium-design #subHeader2.color_black .premiumDesktopTools .cart .heading {
display: flex;
width: 42px;
height: 42px;
padding: 0;
align-items: center;
justify-content: center;
background: transparent;
border: 0;
line-height: 42px;
}
.premium-design .premiumDesktopTools .cart .icon {
position: relative;
width: 26px;
height: 40px;
margin: 0;
background: transparent !important;
color: #d2d2d2;
}
.premium-design .premiumDesktopTools .cart .icon::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.2 10.2h10.7l2-7.1H6'/%3E%3Ccircle cx='9' cy='19' r='1.4'/%3E%3Ccircle cx='17' cy='19' r='1.4'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.2 10.2h10.7l2-7.1H6'/%3E%3Ccircle cx='9' cy='19' r='1.4'/%3E%3Ccircle cx='17' cy='19' r='1.4'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}
.premium-design .premiumDesktopTools .topWishlist .icon:hover,
.premium-design .premiumDesktopTools .topCompare .icon:hover,
.premium-design .premiumDesktopTools .cart .heading:hover {
color: var(--tk-color-accent-light);
}
.premium-design .premiumDesktopTools .cart .heading:hover .icon {
color: var(--tk-color-accent-light);
}
.premium-design #subHeader2 .premiumDesktopTools .topWishlist .icon.active,
.premium-design #subHeader2 .premiumDesktopTools .topWishlist .icon.active:hover,
.premium-design #subHeader2 .premiumDesktopTools .topCompare .icon.active,
.premium-design #subHeader2 .premiumDesktopTools .topCompare .icon.active:hover,
.premium-design #subHeader2 .premiumDesktopTools .cart .heading.active,
.premium-design #subHeader2 .premiumDesktopTools .cart .heading.active:hover {
background: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.premium-design .premiumDesktopTools .cart .heading > ins {
display: none;
}
.premium-design .premiumDesktopTools .cart .count {
top: -3px;
left: 20px;
z-index: 2;
padding: 0 4px;
font-size: 9px;
line-height: 15px;
}
/* Keep all AJAX-refreshed header counters in the same gold style. */
.premium-design #subHeader2 .premiumDesktopTools .topWishlist .text,
.premium-design #subHeader2 .premiumDesktopTools .topCompare .text,
.premium-design #subHeader2 .premiumDesktopTools .cart .count {
min-width: 16px;
height: 16px;
padding: 0 3px;
box-sizing: border-box;
color: #090909 !important;
font-family: var(--tk-font-body);
font-size: 9px;
font-weight: 600;
line-height: 16px;
text-align: center;
background: #c89a5a;
background: linear-gradient(90deg, #b67f3f 0%, #c89a5a 46%, #e0bd82 100%) !important;
border: 0;
border-radius: 999px;
box-shadow: none;
}
.premium-design .menuContainerColor {
display: none;
}
.premium-design .premiumMobileSearchPanel {
position: fixed;
inset: 0;
z-index: 12000;
display: flex;
padding: 0 max(24px, calc((100vw - var(--tk-container-width)) / 2));
flex-direction: column;
overflow-y: auto;
background: rgb(10 10 10 / 98%);
opacity: 0;
visibility: hidden;
transform: translateY(-12px);
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}
.premium-design .premiumMobileSearchForm {
display: grid;
width: min(100%, 920px);
min-height: 76px;
margin: 8vh auto 0;
grid-template-columns: minmax(0, 1fr) 52px 52px;
border-bottom: 1px solid var(--tk-color-border);
}
.premium-design #premiumMobileSearchInput {
width: 100%;
height: 76px;
padding: 0 18px;
border: 0;
outline: 0;
background: transparent;
color: var(--tk-color-text);
font: 400 20px/1.4 var(--tk-font-body);
}
.premium-design #premiumMobileSearchInput::placeholder {
color: var(--tk-color-text-muted);
}
.premium-design .premiumMobileSearchSubmit,
.premium-design .premiumMobileSearchClose {
display: flex;
width: 52px;
height: 76px;
padding: 0;
align-items: center;
justify-content: center;
border: 0;
background: transparent;
color: var(--tk-color-text-muted);
cursor: pointer;
}
.premium-design .premiumMobileSearchSubmit svg {
width: 24px;
height: 24px;
fill: none;
stroke: currentColor;
stroke-width: 1.7;
}
.premium-design .premiumMobileSearchClose {
font-size: 32px;
font-weight: 300;
}
.premium-design.premiumMobileSearchOpened .premiumMobileSearchPanel {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.premium-design.premiumMobileSearchOpened {
overflow: hidden;
}
}
@media (min-width: 768px) and (max-width: 1299px) {
.premium-design .premiumDesktopPhone {
display: none;
}
.premium-design .premiumDesktopNavigation {
gap: clamp(9px, 1vw, 14px);
}
}
@media (min-width: 768px) and (max-width: 1050px) {
.premium-design .premiumDesktopNavigation a:nth-child(4),
.premium-design .premiumDesktopNavigation a:nth-child(5) {
display: none;
}
.premium-design .premiumDesktopHeader {
gap: 10px;
}
}
.premium-design #subHeader2 .subTable {
display: grid;
height: 92px;
grid-template-columns: minmax(320px, 1fr) minmax(260px, 520px) auto;
align-items: center;
gap: 28px;
}
.premium-design #subHeader2 .subTableColumn,
.premium-design #subHeader2 .subTableColumn:first-child,
.premium-design #subHeader2 .subTableColumn:nth-child(2),
.premium-design #subHeader2 .subTableColumn:last-child {
display: block;
width: auto;
padding: 0;
vertical-align: middle;
}
.premium-design #subHeader2 .subContainer {
display: flex;
align-items: center;
gap: 28px;
}
.premium-design #subHeader2 #logo {
display: flex;
width: 178px;
min-width: 178px;
height: 60px;
align-items: center;
justify-content: flex-start;
}
.premium-design #subHeader2 #logo img {
display: block;
width: auto;
max-width: 178px;
max-height: 58px;
filter: grayscale(1) brightness(0) invert(1);
object-fit: contain;
opacity: 0.92;
}
.premium-design #subHeader2 #topHeading {
display: none;
}
.premium-design #subHeader2 #topCallback {
margin-left: auto;
}
.premium-design #subHeader2 #topCallback .wrap {
display: flex;
align-items: center;
gap: 12px;
}
.premium-design #subHeader2 #topCallback .icon {
filter: sepia(1) saturate(0.55) brightness(1.35);
opacity: 0.85;
}
.premium-design #subHeader2 #topCallback .heading,
.premium-design #subHeader2.color_black #topCallback .heading,
.premium-design #subHeader2 #topCallback .link {
color: var(--tk-color-text);
font-family: var(--tk-font-body);
font-size: 12px;
font-weight: 500;
}
.premium-design #subHeader2 #topCallback .link {
color: var(--tk-color-accent-light);
font-size: 10px;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.premium-design #topSearchLine {
margin: 0;
}
.premium-design #topSearch2 {
border: 1px solid var(--tk-color-border);
border-radius: 0;
background: rgb(255 255 255 / 3%);
}
.premium-design #topSearch2 input,
.premium-design #subHeader2.color_black #topSearch2 input,
.premium-design #subHeader2.color_black #topSearch2 input[placeholder] {
color: var(--tk-color-text);
font-family: var(--tk-font-body);
}
.premium-design #topSearch2 input::placeholder {
color: var(--tk-color-text-muted);
opacity: 1;
}
.premium-design #topSearch2 .searchButton {
filter: grayscale(1) brightness(3);
opacity: 0.75;
}
.premium-design #subHeader2 .subTableColumn:last-child {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 4px;
}
.premium-design #subHeader2 .topWishlist,
.premium-design #subHeader2 .topCompare,
.premium-design #subHeader2 .cart {
float: none;
border-left-color: rgb(255 255 255 / 8%);
}
.premium-design #subHeader2 .topWishlist img,
.premium-design #subHeader2 .topCompare img,
.premium-design #subHeader2 .cart img {
filter: grayscale(1) brightness(2.6);
}
.premium-design #subHeader2 .heading,
.premium-design #subHeader2 .adds,
.premium-design #subHeader2 .price {
color: var(--tk-color-text-muted);
}
.premium-design #mainMenuStaticContainer,
.premium-design #mainMenuContainer,
.premium-design #mainMenuContainer.auto-fixed {
border: 0;
background: var(--tk-color-bg);
box-shadow: none;
}
.premium-design #mainMenuContainer > .limiter {
border-bottom: 1px solid rgb(255 255 255 / 10%);
}
.premium-design #mainMenu,
.premium-design #mainMenuContainer .menuSection {
background: transparent;
}
.premium-design #mainMenu > li > a,
.premium-design #mainMenu .menuLink,
.premium-design #mainMenuContainer .catalogButton {
color: var(--tk-color-text);
font-family: var(--tk-font-body);
font-size: 12px;
font-weight: 400;
letter-spacing: 0.02em;
}
@media (min-width: 1025px) {
.premium-design #menuCatalogSection .catalogButton {
padding: 0 clamp(14px, 1.2vw, 20px);
white-space: nowrap;
}
.premium-design #menuCatalogSection .catalogButtonImage {
width: 26px;
margin-right: 8px;
}
.premium-design #menuCatalogSection .sectionMenuArrow {
margin-left: 6px;
padding-left: 0;
}
.premium-design #mainMenu > li > a {
padding: 0 clamp(9px, 0.9vw, 15px);
white-space: nowrap;
}
.premium-design #mainMenu > li img {
max-width: 28px;
max-height: 28px;
padding-right: 8px;
}
}
.premium-design #mainMenu > li > a:hover,
.premium-design #mainMenu .menuLink:hover,
.premium-design #mainMenu .menuLink.selected,
.premium-design #mainMenuContainer .catalogButton:hover {
color: var(--tk-color-accent-light);
background: transparent;
}
.premium-design #mainMenuContainer .catalogButtonImage,
.premium-design #mainMenuContainer .sectionMenuArrow,
.premium-design #mainMenu .dropdown {
filter: sepia(1) saturate(0.65) brightness(1.4);
}
/* Desktop catalog mega menu */
.premiumDesktopCatalogOverlay,
.premiumDesktopCatalogMenu {
display: none;
}
@media (min-width: 768px) {
.premium-design .premiumDesktopCatalogButton {
font: inherit;
appearance: none;
background: transparent;
cursor: pointer;
}
.premium-design.premiumDesktopCatalogOpened {
overflow: hidden;
}
.premium-design .premiumDesktopCatalogOverlay {
position: fixed;
inset: 0;
z-index: 89;
display: block;
visibility: hidden;
background: rgb(0 0 0 / 58%);
opacity: 0;
transition: opacity 0.2s ease, visibility 0.2s ease;
}
.premium-design .premiumDesktopCatalogMenu {
position: absolute;
top: 78px;
right: clamp(16px, 2.4vw, 48px);
left: clamp(16px, 2.4vw, 48px);
z-index: 90;
display: block;
visibility: hidden;
max-width: 1820px;
max-height: calc(100vh - 102px);
box-sizing: border-box;
margin-inline: auto;
overflow: auto;
border: 1px solid var(--tk-color-border-light);
background: linear-gradient(135deg, #171716 0%, #101010 100%);
box-shadow: 0 24px 70px rgb(0 0 0 / 46%);
opacity: 0;
transform: translateY(-8px);
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}
.premium-design.premiumDesktopCatalogOpened .premiumDesktopCatalogOverlay,
.premium-design.premiumDesktopCatalogOpened .premiumDesktopCatalogMenu {
visibility: visible;
opacity: 1;
}
.premium-design.premiumDesktopCatalogOpened .premiumDesktopCatalogMenu {
transform: translateY(0);
}
.premium-design .premiumDesktopCatalogMenuHeader {
display: flex;
min-height: 62px;
box-sizing: border-box;
align-items: center;
justify-content: space-between;
padding: 0 clamp(22px, 2.2vw, 38px);
border-bottom: 1px solid var(--tk-color-border);
}
.premium-design .premiumDesktopCatalogMenuHeader > a {
color: var(--tk-color-accent-light);
font-size: 18px;
font-weight: 500;
text-decoration: none;
}
.premium-design .premiumDesktopCatalogClose {
width: 38px;
height: 38px;
padding: 0;
border: 0;
background: transparent;
color: var(--tk-color-text-muted);
font-size: 29px;
font-weight: 300;
line-height: 1;
cursor: pointer;
}
.premium-design .premiumDesktopCatalogClose:hover {
color: var(--tk-color-accent-light);
}
.premium-design .premiumDesktopCatalogGrid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
gap: 28px clamp(28px, 3vw, 56px);
padding: clamp(28px, 3vw, 48px);
}
.premium-design .premiumDesktopCatalogColumn {
min-width: 0;
}
.premium-design .premiumDesktopCatalogHeading {
display: flex;
min-height: 58px;
margin-bottom: 0;
align-items: center;
gap: 14px;
color: var(--tk-color-text);
font-size: 15px;
font-weight: 600;
line-height: 1.35;
text-decoration: none;
}
.premium-design .premiumDesktopCatalogSectionIcon {
display: inline-flex;
width: 48px;
height: 48px;
box-sizing: border-box;
flex: 0 0 48px;
align-items: center;
justify-content: center;
color: var(--tk-color-accent-light);
background: rgb(201 156 84 / 7%);
border: 1px solid rgb(205 164 97 / 22%);
border-radius: 13px;
transition: color var(--tk-transition), border-color var(--tk-transition), background var(--tk-transition);
}
.premium-design .premiumDesktopCatalogSectionIcon svg {
width: 72%;
height: 72%;
fill: none;
stroke: currentcolor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
.premium-design .premiumDesktopCatalogHeadingText {
min-width: 0;
}
.premium-design .premiumDesktopCatalogColumn ul {
margin: 10px 0 0 62px;
padding: 0;
list-style: none;
}
.premium-design .premiumDesktopCatalogColumn li + li {
margin-top: 9px;
}
.premium-design .premiumDesktopCatalogColumn li a {
color: var(--tk-color-text-muted);
font-size: 13px;
line-height: 1.4;
text-decoration: none;
transition: color var(--tk-transition);
}
.premium-design .premiumDesktopCatalogHeading:hover,
.premium-design .premiumDesktopCatalogColumn li a:hover {
color: var(--tk-color-accent-light);
}
.premium-design .premiumDesktopCatalogHeading:hover .premiumDesktopCatalogSectionIcon {
background: rgb(201 156 84 / 11%);
border-color: rgb(205 164 97 / 48%);
}
}
/* Homepage promo slider */
.premium-design.index #main {
background: var(--tk-color-bg);
}
/* Static premium homepage hero */
.premium-design.index .premiumHeroStatic {
position: relative;
min-height: clamp(330px, 18vw, 380px);
overflow: hidden;
color: #fff;
background: #080808;
isolation: isolate;
}
.premium-design.index .premiumHeroStatic__picture,
.premium-design.index .premiumHeroStatic__picture img,
.premium-design.index .premiumHeroStatic__shade {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
}
.premium-design.index .premiumHeroStatic__picture img {
max-width: none;
object-fit: cover;
object-position: center 56%;
}
.premium-design.index .premiumHeroStatic__shade {
z-index: 1;
background:
linear-gradient(90deg, rgb(0 0 0 / 84%) 0%, rgb(0 0 0 / 48%) 31%, rgb(0 0 0 / 8%) 58%, rgb(0 0 0 / 52%) 100%),
linear-gradient(180deg, rgb(0 0 0 / 10%), rgb(0 0 0 / 34%));
}
.premium-design.index .premiumHeroStatic__inner {
position: relative;
z-index: 2;
display: grid;
box-sizing: border-box;
min-height: inherit;
padding-top: clamp(28px, 2.5vw, 46px);
padding-bottom: clamp(28px, 2.5vw, 46px);
grid-template-columns: minmax(420px, 1.25fr) minmax(300px, 0.75fr);
align-items: center;
gap: clamp(36px, 5vw, 90px);
}
.premium-design.index .premiumHeroStatic__copy {
max-width: 660px;
}
.premium-design.index .premiumHeroStatic__eyebrow {
margin-bottom: clamp(12px, 1.1vw, 18px);
color: var(--tk-color-accent-light);
font-size: clamp(9px, 0.58vw, 11px);
font-weight: 600;
line-height: 1.35;
letter-spacing: 0.09em;
text-transform: uppercase;
}
.premium-design.index .premiumHeroStatic__title {
margin: 0;
color: #f7f5f1;
font-family: var(--tk-font-heading);
font-size: clamp(31px, 2.25vw, 44px);
font-weight: 400;
line-height: 1.12;
letter-spacing: 0.025em;
text-transform: uppercase;
}
.premium-design.index .premiumHeroStatic__benefits {
display: grid;
width: min(100%, 370px);
justify-self: end;
gap: clamp(18px, 1.7vw, 28px);
}
@media (min-width: 1001px) {
.premium-design.index .premiumHeroStatic__benefits {
transform: translateX(clamp(78px, 6.2vw, 124px));
}
}
.premium-design.index .premiumHeroStatic__benefit {
display: grid;
grid-template-columns: 48px minmax(0, 1fr);
align-items: center;
gap: 16px;
}
.premium-design.index .premiumHeroStatic__benefit svg {
width: 44px;
height: 44px;
color: var(--tk-color-accent-light);
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.premium-design.index .premiumHeroStatic__benefit div {
display: grid;
gap: 4px;
}
.premium-design.index .premiumHeroStatic__benefit strong,
.premium-design.index .premiumHeroStatic__benefit span {
display: block;
}
.premium-design.index .premiumHeroStatic__benefit strong {
color: #fff;
font-size: clamp(10px, 0.68vw, 13px);
font-weight: 600;
line-height: 1.35;
}
.premium-design.index .premiumHeroStatic__benefit span {
color: rgb(255 255 255 / 72%);
font-size: clamp(9px, 0.58vw, 11px);
font-weight: 400;
line-height: 1.4;
}
@media (max-width: 1000px) and (min-width: 768px) {
.premium-design.index .premiumHeroStatic__inner {
grid-template-columns: minmax(360px, 1.2fr) minmax(250px, 0.8fr);
gap: 28px;
}
.premium-design.index .premiumHeroStatic__benefits {
width: min(100%, 300px);
}
.premium-design.index .premiumHeroStatic__benefit {
grid-template-columns: 40px minmax(0, 1fr);
gap: 12px;
}
.premium-design.index .premiumHeroStatic__benefit svg {
width: 38px;
height: 38px;
}
}
@media (max-width: 767px) {
.premium-design.index .premiumHeroStatic {
min-height: clamp(610px, 158vw, 720px);
}
.premium-design.index .premiumHeroStatic__picture img {
object-position: center 50%;
}
.premium-design.index .premiumHeroStatic__shade {
background:
linear-gradient(180deg, rgb(0 0 0 / 76%) 0%, rgb(0 0 0 / 38%) 42%, rgb(0 0 0 / 70%) 76%, rgb(0 0 0 / 90%) 100%),
linear-gradient(90deg, rgb(0 0 0 / 52%), transparent 72%);
}
.premium-design.index .premiumHeroStatic__inner {
display: flex;
min-height: inherit;
padding-top: clamp(34px, 9vw, 52px);
padding-bottom: clamp(24px, 7vw, 38px);
flex-direction: column;
align-items: stretch;
gap: 24px;
}
.premium-design.index .premiumHeroStatic__copy {
max-width: min(100%, 420px);
}
.premium-design.index .premiumHeroStatic__eyebrow {
margin-bottom: 12px;
font-size: clamp(8.5px, 2.55vw, 10.5px);
line-height: 1.4;
}
.premium-design.index .premiumHeroStatic__title {
font-size: clamp(25px, 7.5vw, 36px);
line-height: 1.15;
letter-spacing: 0.015em;
}
.premium-design.index .premiumHeroStatic__benefits {
width: 100%;
margin-top: auto;
justify-self: stretch;
gap: 0;
background: rgb(5 5 5 / 54%);
border-top: 1px solid rgb(199 154 92 / 28%);
border-bottom: 1px solid rgb(199 154 92 / 28%);
backdrop-filter: blur(3px);
}
.premium-design.index .premiumHeroStatic__benefit {
min-height: 66px;
padding: 10px 8px;
grid-template-columns: 38px minmax(0, 1fr);
gap: 12px;
border-bottom: 1px solid rgb(255 255 255 / 10%);
}
.premium-design.index .premiumHeroStatic__benefit:last-child {
border-bottom: 0;
}
.premium-design.index .premiumHeroStatic__benefit svg {
width: 34px;
height: 34px;
}
.premium-design.index .premiumHeroStatic__benefit strong {
font-size: clamp(10px, 3vw, 12px);
}
.premium-design.index .premiumHeroStatic__benefit span {
font-size: clamp(9px, 2.7vw, 10.5px);
}
}
.premium-design.index #slider {
--tk-slider-desktop-height: clamp(360px, 21.875vw, 520px);
min-height: var(--tk-slider-desktop-height);
border-bottom: 1px solid var(--tk-color-border);
background: var(--tk-color-bg);
}
.premium-design.index #slider::before {
position: absolute;
inset: 0;
z-index: 2;
content: "";
background:
linear-gradient(90deg, rgb(8 8 8 / 86%) 0%, rgb(8 8 8 / 57%) 38%, rgb(8 8 8 / 10%) 72%),
linear-gradient(0deg, rgb(8 8 8 / 45%) 0%, transparent 38%);
pointer-events: none;
}
.premium-design.index #slider .wrap,
.premium-design.index #slider .slideBox,
.premium-design.index #slider .slideBox > li,
.premium-design.index #slider .limiter,
.premium-design.index #slider .slideVideoContainer {
height: var(--tk-slider-desktop-height) !important;
}
.premium-design.index #slider .slideBox > li > span {
display: block;
height: 100%;
background-position: center;
background-size: cover;
}
.premium-design.index #slider .limiterContainer {
top: 0;
z-index: 4;
height: 100%;
}
.premium-design.index #slider .limiter {
width: min(
calc(100% - var(--tk-container-padding) * 2),
var(--tk-container-width)
);
max-width: none;
margin-inline: auto;
padding: 0;
}
.premium-design.index #slider .sliderContent,
.premium-design.index #slider .leftContainer {
left: 0;
width: min(620px, 52vw);
color: var(--tk-color-text);
}
.premium-design.index #slider .rightContainer {
right: 0;
left: auto;
}
.premium-design.index #slider .sliderContent .bigText,
.premium-design.index #slider .sliderContent .bigTextColor,
.premium-design.index #slider .sliderContent .bigTextLight,
.premium-design.index #slider .sliderContent .bigTextLightColor {
margin-top: 22px;
color: var(--tk-color-text) !important;
font-family: var(--tk-font-heading);
font-size: clamp(34px, 3.2vw, 56px);
font-weight: 400;
line-height: 1.08;
letter-spacing: -0.025em;
}
.premium-design.index #slider .sliderContent .mediumText,
.premium-design.index #slider .sliderContent .mediumTextColor,
.premium-design.index #slider .sliderContent .mediumTextLight {
margin-top: 20px;
color: var(--tk-color-accent-light) !important;
font-family: var(--tk-font-body);
font-size: 12px;
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.premium-design.index #slider .sliderContent .smallText,
.premium-design.index #slider .sliderContent .smallTextColor,
.premium-design.index #slider .sliderContent .smallTextLight {
max-width: 540px;
margin-top: 24px;
color: rgb(242 239 233 / 78%) !important;
font-family: var(--tk-font-body);
font-size: 14px;
font-weight: 400;
line-height: 1.7;
}
.premium-design.index #slider .sliderContent .cButton,
.premium-design.index #slider .sliderContent .cButtonLight {
display: inline-flex;
height: 54px;
margin-top: 32px;
padding: 0 30px;
align-items: center;
justify-content: center;
border: 1px solid var(--tk-color-accent);
border-radius: 0;
background: var(--tk-color-accent);
color: var(--tk-color-dark) !important;
font-family: var(--tk-font-body);
font-size: 13px;
font-weight: 500;
line-height: 1;
text-decoration: none;
}
.premium-design.index #slider .sliderContent .cButton:hover,
.premium-design.index #slider .sliderContent .cButtonLight:hover {
border-color: var(--tk-color-accent-light);
background: var(--tk-color-accent-light);
}
.premium-design.index #slider .sliderBtnLeft,
.premium-design.index #slider .sliderBtnRight {
top: 50%;
bottom: auto;
z-index: 6;
width: 44px;
height: 72px;
margin: 0;
border: 0;
background: transparent !important;
opacity: 0.62;
transform: translateY(-50%);
transition:
color var(--tk-transition),
opacity var(--tk-transition);
}
.premium-design.index #slider .sliderBtnLeft {
right: auto;
left: clamp(8px, 1.8vw, 32px);
}
.premium-design.index #slider .sliderBtnRight {
right: clamp(8px, 1.8vw, 32px);
left: auto;
}
.premium-design.index #slider .sliderBtnLeft::before,
.premium-design.index #slider .sliderBtnRight::before {
position: absolute;
top: 50%;
left: 50%;
width: 11px;
height: 11px;
border-bottom: 1px solid var(--tk-color-text-muted);
border-left: 1px solid var(--tk-color-text-muted);
content: "";
}
.premium-design.index #slider .sliderBtnLeft::before {
transform: translate(-35%, -50%) rotate(45deg);
}
.premium-design.index #slider .sliderBtnRight::before {
transform: translate(-65%, -50%) rotate(225deg);
}
.premium-design.index #slider .sliderBtnLeft:hover,
.premium-design.index #slider .sliderBtnRight:hover {
border-color: transparent;
background: transparent !important;
opacity: 1;
}
.premium-design.index #slider ol {
right: auto;
bottom: 14px;
left: 50%;
z-index: 6;
margin-left: 0 !important;
transform: translateX(-50%);
}
.premium-design.index #slider ol li {
width: 28px;
height: 2px;
margin-right: 8px;
background: rgb(255 255 255 / 30%);
}
.premium-design.index #slider ol li.selected,
.premium-design.index #slider ol li:hover {
background: var(--tk-color-accent);
}
@media (max-width: 1100px) {
.premium-design #subHeader2 .subTable {
grid-template-columns: minmax(260px, 1fr) minmax(220px, 380px) auto;
gap: 18px;
}
.premium-design #subHeader2 #topCallback {
display: none;
}
}
@media (max-width: 767px) {
.premium-design #topHeader2 {
display: none;
}
.premium-design #subHeader2,
.premium-design #subHeader2 .subTable {
height: 72px;
}
.premium-design #subHeader2 .subTable {
display: flex;
justify-content: space-between;
gap: 12px;
}
.premium-design #subHeader2 .subTableColumn:first-child {
flex: 1 1 auto;
}
.premium-design #subHeader2 .subTableColumn:nth-child(2) {
display: none;
}
.premium-design #subHeader2 .subTableColumn:last-child {
flex: 0 0 auto;
}
.premium-design #subHeader2 #logo {
width: 138px;
min-width: 138px;
height: 52px;
}
.premium-design #subHeader2 #logo img {
max-width: 138px;
max-height: 48px;
}
.premium-design #subHeader2 .topCompare {
display: none;
}
.premium-design #mainMenuContainer > .limiter {
min-height: 52px;
}
.premium-design #mainMenuContainer .minCatalogButton {
display: flex;
height: 52px;
padding: 0 16px;
align-items: center;
color: var(--tk-color-text);
font-family: var(--tk-font-body);
font-size: 14px;
font-weight: 500;
line-height: 1;
background: var(--tk-color-bg) !important;
}
.premium-design #mainMenuContainer .minCatalogButton img {
display: none;
}
.premium-design #mainMenuContainer .minCatalogButton::before {
display: block;
width: 24px;
height: 16px;
margin-right: 14px;
flex: 0 0 24px;
background: linear-gradient(
to bottom,
var(--tk-color-accent-light) 0,
var(--tk-color-accent-light) 2px,
transparent 2px,
transparent 7px,
var(--tk-color-accent-light) 7px,
var(--tk-color-accent-light) 9px,
transparent 9px,
transparent 14px,
var(--tk-color-accent-light) 14px,
var(--tk-color-accent-light) 16px
);
content: "";
}
.premium-design #mainMenuContainer #mainMenu {
background: var(--tk-color-bg-soft);
}
.premium-design #mainMenu .mobileCatalogHeading {
color: var(--tk-color-text);
font-family: var(--tk-font-heading);
font-size: 21px;
}
.premium-design #mainMenuContainer #mainMenu > li:not(.mobileCatalogHeading) > a {
color: var(--tk-color-text);
font-family: var(--tk-font-body);
}
.premium-design #mainMenuContainer #mainMenu > li:not(.mobileCatalogHeading) > a:hover {
color: var(--tk-color-accent-light);
}
.premium-design.index #slider,
.premium-design.index #slider .wrap,
.premium-design.index #slider .slideBox,
.premium-design.index #slider .slideBox > li,
.premium-design.index #slider .limiter,
.premium-design.index #slider .slideVideoContainer {
height: clamp(360px, 95vw, 456px) !important;
min-height: clamp(360px, 95vw, 456px);
}
.premium-design.index #slider .slideBox > li {
overflow: hidden;
background: var(--tk-color-bg);
}
.premium-design.index #slider .slideBox > li > span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto !important;
aspect-ratio: 1920 / 420;
background-color: var(--tk-color-bg);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
}
.premium-design.index #slider .slideBox > li:first-child > span {
height: auto !important;
aspect-ratio: 1920 / 420;
background-position: center top;
background-size: 100% auto;
}
.premium-design.index #slider .slideBox > li.hasMobilePicture > span,
.premium-design.index #slider .slideBox > li.hasMobilePicture:first-child > span {
height: 100% !important;
aspect-ratio: auto;
background-position: center center;
background-size: cover;
}
.premium-design.index #slider::before {
background:
linear-gradient(90deg, rgb(8 8 8 / 78%) 0%, rgb(8 8 8 / 46%) 48%, rgb(8 8 8 / 12%) 100%),
linear-gradient(180deg, rgb(8 8 8 / 4%) 0%, rgb(8 8 8 / 10%) 42%, rgb(8 8 8 / 88%) 100%);
}
.premium-design.index #slider .limiterContainer {
top: 0;
height: 100%;
}
.premium-design.index #slider .sliderContent,
.premium-design.index #slider .leftContainer,
.premium-design.index #slider .rightContainer,
.premium-design.index #slider .centerContainer {
top: auto;
right: auto;
bottom: 24px;
left: 0 !important;
width: 100%;
max-width: none;
transform: none;
text-align: left;
}
.premium-design.index #slider .sliderContent .bigText,
.premium-design.index #slider .sliderContent .bigTextColor,
.premium-design.index #slider .sliderContent .bigTextLight,
.premium-design.index #slider .sliderContent .bigTextLightColor {
margin-top: 2vw;
font-size: clamp(22px, 6.6vw, 30px);
font-weight: 400;
line-height: 1.16;
letter-spacing: 0;
background: linear-gradient(90deg, #b67f3f 0%, #d0a765 48%, #ead09b 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
.premium-design.index #slider .sliderContent .mediumText,
.premium-design.index #slider .sliderContent .mediumTextColor,
.premium-design.index #slider .sliderContent .mediumTextLight {
margin-top: 3.5vw;
font-size: 3.2vw;
font-size: min(3.2vw, 1.8svh);
}
.premium-design.index #slider .sliderContent .smallText,
.premium-design.index #slider .sliderContent .smallTextColor,
.premium-design.index #slider .sliderContent .smallTextLight {
max-width: 100%;
margin-top: 4vw;
font-size: 3.4vw;
font-size: min(3.4vw, 2svh);
line-height: 1.55;
}
.premium-design.index #slider .sliderContent .cButton,
.premium-design.index #slider .sliderContent .cButtonLight {
height: 12vw;
height: min(12vw, 6.5svh);
margin-top: 5vw;
padding: 0 6vw;
width: min(100%, 60vw);
min-width: 0;
box-sizing: border-box;
}
.premium-design.index #slider .slideBox > li:first-child .sliderContent {
top: auto;
bottom: 24px;
display: flex !important;
flex-direction: column;
align-items: flex-start;
}
.premium-design.index #slider .slideBox > li:first-child .sliderContent::before {
order: 1;
color: transparent;
font-family: var(--tk-font-heading);
font-size: clamp(22px, 6.6vw, 30px);
font-weight: 400;
line-height: 1.16;
letter-spacing: 0;
background: linear-gradient(90deg, #b67f3f 0%, #d0a765 48%, #ead09b 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
content: "Скидка до 20%";
}
.premium-design.index #slider .slideBox > li:not(.hasMobilePicture) .sliderContent,
.premium-design.index #slider .slideBox > li:first-child:not(.hasMobilePicture) .sliderContent {
top: calc(21.875vw + clamp(20px, 6vw, 30px));
bottom: auto;
}
.premium-design.index #slider .slideBox > li.hasMobilePicture .sliderContent,
.premium-design.index #slider .slideBox > li.hasMobilePicture:first-child .sliderContent {
top: clamp(28px, 8vw, 42px);
bottom: auto;
width: min(74%, 300px);
}
.premium-design.index #slider .slideBox > li:first-child .sliderContent::after {
max-width: 82%;
margin-top: 4vw;
order: 2;
color: rgb(242 239 233 / 78%);
font-family: var(--tk-font-body);
font-size: 3.4vw;
font-size: min(3.4vw, 2svh);
line-height: 1.55;
content: "На комплект крупной и встраиваемой техники премиум-класса";
}
.premium-design.index #slider .slideBox > li:first-child .sliderContent > a {
display: inline-flex;
width: min(100%, 60vw);
height: 12vw;
height: min(12vw, 6.5svh);
margin-top: 5vw;
padding: 0 6vw;
order: 3;
box-sizing: border-box;
align-items: center;
justify-content: center;
border: 1px solid var(--tk-color-accent);
background: var(--tk-color-accent);
color: var(--tk-color-dark);
font-family: var(--tk-font-body);
font-weight: 500;
text-decoration: none;
}
.premium-design.index #slider .slideBox > li.hasMobilePicture:first-child .sliderContent > a {
width: clamp(150px, 42vw, 180px);
height: clamp(38px, 10vw, 42px);
margin-top: 12px;
margin-left: clamp(12px, 4vw, 20px);
padding: 0 16px;
font-size: clamp(12px, 3.4vw, 14px);
}
.premium-design.index #slider .slideBox > li:first-child .sliderContent > a::after {
content: "Подробнее";
}
.premium-design.index #slider .slideBox > li:first-child .sliderContent > a img {
display: none !important;
}
.premium-design.index #slider .sliderBtnLeft,
.premium-design.index #slider .sliderBtnRight {
display: block;
width: 28px;
height: 54px;
}
.premium-design.index #slider .sliderBtnLeft {
left: 2px;
}
.premium-design.index #slider .sliderBtnRight {
right: 2px;
}
.premium-design.index #slider .sliderBtnLeft::before,
.premium-design.index #slider .sliderBtnRight::before {
width: 8px;
height: 8px;
}
.premium-design.index #slider ol {
right: auto;
bottom: 3vw;
left: 50%;
margin-left: 0 !important;
transform: translateX(-50%);
}
}
@media (max-width: 767px) {
.premium-design #subHeader2,
.premium-design #subHeader2 > .limiter,
.premium-design .premiumMobileHeader {
height: 68px;
}
.premium-design #subHeader2 .subTable {
display: none !important;
}
.premium-design .premiumMobileHeader {
display: grid !important;
}
.premium-design .menuContainerColor,
.premium-design #mainMenuStaticContainer,
.premium-design #mainMenuContainer,
.premium-design #mainMenuContainer > .limiter {
height: 0 !important;
min-height: 0 !important;
border: 0 !important;
}
.premium-design #mainMenuContainer .minCatalogButton {
display: none !important;
}
}
/* Premium footer */
.premium-design #footer {
margin-bottom: 55px;
padding-top: 0;
background: #0d0d0d;
border-top: 0;
}
.premium-design #footer .fc,
.premium-design #leftFooter,
.premium-design #rightFooter {
background: linear-gradient(105deg, #101010 0%, #151515 52%, #101010 100%);
}
.premium-design #footer .fc {
border-top: 0;
}
.premium-design #footer .limiter {
width: min(100% - clamp(40px, 7vw, 120px), 1540px);
max-width: 1540px;
box-sizing: border-box;
margin-inline: auto;
padding-inline: 0;
}
.premium-design #rowFooter {
display: grid;
width: 100%;
grid-template-columns: minmax(0, 1.05fr) minmax(500px, 0.95fr);
gap: clamp(42px, 5vw, 88px);
table-layout: auto;
}
.premium-design #leftFooter,
.premium-design #rightFooter {
display: block;
width: auto;
box-sizing: border-box;
padding: clamp(38px, 4vw, 64px) 0;
}
.premium-design #leftFooter .footerRow {
display: grid;
overflow: visible;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(32px, 4vw, 72px);
}
.premium-design #leftFooter .column {
float: none;
width: auto;
min-width: 0;
padding: 0;
}
.premium-design #leftFooter .column:nth-child(2) {
display: none;
}
.premium-design #leftFooter .heading {
display: block;
margin: 0 0 12px;
padding: 0 0 12px;
background: var(--tk-logo-gradient);
-webkit-background-clip: text;
background-clip: text;
border-bottom: 1px solid var(--tk-color-border);
color: transparent;
font-family: var(--tk-font-body);
font-size: clamp(14px, 1.05vw, 18px);
font-weight: 600;
line-height: 1.2;
}
.premium-design #leftFooter .footerMenu li {
border-top: 1px solid rgb(255 255 255 / 4%);
}
.premium-design #leftFooter .footerMenu li:first-child {
border-top: 0;
}
.premium-design #leftFooter .footerMenu a,
.premium-design #leftFooter .footerMenu .selected {
display: block;
padding: 7px 0;
color: #aaa49a;
font-family: var(--tk-font-body);
font-size: clamp(11px, 0.78vw, 13px);
line-height: 1.35;
text-decoration: none;
transition: color 0.2s ease;
}
.premium-design #leftFooter .footerMenu a:hover,
.premium-design #leftFooter .footerMenu .selected {
color: var(--tk-color-accent);
}
.premium-design #rightFooter {
padding-left: 0;
}
.premium-design #rightFooter .rightTable,
.premium-design #rightFooter .rightTable tbody,
.premium-design #rightFooter .rightTable .footerRow {
display: block;
width: 100%;
}
.premium-design #rightFooter .rightTable .footerRow {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(28px, 3vw, 56px);
}
.premium-design #rightFooter .rightTable td,
.premium-design #rightFooter .leftColumn,
.premium-design #rightFooter .rightColumn {
display: block;
width: auto;
box-sizing: border-box;
padding: 0;
text-align: left;
}
.premium-design #rightFooter .rightColumn .wrap {
display: block;
}
.premium-design #rightFooter .logo {
display: block;
width: 124px;
height: 52px;
margin-bottom: 16px;
background: var(--tk-logo-gradient);
-webkit-mask: url("/bitrix/templates/dresscodeV2/images/technikakup-logo6.webp") center / contain no-repeat;
mask: url("/bitrix/templates/dresscodeV2/images/technikakup-logo6.webp") center / contain no-repeat;
}
.premium-design #rightFooter .logo img {
opacity: 0;
}
.premium-design #rightFooter p,
.premium-design #rightFooter .list li {
margin: 0 0 10px;
color: #8f8a82;
font-family: var(--tk-font-body);
font-size: clamp(10px, 0.75vw, 12px);
line-height: 1.55;
}
.premium-design #rightFooter .hr {
padding-top: 12px;
border-top: 1px solid var(--tk-color-border);
}
.premium-design #rightFooter .telephone {
margin-bottom: 16px;
background: var(--tk-logo-gradient);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
font-family: var(--tk-font-body);
font-size: clamp(17px, 1.35vw, 22px);
font-weight: 500;
}
.premium-design #rightFooter .email,
.premium-design #rightFooter .email a {
color: #ded9d0;
font-family: var(--tk-font-body);
font-size: clamp(12px, 1vw, 16px);
text-decoration: none;
}
.premium-design #rightFooter .showMap,
.premium-design #rightFooter .showMap:hover {
color: var(--tk-color-accent);
text-decoration-color: rgb(200 154 90 / 50%);
}
.premium-design #footerBottom {
display: none;
}
.premium-design #footerLine,
.premium-design #footerLine.color_theme,
.premium-design #footerLine.color_white {
background: #0b0b0b !important;
border-top: 1px solid rgb(200 154 90 / 35%) !important;
box-shadow: 0 -6px 24px rgb(0 0 0 / 35%);
}
.premium-design #footerLine .item a,
.premium-design #footerLine.color_theme .item a,
.premium-design #footerLine.color_white .item a {
color: #c9c3ba;
}
.premium-design #footerLine .item a:hover,
.premium-design #footerLine.color_theme .item a:hover,
.premium-design #footerLine.color_white .item a:hover {
color: var(--tk-color-accent);
}
.premium-design #footerLine .item .compare .icon,
.premium-design #footerLine .item .wishlist .icon,
.premium-design #footerLine .item .cart .icon {
position: relative;
width: 23px;
height: 24px;
margin-right: 9px;
background: transparent !important;
color: #d2d2d2;
filter: none;
}
.premium-design #footerLine .item .compare .icon::before,
.premium-design #footerLine .item .wishlist .icon::before,
.premium-design #footerLine .item .cart .icon::before {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 21px;
height: 21px;
background: currentColor;
content: "";
transform: translate(-50%, -50%);
}
.premium-design #footerLine .item .compare .icon::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4v16M4 7l3-3 3 3M17 20V4M14 17l3 3 3-3M11 9h6M7 15h6'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4v16M4 7l3-3 3 3M17 20V4M14 17l3 3 3-3M11 9h6M7 15h6'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}
.premium-design #footerLine .item .wishlist .icon::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round' d='m12 2.8 2.8 5.7 6.3.9-4.6 4.4 1.1 6.3-5.6-3-5.6 3 1.1-6.3-4.6-4.4 6.3-.9L12 2.8Z'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round' d='m12 2.8 2.8 5.7 6.3.9-4.6 4.4 1.1 6.3-5.6-3-5.6 3 1.1-6.3-4.6-4.4 6.3-.9L12 2.8Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.premium-design #footerLine .item .cart .icon::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.2 10.2h10.7l2-7.1H6'/%3E%3Ccircle cx='9' cy='19' r='1.4'/%3E%3Ccircle cx='17' cy='19' r='1.4'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.2 10.2h10.7l2-7.1H6'/%3E%3Ccircle cx='9' cy='19' r='1.4'/%3E%3Ccircle cx='17' cy='19' r='1.4'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}
.premium-design #footerLine .item .compare.active .icon,
.premium-design #footerLine .item .wishlist.active .icon,
.premium-design #footerLine .item .cart.active .icon,
.premium-design #footerLine .item a:hover .icon {
color: var(--tk-color-accent);
}
.premium-design #footerLine .item .compare .mark,
.premium-design #footerLine .item .wishlist .mark,
.premium-design #footerLine .item .cart .mark {
background: var(--tk-color-accent);
color: #111;
}
@media (max-width: 1100px) {
.premium-design #rowFooter {
grid-template-columns: 1fr;
gap: 0;
}
.premium-design #leftFooter {
padding-bottom: 24px;
}
.premium-design #rightFooter {
padding-top: 28px;
border-top: 1px solid var(--tk-color-border);
}
}
@media (max-width: 767px) {
.premium-design #footer {
padding-top: 0;
}
.premium-design #footer .limiter {
width: calc(100% - clamp(28px, 8vw, 44px));
padding-inline: 0;
}
.premium-design #rowFooter,
.premium-design #leftFooter,
.premium-design #rightFooter {
display: block;
width: 100%;
}
.premium-design #leftFooter {
padding: clamp(24px, 7vw, 34px) 0 18px;
}
.premium-design #leftFooter .footerRow {
display: block;
}
.premium-design #leftFooter .column {
margin-bottom: 10px;
}
.premium-design #leftFooter .heading {
margin: 0;
padding: 14px 38px 14px 12px;
background-color: rgb(255 255 255 / 2%);
font-size: clamp(12px, 3.8vw, 14px);
}
.premium-design #leftFooter .heading + ul {
box-sizing: border-box;
margin-top: 7px;
padding: 0 12px;
}
.premium-design #leftFooter .footerMenu a,
.premium-design #leftFooter .footerMenu .selected {
font-size: clamp(11px, 3.2vw, 13px);
}
.premium-design #rightFooter {
padding: 24px 0 30px;
}
.premium-design #rightFooter .rightTable .footerRow {
grid-template-columns: 1fr;
gap: 22px;
}
.premium-design #rightFooter .logo {
width: 104px;
height: 42px;
}
.premium-design #rightFooter p,
.premium-design #rightFooter .list li {
font-size: clamp(10px, 3vw, 12px);
}
.premium-design #rightFooter .telephone {
font-size: clamp(17px, 5vw, 20px);
}
.premium-design #rightFooter .email,
.premium-design #rightFooter .email a {
font-size: clamp(12px, 3.6vw, 15px);
}
.premium-design #footerLine {
height: 55px;
}
.premium-design #footerLine > .limiter {
width: 100%;
}
.premium-design #footerLine .col:first-child {
display: none;
}
.premium-design #footerLine .col:last-child {
float: none;
width: 100%;
text-align: center;
}
.premium-design #flushFooterCart {
display: flex;
height: 55px;
align-items: stretch;
justify-content: center;
}
.premium-design #flushFooterCart .item,
.premium-design #flushFooterCart .item:nth-child(1) {
display: flex !important;
width: calc(100% / 3);
margin: 0;
align-items: stretch;
justify-content: center;
}
.premium-design #flushFooterCart .item:nth-child(1) {
order: 2;
}
.premium-design #flushFooterCart .item:nth-child(2) {
order: 1;
}
.premium-design #flushFooterCart .item:nth-child(3) {
order: 3;
}
.premium-design #flushFooterCart .item > a {
position: relative;
display: flex;
width: 100%;
height: 55px;
align-items: center;
justify-content: center;
}
.premium-design #flushFooterCart .textLabel {
display: none !important;
}
.premium-design #footerLine .item .compare .icon,
.premium-design #footerLine .item .wishlist .icon,
.premium-design #footerLine .item .cart .icon {
margin: 0;
}
.premium-design #footerLine .item .compare .mark,
.premium-design #footerLine .item .wishlist .mark,
.premium-design #footerLine .item .cart .mark {
position: absolute;
top: 7px;
left: calc(50% + 5px);
box-sizing: border-box;
min-width: 16px;
height: 16px;
margin: 0;
padding: 0 4px;
font-size: 9px;
line-height: 16px;
border-radius: 999px;
}
}
/* Premium footer grid */
.premium-design .premiumFooterGrid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: clamp(24px, 3vw, 58px);
padding: clamp(38px, 4vw, 62px) 0 clamp(30px, 3.4vw, 50px);
}
.premium-design .premiumFooterCatalog {
grid-column: 1;
}
.premium-design .premiumFooterBrand {
display: flex;
grid-column: 3;
min-width: 0;
align-items: center;
justify-content: flex-start;
flex-direction: column;
text-align: center;
}
.premium-design .premiumFooterContacts {
grid-column: 4 / 6;
padding-left: clamp(10px, 2vw, 34px);
border-left: 1px solid var(--tk-color-border);
}
.premium-design .premiumFooterHeading {
display: block;
margin-bottom: 14px;
padding-bottom: 10px;
background: var(--tk-logo-gradient);
-webkit-background-clip: text;
background-clip: text;
border-bottom: 1px solid var(--tk-color-border);
color: transparent;
font-family: var(--tk-font-body);
font-size: clamp(16px, 1vw, 18px);
font-weight: 600;
line-height: 1.2;
text-transform: uppercase;
}
.premium-design .premiumFooterGrid .footerMenu,
.premium-design .premiumFooterMenu {
margin: 0;
padding: 0;
list-style: none;
}
.premium-design .premiumFooterGrid .footerMenu li,
.premium-design .premiumFooterMenu li {
margin: 0;
padding: 0;
border: 0;
}
.premium-design .premiumFooterGrid .footerMenu a,
.premium-design .premiumFooterGrid .footerMenu .selected,
.premium-design .premiumFooterMenu a {
display: block;
padding: 5px 0;
color: #9e988f;
font-family: var(--tk-font-body);
font-size: clamp(14px, 0.86vw, 16px);
line-height: 1.4;
text-decoration: none;
transition: color 0.2s ease;
}
.premium-design .premiumFooterGrid .footerMenu a:hover,
.premium-design .premiumFooterGrid .footerMenu .selected,
.premium-design .premiumFooterMenu a:hover {
color: var(--tk-color-accent);
}
.premium-design .premiumFooterBrandLogo {
display: block;
width: clamp(105px, 8vw, 142px);
height: clamp(48px, 4.6vw, 72px);
margin-bottom: 12px;
background: var(--tk-logo-gradient);
-webkit-mask: url("/bitrix/templates/dresscodeV2/images/technikakup-logo6.webp") center / contain no-repeat;
mask: url("/bitrix/templates/dresscodeV2/images/technikakup-logo6.webp") center / contain no-repeat;
}
.premium-design .premiumFooterBrandLogo img {
width: 100%;
height: 100%;
opacity: 0;
}
.premium-design .premiumFooterBrand > span {
color: #7f7a72;
font-size: clamp(11px, 0.72vw, 13px);
line-height: 1.5;
text-align: left;
text-transform: uppercase;
}
@media (min-width: 1101px) {
.premium-design .premiumFooterBrand {
transform: translateY(-14px);
}
}
.premium-design .premiumFooterPhone,
.premium-design .premiumFooterEmail,
.premium-design .premiumFooterHours {
display: block;
font-family: var(--tk-font-body);
}
.premium-design .premiumFooterPhone {
margin-bottom: 9px;
background: var(--tk-logo-gradient);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
font-size: clamp(22px, 1.7vw, 28px);
font-weight: 500;
line-height: 1.2;
text-decoration: none;
}
.premium-design .premiumFooterEmail {
margin-bottom: 8px;
color: #d4cec4;
font-size: clamp(14px, 0.95vw, 16px);
text-decoration: none;
}
.premium-design .premiumFooterEmail:hover {
color: var(--tk-color-accent);
}
.premium-design .premiumFooterHours {
color: #817c74;
font-size: clamp(12px, 0.82vw, 14px);
line-height: 1.5;
}
.premium-design .premiumFooterSocial {
min-height: 38px;
margin-top: 12px;
overflow: hidden;
}
.premium-design .premiumFooterSocial .sn {
display: flex;
float: none;
margin: 0;
padding: 0;
overflow: visible;
align-items: center;
list-style: none;
}
.premium-design .premiumFooterSocial .sn li {
float: none;
width: 40px;
height: 40px;
margin: 0;
overflow: visible;
line-height: 40px;
border: 0 !important;
}
.premium-design .premiumFooterSocial .sn a {
width: 60px;
height: 60px;
margin: -10px;
filter: sepia(1) saturate(1.35) brightness(1.05);
transform: scale(0.62);
transform-origin: center;
}
.premium-design .premiumFooterSocial .sn .vk { background-image: url("/bitrix/templates/dresscodeV2/images/snC.svg"); background-position: 0 0; }
.premium-design .premiumFooterSocial .sn .fb { background-image: url("/bitrix/templates/dresscodeV2/images/snC.svg"); background-position: -60px 0; }
.premium-design .premiumFooterSocial .sn .od { background-image: url("/bitrix/templates/dresscodeV2/images/snC.svg"); background-position: -120px 0; }
.premium-design .premiumFooterSocial .sn .tw { background-image: url("/bitrix/templates/dresscodeV2/images/snC.svg"); background-position: -180px 0; }
.premium-design .premiumFooterSocial .sn .go { background-image: url("/bitrix/templates/dresscodeV2/images/snC.svg"); background-position: -240px 0; }
.premium-design .premiumFooterSocial .sn .yo { background-image: url("/bitrix/templates/dresscodeV2/images/snC.svg"); background-position: -300px 0; }
.premium-design .premiumFooterMeta {
display: flex;
min-height: 52px;
box-sizing: border-box;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 14px 0;
border-top: 1px solid var(--tk-color-border);
color: #716d66;
font-size: clamp(11px, 0.72vw, 13px);
line-height: 1.4;
}
.premium-design .premiumFooterMeta > div {
display: flex;
align-items: center;
gap: clamp(20px, 3vw, 48px);
}
.premium-design .premiumFooterMeta a {
color: #817c74;
text-decoration: none;
}
.premium-design .premiumFooterMeta a:hover {
color: var(--tk-color-accent);
}
@media (max-width: 1100px) {
.premium-design .premiumFooterGrid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.premium-design .premiumFooterCatalog,
.premium-design .premiumFooterBrand,
.premium-design .premiumFooterContacts {
grid-column: auto;
}
.premium-design .premiumFooterBrand {
grid-column: 1 / -1;
grid-row: 1;
padding-bottom: 20px;
}
.premium-design .premiumFooterContacts {
grid-column: 1 / -1;
padding: 24px 0 0;
border-top: 1px solid var(--tk-color-border);
border-left: 0;
}
}
@media (max-width: 767px) {
.premium-design .premiumFooterGrid {
display: grid;
grid-template-columns: 1fr;
gap: 22px;
padding: clamp(26px, 8vw, 38px) 0 24px;
}
.premium-design .premiumFooterBrand,
.premium-design .premiumFooterCatalog,
.premium-design .premiumFooterContacts {
grid-column: auto;
}
.premium-design .premiumFooterBrand {
grid-row: auto;
order: -1;
padding-bottom: 2px;
}
.premium-design .premiumFooterHeading {
margin-bottom: 8px;
font-size: clamp(15px, 4.4vw, 17px);
}
.premium-design .premiumFooterGrid .footerMenu a,
.premium-design .premiumFooterGrid .footerMenu .selected,
.premium-design .premiumFooterMenu a {
padding: 4px 0;
font-size: clamp(14px, 4vw, 16px);
}
.premium-design .premiumFooterContacts {
padding-top: 20px;
}
.premium-design .premiumFooterBrandLogo {
width: clamp(94px, 30vw, 116px);
height: clamp(42px, 14vw, 56px);
}
.premium-design .premiumFooterPhone {
font-size: clamp(22px, 6vw, 26px);
}
.premium-design .premiumFooterMeta,
.premium-design .premiumFooterMeta > div {
align-items: center;
justify-content: center;
flex-direction: column;
gap: 8px;
text-align: center;
}
.premium-design .premiumFooterMeta {
padding: 16px 0 20px;
font-size: clamp(11px, 3.2vw, 13px);
}
}
/* Premium quick view modal. */
.premium-design #appFastView {
background: rgb(5 5 5 / 82%);
backdrop-filter: blur(5px);
}
.premium-design #appFastView .appFastViewContainer {
top: 50%;
left: 50%;
box-sizing: border-box;
width: min(1120px, calc(100vw - 40px));
height: min(620px, calc(100vh - 40px));
margin: 0;
overflow: hidden;
color: var(--tk-color-text);
font-family: var(--tk-font-body);
background:
radial-gradient(circle at 82% 12%, rgb(203 154 77 / 8%), transparent 34%),
var(--tk-color-bg-soft);
border: 1px solid var(--tk-color-border-light);
border-radius: var(--tk-radius-frame);
box-shadow: 0 28px 90px rgb(0 0 0 / 58%);
transform: translate(-50%, -50%);
}
.premium-design #appFastView .appFastViewHeading {
height: 58px;
color: var(--tk-color-text);
font-weight: 500;
font-size: 18px;
font-family: var(--tk-font-heading);
line-height: 58px;
letter-spacing: 0.01em;
background: #181715;
border-bottom: 1px solid var(--tk-color-border);
}
.premium-design #appFastView .appFastViewColumnContainer {
display: grid;
grid-template-columns: minmax(300px, 34%) minmax(355px, 1fr) minmax(228px, 25%);
height: calc(100% - 58px);
}
.premium-design #appFastView .appFastViewPictureColumn,
.premium-design #appFastView .appFastViewDescriptionColumn,
.premium-design #appFastView .appFastViewInformationColumn {
float: none;
box-sizing: border-box;
width: auto;
height: 100%;
}
.premium-design #appFastView .appFastViewPictureColumn {
overflow: hidden;
background: #f4f2ee;
border-right: 1px solid var(--tk-color-border);
}
.premium-design #appFastView .appFastViewDescriptionColumn {
background: #171716;
}
.premium-design #appFastView .appFastViewDescriptionColumnContainer {
left: 0;
width: 100%;
padding: 24px 24px 40px;
scrollbar-color: var(--tk-color-accent) #22201d;
scrollbar-width: thin;
}
.premium-design #appFastView .appFastViewDescriptionColumn::after {
height: 34px;
background: linear-gradient(to bottom, rgb(23 23 22 / 0%), #171716 90%);
filter: none;
}
.premium-design #appFastView .appFastViewInformationColumn {
padding: 10px 22px 0;
background: #1b1a18;
border-left: 1px solid var(--tk-color-border);
}
.premium-design #appFastView .appFastViewProductHeading {
font-weight: 600;
font-size: clamp(18px, 1.55vw, 22px);
font-family: var(--tk-font-heading);
line-height: 1.4;
}
.premium-design #appFastView .appFastViewProductHeading a,
.premium-design #appFastView .appFastViewProductHeading a:hover,
.premium-design #appFastView .appFastViewProductHeading a:active,
.premium-design #appFastView .appFastViewMoreLink {
color: var(--tk-color-text);
}
.premium-design #appFastView .appFastSkuProductPropertiesHeading,
.premium-design #appFastView .appFastViewProductPropertiesHeading,
.premium-design #appFastView .appFastViewDescriptionHeading {
margin-top: 20px;
color: var(--tk-color-accent-light);
font-weight: 600;
font-family: var(--tk-font-heading);
}
.premium-design #appFastView .propertyTable {
color: var(--tk-color-text-muted);
font-size: 12px;
}
.premium-design #appFastView .propertyTable .propertyName,
.premium-design #appFastView .propertyTable .propertyValue {
padding-top: 5px;
padding-bottom: 5px;
color: var(--tk-color-text-muted);
background: transparent;
}
.premium-design #appFastView .propertyTable .propertyName::after {
border-bottom-color: #45413a;
}
.premium-design #appFastView .propertyTable .propertyValue,
.premium-design #appFastView .propertyTable .propertyValue a,
.premium-design #appFastView .propertyTable .propertyValue a:hover {
color: #d2cdc4;
}
.premium-design #appFastView .appFastViewDescriptionText,
.premium-design #appFastView .skuPropertyName {
color: var(--tk-color-text-muted);
}
.premium-design #appFastView .price,
.premium-design #appFastView .priceValue {
color: var(--tk-color-text);
border-color: var(--tk-color-border-light);
}
.premium-design #appFastView .addCart {
height: 52px;
margin: 12px 0 14px;
color: #11100f;
font-weight: 500;
font-family: var(--tk-font-heading);
line-height: 52px;
background: var(--tk-button-gradient) !important;
border: 0;
border-radius: var(--tk-radius-button);
box-shadow: 0 10px 24px rgb(185 142 74 / 16%);
}
.premium-design #appFastView .addCart:hover {
color: #11100f;
background: var(--tk-button-gradient-hover) !important;
box-shadow: 0 12px 30px rgb(185 142 74 / 24%);
}
.premium-design #appFastView .catalogQtyBlock {
height: 44px;
margin-bottom: 16px;
padding-left: 14px;
color: var(--tk-color-text);
line-height: 44px;
background: #121211;
border-color: var(--tk-color-border);
border-radius: var(--tk-radius-button);
}
.premium-design #appFastView .catalogQtyBlock .catalogQty {
color: var(--tk-color-text);
background: transparent;
}
.premium-design #appFastView .catalogQtyBlock .catalogMinus,
.premium-design #appFastView .catalogQtyBlock .catalogPlus {
width: 28px;
height: 28px;
background-color: #292725;
border: 1px solid var(--tk-color-border);
border-radius: 7px;
filter: sepia(0.4);
}
.premium-design #appFastView .appFastViewInformationColumn .row {
margin-bottom: 10px;
}
.premium-design #appFastView .appFastViewInformationColumn .label,
.premium-design #appFastView .appFastViewInformationColumn a.label:hover {
color: #d5d0c8;
font-size: 13px;
}
.premium-design #appFastView .appFastViewInformationColumn .row img,
.premium-design #appFastView .addCart .icon {
filter: sepia(1) saturate(0.65) brightness(1.3);
}
.premium-design #appFastView .marker {
color: #17130e;
background: var(--tk-button-gradient);
border-radius: 5px;
}
.premium-design #appFastView .appFastViewPictureCarouselItemLink {
box-sizing: border-box;
overflow: hidden;
background: #fff;
border: 1px solid transparent;
border-radius: 6px;
}
.premium-design #appFastView .appFastViewPictureCarouselItemLink.active {
border-color: var(--tk-color-accent);
}
.premium-design #appFastView .appFastViewPictureCarouselItemLink.active::after {
display: none;
}
.premium-design #appFastView .appFastViewPictureCarouselLeftButton,
.premium-design #appFastView .appFastViewPictureCarouselRightButton {
width: 13px;
height: 13px;
margin-top: -7px;
background: none;
border-top: 2px solid var(--tk-color-accent);
border-right: 2px solid var(--tk-color-accent);
opacity: 0.85;
}
.premium-design #appFastView .appFastViewPictureCarouselLeftButton {
transform: rotate(-135deg);
}
.premium-design #appFastView .appFastViewPictureCarouselRightButton {
transform: rotate(45deg);
}
.premium-design #appFastView .appFastViewExit {
top: 18px;
right: 20px;
width: 22px;
height: 22px;
background: none !important;
}
.premium-design #appFastView .appFastViewExit::before,
.premium-design #appFastView .appFastViewExit::after {
position: absolute;
top: 10px;
left: 1px;
width: 20px;
height: 1px;
background: var(--tk-color-accent-light);
content: "";
}
.premium-design #appFastView .appFastViewExit::before { transform: rotate(45deg); }
.premium-design #appFastView .appFastViewExit::after { transform: rotate(-45deg); }
/* Premium catalog pagination and category description. */
.premium-design .premium-catalog-section .bx-pagination {
margin: 18px 0 24px;
}
.premium-design .premium-catalog-section .bx-pagination .bx-pagination-container ul li {
margin: 0 3px 6px;
}
.premium-design .premium-catalog-section .bx-pagination .bx-pagination-container ul li span {
min-width: 34px;
height: 34px;
padding: 0 10px;
color: var(--tk-color-text-muted);
font-size: 13px;
font-family: var(--tk-font-body);
line-height: 32px;
background: #1a1917;
border: 1px solid var(--tk-color-border);
border-radius: 9px;
box-shadow: none;
}
.premium-design .premium-catalog-section .bx-pagination .bx-pagination-container ul li a:hover span {
color: var(--tk-color-text);
background: #24211d;
border-color: var(--tk-color-accent);
}
.premium-design .premium-catalog-section .bx-pagination .bx-pagination-container ul li.bx-active span {
color: #15120e;
font-weight: 600;
background: var(--tk-button-gradient);
border-color: transparent;
}
.premium-design .premium-catalog-section .bx-pagination .bx-pagination-container ul li.bx-pag-all span,
.premium-design .premium-catalog-section .bx-pagination .bx-pagination-container ul li.bx-pag-next span,
.premium-design .premium-catalog-section .bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.premium-design .premium-catalog-section .bx-pagination .bx-pagination-container ul li.bx-pag-all a span,
.premium-design .premium-catalog-section .bx-pagination .bx-pagination-container ul li.bx-pag-next a span,
.premium-design .premium-catalog-section .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span {
padding: 0 16px;
color: var(--tk-color-text-muted);
line-height: 32px;
background: #1a1917;
border: 1px solid var(--tk-color-border);
}
.premium-design .premium-catalog-section .sectionTopDescription {
box-sizing: border-box;
margin: 20px 0 28px;
padding: clamp(18px, 2vw, 24px);
column-count: 1;
column-rule: none;
color: var(--tk-color-text-muted);
font-size: clamp(14px, 1.1vw, 16px);
font-family: var(--tk-font-body);
line-height: 1.7;
background:
radial-gradient(circle at 92% 0%, rgb(203 154 77 / 7%), transparent 30%),
linear-gradient(145deg, #191816, #141413);
border: 1px solid var(--tk-color-border);
border-radius: var(--tk-radius-frame);
}
.premium-design .premium-catalog-section .sectionTopDescription p {
margin: 0 0 12px;
break-inside: avoid;
}
.premium-design .premium-catalog-section .sectionTopDescription p:last-child {
margin-bottom: 0;
}
.premium-design .premium-catalog-section .sectionTopDescription a {
color: var(--tk-color-accent-light);
}
@media (max-width: 1180px) and (min-width: 1025px) {
.premium-design #appFastView .appFastViewColumnContainer {
grid-template-columns: 31% 43% 26%;
}
.premium-design #appFastView .appFastViewDescriptionColumnContainer,
.premium-design #appFastView .appFastViewInformationColumn {
padding-right: 18px;
padding-left: 18px;
}
}
@media (max-width: 560px) {
.premium-design .premium-catalog-section .bx-pagination .bx-pagination-container ul li {
margin-right: 2px;
margin-left: 2px;
}
.premium-design .premium-catalog-section .bx-pagination .bx-pagination-container ul li span {
min-width: 31px;
height: 31px;
padding: 0 8px;
font-size: 12px;
line-height: 29px;
}
.premium-design .premium-catalog-section .bx-pagination .bx-pagination-container ul li.bx-pag-next span,
.premium-design .premium-catalog-section .bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.premium-design .premium-catalog-section .bx-pagination .bx-pagination-container ul li.bx-pag-next a span,
.premium-design .premium-catalog-section .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span {
padding: 0 11px;
line-height: 29px;
}
.premium-design .premium-catalog-section .sectionTopDescription {
margin: 16px 0 22px;
padding: 16px;
line-height: 1.6;
}
}
/* System-wide Bitrix user consent dialog. */
.premium-design .main-user-consent-request-popup {
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 20px;
background: rgb(4 4 4 / 82%);
backdrop-filter: blur(6px);
}
.premium-design .main-user-consent-request-popup-cont {
position: relative;
top: auto;
left: auto;
box-sizing: border-box;
width: min(680px, 100%);
min-width: 0;
min-height: 0;
max-width: none;
max-height: calc(100dvh - 40px);
margin: 0;
padding: clamp(20px, 3vw, 30px);
overflow: auto;
color: var(--tk-color-text);
font-family: var(--tk-font-body);
text-align: left;
background:
radial-gradient(circle at 92% 0%, rgb(211 169 98 / 10%), transparent 32%),
linear-gradient(145deg, #1b1a18, #111110);
border: 1px solid var(--tk-color-border-light);
border-radius: var(--tk-radius-frame);
box-shadow: 0 28px 90px rgb(0 0 0 / 62%);
transform: none;
scrollbar-color: var(--tk-color-accent) #201e1b;
scrollbar-width: thin;
}
.premium-design .main-user-consent-request-popup-header {
max-width: none;
margin: 0 0 18px;
overflow: visible;
color: var(--tk-color-text);
font-weight: 500;
font-size: clamp(20px, 2vw, 25px);
font-family: var(--tk-font-heading);
line-height: 1.25;
letter-spacing: 0.01em;
white-space: normal;
text-overflow: clip;
}
.premium-design .main-user-consent-request-popup-textarea-block {
margin: 0 0 22px;
}
.premium-design .main-user-consent-request-popup-text {
box-sizing: border-box;
height: min(280px, 42vh);
padding: 16px 18px;
overflow: auto;
color: var(--tk-color-text-muted);
font-size: 14px;
font-family: var(--tk-font-body);
line-height: 1.58;
text-align: left;
background: #0d0d0c;
border: 1px solid var(--tk-color-border);
border-radius: 12px;
scrollbar-color: var(--tk-color-accent) #201e1b;
scrollbar-width: thin;
}
.premium-design .main-user-consent-request-popup-text::-webkit-scrollbar,
.premium-design .main-user-consent-request-popup-cont::-webkit-scrollbar {
width: 8px;
}
.premium-design .main-user-consent-request-popup-text::-webkit-scrollbar-track,
.premium-design .main-user-consent-request-popup-cont::-webkit-scrollbar-track {
background: #201e1b;
border-radius: 999px;
}
.premium-design .main-user-consent-request-popup-text::-webkit-scrollbar-thumb,
.premium-design .main-user-consent-request-popup-cont::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #b77832, #edcb83);
border: 2px solid #201e1b;
border-radius: 999px;
}
.premium-design .main-user-consent-request-popup-buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.premium-design .main-user-consent-request-popup-button {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
min-width: 190px;
height: 50px;
margin: 0;
padding: 0 24px;
font-weight: 500;
font-size: 13px;
font-family: var(--tk-font-heading);
line-height: 1;
letter-spacing: 0.055em;
border: 1px solid transparent;
border-radius: var(--tk-radius-button);
box-shadow: none;
transition: border-color var(--tk-transition), background var(--tk-transition), box-shadow var(--tk-transition), color var(--tk-transition), transform var(--tk-transition);
}
.premium-design .main-user-consent-request-popup-button-acc {
color: #17120c;
background: var(--tk-button-gradient);
border-color: #c9954f;
box-shadow: 0 9px 24px rgb(144 89 34 / 24%);
}
.premium-design .main-user-consent-request-popup-button-acc:hover {
color: #110d08;
background: var(--tk-button-gradient-hover);
border-color: #e0b76c;
box-shadow: 0 11px 28px rgb(155 103 42 / 34%);
}
.premium-design .main-user-consent-request-popup-button-rej {
color: var(--tk-color-text-muted);
background: #22211f;
border-color: var(--tk-color-border-light);
box-shadow: none;
}
.premium-design .main-user-consent-request-popup-button-rej:hover {
color: var(--tk-color-text);
background: #2a2824;
border-color: var(--tk-color-accent);
}
.premium-design .main-user-consent-request-loader {
filter: sepia(1) saturate(0.65) brightness(1.2);
}
.premium-design .main-user-consent-request-announce,
.premium-design .main-user-consent-request-announce-link {
color: var(--tk-color-text-muted);
}
.premium-design .main-user-consent-request-announce a,
.premium-design .main-user-consent-request-announce-link:hover {
color: var(--tk-color-accent-light);
}
@media (max-width: 768px) {
.premium-design .main-user-consent-request-popup {
padding: 12px;
}
.premium-design .main-user-consent-request-popup-cont {
width: 100%;
height: auto;
max-height: calc(100dvh - 24px);
padding: 20px 16px;
}
.premium-design .main-user-consent-request-popup-text {
height: min(48vh, 330px);
padding: 14px;
font-size: 13px;
}
.premium-design .main-user-consent-request-popup-buttons {
display: grid;
grid-template-columns: minmax(0, 1fr);
}
.premium-design .main-user-consent-request-popup-button {
width: 100%;
min-width: 0;
}
}
/* Bronze-gold cursor for desktop pointing devices. Touch devices keep their native behavior. */
@media (hover: hover) and (pointer: fine) {
html,
body {
cursor: url("/bitrix/templates/dresscodeV2/css/../images/premium-cursor/gold-arrow.svg") 3 3, auto;
}
a,
area,
button,
select,
summary,
label[for],
input[type="button"],
input[type="checkbox"],
input[type="file"],
input[type="radio"],
input[type="reset"],
input[type="submit"],
[role="button"],
[onclick] {
cursor: url("/bitrix/templates/dresscodeV2/css/../images/premium-cursor/gold-arrow-active.svg") 3 3, pointer !important;
}
input:not([type]),
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
textarea,
[contenteditable="true"] {
cursor: text;
}
}
/* Haus-Tech transparent logo 2026-09-26 */
.premium-design .premiumMobileLogo {
width: 94px;
height: 40px;
}
.premium-design .premiumMobileLogo::before,
.premium-design .premiumDesktopLogo #logo::before {
display: none;
content: none;
background: none;
-webkit-mask: none;
mask: none;
}
.premium-design .premiumMobileLogo img {
display: block;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
filter: none;
opacity: 1;
}
@media (min-width: 768px) {
.premium-design .premiumDesktopLogo,
.premium-design .premiumDesktopLogo #logo {
height: 52px;
}
.premium-design #subHeader2 .premiumDesktopLogo #logo img {
display: block;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
filter: none;
opacity: 1;
}
}
.premium-design #rightFooter .logo,
.premium-design .premiumFooterBrandLogo {
display: flex;
align-items: center;
justify-content: flex-start;
background: none;
-webkit-mask: none;
mask: none;
}
.premium-design #rightFooter .logo img,
.premium-design .premiumFooterBrandLogo img {
display: block;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
filter: none;
opacity: 1;
}
/* End */
/* Start:/bitrix/templates/dresscodeV2/css/product-detail-premium.css?178569652369226*/
/*
* Premium product detail layout.
* Loaded only for catalog product pages.
*/
#catalogElement {
--tk-product-bg: #121212;
--tk-product-surface: #181818;
--tk-product-surface-hover: #202020;
--tk-product-text: #b0aba3;
--tk-product-heading: #e3ded6;
--tk-product-border: #37332e;
--tk-product-balanced-gutter: 0px;
background: var(--tk-product-bg) !important;
color: var(--tk-product-text);
}
/* Align the product canvas with the right edge of the 220px purchase button. */
@media (min-width: 1101px) {
#catalogElement #tableContainer {
box-sizing: border-box;
width: calc(100% - var(--tk-product-balanced-gutter)) !important;
margin-left: var(--tk-product-balanced-gutter);
}
}
@media (min-width: 1101px) and (max-width: 1280px) {
#catalogElement {
--tk-product-balanced-gutter: 26px;
}
}
@media (min-width: 1281px) and (max-width: 1520px) {
#catalogElement {
--tk-product-balanced-gutter: 56px;
}
}
@media (min-width: 1521px) and (max-width: 1700px) {
#catalogElement {
--tk-product-balanced-gutter: 36px;
}
}
@media (min-width: 1701px) {
#catalogElement {
--tk-product-balanced-gutter: 156px;
}
}
/* Product title and breadcrumbs live just outside #catalogElement. */
body.premium-design #main,
body.premium-design #breadcrumbs {
background: #121212 !important;
color: #b0aba3 !important;
}
body.premium-design #main .changeName,
body.premium-design #breadcrumbs,
body.premium-design #breadcrumbs a,
body.premium-design #breadcrumbs span,
body.premium-design #breadcrumbs li {
color: #b0aba3 !important;
}
body.premium-design #breadcrumbs::after {
display: none !important;
}
/* Dark product-page surfaces. */
#catalogElement #tableContainer,
#catalogElement #elementSmallNavigation,
#catalogElement #elementNavigation,
#catalogElement #elementTools,
#catalogElement #elementTools.fixed .fixContainer,
#catalogElement #smallElementTools,
#catalogElement .smallElementToolsContainer,
#catalogElement #elementContainer,
#catalogElement #elementContainer .mainContainer,
#catalogElement #elementContainer .mainContainer > .secondCol,
#catalogElement #elementContainer #detailText,
#catalogElement #elementContainer #detailTags,
#catalogElement #elementProperties,
#catalogElement #files,
#catalogElement #video,
#catalogElement #related,
#catalogElement #similar,
#catalogElement #giftContainer,
#catalogElement #skuOffersTable,
#catalogElement #complect {
background: var(--tk-product-bg) !important;
color: var(--tk-product-text);
}
/* Main typography on dark surfaces. */
#catalogElement a:not(.addCart),
#catalogElement p,
#catalogElement td,
#catalogElement th,
#catalogElement li,
#catalogElement label,
#catalogElement .label,
#catalogElement .labelDotted,
#catalogElement .article,
#catalogElement .description,
#catalogElement .changeShortDescription,
#catalogElement .propertyName,
#catalogElement .propertyValue,
#catalogElement .analog,
#catalogElement .purchaseBonus,
#catalogElement .discount,
#catalogElement .oldPriceLabel,
#catalogElement .detailTagsLink,
#catalogElement .new-list-items .text,
#catalogElement .new-list-items .name,
#catalogElement .new-list-items .active-link {
color: var(--tk-product-text) !important;
}
#catalogElement .onOrder.label {
color: #c9817a !important;
}
#catalogElement .heading,
#catalogElement h2,
#catalogElement h3,
#catalogElement h4,
#catalogElement #elementTools .price,
#catalogElement #smallElementTools .price,
#catalogElement #elementTools .priceValue,
#catalogElement #smallElementTools .priceValue,
#catalogElement .complectListItemPrice,
#catalogElement .complectPriceResult,
#catalogElement .complectResultEconomyValue {
color: var(--tk-product-heading) !important;
}
#catalogElement a:not(.addCart):hover,
#catalogElement .morePropertiesLink:hover,
#catalogElement .analog:hover,
#catalogElement .readMore:hover {
color: var(--tk-product-heading) !important;
}
/* Replace legacy light cards and table cells with dark surfaces. */
#catalogElement #elementNavigation .tabs .tab.active a,
#catalogElement #elementTools .fastBack,
#catalogElement #smallElementTools .fastBack,
#catalogElement #elementContainer .elementProperties .propertyTable .propertyName,
#catalogElement #elementContainer .elementProperties .propertyTable .propertyValue,
#catalogElement #elementContainer .skuDropdown,
#catalogElement #elementContainer .skuDropdownList,
#catalogElement #elementContainer .skuDropdownList .selected,
#catalogElement #elementContainer .skuDropdownList .elementSkuPropertyValue:hover,
#catalogElement #elementContainer .elementSkuPropertyLink,
#catalogElement #elementContainer .detailTagsItems .detailTagsLink,
#catalogElement #elementContainer .detailTagsItems .moreButton .detailTagsLink,
#catalogElement #elementProperties .stats td,
#catalogElement #elementProperties .stats .gray td,
#catalogElement #elementProperties .stats .cap td,
#catalogElement #elementProperties .stats .cap:hover td,
#catalogElement #elementProperties .stats tr:hover td,
#catalogElement #skuOffersTable .thead,
#catalogElement #skuOffersTable .offersTable th,
#catalogElement #skuOffersTable .offersTable td,
#catalogElement #skuOffersTable .tableElem .tb:hover,
#catalogElement #complect .complectResult,
#catalogElement .new-list-items .list-item,
#catalogElement .productList .product,
#catalogElement .productList .product .tabloid {
background: var(--tk-product-surface) !important;
color: var(--tk-product-text) !important;
}
/*
* The short characteristics list belongs to the main product canvas rather
* than to a separate card. Keep every cell on the same black background so
* the legacy table does not create a lighter rectangular patch.
*/
#catalogElement #elementContainer .changePropertiesNoGroup,
#catalogElement #elementContainer .elementProperties,
#catalogElement #elementContainer .elementProperties .propertyTable,
#catalogElement #elementContainer .elementProperties .propertyTable .propertyName,
#catalogElement #elementContainer .elementProperties .propertyTable .propertyValue {
background: var(--tk-product-bg) !important;
}
#catalogElement #elementContainer .detailTagsItems .detailTagsLink:hover,
#catalogElement #elementContainer .elementSkuPropertyLink:hover,
#catalogElement #elementContainer .skuDropdownList .elementSkuPropertyValue:hover {
background: var(--tk-product-surface-hover) !important;
}
/* Quiet borders for the dark theme. */
#catalogElement,
#catalogElement #elementSmallNavigation,
#catalogElement #elementNavigation,
#catalogElement #elementNavigation .tabs .tab.active a,
#catalogElement #elementTools,
#catalogElement #elementTools .fastBack,
#catalogElement #smallElementTools .fastBack,
#catalogElement .smallElementToolsContainer,
#catalogElement .reviewsBtnWrap,
#catalogElement .heading,
#catalogElement .detail-text-wrap,
#catalogElement .new-list-items-wrap,
#catalogElement #elementProperties .heading,
#catalogElement #files .heading,
#catalogElement #video .heading,
#catalogElement #related .heading,
#catalogElement #similar .heading,
#catalogElement #giftContainer .heading,
#catalogElement #skuOffersTable .heading,
#catalogElement #complect .heading,
#catalogElement #skuOffersTable .offersTable td,
#catalogElement #skuOffersTable .offersTable th,
#catalogElement #complect .complectResult,
#catalogElement .new-list-items .list-item {
border-color: var(--tk-product-border) !important;
}
#catalogElement #elementContainer .elementProperties .propertyTable .propertyName::after {
border-color: var(--tk-product-border) !important;
}
/* Make legacy navigation and brand artwork readable on dark surfaces. */
#catalogElement #elementNavigation .tabs img,
#catalogElement #elementSmallNavigation .tabs img {
filter: grayscale(1) brightness(0) invert(1);
opacity: 0.78;
}
/*
* Brand bitmaps can arrive with a baked light background. Inverting the
* original tones keeps the artwork light and turns that backing almost black;
* brightness(0) must not be used here because it erases the logo itself.
*/
#catalogElement #elementContainer .secondCol .brandImage {
display: inline-flex;
max-width: 200px;
min-height: 50px;
align-items: center;
background: transparent !important;
}
#catalogElement #elementContainer .secondCol .brandImage img {
display: block;
width: auto;
height: auto;
max-width: 178px;
max-height: 50px;
object-fit: contain;
filter: grayscale(1) invert(1) brightness(1.35);
opacity: 0.84;
}
/* Preserve semantic and action colors. */
#catalogElement .addCart,
#catalogElement .addCart span,
#catalogElement .marker,
#catalogElement .marker span {
color: #ffffff !important;
}
/* Keep only the product gallery on a white surface. */
#catalogElement #elementContainer .mainContainer > .col:first-child,
#catalogElement #elementContainer .mainContainer > .col:first-child #pictureContainer,
#catalogElement #elementContainer .mainContainer > .col:first-child .pictureSlider,
#catalogElement #elementContainer .mainContainer > .col:first-child .pictureSlider .item,
#catalogElement #elementContainer .mainContainer > .col:first-child .pictureSlider .item a,
#catalogElement #elementContainer .mainContainer > .col:first-child .pictureSlider .item img,
#catalogElement #elementContainer .mainContainer > .col:first-child #moreImagesCarousel,
#catalogElement #elementContainer .mainContainer > .col:first-child #moreImagesCarousel .carouselWrapper,
#catalogElement #elementContainer .mainContainer > .col:first-child #moreImagesCarousel .slideBox,
#catalogElement #elementContainer .mainContainer > .col:first-child #moreImagesCarousel .item,
#catalogElement #elementContainer .mainContainer > .col:first-child #moreImagesCarousel .item a {
background: #ffffff !important;
color: #111111;
}
/* Premium desktop gallery: rounded canvas, breathing room and vertical thumbs. */
@media (min-width: 768px) {
#catalogElement #elementContainer .mainContainer {
border-collapse: separate !important;
}
#catalogElement #elementContainer .mainContainer > .col:first-child {
box-sizing: border-box;
padding: 28px 88px 28px 22px !important;
overflow: hidden;
border: 1px solid rgb(199 154 90 / 24%);
border-radius: 14px;
box-shadow: 0 12px 34px rgb(0 0 0 / 22%);
}
#catalogElement #elementContainer .mainContainer > .secondCol {
box-sizing: border-box;
padding-left: 28px !important;
}
#catalogElement #elementContainer #pictureContainer {
width: 100% !important;
}
#catalogElement #elementContainer .wishCompWrap {
top: 28px;
right: 18px;
}
#catalogElement #elementContainer #moreImagesCarousel {
position: absolute;
top: 124px;
right: 14px;
bottom: 24px;
width: 66px;
margin: 0;
padding: 0;
overflow: visible;
}
#catalogElement #elementContainer #moreImagesCarousel .carouselWrapper {
width: 100%;
height: 100%;
margin: 0;
padding-right: 2px;
overflow-x: hidden;
overflow-y: auto;
scrollbar-color: rgb(199 154 90 / 45%) transparent;
scrollbar-width: thin;
}
#catalogElement #elementContainer #moreImagesCarousel .slideBox {
left: auto !important;
display: flex;
width: 100% !important;
height: auto !important;
min-height: 0;
padding: 0;
flex-direction: column;
align-items: center;
gap: 12px;
}
#catalogElement #elementContainer #moreImagesCarousel .slideBox .item {
float: none;
box-sizing: border-box;
width: 58px !important;
height: 66px;
margin: 0;
padding: 4px;
flex: 0 0 66px;
line-height: 56px;
background: #f8f7f4 !important;
border: 1px solid #dedad3;
border-radius: 8px;
opacity: 0.62;
transition: border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}
#catalogElement #elementContainer #moreImagesCarousel .slideBox .item:hover,
#catalogElement #elementContainer #moreImagesCarousel .slideBox .item.selected {
border-color: #c79a5a;
box-shadow: 0 4px 14px rgb(91 65 35 / 18%);
opacity: 1;
}
#catalogElement #elementContainer #moreImagesCarousel .slideBox .item.selected::after {
display: none;
}
#catalogElement #elementContainer #moreImagesCarousel .slideBox .item a {
display: flex;
height: 56px;
align-items: center;
justify-content: center;
line-height: 1;
background: transparent !important;
}
#catalogElement #elementContainer #moreImagesCarousel .slideBox .item img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
#catalogElement #elementContainer #moreImagesLeftButton,
#catalogElement #elementContainer #moreImagesRightButton {
display: none !important;
}
}
/* Product navigation is intentionally removed from the premium detail layout. */
#catalogElement #elementNavigation,
#catalogElement #elementSmallNavigation {
display: none !important;
}
/* Premium purchase emphasis: lighter price and the brand bronze-gold action. */
#catalogElement .secondTool {
position: relative;
}
#catalogElement .purchaseActions {
position: absolute;
top: 15px;
right: 15px;
z-index: 2;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
margin: 0;
}
#catalogElement .purchaseAction {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 34px;
height: 34px;
padding: 0;
color: rgb(238 233 225 / 46%);
text-decoration: none;
background: transparent;
border: 0;
border-radius: 8px;
transition:
color 0.2s ease,
background-color 0.2s ease,
transform 0.2s ease;
}
#catalogElement .purchaseActionIcon,
#footerTabs.premiumFooterProductsReady .purchaseActionIcon {
display: block;
width: 21px;
height: 21px;
background: currentColor;
}
#catalogElement .purchaseActionIconWishlist,
#footerTabs.premiumFooterProductsReady .purchaseActionIconWishlist {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round' d='m12 2.8 2.8 5.7 6.3.9-4.6 4.4 1.1 6.3-5.6-3-5.6 3 1.1-6.3-4.6-4.4 6.3-.9L12 2.8Z'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round' d='m12 2.8 2.8 5.7 6.3.9-4.6 4.4 1.1 6.3-5.6-3-5.6 3 1.1-6.3-4.6-4.4 6.3-.9L12 2.8Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
#catalogElement .purchaseActionIconCompare,
#footerTabs.premiumFooterProductsReady .purchaseActionIconCompare {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4v16M4 7l3-3 3 3M17 20V4M14 17l3 3 3-3M11 9h6M7 15h6'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4v16M4 7l3-3 3 3M17 20V4M14 17l3 3 3-3M11 9h6M7 15h6'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}
#catalogElement .purchaseActionIconShare {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='2.25'/%3E%3Ccircle cx='6' cy='12' r='2.25'/%3E%3Ccircle cx='18' cy='19' r='2.25'/%3E%3Cpath d='m8.1 10.9 7.8-4.7M8.1 13.1l7.8 4.7'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='2.25'/%3E%3Ccircle cx='6' cy='12' r='2.25'/%3E%3Ccircle cx='18' cy='19' r='2.25'/%3E%3Cpath d='m8.1 10.9 7.8-4.7M8.1 13.1l7.8 4.7'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}
#catalogElement .purchaseAction:hover {
color: #d8a85f;
background: rgb(216 168 95 / 8%);
}
#catalogElement .purchaseAction:active {
transform: translateY(1px);
}
#catalogElement .purchaseAction.added {
color: #d8a85f;
background: rgb(216 168 95 / 10%);
}
#catalogElement .purchaseAction.added .purchaseActionIcon {
background: linear-gradient(135deg, #a86d27 0%, #d39a4c 34%, #f0d39a 62%, #b8792f 100%);
filter: drop-shadow(0 0 5px rgb(216 168 95 / 28%));
}
#catalogElement .purchaseActions.shareOpen .purchaseShareToggle {
color: #d8a85f;
background: rgb(216 168 95 / 10%);
}
#catalogElement .purchaseActions.shareOpen {
z-index: 100;
}
#catalogElement .purchaseShareMenu {
position: absolute;
top: calc(100% + 9px);
right: 0;
z-index: 101;
box-sizing: border-box;
width: 196px;
padding: 8px;
visibility: hidden;
opacity: 0;
background: #202020;
border: 1px solid rgb(216 168 95 / 30%);
border-radius: 11px;
box-shadow: 0 16px 36px rgb(0 0 0 / 38%);
transform: translateY(-5px);
transition:
opacity 0.18s ease,
visibility 0.18s ease,
transform 0.18s ease;
pointer-events: none;
}
#catalogElement .purchaseActions.shareOpen .purchaseShareMenu {
visibility: visible;
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
#catalogElement .purchaseShareOption {
display: flex;
align-items: center;
gap: 10px;
min-height: 38px;
padding: 0 9px;
color: #ddd5c9;
font-size: 12px;
font-weight: 500;
text-decoration: none;
border-radius: 7px;
transition:
color 0.18s ease,
background-color 0.18s ease;
}
#catalogElement .purchaseShareOption:hover {
color: #f3e8d8;
background: rgb(255 255 255 / 6%);
}
#catalogElement .purchaseShareBadge {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 25px;
height: 25px;
color: #ffffff;
font-size: 8px;
font-weight: 700;
letter-spacing: -0.02em;
border-radius: 7px;
}
#catalogElement .purchaseShareBadge svg {
display: block;
width: 100%;
height: 100%;
}
#catalogElement .purchaseShareOptionMax .purchaseShareBadge {
padding: 4px;
color: #fff;
background: linear-gradient(135deg, #8a56ff, #315cff);
}
#catalogElement .purchaseShareOptionTelegram .purchaseShareBadge,
#catalogElement .purchaseShareOptionWhatsapp .purchaseShareBadge,
#catalogElement .purchaseShareOptionVk .purchaseShareBadge {
background: transparent;
}
#catalogElement #elementTools .price,
#catalogElement #smallElementTools .price,
#catalogElement #elementTools .priceContainer,
#catalogElement #smallElementTools .priceContainer,
#catalogElement #elementTools .priceVal,
#catalogElement #smallElementTools .priceVal {
color: #eee9e1 !important;
font-weight: 400 !important;
font-size: 30px !important;
font-family: var(--tk-font-heading, "Montserrat", Arial, sans-serif) !important;
line-height: 1.15 !important;
letter-spacing: -0.025em;
}
#catalogElement #elementTools .addCart,
#catalogElement #smallElementTools .addCart {
color: #17120c !important;
background: var(--tk-logo-gradient, linear-gradient(90deg, #b67f3f 0%, #c89a5a 46%, #e0bd82 100%)) !important;
box-shadow: 0 9px 24px rgb(137 91 39 / 24%);
}
#catalogElement #elementTools .addCart span,
#catalogElement #smallElementTools .addCart span {
color: #17120c !important;
}
#catalogElement #elementTools .addCart .icon,
#catalogElement #smallElementTools .addCart .icon {
display: none !important;
}
#catalogElement #elementTools .addCart:hover,
#catalogElement #smallElementTools .addCart:hover {
background: var(--tk-logo-gradient, linear-gradient(90deg, #b67f3f 0%, #c89a5a 46%, #e0bd82 100%)) !important;
box-shadow: 0 9px 24px rgb(137 91 39 / 24%);
}
#catalogElement #elementTools .fastBack .icon,
#catalogElement #smallElementTools .fastBack .icon {
display: none !important;
}
#catalogElement #elementTools .premiumPaymentMethods,
#catalogElement #smallElementTools .premiumPaymentMethods {
margin-top: 18px;
padding-top: 16px;
border-top: 1px solid var(--tk-product-border);
}
#catalogElement .premiumPaymentMethodsTitle {
margin-bottom: 12px;
color: #e4ded5;
font-weight: 500;
font-size: 13px;
line-height: 18px;
}
#catalogElement .premiumPaymentMethodsList {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
}
#catalogElement .premiumPaymentMethod {
display: flex;
min-width: 0;
align-items: center;
flex-direction: column;
gap: 6px;
color: #aaa49b;
font-size: 10px;
line-height: 13px;
text-align: center;
}
#catalogElement .premiumPaymentMethodIcon {
display: flex;
width: 42px;
height: 38px;
align-items: center;
justify-content: center;
color: #d2a35d;
background: linear-gradient(145deg, rgb(199 154 90 / 13%), rgb(224 189 130 / 5%));
border: 1px solid rgb(199 154 90 / 28%);
border-radius: 9px;
}
#catalogElement .premiumPaymentMethodIcon svg {
width: 25px;
height: 25px;
fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
#catalogElement .premiumPaymentMethodLabel {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (max-width: 700px) {
#catalogElement #smallElementTools .purchaseActions {
top: 12px;
right: 24px;
}
#catalogElement #smallElementTools .price,
#catalogElement #smallElementTools .priceContainer,
#catalogElement #smallElementTools .priceVal {
font-size: 27px !important;
}
}
/*
* Reference-inspired product composition:
* gallery / product information / purchase card.
*/
body.premium-design #main h1.changeName {
display: none !important;
}
#catalogElement {
border-top: 0 !important;
}
#catalogElement .premiumProductBadges {
display: flex;
margin: 0 0 10px;
flex-wrap: wrap;
gap: 7px;
}
#catalogElement .premiumProductBadge {
display: inline-flex;
min-height: 24px;
padding: 0 9px;
align-items: center;
color: #17120c !important;
font-weight: 700;
font-size: 11px;
line-height: 24px;
letter-spacing: 0.04em;
background: var(--tk-logo-gradient, linear-gradient(90deg, #b67f3f 0%, #c89a5a 46%, #e0bd82 100%)) !important;
border-radius: 6px;
box-shadow: 0 5px 14px rgb(137 91 39 / 18%);
text-shadow: none;
}
#catalogElement .marker {
color: #17120c !important;
font-weight: 700;
background: var(--tk-logo-gradient, linear-gradient(90deg, #b67f3f 0%, #c89a5a 46%, #e0bd82 100%)) !important;
border-radius: 6px;
box-shadow: 0 5px 14px rgb(137 91 39 / 18%);
text-shadow: none;
}
#catalogElement .marker span {
color: #17120c !important;
background: transparent !important;
text-shadow: none;
}
#catalogElement .premiumProductName {
margin: 0 0 16px;
color: #f2eee8;
font-weight: 500;
font-size: clamp(24px, 2vw, 32px);
font-family: var(--tk-font-heading, "Montserrat", Arial, sans-serif);
line-height: 1.18;
letter-spacing: -0.025em;
}
#catalogElement .premiumProductAdvantages {
margin-top: 20px;
}
#catalogElement .premiumProductAdvantages .premiumProductBenefits {
padding: 0;
background: transparent;
border: 0;
}
#catalogElement .premiumProductAdvantages .premiumProductBenefits__grid {
grid-template-columns: 1fr;
row-gap: 13px;
}
#catalogElement .premiumProductAdvantages .premiumProductBenefits__item {
min-height: 34px;
padding: 0;
gap: 11px;
border: 0;
}
#catalogElement .premiumProductAdvantages .premiumProductBenefits__item::before {
display: none;
}
#catalogElement .premiumProductAdvantages .premiumProductBenefits__icon {
width: 30px;
height: 30px;
flex-basis: 30px;
}
#catalogElement .premiumProductAdvantages .premiumProductBenefits__content strong {
color: #e3ded6;
font-size: 12px;
text-transform: none;
}
#catalogElement .premiumProductAdvantages .premiumProductBenefits__content span {
margin-top: 2px;
font-size: 11px;
line-height: 1.25;
}
#catalogElement .premiumDetailTabs {
display: flex;
box-sizing: border-box;
width: 100%;
margin-top: 34px;
padding: 0 24px;
align-items: center;
gap: 30px;
overflow-x: auto;
overflow-y: hidden;
border-bottom: 1px solid var(--tk-product-border);
-ms-overflow-style: none;
scrollbar-width: none;
}
#catalogElement .premiumDetailTabs::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
#catalogElement .premiumDetailTabs a,
#catalogElement .premiumDetailTabs span {
position: relative;
display: block;
padding: 17px 0 16px;
flex: 0 0 auto;
color: #e3ded6 !important;
font-size: 15px;
line-height: 20px;
text-decoration: none;
}
#catalogElement .premiumDetailTabs span[aria-disabled="true"] {
color: #817c75 !important;
}
#catalogElement .premiumDetailTabs a::after {
position: absolute;
right: 0;
bottom: -1px;
left: 0;
height: 2px;
background: linear-gradient(90deg, #b67f3f, #e0bd82);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.2s ease;
content: "";
}
#catalogElement .premiumDetailTabs a:hover::after,
#catalogElement .premiumDetailTabs a.active::after {
transform: scaleX(1);
}
#catalogElement .premiumDetailTabs a:focus-visible {
color: var(--tk-product-heading) !important;
outline: 1px solid #d4a75f;
outline-offset: 5px;
}
#catalogElement .premiumDetailPanels {
box-sizing: border-box;
width: 100%;
background: var(--tk-product-bg);
}
#catalogElement .premiumDetailPanel {
box-sizing: border-box;
min-height: 150px;
color: var(--tk-product-text);
}
#catalogElement .premiumDetailPanel[hidden] {
display: none !important;
}
#catalogElement #detailText {
padding: 30px 24px 38px;
font-size: 15px;
line-height: 1.65;
}
#catalogElement #detailText > .heading {
display: none;
}
#catalogElement #detailText .changeDescription {
max-width: 1180px;
}
#catalogElement #premiumProperties #elementProperties {
margin: 0;
padding: 30px 24px 38px;
}
#catalogElement #premiumProperties #elementProperties .heading {
padding: 0 0 22px;
border-top: 0;
}
#catalogElement #premiumProperties #elementProperties .detailPropertiesTable {
overflow: hidden;
}
#catalogElement #premiumProperties #elementProperties .stats {
width: 100%;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
}
#catalogElement #premiumProperties #elementProperties .stats tr:not(.cap) td {
box-sizing: border-box;
padding-top: 13px;
padding-bottom: 13px;
background: transparent !important;
border-bottom: 1px solid rgba(225, 189, 124, 0.18) !important;
transition:
background-color 0.2s ease,
color 0.2s ease;
}
#catalogElement #premiumProperties #elementProperties .stats tr:not(.cap):hover td {
background: rgba(225, 189, 124, 0.055) !important;
}
#catalogElement #premiumProperties #elementProperties .stats tr:not(.cap) td:nth-child(2) {
color: var(--tk-product-heading) !important;
font-weight: 500;
}
#catalogElement #premiumProperties #elementProperties .stats .cap,
#catalogElement #premiumProperties #elementProperties .stats .cap:hover {
background: transparent !important;
}
#catalogElement #premiumProperties #elementProperties .stats .cap td {
padding: 24px 12px 12px;
color: #d5a75f !important;
font-size: 16px;
font-weight: 700;
line-height: 1.35;
background: transparent !important;
border-top: 1px solid rgba(225, 189, 124, 0.3) !important;
border-bottom: 1px solid rgba(225, 189, 124, 0.3) !important;
}
#catalogElement #premiumProperties #elementProperties .stats tbody > .cap:first-child td {
padding-top: 12px;
}
#catalogElement #premiumProperties #elementProperties .stats .right:empty {
width: 0;
padding-right: 0;
padding-left: 0;
}
#catalogElement #premiumPayment,
#catalogElement #premiumDelivery {
padding: 30px 24px 38px;
}
#catalogElement .premiumDetailPanelTitle {
margin: 0 0 18px;
font-weight: 500;
font-size: 20px;
line-height: 1.3;
}
#catalogElement .premiumDetailEmpty {
color: #aaa59d;
font-size: 15px;
line-height: 1.6;
}
#catalogElement #premiumReviews #catalogReviews {
margin-top: 0;
}
#catalogElement #premiumReviews #catalogReviews > .heading {
display: none !important;
}
#catalogElement .premiumReviewsAction {
padding: 28px 24px 0;
}
#catalogElement #premiumReviews .premiumReviewsAdd {
display: inline-flex;
box-sizing: border-box;
min-height: 42px;
padding: 0 22px;
align-items: center;
justify-content: center;
color: #17130e !important;
font-size: 14px;
line-height: 20px;
text-decoration: none;
background: linear-gradient(105deg, #b77f3e, #e1bd7c);
border-radius: 6px;
transition: filter 0.2s ease;
}
#catalogElement #premiumReviews .premiumReviewsAdd:hover,
#catalogElement #premiumReviews .premiumReviewsAdd:focus {
color: #17130e !important;
filter: brightness(1.06);
}
#catalogElement #premiumReviews .premiumReviewsAdd span {
color: #17130e !important;
}
#catalogElement #premiumReviews .premiumReviewsEmpty {
padding: 28px 24px 34px;
}
#catalogElement #premiumReviews #newReview {
background: var(--tk-product-bg);
}
#catalogElement #premiumReviews #newReview textarea,
#catalogElement #premiumReviews #newReview input {
color: var(--tk-product-heading);
background: var(--tk-product-surface);
border-color: var(--tk-product-border);
}
/* Compact horizontal storefront for similar products. */
#catalogElement #similar.premiumSimilarReady {
position: relative;
box-sizing: border-box;
padding-bottom: 34px;
overflow: visible;
}
#catalogElement #similar.premiumSimilarReady > .heading {
padding: 30px 24px 22px;
font-weight: 600;
font-size: 20px;
letter-spacing: 0.02em;
background: transparent !important;
border-top-color: var(--tk-product-border);
cursor: default;
}
#catalogElement #similar.premiumSimilarReady > .heading::after {
display: none !important;
}
#catalogElement #similar.premiumSimilarReady #catalogSection {
position: relative;
display: block !important;
box-sizing: border-box;
width: 100%;
padding: 0 24px;
}
#catalogElement #similar.premiumSimilarReady .productList {
display: flex !important;
box-sizing: border-box;
width: 100% !important;
margin: 0;
padding: 0 0 8px;
overflow-x: auto;
gap: 18px;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
scrollbar-width: none;
border: 0 !important;
}
#catalogElement #similar.premiumSimilarReady .productList::-webkit-scrollbar {
display: none;
}
#catalogElement #similar.premiumSimilarReady .productList > .clear {
display: none !important;
}
#catalogElement #similar.premiumSimilarReady .product {
float: none !important;
box-sizing: border-box;
width: calc((100% - 36px) / 3) !important;
height: auto !important;
min-width: 0;
min-height: 410px;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
flex: 0 0 calc((100% - 36px) / 3);
scroll-snap-align: start;
background: transparent !important;
border: 0 !important;
}
#catalogElement #similar.premiumSimilarReady .product .tabloid {
position: relative;
display: flex;
box-sizing: border-box;
height: 100%;
min-height: 410px;
padding: 16px !important;
flex-direction: column;
background: #1b1b1b !important;
border: 1px solid #3a3835 !important;
border-radius: 12px;
box-shadow: none !important;
}
#catalogElement #similar.premiumSimilarReady .productTable,
#catalogElement #similar.premiumSimilarReady .productColImage,
#catalogElement #similar.premiumSimilarReady .productColText {
display: flex !important;
box-sizing: border-box;
width: 100% !important;
}
#catalogElement #similar.premiumSimilarReady .productTable {
height: 100%;
flex: 1 1 auto;
flex-direction: column;
}
#catalogElement #similar.premiumSimilarReady .productColImage {
position: relative;
aspect-ratio: 6 / 5;
align-items: center;
justify-content: center;
overflow: hidden;
background: #ffffff !important;
border-radius: 8px;
}
#catalogElement #similar.premiumSimilarReady .picture {
display: flex !important;
width: 100% !important;
height: 100% !important;
align-items: center;
justify-content: center;
background: #ffffff !important;
}
#catalogElement #similar.premiumSimilarReady .picture img {
width: auto !important;
max-width: 92% !important;
height: auto !important;
max-height: 92% !important;
object-fit: contain;
}
#catalogElement #similar.premiumSimilarReady .getFastView,
#catalogElement #similar.premiumSimilarReady .markerContainer,
#catalogElement #similar.premiumSimilarReady .removeFromWishlist,
#catalogElement #similar.premiumSimilarReady .optional,
#catalogElement #similar.premiumSimilarReady .btn-simple.add-cart,
#catalogElement #similar.premiumSimilarReady .quantityContainer {
display: none !important;
}
#catalogElement #similar.premiumSimilarReady .productColText {
min-height: 142px;
padding: 0 !important;
flex: 1 1 auto;
flex-direction: column;
align-items: flex-start;
}
#catalogElement #similar.premiumSimilarReady .price {
order: 1;
display: block;
margin: 14px 0 7px !important;
padding: 0 !important;
color: #f0ebe4 !important;
font-weight: 600 !important;
font-size: 18px !important;
line-height: 22px !important;
text-decoration: none;
}
#catalogElement #similar.premiumSimilarReady .price .measure,
#catalogElement #similar.premiumSimilarReady .price .discount {
font-size: 12px !important;
}
#catalogElement #similar.premiumSimilarReady .name {
display: -webkit-box !important;
order: 2;
min-height: 57px;
margin: 0 !important;
overflow: hidden;
color: #e4dfd7 !important;
font-weight: 500;
font-size: 14px;
line-height: 19px;
text-decoration: none;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
#catalogElement #similar.premiumSimilarReady .name .middle {
display: inline;
}
#catalogElement #similar.premiumSimilarReady .premiumSimilarMeta {
display: flex;
order: 3;
min-height: 24px;
margin-top: 8px;
align-items: center;
gap: 8px;
}
#catalogElement #similar.premiumSimilarReady .premiumSimilarMeta .rating {
position: relative !important;
top: auto !important;
right: auto !important;
left: auto !important;
display: inline-block !important;
margin: 0 !important;
transform: scale(0.78);
transform-origin: left center;
}
#catalogElement #similar.premiumSimilarReady .premiumSimilarMeta .changeAvailable {
display: inline-flex !important;
margin: 0 !important;
align-items: center;
color: #35c92f !important;
font-size: 12px;
line-height: 16px;
white-space: nowrap;
}
#catalogElement #similar.premiumSimilarReady .premiumSimilarMeta .changeAvailable.onOrder {
color: #c9817a !important;
}
#catalogElement #similar.premiumSimilarReady .premiumSimilarMeta .changeAvailable .icon {
width: 14px;
height: 14px;
margin: 0 5px 0 0 !important;
padding: 0 !important;
}
#catalogElement #similar.premiumSimilarReady .addCartContainer {
display: block !important;
width: auto !important;
margin: 0 !important;
padding: 0;
overflow: visible !important;
}
#catalogElement #similar.premiumSimilarReady .premiumSimilarActionRow {
display: flex;
order: 4;
width: 100%;
margin-top: auto;
padding-top: 10px;
align-items: center;
gap: 8px;
}
#catalogElement #similar.premiumSimilarReady .addCart {
display: inline-flex !important;
box-sizing: border-box;
width: auto !important;
min-width: 112px;
height: 38px !important;
margin: 0 !important;
padding: 0 16px !important;
align-items: center;
justify-content: center;
color: #17120c !important;
font-size: 14px !important;
line-height: 38px !important;
background: var(--tk-logo-gradient, linear-gradient(90deg, #b67f3f, #e0bd82)) !important;
border-radius: 7px;
box-shadow: none !important;
}
#catalogElement #similar.premiumSimilarReady .addCart span {
position: static !important;
color: #17120c !important;
transform: none !important;
}
#catalogElement #similar.premiumSimilarReady .addCart .icon {
display: none !important;
}
#catalogElement #similar.premiumSimilarReady .premiumSimilarTools {
display: flex;
flex-direction: row;
gap: 8px;
}
#catalogElement #similar.premiumSimilarReady .premiumSimilarTools .label {
display: flex;
box-sizing: border-box;
width: 30px;
height: 38px;
margin: 0 !important;
padding: 0 !important;
align-items: center;
justify-content: center;
color: rgb(238 233 225 / 46%) !important;
font-size: 0 !important;
background: transparent;
border: 0;
}
#catalogElement #similar.premiumSimilarReady .premiumSimilarTools .label:hover {
color: #d8a85f !important;
}
#catalogElement #similar.premiumSimilarReady .premiumSimilarTools .label.added {
color: #d8a85f !important;
background: transparent;
}
#catalogElement #similar.premiumSimilarReady .premiumSimilarTools .label.added .purchaseActionIcon {
background: linear-gradient(135deg, #a86d27 0%, #d39a4c 34%, #f0d39a 62%, #b8792f 100%);
filter: drop-shadow(0 0 5px rgb(216 168 95 / 28%));
}
#catalogElement #similar.premiumSimilarReady .premiumSimilarControls {
pointer-events: none;
}
#catalogElement #similar.premiumSimilarReady .premiumSimilarArrow {
position: absolute;
top: 52%;
z-index: 6;
display: flex;
width: 42px;
height: 42px;
padding: 0 0 3px;
align-items: center;
justify-content: center;
color: #f2eee8;
font-size: 30px;
line-height: 1;
background: #3b3a38;
border: 1px solid rgb(255 255 255 / 10%);
border-radius: 50%;
box-shadow: 0 8px 22px rgb(0 0 0 / 26%);
transition: opacity 0.2s ease, background 0.2s ease;
pointer-events: auto;
cursor: pointer;
}
#catalogElement #similar.premiumSimilarReady .premiumSimilarArrow:hover {
background: #c39250;
}
#catalogElement #similar.premiumSimilarReady .premiumSimilarArrow:disabled {
visibility: hidden;
opacity: 0;
pointer-events: none;
}
#catalogElement #similar.premiumSimilarReady .premiumSimilarArrowPrev {
left: 4px;
}
#catalogElement #similar.premiumSimilarReady .premiumSimilarArrowNext {
right: 4px;
}
/* Product-page footer recommendations use the same compact premium cards. */
#footerTabsCaption.premiumFooterProductsReady {
box-sizing: border-box;
height: auto !important;
margin: 0 !important;
padding: 30px 24px 20px;
overflow: hidden;
line-height: normal !important;
background: #101010 !important;
border-top: 1px solid var(--tk-product-border);
}
#footerTabsCaption.premiumFooterProductsReady .wrapper,
#footerTabs.premiumFooterProductsReady .wrapper {
box-sizing: border-box;
width: 100%;
max-width: 1500px;
padding-right: 24px;
padding-left: 24px;
}
#footerTabsCaption.premiumFooterProductsReady .items {
display: flex;
overflow-x: auto;
align-items: center;
justify-content: center;
gap: 28px;
scrollbar-width: none;
}
#footerTabsCaption.premiumFooterProductsReady .items::-webkit-scrollbar {
display: none;
}
#footerTabsCaption.premiumFooterProductsReady .item {
margin: 0 !important;
white-space: nowrap;
}
#footerTabsCaption.premiumFooterProductsReady .item a {
display: block;
padding: 0 0 9px;
color: #8e8982 !important;
font-size: 15px;
border-bottom: 1px solid transparent;
}
#footerTabsCaption.premiumFooterProductsReady .item a:hover {
color: #d7b16e !important;
}
#footerTabsCaption.premiumFooterProductsReady .item a.selected {
color: #f0ebe4 !important;
border-bottom-color: #c9944f !important;
}
#footerTabs.premiumFooterProductsReady {
box-sizing: border-box;
padding: 0 0 36px;
overflow: hidden;
background: #101010 !important;
}
#footerTabs.premiumFooterProductsReady #topProduct,
#footerTabs.premiumFooterProductsReady #viewedProduct,
#footerTabs.premiumFooterProductsReady #topProduct .wrap,
#footerTabs.premiumFooterProductsReady #viewedProduct .wrap {
position: relative;
overflow: visible;
border: 0 !important;
}
#footerTabs.premiumFooterProductsReady .slideBox.productList {
position: relative !important;
left: 0 !important;
display: flex !important;
box-sizing: border-box;
width: 100% !important;
height: auto !important;
margin: 0 !important;
padding: 0 0 8px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
clear: none !important;
gap: 18px;
list-style: none;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
scrollbar-width: none;
border: 0 !important;
}
#footerTabs.premiumFooterProductsReady .slideBox.productList::-webkit-scrollbar {
display: none;
}
#footerTabs.premiumFooterProductsReady .slideBox.productList > li {
float: none !important;
box-sizing: border-box;
width: calc((100% - 72px) / 5) !important;
height: auto !important;
min-height: 410px;
margin: 0 !important;
padding: 0 !important;
flex: 0 0 calc((100% - 72px) / 5);
scroll-snap-align: start;
border: 0 !important;
}
#footerTabs.premiumFooterProductsReady .product {
float: none !important;
box-sizing: border-box;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
}
#footerTabs.premiumFooterProductsReady .product .tabloid {
position: relative;
display: flex;
box-sizing: border-box;
width: 100%;
height: 100% !important;
min-height: 410px;
padding: 14px !important;
flex-direction: column;
background: #1b1b1b !important;
border: 1px solid #3a3835 !important;
border-radius: 12px;
box-shadow: none !important;
}
#footerTabs.premiumFooterProductsReady .product:hover .tabloid {
background: #1b1b1b !important;
border-color: #56504a !important;
box-shadow: none !important;
}
#footerTabs.premiumFooterProductsReady .productTable,
#footerTabs.premiumFooterProductsReady .productColImage,
#footerTabs.premiumFooterProductsReady .productColText {
display: flex !important;
box-sizing: border-box;
width: 100% !important;
}
#footerTabs.premiumFooterProductsReady .productTable {
height: 100%;
flex: 1 1 auto;
flex-direction: column;
}
#footerTabs.premiumFooterProductsReady .productColImage {
position: relative;
aspect-ratio: 6 / 5;
align-items: center;
justify-content: center;
overflow: hidden;
background: #ffffff !important;
border-radius: 8px;
}
#footerTabs.premiumFooterProductsReady .picture {
display: flex !important;
width: 100% !important;
height: 100% !important;
align-items: center;
justify-content: center;
background: #ffffff !important;
}
#footerTabs.premiumFooterProductsReady .picture img {
width: auto !important;
max-width: 88% !important;
height: auto !important;
max-height: 88% !important;
object-fit: contain;
}
#footerTabs.premiumFooterProductsReady .getFastView,
#footerTabs.premiumFooterProductsReady .removeFromWishlist,
#footerTabs.premiumFooterProductsReady .productSpecialTime {
display: none !important;
}
#footerTabs.premiumFooterProductsReady .markerContainer {
top: 10px !important;
left: 10px !important;
}
#footerTabs.premiumFooterProductsReady .marker {
color: #17120c !important;
background: var(--tk-logo-gradient, linear-gradient(90deg, #b67f3f, #e0bd82)) !important;
border-radius: 6px;
}
#footerTabs.premiumFooterProductsReady .productColText {
min-height: 154px;
padding: 0 !important;
flex: 1 1 auto;
flex-direction: column;
align-items: flex-start;
}
#footerTabs.premiumFooterProductsReady .price {
order: 1;
display: block;
margin: 13px 0 7px !important;
padding: 0 !important;
color: #f0ebe4 !important;
font-weight: 600 !important;
font-size: 17px !important;
line-height: 22px !important;
text-decoration: none;
}
#footerTabs.premiumFooterProductsReady .price .measure,
#footerTabs.premiumFooterProductsReady .price .discount {
font-size: 12px !important;
}
#footerTabs.premiumFooterProductsReady .name {
display: -webkit-box !important;
order: 2;
min-height: 57px;
margin: 0 !important;
overflow: hidden;
color: #e4dfd7 !important;
font-weight: 500;
font-size: 14px;
line-height: 19px;
text-decoration: none;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
#footerTabs.premiumFooterProductsReady .name:hover {
color: #d7b16e !important;
}
#footerTabs.premiumFooterProductsReady .name .middle {
display: inline;
}
#footerTabs.premiumFooterProductsReady .premiumFooterProductMeta {
display: flex;
order: 3;
min-height: 23px;
margin-top: 8px;
align-items: center;
gap: 10px;
}
#footerTabs.premiumFooterProductsReady .premiumFooterProductMeta .rating {
position: relative !important;
top: auto !important;
right: auto !important;
left: auto !important;
display: inline-block !important;
margin: 0 !important;
transform: scale(0.78);
transform-origin: left center;
}
#footerTabs.premiumFooterProductsReady .premiumFooterAvailability {
display: inline-flex;
align-items: center;
font-size: 12px;
line-height: 16px;
white-space: nowrap;
}
#footerTabs.premiumFooterProductsReady .premiumFooterAvailability::before {
display: inline-flex;
width: 14px;
height: 14px;
margin-right: 5px;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 12px;
line-height: 1;
content: "\2713";
}
#footerTabs.premiumFooterProductsReady .premiumFooterAvailability.inStock {
color: #35c92f;
}
#footerTabs.premiumFooterProductsReady .premiumFooterAvailability.onOrder {
color: #c9817a;
}
#footerTabs.premiumFooterProductsReady .premiumFooterAvailability.onOrder::before {
content: "\2022";
}
#footerTabs.premiumFooterProductsReady .premiumFooterAvailability.outOfStock {
color: #9b9690;
}
#footerTabs.premiumFooterProductsReady .premiumFooterAvailability.outOfStock::before {
content: "\00D7";
}
#footerTabs.premiumFooterProductsReady .premiumFooterProductAction {
display: inline-flex !important;
box-sizing: border-box;
width: auto !important;
min-width: 108px;
height: 38px;
margin: 0 !important;
padding: 0 16px;
align-items: center;
justify-content: center;
color: #17120c !important;
font-size: 14px;
line-height: 38px;
text-decoration: none;
background: var(--tk-logo-gradient, linear-gradient(90deg, #b67f3f, #e0bd82));
border-radius: 7px;
}
#footerTabs.premiumFooterProductsReady .premiumFooterProductActions {
display: flex;
order: 4;
width: 100%;
margin-top: auto;
padding-top: 10px;
align-items: center;
gap: 8px;
}
#footerTabs.premiumFooterProductsReady .premiumFooterProductTools {
display: flex;
align-items: center;
gap: 8px;
}
#footerTabs.premiumFooterProductsReady .premiumFooterProductTools .label {
display: flex;
box-sizing: border-box;
width: 30px;
height: 38px;
margin: 0 !important;
padding: 0 !important;
align-items: center;
justify-content: center;
color: rgb(238 233 225 / 46%) !important;
font-size: 0 !important;
text-decoration: none;
background: transparent;
border: 0;
}
#footerTabs.premiumFooterProductsReady .premiumFooterProductTools .label:hover {
color: #d8a85f !important;
}
#footerTabs.premiumFooterProductsReady .premiumFooterProductTools .label.added {
color: #d8a85f !important;
background: transparent;
}
#footerTabs.premiumFooterProductsReady .premiumFooterProductTools .label.added .purchaseActionIcon {
background: linear-gradient(135deg, #a86d27 0%, #d39a4c 34%, #f0d39a 62%, #b8792f 100%);
filter: drop-shadow(0 0 5px rgb(216 168 95 / 28%));
}
#footerTabs.premiumFooterProductsReady .premiumFooterProductAction.added {
color: #17120c !important;
background: var(--tk-logo-gradient, linear-gradient(90deg, #b67f3f, #e0bd82)) !important;
}
#footerTabs.premiumFooterProductsReady .premiumFooterProductAction.disabled {
cursor: default;
opacity: 0.65;
}
#footerTabs.premiumFooterProductsReady .premiumFooterProductAction:hover {
filter: brightness(1.06);
}
#footerTabs.premiumFooterProductsReady .topBtnLeft,
#footerTabs.premiumFooterProductsReady .topBtnRight,
#footerTabs.premiumFooterProductsReady .viewedBtnLeft,
#footerTabs.premiumFooterProductsReady .viewedBtnRight {
position: absolute;
top: 27%;
z-index: 6;
display: flex;
box-sizing: border-box;
width: 42px;
height: 42px;
padding: 0 0 3px;
align-items: center;
justify-content: center;
color: #f2eee8;
font-size: 30px;
line-height: 1;
text-decoration: none;
background: #3b3a38 !important;
border: 1px solid rgb(255 255 255 / 10%);
border-radius: 50%;
box-shadow: 0 8px 22px rgb(0 0 0 / 26%);
transition: opacity 0.2s ease, background 0.2s ease;
pointer-events: auto;
cursor: pointer;
}
#footerTabs.premiumFooterProductsReady .topBtnLeft::before,
#footerTabs.premiumFooterProductsReady .viewedBtnLeft::before,
#footerTabs.premiumFooterProductsReady .topBtnRight::before,
#footerTabs.premiumFooterProductsReady .viewedBtnRight::before {
content: none;
}
#footerTabs.premiumFooterProductsReady .topBtnLeft,
#footerTabs.premiumFooterProductsReady .viewedBtnLeft {
left: 4px !important;
}
#footerTabs.premiumFooterProductsReady .topBtnRight,
#footerTabs.premiumFooterProductsReady .viewedBtnRight {
right: 4px !important;
}
#footerTabs.premiumFooterProductsReady .topBtnLeft:hover,
#footerTabs.premiumFooterProductsReady .topBtnRight:hover,
#footerTabs.premiumFooterProductsReady .viewedBtnLeft:hover,
#footerTabs.premiumFooterProductsReady .viewedBtnRight:hover {
background: #c39250 !important;
}
#footerTabs.premiumFooterProductsReady .topBtnLeft.disabled,
#footerTabs.premiumFooterProductsReady .topBtnRight.disabled,
#footerTabs.premiumFooterProductsReady .viewedBtnLeft.disabled,
#footerTabs.premiumFooterProductsReady .viewedBtnRight.disabled {
visibility: hidden;
opacity: 0;
pointer-events: none;
}
/* Delivery calculator follows the same dark product-page palette. */
#catalogElement .fast-deliveries-container .detail-deliveries-heading,
#catalogElement .fast-deliveries-container .delivery-item-name,
#catalogElement .fast-deliveries-container .delivery-item-price,
#catalogElement .fast-deliveries-container .delivery-paysystems-heading,
#catalogElement .fast-deliveries-container .delivery-paysystems-sub-heading {
color: var(--tk-product-heading) !important;
}
#catalogElement .fast-deliveries-container .detail-delivery-paysystems {
background: var(--tk-product-surface) !important;
border-color: var(--tk-product-border) !important;
}
#catalogElement .fast-deliveries-container .delivery-paysystems-description,
#catalogElement .fast-deliveries-container .delivery-item-description {
color: var(--tk-product-text) !important;
}
@media (min-width: 1101px) {
#catalogElement #tableContainer {
width: calc(100% - 48px) !important;
max-width: 1500px;
margin-right: auto !important;
margin-left: auto !important;
}
#catalogElement #tableContainer .column:nth-child(2),
#catalogElement #elementTools {
vertical-align: top;
}
#catalogElement #elementContainer .mainContainer {
min-height: 570px;
table-layout: fixed;
}
#catalogElement #elementContainer .mainContainer > .col:first-child {
width: 52%;
min-height: 570px;
padding: 0 0 0 76px !important;
overflow: visible;
vertical-align: top;
background: transparent !important;
border: 0;
border-radius: 0;
box-shadow: none;
}
#catalogElement #elementContainer .mainContainer > .secondCol {
width: 48%;
padding: 4px 30px 24px 34px !important;
vertical-align: top;
}
#catalogElement #elementContainer .mainContainer > .col:first-child .markerContainer {
display: none;
}
#catalogElement #elementContainer #pictureContainer .pictureSlider .item {
padding: 0 !important;
}
#catalogElement #elementContainer #pictureContainer {
position: relative;
box-sizing: border-box;
height: 518px;
padding: 18px;
overflow: hidden;
background: #ffffff !important;
border: 1px solid rgb(199 154 90 / 18%);
border-radius: 11px;
box-shadow: 0 12px 34px rgb(0 0 0 / 22%);
}
#catalogElement #elementContainer #pictureContainer::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
width: 18px;
background: #ffffff;
content: "";
pointer-events: none;
}
#catalogElement #elementContainer #pictureContainer .pictureSlider .item a {
display: flex;
height: 480px;
align-items: center;
justify-content: center;
}
#catalogElement #elementContainer #pictureContainer .pictureSlider .item img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
#catalogElement #elementContainer .wishCompWrap {
top: 18px;
right: 18px;
}
#catalogElement #elementContainer .mainContainer > .col:first-child #moreImagesCarousel {
top: 4px;
right: auto;
bottom: auto;
left: 0;
height: 510px;
background: transparent !important;
}
#catalogElement #elementContainer .mainContainer > .col:first-child #moreImagesCarousel .carouselWrapper,
#catalogElement #elementContainer .mainContainer > .col:first-child #moreImagesCarousel .slideBox {
background: transparent !important;
}
#catalogElement #elementContainer .brandImageWrap {
margin-top: 20px;
}
#catalogElement #elementContainer .brandImage {
margin: 0;
}
#catalogElement #elementContainer .reviewsBtnWrap {
margin-top: 0;
padding-bottom: 10px;
}
#catalogElement #elementContainer .changePropertiesNoGroup {
margin-top: 18px;
}
#catalogElement #elementTools {
width: 340px !important;
padding: 0 14px 0 26px !important;
background: var(--tk-product-bg) !important;
}
#catalogElement #elementTools .fixContainer {
box-sizing: border-box;
width: 100% !important;
}
#catalogElement #elementTools.fixed .fixContainer {
width: 300px !important;
padding-right: 0;
background: transparent !important;
}
#catalogElement #elementTools .fixContainer.maxScroll {
left: 26px;
width: 300px !important;
padding-bottom: 0;
}
#catalogElement #elementTools .mainTool,
#catalogElement #elementTools .secondTool {
position: relative;
box-sizing: border-box;
width: 100%;
padding: 20px;
background: var(--tk-product-surface);
border: 1px solid rgb(255 255 255 / 4%);
border-radius: 14px;
box-shadow: 0 12px 30px rgb(0 0 0 / 18%);
}
#catalogElement #elementTools .secondTool {
margin-top: 12px;
}
#catalogElement #elementTools .mainToolContainer,
#catalogElement #elementTools .mobilePriceContainer,
#catalogElement #elementTools .mobileButtonsContainer {
display: block;
width: 100%;
}
#catalogElement #elementTools .mobileButtonsContainer {
margin-top: 16px;
}
#catalogElement #elementTools .addCartContainer,
#catalogElement #elementTools .addCart,
#catalogElement #elementTools .mobileFastBackContainer,
#catalogElement #elementTools .fastBack {
box-sizing: border-box;
width: 100% !important;
}
#catalogElement #elementTools .addCartContainer {
overflow: hidden;
border-radius: 7px;
}
#catalogElement .mainTool .qtyBlock,
#catalogElement .mainTool .addCartContainer:hover .qtyBlockContainer {
display: none !important;
}
#catalogElement .mainTool .addCart span,
#catalogElement .mainTool .addCartContainer:hover .addCart span {
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
}
#catalogElement #elementTools .fastBack {
margin: 12px 0 0;
background: #292929 !important;
border-color: #3b3936 !important;
}
#catalogElement #elementTools .secondTool .row {
margin-bottom: 14px;
}
#catalogElement #elementTools .secondTool .available-block {
padding: 5px 0;
}
#catalogElement #elementTools .ya-share-label {
margin-top: 18px;
}
}
@media (min-width: 1101px) and (max-width: 1280px) {
#catalogElement #elementTools {
width: 310px !important;
padding-left: 20px !important;
}
#catalogElement #elementTools.fixed .fixContainer {
width: 276px !important;
}
#catalogElement #elementTools .fixContainer.maxScroll {
left: 20px;
width: 276px !important;
}
#catalogElement #elementContainer .mainContainer > .secondCol {
padding-right: 22px !important;
padding-left: 24px !important;
}
#catalogElement .premiumProductAdvantages .premiumProductBenefits__content span {
display: none;
}
}
@media (min-width: 1521px) {
#catalogElement #elementTools {
width: 360px !important;
}
#catalogElement #elementTools.fixed .fixContainer {
width: 320px !important;
}
#catalogElement #elementTools .fixContainer.maxScroll {
left: 26px;
width: 320px !important;
}
}
@media (min-width: 791px) and (max-width: 1100px) {
#catalogElement #elementContainer .mainContainer > .col:first-child {
padding-right: 24px !important;
padding-left: 88px !important;
}
#catalogElement #elementContainer #moreImagesCarousel {
right: auto;
left: 14px;
}
#catalogElement #elementContainer .mainContainer > .secondCol {
padding-right: 24px !important;
padding-left: 28px !important;
}
}
@media (max-width: 790px) {
#catalogElement .premiumProductName {
margin-top: 4px;
font-size: 25px;
}
#catalogElement #smallElementTools .mainToolContainer {
display: block;
width: 100%;
}
#catalogElement #smallElementTools .mobilePriceContainer {
display: block;
width: 100%;
}
#catalogElement #smallElementTools .mobileButtonsContainer {
display: grid;
width: 100%;
margin-top: 20px;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
white-space: normal;
}
#catalogElement #smallElementTools .addCartContainer,
#catalogElement #smallElementTools .columnRow.mobileFastBackContainer {
display: block;
box-sizing: border-box;
width: 100% !important;
min-width: 0;
margin: 0;
padding: 0;
}
#catalogElement #smallElementTools .mainTool .qtyBlock {
display: none !important;
}
#catalogElement #smallElementTools .mainTool .addCart,
#catalogElement #smallElementTools .columnRow .fastBack {
box-sizing: border-box;
width: 100% !important;
height: 54px;
margin: 0;
padding: 0 8px;
font-size: clamp(12px, 3.6vw, 14px);
line-height: 54px;
white-space: nowrap;
}
#catalogElement #smallElementTools .secondTool,
#catalogElement #smallElementTools .secondTool .available-block {
border-top: 0 !important;
}
#catalogElement #smallElementTools .purchaseActions .purchaseAction.addCompare {
display: inline-flex !important;
}
#catalogElement #smallElementTools .purchaseActions {
gap: clamp(4px, 2vw, 10px);
}
#catalogElement #smallElementTools .purchaseActions .purchaseAction {
width: clamp(30px, 9vw, 34px);
height: clamp(30px, 9vw, 34px);
}
#catalogElement #elementContainer .mainContainer > .col:first-child {
--tk-mobile-gallery-size: min(clamp(240px, 68vw, 360px), calc(100vw - 36px));
padding: 28px 18px 18px !important;
background: var(--tk-product-bg) !important;
}
#catalogElement #elementContainer #pictureContainer {
width: var(--tk-mobile-gallery-size) !important;
height: var(--tk-mobile-gallery-size);
margin: 0 auto;
overflow: hidden;
background: #ffffff !important;
border: 1px solid rgb(199 154 90 / 18%);
border-radius: 8px;
box-shadow: 0 10px 28px rgb(0 0 0 / 20%);
}
#catalogElement #elementContainer #pictureContainer .pictureSlider {
display: flex !important;
align-items: stretch;
height: 100%;
margin-top: 0 !important;
}
#catalogElement #elementContainer #pictureContainer .pictureSlider .item {
display: block !important;
flex: 0 0 auto;
height: 100% !important;
min-width: 0;
overflow: hidden;
padding: 0 !important;
vertical-align: top;
}
#catalogElement #elementContainer #pictureContainer .pictureSlider .item a {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
#catalogElement #elementContainer #pictureContainer .pictureSlider .item img {
width: auto;
max-width: 100% !important;
height: auto;
max-height: 100% !important;
object-fit: contain;
}
#catalogElement #elementContainer .mainContainer > .col:first-child #moreImagesCarousel {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
width: var(--tk-mobile-gallery-size);
height: 12px;
margin: 14px auto 0;
padding: 0;
overflow: visible;
background: transparent !important;
}
#catalogElement #elementContainer .mainContainer > .col:first-child #moreImagesCarousel .carouselWrapper {
width: 100%;
height: 12px !important;
overflow: hidden;
background: transparent !important;
}
#catalogElement #elementContainer .mainContainer > .col:first-child #moreImagesCarousel .slideBox {
left: auto !important;
display: flex;
width: 100% !important;
height: 12px !important;
min-height: 0;
padding: 0;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 6px;
background: transparent !important;
}
#catalogElement #elementContainer .mainContainer > .col:first-child #moreImagesCarousel .slideBox .item {
float: none;
width: 12px !important;
height: 2px !important;
padding: 0 !important;
flex: 0 0 12px;
line-height: 0;
background: #5d5d5d !important;
border: 0;
border-radius: 0;
box-shadow: none;
opacity: 1;
}
#catalogElement #elementContainer .mainContainer > .col:first-child #moreImagesCarousel .slideBox .item.selected {
background: #d8ad6d !important;
box-shadow: none;
}
#catalogElement #elementContainer .mainContainer > .col:first-child #moreImagesCarousel .slideBox .item a {
display: block;
width: 100%;
height: 100%;
line-height: 0;
background: transparent !important;
}
#catalogElement #elementContainer .mainContainer > .col:first-child #moreImagesCarousel .slideBox .item img,
#catalogElement #elementContainer .mainContainer > .col:first-child #moreImagesCarousel .slideBox .item.selected::after,
#catalogElement #elementContainer .mainContainer > .col:first-child #moreImagesLeftButton,
#catalogElement #elementContainer .mainContainer > .col:first-child #moreImagesRightButton {
display: none !important;
}
#catalogElement #elementContainer .mainContainer > .col:first-child .markerContainer {
display: none;
}
#catalogElement #elementContainer .mainContainer > .secondCol {
margin-top: 18px;
padding: 24px !important;
}
#catalogElement .premiumDetailTabs {
margin-top: 24px;
padding: 0 18px;
gap: 24px;
}
#catalogElement #detailText {
padding: 24px 18px 32px;
}
#catalogElement #premiumProperties #elementProperties,
#catalogElement #premiumPayment,
#catalogElement #premiumDelivery {
padding: 24px 18px 32px;
}
#catalogElement .premiumReviewsAction {
padding: 22px 18px 0;
}
#catalogElement #premiumReviews .premiumReviewsEmpty {
padding: 22px 18px 28px;
}
#catalogElement #similar.premiumSimilarReady {
display: block !important;
margin-top: 18px;
padding-bottom: 28px;
}
#catalogElement #similar.premiumSimilarReady > .heading {
display: block !important;
margin: 0 !important;
padding: 26px 18px 18px !important;
color: var(--tk-product-heading) !important;
font-size: 18px;
background: transparent !important;
border-radius: 0;
}
#catalogElement #similar.premiumSimilarReady #catalogSection {
padding: 0 18px;
}
#catalogElement #similar.premiumSimilarReady .product {
width: min(78vw, 300px) !important;
flex-basis: min(78vw, 300px);
}
#catalogElement #similar.premiumSimilarReady .product .tabloid {
min-height: 400px;
}
#catalogElement #similar.premiumSimilarReady .premiumSimilarArrow {
display: none;
}
#footerTabsCaption.premiumFooterProductsReady,
#footerTabs.premiumFooterProductsReady {
display: block !important;
}
#footerTabs.premiumFooterProductsReady .tab.selected {
display: block !important;
}
#footerTabsCaption.premiumFooterProductsReady {
padding: 26px 18px 18px;
}
#footerTabsCaption.premiumFooterProductsReady .wrapper,
#footerTabs.premiumFooterProductsReady .wrapper {
min-width: 0;
padding-right: 18px;
padding-left: 18px;
}
#footerTabsCaption.premiumFooterProductsReady .items {
justify-content: flex-start;
gap: 22px;
}
#footerTabsCaption.premiumFooterProductsReady .item a {
font-size: 14px;
}
#footerTabs.premiumFooterProductsReady .slideBox.productList > li {
width: min(78vw, 290px) !important;
min-height: 400px;
flex-basis: min(78vw, 290px);
}
#footerTabs.premiumFooterProductsReady .product .tabloid {
min-height: 400px;
}
#footerTabs.premiumFooterProductsReady .topBtnLeft,
#footerTabs.premiumFooterProductsReady .topBtnRight,
#footerTabs.premiumFooterProductsReady .viewedBtnLeft,
#footerTabs.premiumFooterProductsReady .viewedBtnRight {
display: none;
}
#catalogElement #elementContainer .mainContainer > .col:first-child > .premiumProductBadges {
margin: 0 0 18px;
}
#catalogElement #elementContainer .mainContainer > .col:first-child > .premiumProductName {
margin: 0 0 14px;
color: #d4cec4 !important;
}
#catalogElement #elementContainer .mainContainer > .col:first-child > .reviewsBtnWrap {
margin: 18px 0 0;
padding: 0;
border: 0;
}
#catalogElement .premiumMobileLayoutEmpty {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
#catalogElement .premiumMobileStockActions {
display: flex;
box-sizing: border-box;
width: 100%;
min-height: 52px;
margin-top: 14px;
padding: 8px 0;
align-items: center;
justify-content: space-between;
gap: 12px;
}
#catalogElement .premiumMobileStockActions .available-block {
display: flex;
width: auto;
min-width: 0;
margin: 0 !important;
padding: 0 !important;
flex: 1 1 auto;
align-items: center;
border: 0 !important;
}
#catalogElement .premiumMobileStockActions .available-block .label {
width: auto;
white-space: nowrap;
}
#catalogElement .premiumMobileStockActions .changeAvailable.onOrder {
color: #c9817a !important;
}
#catalogElement .premiumMobileStockActions .purchaseActions {
position: relative;
top: auto;
right: auto;
display: flex;
margin: 0 0 0 auto;
flex: 0 0 auto;
gap: clamp(4px, 2vw, 10px);
}
#catalogElement .premiumMobileStockActions .purchaseAction {
width: clamp(30px, 9vw, 34px);
height: clamp(30px, 9vw, 34px);
}
#catalogElement .premiumMobileStockActions .purchaseAction.addCompare {
display: inline-flex !important;
}
#catalogElement .premiumMobilePurchaseBlock {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 10px 0 0 !important;
background: transparent !important;
border: 0 !important;
}
#catalogElement .premiumMobilePurchaseBlock .mainToolContainer,
#catalogElement .premiumMobilePurchaseBlock .mobilePriceContainer,
#catalogElement .premiumMobilePurchaseBlock .mobileButtonsContainer {
display: block;
width: 100%;
}
#catalogElement .premiumMobilePurchaseBlock .price,
#catalogElement .premiumMobilePurchaseBlock .priceContainer,
#catalogElement .premiumMobilePurchaseBlock .priceVal {
color: #d4cec4 !important;
font-weight: 400 !important;
font-size: 27px !important;
line-height: 34px !important;
}
#catalogElement .premiumMobilePurchaseBlock .mobileButtonsContainer {
display: grid;
width: 100%;
margin-top: 14px;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
white-space: normal;
}
#catalogElement .premiumMobilePurchaseBlock .addCartContainer,
#catalogElement .premiumMobilePurchaseBlock .columnRow.mobileFastBackContainer {
display: block;
box-sizing: border-box;
width: 100% !important;
min-width: 0;
margin: 0;
padding: 0;
}
#catalogElement .premiumMobilePurchaseBlock .addCart,
#catalogElement .premiumMobilePurchaseBlock .columnRow .fastBack {
display: flex !important;
box-sizing: border-box;
width: 100% !important;
height: 54px;
margin: 0;
padding: 0 8px;
align-items: center;
justify-content: center;
font-size: clamp(12px, 3.6vw, 14px);
line-height: 54px;
white-space: nowrap;
border-radius: 7px;
}
#catalogElement .premiumMobilePurchaseBlock .addCart {
color: #17120c !important;
background: var(--tk-logo-gradient, linear-gradient(90deg, #b67f3f 0%, #c89a5a 46%, #e0bd82 100%)) !important;
border: 0 !important;
}
#catalogElement .premiumMobilePurchaseBlock .columnRow .fastBack {
color: #bdb6ad !important;
background: #1a1a1a !important;
border: 1px solid #292929 !important;
}
#catalogElement .premiumMobilePurchaseBlock .addCart .icon,
#catalogElement .premiumMobilePurchaseBlock .fastBack .icon {
display: none !important;
}
#catalogElement .premiumMobilePurchaseBlock .addCart span,
#catalogElement .premiumMobilePurchaseBlock .addCartContainer:hover .addCart span {
position: static !important;
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
color: #17120c !important;
transform: none !important;
}
#catalogElement .premiumMobilePurchaseBlock .qtyBlock {
display: none !important;
}
#catalogElement .premiumPaymentMethods.premiumMobilePaymentMethods {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 0 18px;
border: 0;
}
#catalogElement .premiumProductAdvantages {
box-sizing: border-box;
width: 100%;
padding-right: 18px;
padding-left: 18px;
}
#catalogElement .premiumPaymentMethodsTitle,
#catalogElement .premiumProductAdvantages .premiumProductBenefits__content strong,
#catalogElement .premiumDetailTabs a,
#catalogElement .premiumDetailTabs span,
#catalogElement .premiumDetailPanels .heading,
#catalogElement .premiumDetailPanelTitle {
color: #d4cec4 !important;
}
}
@media (max-width: 620px) {
#catalogElement .premiumDetailPanels .heading:not(.noTabs) + div {
display: block !important;
}
#catalogElement .premiumDetailPanels h2.heading:not(.noTabs) {
background: transparent !important;
cursor: default;
}
#catalogElement .premiumDetailPanels h2.heading:not(.noTabs)::after {
display: none !important;
}
#catalogElement #detailText > .heading {
display: none !important;
}
#catalogElement #detailTags {
display: none !important;
}
#catalogElement #similar.premiumSimilarReady > .heading + #catalogSection {
display: block !important;
}
}
/* End */
/* Start:/bitrix/templates/dresscodeV2/css/basket-window-premium.css?17848371369118*/
#appBasket {
background: rgba(0, 0, 0, 0.72);
backdrop-filter: blur(7px);
-webkit-backdrop-filter: blur(7px);
}
#appBasket #appBasketContainer {
box-sizing: border-box;
top: 50%;
left: 50%;
width: min(760px, calc(100vw - 40px));
height: auto;
margin: 0;
padding: 0;
overflow: hidden;
color: #f2eadc;
font-family: "Montserrat", Arial, sans-serif;
background:
linear-gradient(145deg, rgba(255, 255, 255, 0.025), transparent 42%),
#171717;
border: 1px solid #b9853f;
border-radius: 16px;
box-shadow: 0 28px 80px rgba(0, 0, 0, 0.65);
transform: translate(-50%, -50%);
}
#appBasket #appBasketContainer .heading {
box-sizing: border-box;
display: flex;
align-items: center;
min-height: 76px;
padding: 20px 64px 20px 28px;
color: #f7f1e7;
font-size: 20px;
font-family: "Montserrat", Arial, sans-serif;
font-weight: 400;
line-height: 1.35;
text-align: left;
background: #171717;
border-radius: 0;
border-bottom: 1px solid rgba(202, 151, 76, 0.28);
}
#appBasket #appBasketContainer .headingStatus {
position: relative;
flex: 0 0 36px;
width: 36px;
height: 36px;
margin-right: 14px;
box-sizing: border-box;
background: transparent;
border: 1px solid #d8a85f;
border-radius: 50%;
box-shadow: none;
}
#appBasket #appBasketContainer .headingStatus::after {
position: absolute;
top: 8px;
left: 13px;
width: 7px;
height: 12px;
border-right: 1.5px solid #d8a85f;
border-bottom: 1.5px solid #d8a85f;
content: "";
transform: rotate(45deg);
}
#appBasket #appBasketContainer .close {
top: 26px;
right: 28px;
width: 24px;
height: 24px;
opacity: 0.72;
transition:
opacity 0.2s ease,
transform 0.2s ease;
}
#appBasket #appBasketContainer .close::before,
#appBasket #appBasketContainer .close::after {
position: absolute;
top: 11px;
left: 1px;
width: 22px;
height: 1.5px;
background: #f2eadc;
border-radius: 2px;
content: "";
}
#appBasket #appBasketContainer .close::before {
transform: rotate(45deg);
}
#appBasket #appBasketContainer .close::after {
transform: rotate(-45deg);
}
#appBasket #appBasketContainer .close:hover {
opacity: 1;
transform: rotate(90deg);
}
#appBasket #appBasketContainer .container {
box-sizing: border-box;
display: grid;
grid-template-columns: 280px minmax(0, 1fr);
gap: 32px;
padding: 28px;
overflow: visible;
}
#appBasket #appBasketContainer .picture {
box-sizing: border-box;
display: flex;
float: none;
align-items: center;
justify-content: center;
width: 280px;
height: 280px;
overflow: hidden;
line-height: normal;
background: #faf9f6;
border: 1px solid rgba(202, 151, 76, 0.45);
border-radius: 12px;
}
#appBasket #appBasketContainer .picture:active {
top: auto;
}
#appBasket #appBasketContainer .picture a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
#appBasket #appBasketContainer .picture img {
width: auto;
max-width: 88%;
height: auto;
max-height: 88%;
object-fit: contain;
}
#appBasket #appBasketContainer .information {
display: flex;
align-items: center;
min-width: 0;
line-height: normal;
}
#appBasket #appBasketContainer .information .wrapper {
display: block;
width: 100%;
line-height: 1.45;
vertical-align: initial;
}
#appBasket #appBasketContainer .markerContainer {
position: static;
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 18px;
}
#appBasket #appBasketContainer .markerContainer .marker {
box-sizing: border-box;
margin: 0;
padding: 7px 11px;
color: #18130c;
font: 600 11px/1.2 "Montserrat", Arial, sans-serif;
letter-spacing: 0.01em;
background: linear-gradient(135deg, #b77b31 0%, #e5bd78 55%, #c08a43 100%) !important;
border-radius: 6px;
box-shadow: none;
}
#appBasket #appBasketContainer .name {
max-width: none;
margin: 0 0 18px;
color: #f4ede2;
font-size: 18px;
font-weight: 500;
line-height: 1.45;
text-decoration: none;
}
#appBasket #appBasketContainer .name:hover {
color: #d9ad69;
}
#appBasket #appBasketContainer .price {
margin: 0 0 18px;
color: #fff8ed;
font-family: "Montserrat", Arial, sans-serif;
font-size: 25px;
font-weight: 500;
line-height: 1.25;
text-decoration: none;
}
#appBasket #appBasketContainer .price .measure {
color: #bdb4a8;
font-size: 14px;
font-weight: 400;
}
#appBasket #appBasketContainer .price .discount {
display: block;
padding: 4px 0 0;
color: #827b72;
font-family: "Montserrat", Arial, sans-serif;
font-size: 13px;
font-weight: 400;
}
#appBasket #appBasketContainer .basketStatus {
display: inline-flex;
align-items: center;
padding: 9px 12px;
color: #c9c0b5;
font-size: 13px;
font-weight: 400;
line-height: 1.3;
background: rgba(255, 255, 255, 0.045);
border: 1px solid rgba(255, 255, 255, 0.09);
border-radius: 8px;
}
#appBasket #appBasketContainer .basketStatus::before {
width: 7px;
height: 7px;
margin-right: 9px;
background: #c4934e;
border-radius: 50%;
box-shadow: 0 0 0 3px rgba(196, 147, 78, 0.12);
content: "";
}
#appBasket #appBasketContainer .basketStatusQuantity {
margin: 0 4px;
color: #e1b66f;
font-weight: 600;
}
#appBasket #appBasketContainer .lower {
box-sizing: border-box;
height: auto;
padding: 22px 28px 28px;
overflow: visible;
line-height: normal;
background: #171717;
border-radius: 0;
border-top: 1px solid rgba(202, 151, 76, 0.22);
}
#appBasket #appBasketContainer .lower .tools {
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
gap: 12px;
width: 100%;
table-layout: auto;
}
#appBasket #appBasketContainer .lower .tools .continue,
#appBasket #appBasketContainer .lower .tools .goToBasket {
width: auto;
text-align: center;
background: transparent;
border: 0;
}
#appBasket #appBasketContainer .lower .tools .continue a,
#appBasket #appBasketContainer .lower .tools .goToBasket a {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
min-height: 50px;
padding: 12px 18px;
font-family: "Montserrat", Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.3;
text-decoration: none;
border-radius: 8px;
transition:
border-color 0.2s ease,
color 0.2s ease,
background 0.2s ease,
transform 0.2s ease;
}
#appBasket #appBasketContainer .lower .tools .continue a {
color: #d9d0c4;
background: rgba(255, 255, 255, 0.035);
border: 1px solid rgba(218, 174, 105, 0.45);
}
#appBasket #appBasketContainer .lower .tools .continue a:hover {
color: #f5e9d7;
background: rgba(218, 174, 105, 0.1);
border-color: #d6a762;
}
#appBasket #appBasketContainer .lower .tools .goToBasket a {
color: #17120c;
font-weight: 600;
background: linear-gradient(135deg, #b77b31 0%, #e5bd78 55%, #c08a43 100%);
border: 1px solid #dfb46e;
box-shadow: 0 8px 22px rgba(183, 123, 49, 0.2);
}
#appBasket #appBasketContainer .lower .tools .goToBasket a:hover {
color: #17120c;
background: linear-gradient(135deg, #c88a3b 0%, #edca8b 55%, #cd9850 100%);
transform: translateY(-1px);
}
#appBasket #appBasketContainer .lower .tools .continue .text,
#appBasket #appBasketContainer .lower .tools .goToBasket .text {
display: inline;
margin: 0;
}
@media (max-width: 760px) {
#appBasket #appBasketContainer {
width: calc(100vw - 24px);
max-height: calc(100vh - 24px);
overflow-y: auto;
border-radius: 13px;
}
#appBasket #appBasketContainer .heading {
min-height: 68px;
padding: 16px 54px 16px 20px;
font-size: 17px;
}
#appBasket #appBasketContainer .headingStatus {
flex-basis: 32px;
width: 32px;
height: 32px;
margin-right: 11px;
}
#appBasket #appBasketContainer .headingStatus::after {
top: 7px;
left: 11px;
}
#appBasket #appBasketContainer .close {
top: 22px;
right: 20px;
}
#appBasket #appBasketContainer .container {
grid-template-columns: 150px minmax(0, 1fr);
gap: 20px;
padding: 20px;
}
#appBasket #appBasketContainer .picture {
width: 150px;
height: 180px;
}
#appBasket #appBasketContainer .markerContainer {
margin-bottom: 12px;
}
#appBasket #appBasketContainer .markerContainer .marker {
padding: 5px 8px;
font-size: 9px;
}
#appBasket #appBasketContainer .name {
margin-bottom: 12px;
font-size: 15px;
}
#appBasket #appBasketContainer .price {
margin-bottom: 12px;
font-size: 20px;
}
#appBasket #appBasketContainer .basketStatus {
padding: 7px 9px;
font-size: 11px;
}
#appBasket #appBasketContainer .lower {
padding: 18px 20px 20px;
}
}
@media (max-width: 520px) {
#appBasket #appBasketContainer .container {
grid-template-columns: 112px minmax(0, 1fr);
gap: 14px;
padding: 16px;
}
#appBasket #appBasketContainer .picture {
width: 112px;
height: 146px;
}
#appBasket #appBasketContainer .markerContainer {
display: none;
}
#appBasket #appBasketContainer .name {
font-size: 13px;
}
#appBasket #appBasketContainer .price {
font-size: 17px;
}
#appBasket #appBasketContainer .price .measure,
#appBasket #appBasketContainer .price .discount {
font-size: 10px;
}
#appBasket #appBasketContainer .basketStatus {
display: flex;
width: fit-content;
}
#appBasket #appBasketContainer .lower .tools {
grid-template-columns: 1fr;
}
}
/* End */
/* Start:/bitrix/templates/dresscodeV2/css/fast-buy-window-premium.css?178507007614654*/
/*
* Premium one-click purchase window.
* Mirrors the dark bronze-gold styling of the premium basket window.
*/
#appFastBuy {
overflow: hidden auto;
background: rgba(0, 0, 0, 0.76);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
body:has(#appFastBuy[style*="display: block"]) #jivo-iframe-container,
body:has(#appFastBuy[style*="display: block"]) jdiv[class*="__jivoDesktopButton"] {
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
#appFastBuy #appFastBuyContainer {
top: 50%;
left: 50%;
box-sizing: border-box;
display: block;
width: min(780px, calc(100vw - 40px));
height: auto;
max-height: calc(100vh - 40px);
max-height: calc(100dvh - 40px);
margin: 0;
overflow: hidden auto;
overscroll-behavior: contain;
scrollbar-color: rgba(216, 168, 95, 0.55) transparent;
scrollbar-width: thin;
-webkit-overflow-scrolling: touch;
color: #d8d0c4;
font-family: "Montserrat", Arial, sans-serif;
background:
linear-gradient(145deg, rgba(255, 255, 255, 0.025), transparent 42%),
#171717;
border: 1px solid #b9853f;
border-radius: 16px;
box-shadow: 0 28px 80px rgba(0, 0, 0, 0.65);
transform: translate(-50%, -50%);
}
#appFastBuy #appFastBuyContainer .heading {
box-sizing: border-box;
display: flex;
width: 100%;
min-height: 76px;
padding: 20px 64px 20px 28px;
align-items: center;
color: #f7f1e7;
font-weight: 500;
font-size: 20px;
font-family: "Montserrat", Arial, sans-serif;
line-height: 1.35;
text-align: left;
background: transparent;
border-bottom: 1px solid rgba(202, 151, 76, 0.28);
}
#appFastBuy #appFastBuyContainer .heading::before {
box-sizing: border-box;
width: 34px;
height: 34px;
margin-right: 14px;
flex: 0 0 34px;
background: url("/bitrix/templates/dresscodeV2/css/../images/one-click-premium.svg") 50% 50% / 20px 20px no-repeat;
border: 1px solid #d8a85f;
border-radius: 50%;
content: "";
}
#appFastBuy #appFastBuyContainer .close {
top: 25px;
right: 28px;
width: 24px;
height: 24px;
background: none !important;
opacity: 0.72;
transition:
opacity 0.2s ease,
transform 0.2s ease;
}
#appFastBuy #appFastBuyContainer .close::before,
#appFastBuy #appFastBuyContainer .close::after {
position: absolute;
top: 11px;
left: 1px;
width: 22px;
height: 1.5px;
background: #f2eadc;
border-radius: 2px;
content: "";
}
#appFastBuy #appFastBuyContainer .close::before {
transform: rotate(45deg);
}
#appFastBuy #appFastBuyContainer .close::after {
transform: rotate(-45deg);
}
#appFastBuy #appFastBuyContainer .close:hover {
background: none !important;
opacity: 1;
transform: rotate(90deg);
}
#appFastBuy #fastBuyOpenContainer {
box-sizing: border-box;
display: grid;
width: 100%;
padding: 28px;
grid-template-columns: 270px minmax(0, 1fr);
gap: 32px;
}
#appFastBuy #appFastBuyContainer .column,
#appFastBuy #appFastBuyContainer .column:first-child {
float: none;
box-sizing: border-box;
width: auto;
margin: 0;
padding: 0;
}
#appFastBuy #appFastBuyContainer .column:first-child {
display: block;
min-width: 0;
text-align: left;
}
#appFastBuy #fastBuyPicture {
position: relative;
display: flex;
box-sizing: border-box;
width: 100%;
height: 238px;
margin: 0 0 16px;
align-items: center;
justify-content: center;
overflow: hidden;
line-height: normal;
background: #faf9f6;
border: 1px solid rgba(202, 151, 76, 0.45);
border-radius: 12px;
}
#appFastBuy #fastBuyPicture .url {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
line-height: normal;
}
#appFastBuy #fastBuyPicture .picture {
display: block;
width: auto;
max-width: 88%;
height: auto;
max-height: 88%;
object-fit: contain;
}
@media (max-width: 560px) {
#appFastBuy #fastBuyPicture .url {
display: flex !important;
width: 100% !important;
height: 100% !important;
align-items: center !important;
justify-content: center !important;
line-height: normal !important;
}
#appFastBuy #fastBuyPicture .picture {
display: block !important;
width: auto !important;
max-width: 88% !important;
height: auto !important;
max-height: 88% !important;
margin: 0 !important;
object-fit: contain !important;
}
}
#appFastBuy #appFastBuyContainer .markerContainer {
top: 12px;
left: 12px;
z-index: 2;
display: flex;
flex-wrap: wrap;
gap: 6px;
}
#appFastBuy #appFastBuyContainer .marker {
box-sizing: border-box;
margin: 0;
padding: 6px 9px;
color: #18130c;
font: 600 10px/1.2 "Montserrat", Arial, sans-serif;
background: linear-gradient(135deg, #b77b31 0%, #e5bd78 55%, #c08a43 100%) !important;
border-radius: 6px;
box-shadow: none;
}
#appFastBuy #fastBuyName {
padding: 0;
}
#appFastBuy #appFastBuyContainer .name {
display: block;
height: auto;
margin: 0 0 9px;
overflow: visible;
color: #f4ede2;
font-weight: 500;
font-size: 15px;
line-height: 1.45;
text-align: left;
text-decoration: none;
}
#appFastBuy #appFastBuyContainer .name:hover {
color: #d9ad69;
}
#appFastBuy #appFastBuyContainer .middle {
display: inline;
line-height: inherit;
vertical-align: initial;
}
#appFastBuy #appFastBuyContainer .price {
display: block;
margin: 0;
color: #fff8ed;
font-weight: 500;
font-size: 23px;
font-family: "Montserrat", Arial, sans-serif;
line-height: 1.25;
text-align: left;
text-decoration: none;
}
#appFastBuy #appFastBuyContainer .price .discount {
padding-left: 6px;
color: #827b72;
font-weight: 400;
font-size: 13px;
font-family: "Montserrat", Arial, sans-serif;
}
#appFastBuy #appFastBuyContainer .title {
display: block;
margin: 2px 0 17px;
color: #d9ad69;
font-weight: 600;
font-size: 15px;
line-height: 1.4;
text-align: left;
}
#appFastBuy #fastBuyForm {
display: grid;
gap: 12px;
}
#appFastBuy #appFastBuyContainer .formLine {
margin: 0;
text-align: left;
}
#appFastBuy #appFastBuyContainer input[type="text"],
#appFastBuy #appFastBuyContainer textarea {
box-sizing: border-box;
width: 100%;
height: 50px;
padding: 0 14px;
color: #f2eadc;
font-size: 14px;
font-family: "Montserrat", Arial, sans-serif;
line-height: 1.4;
background: #222222;
border: 1px solid #3b3834;
border-radius: 8px;
outline: none;
box-shadow: none;
transition:
border-color 0.2s ease,
background-color 0.2s ease,
box-shadow 0.2s ease;
}
#appFastBuy #appFastBuyContainer textarea {
height: 70px;
padding-top: 13px;
padding-bottom: 13px;
resize: vertical;
}
#appFastBuy #appFastBuyContainer input[type="text"]::placeholder,
#appFastBuy #appFastBuyContainer textarea::placeholder {
color: #90887e;
opacity: 1;
}
#appFastBuy #appFastBuyContainer input[type="text"]:focus,
#appFastBuy #appFastBuyContainer textarea:focus {
background: #242321;
border-color: #c89a59;
box-shadow: 0 0 0 3px rgba(200, 154, 89, 0.1);
}
#appFastBuy #appFastBuyContainer input.error,
#appFastBuy #appFastBuyContainer textarea.error {
border-color: #d35f55 !important;
box-shadow: 0 0 0 3px rgba(211, 95, 85, 0.08);
}
#appFastBuy #appFastBuyContainer .formLine:has(#personalInfoFastBuy) {
display: flex;
align-items: flex-start;
gap: 9px;
}
#appFastBuy #appFastBuyContainer #personalInfoFastBuy {
position: relative;
display: block;
box-sizing: border-box;
width: 18px;
height: 18px;
margin: 2px 0 0;
flex: 0 0 18px;
appearance: none;
background: #222222;
border: 1px solid #5a544c;
border-radius: 4px;
cursor: pointer;
}
#appFastBuy #appFastBuyContainer #personalInfoFastBuy:checked {
background: linear-gradient(135deg, #b77b31 0%, #e5bd78 55%, #c08a43 100%);
border-color: #d8a85f;
}
#appFastBuy #appFastBuyContainer #personalInfoFastBuy:checked::after {
position: absolute;
top: 2px;
left: 5px;
width: 5px;
height: 9px;
border-right: 1.5px solid #17120c;
border-bottom: 1.5px solid #17120c;
content: "";
transform: rotate(45deg);
}
#appFastBuy #appFastBuyContainer #personalInfoFastBuy + label {
color: #aaa197;
font-size: 12px;
line-height: 1.45;
cursor: pointer;
}
#appFastBuy #appFastBuyContainer #personalInfoFastBuy + label a {
color: #d2a35d;
text-decoration: underline;
text-decoration-color: rgba(210, 163, 93, 0.5);
text-underline-offset: 2px;
}
#appFastBuy #appFastBuyContainer #personalInfoFastBuy + label a:hover {
color: #e5bd78;
}
#appFastBuy #appFastBuyContainer #fastBuyFormSubmit {
display: flex;
box-sizing: border-box;
width: 100%;
height: 52px;
align-items: center;
justify-content: center;
color: #17120c;
font-weight: 600;
font-size: 14px;
font-family: "Montserrat", Arial, sans-serif;
line-height: 1.3;
text-align: center;
text-decoration: none;
background: linear-gradient(135deg, #b77b31 0%, #e5bd78 55%, #c08a43 100%) !important;
border: 1px solid #dfb46e;
border-radius: 8px;
box-shadow: 0 8px 22px rgba(183, 123, 49, 0.2);
transition:
filter 0.2s ease,
transform 0.2s ease;
}
#appFastBuy #appFastBuyContainer #fastBuyFormSubmit:hover {
color: #17120c;
filter: brightness(1.06);
transform: translateY(-1px);
}
#appFastBuy #appFastBuyContainer #fastBuyFormSubmit img {
display: none;
}
#appFastBuy #appFastBuyContainer #fastBuyFormSubmit.loading {
color: transparent;
text-indent: 0;
background:
linear-gradient(135deg, rgba(255, 255, 255, 0.14), transparent),
#c4934e !important;
}
#appFastBuy #appFastBuyContainer #fastBuyFormSubmit.loading::after {
width: 18px;
height: 18px;
border: 2px solid rgba(23, 18, 12, 0.3);
border-top-color: #17120c;
border-radius: 50%;
content: "";
animation: premiumFastBuySpin 0.75s linear infinite;
}
#appFastBuy #appFastBuyContainer #fastBuyResult {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 40px 28px 34px;
color: #d8d0c4;
}
#appFastBuy #fastBuyResult #fastBuyResultTitle {
margin: 0;
color: #f7f1e7;
font-weight: 600;
font-size: 20px;
font-family: "Montserrat", Arial, sans-serif;
line-height: 1.35;
text-align: center;
}
#appFastBuy #fastBuyResult #fastBuyResultMessage {
max-width: 520px;
margin: 16px auto 0;
color: #aaa197;
font-size: 14px;
line-height: 1.55;
text-align: center;
}
#appFastBuy #fastBuyResult #fastBuyResultClose {
display: flex;
box-sizing: border-box;
width: min(280px, 100%);
height: 50px;
margin: 24px auto 0;
align-items: center;
justify-content: center;
color: #17120c;
font-weight: 600;
font-size: 14px;
line-height: 1.3;
text-decoration: none;
background: linear-gradient(135deg, #b77b31 0%, #e5bd78 55%, #c08a43 100%) !important;
border-radius: 8px;
}
@keyframes premiumFastBuySpin {
to {
transform: rotate(360deg);
}
}
@media (max-width: 760px) {
#appFastBuy #appFastBuyContainer {
width: calc(100vw - 24px);
max-height: calc(100vh - 24px);
max-height: calc(100dvh - 24px);
border-radius: 13px;
}
#appFastBuy #appFastBuyContainer .heading {
min-height: 68px;
padding: 16px 54px 16px 20px;
font-size: 17px;
}
#appFastBuy #appFastBuyContainer .heading::before {
width: 30px;
height: 30px;
margin-right: 11px;
flex-basis: 30px;
background-position:
50% 7px,
50% 16px;
}
#appFastBuy #appFastBuyContainer .close {
top: 21px;
right: 20px;
}
#appFastBuy #fastBuyOpenContainer {
padding: 20px;
grid-template-columns: 132px minmax(0, 1fr);
gap: 18px;
}
#appFastBuy #fastBuyPicture {
height: 160px;
}
#appFastBuy #appFastBuyContainer .markerContainer {
display: none;
}
#appFastBuy #appFastBuyContainer .name {
font-size: 13px;
}
#appFastBuy #appFastBuyContainer .price {
font-size: 18px;
}
}
@media (max-width: 560px) {
#appFastBuy #fastBuyOpenContainer {
padding: 16px;
grid-template-columns: 1fr;
gap: 18px;
}
#appFastBuy #appFastBuyContainer .column:first-child {
display: grid !important;
grid-template-columns: 88px minmax(0, 1fr);
grid-template-rows: auto auto;
column-gap: 13px;
row-gap: 5px;
align-items: center;
}
#appFastBuy #fastBuyPicture {
width: 88px;
height: 88px !important;
min-height: 0 !important;
margin: 0;
grid-row: 1 / span 2;
aspect-ratio: 1 / 1;
}
#appFastBuy #fastBuyName {
align-self: end;
}
#appFastBuy #appFastBuyContainer .name {
margin-bottom: 0;
font-size: 12px;
line-height: 1.35;
}
#appFastBuy #appFastBuyContainer .price {
align-self: start;
font-size: 17px;
}
#appFastBuy #appFastBuyContainer .title {
margin-bottom: 12px;
font-size: 14px;
}
#appFastBuy #fastBuyForm {
gap: 10px;
}
#appFastBuy #appFastBuyContainer input[type="text"] {
height: 48px;
}
#appFastBuy #appFastBuyContainer textarea {
height: 64px;
}
#appFastBuy #appFastBuyContainer #fastBuyFormSubmit {
height: 50px;
}
}
@media (max-width: 360px) {
#appFastBuy #appFastBuyContainer {
right: 6px;
left: 6px;
width: auto;
max-height: calc(100vh - 12px);
max-height: calc(100dvh - 12px);
transform: translateY(-50%);
}
#appFastBuy #appFastBuyContainer .heading {
min-height: 62px;
padding: 14px 46px 14px 14px;
font-size: 15px;
}
#appFastBuy #appFastBuyContainer .heading::before {
display: none;
}
#appFastBuy #appFastBuyContainer .close {
top: 18px;
right: 14px;
}
#appFastBuy #fastBuyOpenContainer {
padding: 14px;
gap: 14px;
}
}
@media (max-width: 560px) and (max-height: 700px) {
#appFastBuy #appFastBuyContainer .heading {
min-height: 56px;
padding: 11px 48px 11px 14px;
font-size: 15px;
}
#appFastBuy #appFastBuyContainer .heading::before {
width: 28px;
height: 28px;
margin-right: 9px;
flex-basis: 28px;
background-size: 17px 17px;
}
#appFastBuy #appFastBuyContainer .close {
top: 16px;
right: 15px;
}
#appFastBuy #fastBuyOpenContainer {
padding: 12px 14px 14px;
gap: 11px;
}
#appFastBuy #appFastBuyContainer .column:first-child {
grid-template-columns: 76px minmax(0, 1fr);
column-gap: 11px;
}
#appFastBuy #fastBuyPicture {
width: 76px;
height: 76px !important;
}
#appFastBuy #appFastBuyContainer .title {
margin-bottom: 8px;
font-size: 13px;
}
#appFastBuy #fastBuyForm {
gap: 8px;
}
#appFastBuy #appFastBuyContainer input[type="text"] {
height: 42px;
}
#appFastBuy #appFastBuyContainer textarea {
height: 50px;
padding-top: 10px;
padding-bottom: 10px;
}
#appFastBuy #appFastBuyContainer #personalInfoFastBuy + label {
font-size: 11px;
line-height: 1.35;
}
#appFastBuy #appFastBuyContainer #fastBuyFormSubmit {
height: 44px;
}
}
@media (max-width: 360px) and (max-height: 620px) {
#appFastBuy #appFastBuyContainer .heading::before {
display: none;
}
#appFastBuy #fastBuyOpenContainer {
padding-inline: 11px;
}
#appFastBuy #appFastBuyContainer .column:first-child {
grid-template-columns: 68px minmax(0, 1fr);
}
#appFastBuy #fastBuyPicture {
width: 68px;
height: 68px !important;
}
}
/* End */
/* Start:/bitrix/templates/dresscodeV2/css/brands-premium.css?17886820776508*/
/*
* Premium brands page.
* Loaded only for /brands/ so the catalog, home page and product pages remain untouched.
*/
.premiumBrandsPage {
--brands-bg: #0d0d0d;
--brands-panel: #181818;
--brands-panel-deep: #131313;
--brands-border: rgba(220, 188, 133, 0.18);
--brands-border-strong: rgba(220, 188, 133, 0.38);
--brands-gold: #d4a34f;
--brands-champagne: #d8c39f;
--brands-text: #f1eee8;
--brands-muted: #9f9b95;
box-sizing: border-box;
width: 100%;
padding: 28px 0 64px;
color: var(--brands-text);
}
body.premium-design #breadcrumbs::after {
display: none;
content: none;
}
html,
body.premium-design,
body.premium-design #foundation,
body.premium-design #main {
min-width: 0 !important;
}
.premiumBrandsPage *,
.premiumBrandsPage *::before,
.premiumBrandsPage *::after {
box-sizing: border-box;
}
.premiumBrandsPage__header {
margin: 0 0 38px;
}
.premiumBrandsPage__eyebrow {
margin-bottom: 14px;
color: var(--brands-gold);
font-family: "Montserrat", Arial, sans-serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.24em;
line-height: 1.5;
text-transform: uppercase;
}
.premiumBrandsPage__title {
margin: 0;
color: var(--brands-text);
font-family: "Montserrat", Arial, sans-serif;
font-size: clamp(42px, 4.25vw, 68px);
font-weight: 400;
letter-spacing: -0.045em;
line-height: 1.03;
}
.premiumBrandsPage__subtitle {
max-width: 620px;
margin: 10px 0 0;
color: var(--brands-muted);
font-family: "Montserrat", Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.55;
}
.premiumBrandsPage #brandList {
margin: 0;
overflow: visible;
}
.premiumBrandsPage #brandList .items {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
border: 0;
overflow: visible;
}
.premiumBrandsPage #brandList .items::before,
.premiumBrandsPage #brandList .items::after {
display: none;
content: none;
}
.premiumBrandsPage #brandList .item {
position: relative;
float: none;
width: auto;
height: auto;
min-width: 0;
aspect-ratio: 2.05 / 1;
line-height: normal;
overflow: visible;
background:
linear-gradient(145deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0)),
var(--brands-panel);
border: 1px solid var(--brands-border);
border-radius: 10px;
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
transition:
border-color 180ms ease,
box-shadow 180ms ease,
transform 180ms ease;
}
.premiumBrandsPage #brandList .item::before {
display: none;
}
.premiumBrandsPage #brandList .item:hover,
.premiumBrandsPage #brandList .item:focus-within {
z-index: 2;
border-color: var(--brands-gold);
box-shadow:
0 16px 36px rgba(0, 0, 0, 0.28),
0 0 0 1px rgba(212, 163, 79, 0.12);
transform: translateY(-2px);
}
.premiumBrandsPage #brandList .tabloid {
width: 100%;
height: 100%;
padding: 0;
}
.premiumBrandsPage #brandList .picture {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 22px;
color: var(--brands-champagne);
line-height: normal;
text-align: center;
text-decoration: none;
opacity: 1;
overflow: hidden;
background:
radial-gradient(circle at 50% 36%, rgba(255, 255, 255, 0.035), transparent 62%),
linear-gradient(145deg, #1d1d1d, var(--brands-panel-deep));
border: 0;
border-radius: inherit;
transition: background-color 180ms ease;
}
.premiumBrandsPage #brandList .picture::after {
display: none;
content: none;
}
.premiumBrandsPage #brandList .picture img {
display: block;
width: auto;
height: auto;
max-width: 88%;
max-height: 68%;
margin: auto;
vertical-align: middle;
object-fit: contain;
opacity: 0.94;
mix-blend-mode: screen;
filter:
grayscale(1)
invert(1)
brightness(0.94)
contrast(1.28);
transition:
opacity 180ms ease,
transform 180ms ease;
}
.premiumBrandsPage #brandList .item:hover .picture img,
.premiumBrandsPage #brandList .item:focus-within .picture img {
opacity: 1;
filter:
grayscale(1)
invert(1)
brightness(0.94)
contrast(1.28);
transform: scale(1.025);
}
.premiumBrandsPage #brandList .picture[href*="/brands/miele/"] img,
.premiumBrandsPage #brandList .item:hover .picture[href*="/brands/miele/"] img,
.premiumBrandsPage #brandList .item:focus-within .picture[href*="/brands/miele/"] img {
display: block;
opacity: 1;
mix-blend-mode: normal;
filter:
grayscale(1)
contrast(1.14);
}
.premiumBrandsPage #brandList .markerContainer {
z-index: 3;
top: 18px;
left: 18px;
}
.premiumBrandsPage #brandList .marker {
color: #17130e;
background: linear-gradient(135deg, #bb8135, #e4c27d);
border-radius: 999px;
}
.premiumBrandsPage + br,
.premiumBrandsPage #brandList + br {
display: none;
}
@media (max-width: 1180px) {
.premiumBrandsPage #brandList .items {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 900px) {
.premiumBrandsPage {
padding-top: 22px;
padding-bottom: 50px;
}
.premiumBrandsPage #brandList .items {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
}
.premiumBrandsPage #brandList .picture {
padding: 18px;
}
}
@media (max-width: 640px) {
.premiumBrandsPage {
padding-top: 16px;
padding-bottom: 38px;
}
.premiumBrandsPage__header {
margin-bottom: 26px;
}
.premiumBrandsPage__eyebrow {
margin-bottom: 10px;
font-size: 10px;
letter-spacing: 0.17em;
}
.premiumBrandsPage__title {
font-size: clamp(34px, 11vw, 46px);
}
.premiumBrandsPage__subtitle {
margin-top: 8px;
font-size: 13px;
line-height: 1.5;
}
.premiumBrandsPage #brandList .items {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
.premiumBrandsPage #brandList .item {
aspect-ratio: 1.58 / 1;
border-radius: 8px;
}
.premiumBrandsPage #brandList .picture {
padding: 14px 12px;
}
.premiumBrandsPage #brandList .picture img {
max-width: 90%;
max-height: 60%;
}
}
@media (max-width: 370px) {
.premiumBrandsPage #brandList .items {
grid-template-columns: 1fr;
gap: 7px;
}
.premiumBrandsPage #brandList .item {
height: clamp(92px, 30vw, 108px);
aspect-ratio: auto;
}
.premiumBrandsPage #brandList .picture {
padding: 10px 14px;
}
.premiumBrandsPage #brandList .picture img {
max-width: 86%;
max-height: 58%;
}
}
@media (prefers-reduced-motion: reduce) {
.premiumBrandsPage #brandList .item,
.premiumBrandsPage #brandList .picture,
.premiumBrandsPage #brandList .picture::after,
.premiumBrandsPage #brandList .picture img {
transition: none;
}
}
/* End */
/* Start:/bitrix/templates/dresscodeV2/headers/header2/css/style.min.css?173979241910572*/
#topHeader2{clear:both;height:30px;background-color:#fff}#topHeader2.color_black{background-color:#2b2b2b}#topHeader2 .leftColumn{float:left}#topHeader2 .rightColumn{float:right}#topHeader2 .slColumn,#topHeader2 .srColumn{float:left}#topHeader2 #topMenu{border:0}#topHeader2 #topMenu .sub{background-color:#eee}#topHeader2.color_black #topMenu .sub,#topHeader2.color_theme #topMenu .sub{background-color:#232323}#topHeader2 #topMenu .sub li{border-top:0;border-bottom:1px solid #e0e0e0}#topHeader2.color_black #topMenu .sub li,#topHeader2.color_theme #topMenu .sub li{border-top:1px solid rgb(0 0 0 / 14.9%);border-bottom:1px solid #303030}#topHeader2 #topMenu .sub li:hover{background:#e0e0e0}#topHeader2.color_black #topMenu .sub li:hover,#topHeader2.color_theme #topMenu .sub li:hover{background-color:#1e1e1e}#topHeader2 #topMenu li a:not(:hover,.selected){color:#000}#topHeader2.color_black #topMenu li a:not(:hover,.selected),#topHeader2.color_theme #topMenu li a:not(:hover,.selected){color:#fff}#topHeader2.color_black #geo-location-window .geo-location-window-list-item a:not(:hover,.selected),#topHeader2.color_theme #geo-location-window .geo-location-window-list-item a:not(:hover,.selected){color:#000}#topHeader2.color_theme #topMenu li a:hover{color:rgb(255 255 255 / 58%)}#topHeader2.color_theme #topMenu li .selected{color:rgb(255 255 255 / 58%)}#topHeader2 #topMenu li a:active{position:relative;top:1px}#topHeader2 #topService{color:#000;border:0}#topHeader2.color_black #topService{color:#fff}#topHeader2 #topService li{border:0}#topHeader2 #topService li a:not(:hover,.selected){color:#000}#topHeader2.color_black #topService li a:not(:hover,.selected),#topHeader2.color_theme #topService li a:not(:hover,.selected){color:#fff}#topHeader2.color_theme #topService li a:hover{color:rgb(255 255 255 / 58%)}#topHeader2 #topService li>a:active{position:relative;top:1px}#topHeader2 #topMenu:not(.transfered)>li:first-child a{padding-left:0}#topHeader2 #topMenu.transfered>li{padding-left:0}#topHeader2 #topMenu .bar>a{background:url(/bitrix/templates/dresscodeV2/headers/header2/css/images/menuMore.svg) 0 50% no-repeat transparent}#topHeader2 #topMenu .bar.active>a,#topHeader2 #topMenu .bar>a:hover{background:url(/bitrix/templates/dresscodeV2/headers/header2/css/images/menuMore.svg) -21px 50% no-repeat transparent}#topHeader2.color_black #topMenu .bar>a,#topHeader2.color_theme #topMenu .bar>a{background:url(/bitrix/templates/dresscodeV2/headers/header2/css/images/menuMore2.svg) 0 50% no-repeat transparent}#topHeader2.color_black #topMenu .bar.active>a,#topHeader2.color_black #topMenu .bar>a:hover,#topHeader2.color_theme #topMenu .bar.active>a,#topHeader2.color_theme #topMenu .bar>a:hover{background:url(/bitrix/templates/dresscodeV2/headers/header2/css/images/menuMore2.svg) -21px 50% no-repeat transparent}#topHeader2.color_theme .user-geo-position-label,#topHeader2.color_theme .user-geo-position-value,#topHeader2.color_theme .user-geo-position-value-link{color:#fff}#topHeader2.color_theme .user-geo-position-value-link:hover{color:rgb(255 255 255 / 58%)}#topHeader2 .user-geo-position-value-link span{vertical-align:unset}#subHeader2{position:relative;clear:both;background-color:#fff;border-top:1px solid #f3f3f3;border-bottom:1px solid #eaeaea}#subHeader2.color_black{background-color:#2b2b2b;border-top:1px solid rgb(243 243 243 / 20%)}#subHeader2.color_theme{border-top:1px solid rgb(243 243 243 / 20%)}#subHeader2 .subTable{display:table;width:100%;table-layout:fixed;border-collapse:collapse}#subHeader2 .subTableColumn{display:table-cell;vertical-align:middle}#subHeader2 .subTableColumn:first-child{width:680px}#subHeader2 .subTableColumn:last-child{width:381px;padding-left:24px;text-align:right}#subHeader2 .subTableColumn:nth-child(2){width:50%;text-align:center}#subHeader2 .subContainer{overflow:hidden}#subHeader2 #logo{width:208px}#subHeader2 #logo,#subHeader2 #topHeading{border:0}#subHeader2 #logo,#subHeader2 #topHeading p{text-align:left}#subHeader2 #topHeading p{max-height:60px;overflow:hidden}#subHeader2.color_black #topHeading p,#subHeader2.color_theme #topHeading p{color:#fff}#subHeader2 #topCallback{float:left;margin:0;line-height:102px;list-style:none}#subHeader2.color_black #topSearch2 input[placeholder],#subHeader2.color_theme #topSearch2 input[placeholder]{color:rgb(255 255 255 / 70%);transition:all .2s ease-in-out}#subHeader2.color_black #topSearch2 input::input-placeholder,#subHeader2.color_theme #topSearch2 input::input-placeholder{color:rgb(255 255 255 / 70%);transition:all .2s ease-in-out}#subHeader2.color_black #topSearch2 input::placeholder,#subHeader2.color_theme #topSearch2 input::placeholder{color:rgb(255 255 255 / 70%);transition:all .2s ease-in-out}#subHeader2.color_black #topSearch2 input:focus[placeholder],#subHeader2.color_theme #topSearch2 input:focus[placeholder]{color:transparent}#subHeader2.color_black #topSearch2 input:focus::input-placeholder,#subHeader2.color_theme #topSearch2 input:focus::input-placeholder{color:transparent}#subHeader2.color_black #topSearch2 input::placeholder,#subHeader2.color_theme #topSearch2 input::placeholder{color:transparent}#subHeader2 .cart,#subHeader2 .topCompare,#subHeader2 .topWishlist{display:inline-block;vertical-align:middle}#subHeader2 .topCompare,#subHeader2 .topWishlist{width:50px}#subHeader2 #topCallback{padding:0 18px}#subHeader2 #topCallback .wrap{display:inline-block;line-height:21px;vertical-align:middle}#subHeader2 #topCallback .icon{display:inline-block;width:50px;height:50px;vertical-align:middle;background:url(/bitrix/templates/dresscodeV2/headers/header2/css/images/callbackH2.svg) 0 0 no-repeat transparent;border:1px solid #f3f3f3}#subHeader2.color_black #topCallback .icon,#subHeader2.color_theme #topCallback .icon{background:url(/bitrix/templates/dresscodeV2/headers/header2/css/images/callbackH2W.svg) 0 0 no-repeat transparent;border:1px solid rgb(255 255 255 / 30%)}#subHeader2 #topCallback .icon:active{position:relative;top:1px}#subHeader2.color_theme #topCallback .link{color:#fff;border-bottom:1px dashed #fff}#subHeader2.color_theme #topCallback .link:hover{opacity:.8}#subHeader2 #topCallback .nf{display:inline-block;margin-left:12px;vertical-align:middle}#subHeader2 #topCallback .heading{display:block;padding-top:4px;font-size:18px;text-decoration:none}#subHeader2 #topCallback .heading{color:#000}#subHeader2.color_black #topCallback .heading,#subHeader2.color_theme #topCallback .heading{color:#fff}#subHeader2 #topCallback .link{font-size:13px;text-decoration:none}#subHeader2 #topCallback .link:active{position:relative;top:1px}#subHeader2 #searchResult{text-align:left}#mainMenuContainer #menuCatalogSection{border:0}#menuCatalogSection .menuSection .catalogButton{padding:0 12px 0 0;background-color:transparent}#menuCatalogSection .menuSection .catalogButton:hover{background-color:transparent;opacity:.8}@media all and (max-width:1580px){#subHeader2 .subTableColumn:first-child{width:468px}#subHeader2 #logo{width:194px}#subHeader2 #topHeading{display:none}}@media all and (max-width:1270px){#subHeader2 .subTableColumn:last-child{width:323px}#subHeader2 .subTableColumn:first-child{width:400px}#subHeader2 #topCallback .icon{display:none}#subHeader2 .cart .heading{width:180px}#subHeader2 .cart .adds{display:none}.cart:not(.active) .icon{margin-right:8px}#subHeader2 .cartLabel{display:none}#subHeader2 #logo{width:182px}}@media all and (max-width:1150px){#subHeader2{height:176px}#subHeader2 .topCompare,#subHeader2 .topWishlist{margin-right:12px}#subHeader2 .subTableColumn:last-child{padding-left:24px}#subHeader2 .subTableColumn:last-child{width:361px}#subHeader2 .subTableColumn:first-child{width:630px}#subHeader2 .subTableColumn:nth-child(2){position:absolute;top:100px;left:0;display:block;box-sizing:border-box;width:100%;padding:0 24px;text-align:center}#subHeader2 #topCallback .icon{display:inline-block}#subHeader2 .cart .adds{display:inline}#subHeader2 .cartLabel{display:inline}#subHeader2 .cart .heading{width:230px}#subHeader2 #logo{width:178px}#subHeader2 #topHeading{display:block}#subHeader2 #searchOverlap{top:207px!important}#subHeader2 #searchResult{top:76px!important;left:-15px!important}}@media all and (max-width:1080px){#subHeader2 #topHeading{display:none}#subHeader2 .subTableColumn:first-child{width:432px}}@media all and (max-width:1000px){#subHeader2 .subTableColumn:first-child{width:377px}#subHeader2 #topCallback .icon{display:none}#subHeader2 .cart .adds{display:none}}@media all and (max-width:830px){#subHeader2 .cartLabel{display:none}#subHeader2 .cart .heading{width:180px}#subHeader2 .subTableColumn:last-child{width:311px}}@media all and (max-width:780px){.cart .heading ins{display:none}#subHeader2 .cart .heading{width:50px}#subHeader2 .subTableColumn:last-child{width:181px}.cart .icon{margin-right:0}}@media all and (max-width:700px){#subHeader2 #logo{margin-left:12px}#subHeader2 .subTableColumn:first-child{width:389px}#subHeader2 .subTableColumn:last-child{padding-right:12px}#subHeader2 .topCompare{display:none}#subHeader2 .subTableColumn:last-child{width:116px}#subHeader2 #searchResult{left:-10px!important}}@media all and (max-width:560px){#subHeader2 .subTableColumn:first-child{width:100%}#subHeader2 .subTableColumn:last-child{position:absolute;top:100px;right:0}#subHeader2 .subTableColumn:nth-child(2){padding-right:142px}#subHeader2 #topCallback{float:right;text-align:right}#topHeader2 #topMenu{margin-left:12px}#subHeader2 #logo{height:102px;line-height:102px}#topHeader2 .user-geo-position-label{display:none}#subHeader2 #topCallback{margin-right:12px;padding:0}#topHeader2 .top-auth-exit,#topHeader2 .top-auth-login,#topHeader2 .top-auth-personal,#topHeader2 .top-auth-register{position:static;top:auto;left:auto}#topHeader2 #topService li{display:inline-block;float:none;padding:0 12px}#topHeader2 .user-geo-position{padding-right:0}#topHeader2 #topService{display:inline-block;text-align:right}#topHeader2 #topService .null{text-align:left}#subHeader2 #logo{padding:0}#topHeader2 .user-geo-position-value-link{max-width:102px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}@media all and (max-width:410px){#topHeader2 #topService li{padding:0 6px}#topHeader2 .rightColumn{padding-right:6px}#subHeader2 .topWishlist{display:none}#subHeader2 .subTableColumn:last-child{width:50px}#subHeader2 .subTableColumn:nth-child(2){padding-right:74px;padding-left:12px}#subHeader2 #logo{width:145px}#subHeader2 #topCallback .heading{font-size:16px}#subHeader2 .cart{margin-top:0}#subHeader2 #logo{margin-left:0}#topHeader2 #topMenu{margin-left:0}}@media all and (max-width:350px){#topHeader2 #topService li{padding:0 4px}#subHeader2 #logo{width:125px}#topHeader2 .rightColumn{padding-right:8px}#topHeader2 .user-geo-position-value-link{max-width:95px}#subHeader2 #topCallback .nf{margin-left:0}#topMenu .bar{padding:0}}
/* End */
/* Start:/bitrix/templates/dresscodeV2/headers/header2/css/types/type1.css?1739792419223*/
#subHeader2 #topCallback .icon {
border-radius: 50%;
}
#topSearch2 .searchContainerInner {
border-radius: 40px;
}
.topWishlist .icon,
.topCompare .icon {
border-radius: 50%;
}
.cart .heading {
border-radius: 24px;
}
/* End */
/* Start:/bitrix/components/dresscode/favorite.line/templates/version2/style.min.css?1739792419926*/
.topWishlist{position:relative;margin-right:12px}.topWishlist .icon{display:block;width:50px;height:50px;background:url(/bitrix/components/dresscode/favorite.line/templates/version2/images/wishlistH2.svg) 0 0 no-repeat transparent;border:1px solid #f3f3f3}#subHeader2.color_black .topWishlist .icon,#subHeader2.color_theme .topWishlist .icon{background:url(/bitrix/components/dresscode/favorite.line/templates/version2/images/wishlistH2W.svg) 0 0 no-repeat transparent;border:1px solid rgb(255 255 255 / 30%)}.topWishlist .icon:active{position:relative;top:1px}.topWishlist .text{position:absolute;top:-4px;right:4px;display:inline-block;padding:0 7px;color:#fff;font-size:12px;text-decoration:none;background-color:#dedede;border-radius:50%}#subHeader2.color_black .topWishlist .text{color:#fff;background-color:rgb(0 0 0 / 100%)}#subHeader2.color_theme .topWishlist .text{color:#fff;background-color:rgb(255 255 255 / 30%)}.topWishlist .text:active{top:-3px}#subHeader2.color_theme .topWishlist .text.active{background-color:rgb(255 255 255 / 40%)}
/* End */
/* Start:/bitrix/components/dresscode/compare.line/templates/version2/style.min.css?1739792419914*/
.topCompare{position:relative;margin-right:24px}.topCompare .icon{display:block;width:50px;height:50px;background:url(/bitrix/components/dresscode/compare.line/templates/version2/images/compareH2.svg) 0 0 no-repeat transparent;border:1px solid #f3f3f3}#subHeader2.color_black .topCompare .icon,#subHeader2.color_theme .topCompare .icon{background:url(/bitrix/components/dresscode/compare.line/templates/version2/images/compareH2W.svg) 0 0 no-repeat transparent;border:1px solid rgb(255 255 255 / 30%)}.topCompare .icon:active{position:relative;top:1px}.topCompare .text{position:absolute;top:-4px;right:4px;display:inline-block;padding:0 7px;color:#fff;font-size:12px;text-decoration:none;background-color:#dedede;border-radius:50%}#subHeader2.color_black .topCompare .text{color:#fff;background-color:rgb(0 0 0 / 100%)}#subHeader2.color_theme .topCompare .text{color:#fff;background-color:rgb(255 255 255 / 30%)}.topCompare .text:active{top:-3px}#subHeader2.color_theme .topCompare .text.active{background-color:rgb(255 255 255 / 40%)}
/* End */
/* Start:/bitrix/templates/dresscodeV2/components/bitrix/sale.basket.basket.line/topCart2/style.css?17507637241607*/
.cart .heading {
position: relative;
display: inline-block;
box-sizing: border-box;
width: 238px;
height: 50px;
padding: 0 12px;
color: #aaaaaa;
line-height: 50px;
text-align: center;
text-decoration: none;
vertical-align: middle;
background-color: #ffffff;
border: 1px solid #f3f3f3;
}
#subHeader2.color_black .cart .heading,
#subHeader2.color_theme .cart .heading {
color: rgb(255 255 255 / 70%);
background: transparent;
border: 1px solid rgb(255 255 255 / 30%);
}
.cart .heading:active {
position: relative;
top: 1px;
}
.cart .heading.active {
color: #ffffff;
}
#subHeader2.color_black .cart .heading.active,
#subHeader2.color_theme .cart .heading.active {
color: #ffffff;
border: none;
}
.cart .heading ins {
text-decoration: none;
}
.cart .icon {
position: relative;
display: inline-block;
width: 26px;
height: 50px;
margin-right: 12px;
vertical-align: middle;
background: url("/bitrix/templates/dresscodeV2/components/bitrix/sale.basket.basket.line/topCart2/images/cartH2.svg") 0 0 no-repeat transparent;
}
#subHeader2.color_black .cart .icon,
#subHeader2.color_theme .cart .icon {
background: url("/bitrix/templates/dresscodeV2/components/bitrix/sale.basket.basket.line/topCart2/images/cartH2W.svg") 0 0 no-repeat transparent;
}
#subHeader2.color_theme .cart .heading.active {
border: 1px solid rgb(255 255 255 / 30%);
}
.cart .count {
position: absolute;
top: 6px;
left: 14px;
display: none;
padding: 0 5px;
color: #000000;
font-size: 12px;
line-height: 18px;
text-align: center;
background-color: #ffffff;
border-radius: 50%;
}
.cart .active .count {
display: inline-block;
}
#subHeader2.color_black .cart .icon,
#subHeader2.color_theme .cart .icon,
.cart .active .icon {
background-position: 0 -50px;
}
/* End */
/* Start:/bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/style.css?178387988712538*/
#mainMenuContainer {
position: relative;
}
#mainMenuContainer.fixed {
position: fixed;
top: 0;
z-index: 999;
width: 100%;
animation-name: fadeInDown;
animation-duration: 0.3s;
animation-fill-mode: both;
}
#mainMenuContainer .minCatalogButton {
display: none;
height: 65px;
padding-left: 24px;
font-weight: 400;
font-size: 18px;
font-family: "roboto_ltregular";
line-height: 65px;
text-decoration: none;
}
#mainMenuContainer .minCatalogButton img {
margin-top: -2px;
padding-right: 12px;
vertical-align: middle;
}
.mobileCatalogClose,
.mobileCatalogOverlay,
#mainMenu .mobileCatalogHeading {
display: none;
}
#menuCatalogSection {
float: left;
height: 60px;
border-left: 1px solid #222222;
}
#menuCatalogSection .catalogButton {
display: block;
padding: 0 29px;
color: #ffffff;
line-height: 60px;
text-transform: uppercase;
text-decoration: none;
background-color: #111111;
transition: all 0.2s ease-in-out;
}
#menuCatalogSection .catalogButton:hover {
background-color: #000000;
}
#menuCatalogSection .catalogButton img {
margin-top: -2px;
padding-right: 12px;
vertical-align: middle;
}
#menuCatalogSection .catalogButtonImage {
display: inline-block;
width: 30px;
height: 18px;
margin-top: -2px;
margin-right: 12px;
vertical-align: middle;
background: url("/bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/images/catalogButton.svg") 0 0 no-repeat transparent;
}
#menuCatalogSection .sectionMenuArrow {
display: inline-block;
width: 9px;
height: 6px;
margin-top: -2px;
margin-left: 12px;
vertical-align: middle;
background: url("/bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/images/sectionMenuArrow.svg") 0 0 no-repeat transparent;
}
#mainMenu {
height: 60px;
margin: 0;
padding: 0;
overflow: hidden;
list-style: none;
}
#mainMenu .removedItemsLink > a {
float: left;
width: 40px;
height: 60px;
background: url("/bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/images/menuSlicedIcon.svg") 50% 50% no-repeat transparent;
transition: all 0.2s ease-in-out;
}
#mainMenu .removedItemsLink > a:hover {
opacity: 0.8;
}
#mainMenu .removedItemsLink .removedItemsList {
position: absolute;
top: 60px;
left: 0;
z-index: 100;
display: none;
width: 300px;
margin: 0 0 0 -211px;
padding: 0;
list-style: none;
background-color: #1a1a1a;
box-shadow: 1px 1px 12px rgb(0 0 0 / 20%);
}
#mainMenu .removedItemsLink:hover .removedItemsList {
display: block;
}
#mainMenu .removed {
border-top: 1px solid #222222;
transition: all 0.2s ease-in-out;
}
#mainMenu .removed:hover {
background-color: #202020;
}
/* #mainMenu .removed:first-child{
border-top: 0px;
}
*/
#mainMenu .removed a {
display: block;
padding: 18px 24px;
line-height: 24px;
text-decoration: none;
}
#mainMenu a {
display: block;
transition: all 0.2s ease-in-out;
}
#mainMenu > li {
float: left;
line-height: 60px;
transition: all 0.2s ease-in-out;
}
#mainMenu > li:first-child {
border-left: 1px solid #222222;
}
#mainMenu > li:hover {
background-color: #202020;
}
#mainMenu > li:first-child {
margin-left: 0;
}
#mainMenu > li > a {
padding: 0 24px;
text-decoration: none;
}
#mainMenu > li img {
padding-right: 12px;
vertical-align: middle;
transition: all 0.2s ease-in-out;
}
#mainMenu > li a:hover img {
opacity: 0.8;
}
#menuCatalogSection .sectionMenuArrow {
padding-left: 12px;
}
/* drop sections */
#menuCatalogSection .drop {
position: absolute;
top: 60px;
left: 0;
z-index: 100;
display: none;
width: 100%;
padding: 24px 0;
background-color: #ffffff;
border-bottom: 1px solid #dddddd;
box-shadow: 1px 1px 12px rgb(0 0 0 / 20%);
}
#menuCatalogSection .drop ul {
margin: -24px 0 0;
padding: 0;
overflow: hidden;
list-style: none;
}
#menuCatalogSection .drop .menuSectionContainer {
overflow: hidden;
}
#menuCatalogSection .drop ul li {
float: left;
box-sizing: border-box;
width: 20%;
height: 180px;
margin-top: 24px;
line-height: 180px;
text-align: center;
}
#menuCatalogSection .drop ul li:nth-child(5n + 1) {
border-left: 0;
}
#menuCatalogSection .drop ul li .container {
display: inline-block;
width: auto !important;
line-height: 21px;
vertical-align: middle;
}
#menuCatalogSection .drop ul li a {
display: block;
color: #000000;
font-size: 14px;
font-family: robotobold;
text-transform: uppercase;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
#menuCatalogSection .drop ul li .picture {
height: 130px;
margin-bottom: 12px;
line-height: 130px;
}
#menuCatalogSection .drop ul li .picture img {
vertical-align: middle;
}
#menuCatalogSection .drop ul li .picture:hover {
opacity: 0.9;
}
#mainMenu .drop {
position: absolute;
top: 60px;
left: 0;
z-index: 99;
display: none;
width: 100%;
padding: 24px 0;
background-color: #ffffff;
border-bottom: 1px solid #dddddd;
box-shadow: 1px 1px 12px rgb(0 0 0 / 20%);
}
#mainMenu .drop .nextColumn {
float: left;
width: 20%;
margin: 0;
padding: 0;
line-height: 21px;
list-style: none;
}
#mainMenu .drop .nextColumn > li {
display: block;
margin-top: 12px;
}
#mainMenu .drop .nextColumn > li:first-child {
margin-top: 0;
}
#mainMenu .drop .nextColumn > li > a {
color: #000000;
font-family: robotobold;
text-transform: uppercase;
text-decoration: none;
}
#mainMenu .drop .nextColumn .menu2Link {
box-sizing: border-box;
padding-right: 12px;
overflow: hidden;
}
#mainMenu .drop .nextColumn .menu2Link img {
padding-bottom: 12px;
}
#mainMenu .drop .nextColumn ul {
margin: 0;
padding: 0;
list-style: none;
}
#mainMenu .drop .nextColumn ul li {
display: block;
margin-top: 12px;
}
#mainMenu .drop .nextColumn ul li a {
color: #000000;
text-decoration: none;
}
#mainMenu .dropdown,
#mainMenu .back {
display: none;
}
@media screen and (max-width: 1024px) {
#mainMenu {
background: #ffffff;
}
#mainMenu > li:first-child {
border-top: 0;
}
#mainMenu > li {
box-sizing: border-box;
border-top: 1px solid rgb(136 136 136 / 10%);
border-right: 0;
}
#mainMenu .drop .nextColumn .menu2Link,
#mainMenu li.eChild a {
padding-right: 48px;
}
#mainMenu .drop .nextColumn .menu2Link {
padding-left: 0;
}
#mainMenu li.eChild a {
position: relative;
color: #000000;
font-size: 13px;
}
#mainMenu a:hover,
#mainMenu li:hover a,
#mainMenu .drop ul li a:hover,
#mainMenu .drop .nextColumn ul li a:hover {
color: #000000;
background: transparent !important;
}
#mainMenu li:hover {
background-color: transparent !important;
}
#mainMenu .drop {
position: static;
display: block !important;
box-sizing: border-box;
width: auto;
margin: 0;
padding: 0;
background: none !important;
border: 0;
box-shadow: none;
}
#mainMenu .drop .limiter {
min-width: unset;
}
#mainMenu .drop .picture {
display: none;
}
#mainMenu .drop .nextColumn ul,
#mainMenu .drop .nextColumn {
display: none;
float: none;
width: 100%;
}
#mainMenu .opened .drop .nextColumn {
display: block;
box-sizing: border-box;
padding-left: 36px;
}
#mainMenu .opened .drop .nextColumn .opened ul {
display: block;
padding-left: 24px;
}
#mainMenu .opened .drop {
border-top: 1px solid #8888881a;
}
#mainMenu .drop .has-image {
display: none;
}
#mainMenu .drop .nextColumn ul li,
#mainMenu .drop .nextColumn > li {
box-sizing: border-box;
margin: 0;
}
#mainMenu .drop .nextColumn .menu2Link,
#mainMenu .opened .drop {
padding-top: 6px;
padding-bottom: 6px;
}
#mainMenu .drop .nextColumn > li > a {
padding: 6px 0;
font-family: "roboto_ltregular";
text-transform: none;
}
#mainMenu > li.opened > a {
padding-left: 60px;
}
#mainMenu > li.opened .back {
position: absolute;
top: 0;
left: 0;
display: block;
width: 18px;
height: 100%;
margin-left: 24px;
background: url("/bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/images/arrow-back-menu-black.svg") 50% 50% no-repeat transparent;
}
#mainMenu > li.opened img {
display: none;
}
#mainMenu .allow-dropdown .dropdown {
position: absolute;
top: 50%;
right: 12px;
display: block;
width: 30px;
min-width: unset;
height: 30px;
margin-top: -15px;
padding: 0;
line-height: normal;
background-image: url("/bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/images/arrow-dropdown-white.svg");
background-repeat: no-repeat;
background-position: 50% 50%;
border-radius: 15px;
transition: transform 0.15s ease-in-out;
pointer-events: none;
}
#mainMenu li:not(.opened) .dropdown {
background-color: transparent;
background-image: url("/bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/images/arrow-dropdown-black.svg");
border: 0;
}
#mainMenu li.opened > a .dropdown {
right: 15px;
width: 24px;
transform: rotate(-90deg);
}
/* #mainMenu li li.opened + .allow-dropdown,
#mainMenu li li.opened + .allow-dropdown .menuDropItems{
display: block;
}
#mainMenu li li + .allow-dropdown{
display: none;
} */
}
@media screen and (max-width: 767px) {
body.mobileCatalogOpened {
overflow: hidden;
}
#mainMenuContainer .mobileCatalogOverlay {
position: fixed;
inset: 0;
z-index: 10000;
display: block;
background: rgb(0 0 0 / 68%);
opacity: 0;
visibility: hidden;
transition:
opacity 0.25s ease,
visibility 0.25s ease;
}
#mainMenuContainer .mobileCatalogClose {
position: fixed;
top: 17px;
left: min(calc(86vw - 52px), 308px);
z-index: 10002;
display: flex;
width: 38px;
height: 38px;
padding: 0;
align-items: center;
justify-content: center;
border: 1px solid rgb(255 255 255 / 24%);
border-radius: 0;
background: transparent;
color: #ffffff;
font-size: 30px;
font-weight: 300;
line-height: 1;
opacity: 0;
visibility: hidden;
cursor: pointer;
transform: translateX(-14px);
transition:
opacity 0.25s ease,
transform 0.25s ease,
visibility 0.25s ease;
}
#mainMenuContainer #mainMenu {
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 10001;
display: block !important;
width: min(86vw, 360px);
height: 100vh;
height: 100dvh;
margin: 0;
padding: 72px 0 28px;
overflow-x: hidden;
overflow-y: auto;
background: #111111;
box-shadow: 16px 0 48px rgb(0 0 0 / 38%);
transform: translateX(-102%);
transition: transform 0.28s ease;
overscroll-behavior: contain;
}
#mainMenu .mobileCatalogHeading {
position: absolute;
top: 0;
left: 0;
display: flex;
box-sizing: border-box;
width: 100%;
height: 72px;
padding: 0 64px 0 22px;
align-items: center;
border-bottom: 1px solid rgb(255 255 255 / 14%);
color: #ffffff;
font-size: 16px;
font-weight: 500;
line-height: 1.25;
letter-spacing: 0.02em;
}
#mainMenuContainer #mainMenu > li:not(.mobileCatalogHeading) {
float: none;
width: 100%;
min-height: 54px;
border-top: 0;
border-bottom: 1px solid rgb(255 255 255 / 9%);
line-height: normal;
}
#mainMenuContainer #mainMenu > li:not(.mobileCatalogHeading) > a {
display: flex;
box-sizing: border-box;
min-height: 54px;
padding: 14px 54px 14px 22px;
align-items: center;
color: rgb(255 255 255 / 88%);
font-size: 15px;
font-weight: 400;
line-height: 1.35;
text-transform: none;
}
#mainMenuContainer #mainMenu > li.opened > a {
padding-left: 54px;
color: #ffffff;
background: rgb(255 255 255 / 5%) !important;
}
#mainMenuContainer #mainMenu .opened .drop {
padding: 4px 0 10px;
border-top-color: rgb(255 255 255 / 8%);
background: rgb(255 255 255 / 3%) !important;
}
#mainMenuContainer #mainMenu .drop .nextColumn > li > a,
#mainMenuContainer #mainMenu .drop .nextColumn ul li a {
color: rgb(255 255 255 / 72%);
font-size: 14px;
line-height: 1.4;
}
#mainMenuContainer #mainMenu .allow-dropdown .dropdown,
#mainMenuContainer #mainMenu li:not(.opened) .dropdown {
background-color: transparent;
background-image: url("/bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/images/arrow-dropdown-white.svg");
opacity: 0.72;
}
#mainMenuContainer #mainMenu > li.opened .back {
margin-left: 20px;
filter: invert(1);
}
body.mobileCatalogOpened #mainMenuContainer #mainMenu {
transform: translateX(0);
}
body.mobileCatalogOpened #mainMenuContainer .mobileCatalogOverlay,
body.mobileCatalogOpened #mainMenuContainer .mobileCatalogClose {
opacity: 1;
visibility: visible;
}
body.mobileCatalogOpened #mainMenuContainer .mobileCatalogClose {
transform: translateX(0);
}
}
/* End */
/* Start:/bitrix/templates/dresscodeV2/components/bitrix/breadcrumb/.default/style.min.css?17397924191058*/
#breadcrumbs{margin-bottom:12px;line-height:21px;margin-top:24px;overflow:hidden;font-size:12px}#breadcrumbs ul{overflow:hidden;list-style:none;padding:0;margin:0}#breadcrumbs ul li{vertical-align:middle;display:inline-block}#breadcrumbs ul li a{text-decoration:none;display:inline-block;line-height:21px}#breadcrumbs .arrow{vertical-align:middle;display:inline-block;font-family:arial;font-size:18px;margin:0 12px}@media all and (max-width:1024px){#breadcrumbs{position:relative;min-width:100%;overflow-x:auto;height:21px}#breadcrumbs ul{white-space:nowrap;overflow:auto}#breadcrumbs li{white-space:nowrap}#breadcrumbs::after{background:-moz-linear-gradient(left,rgba(255,255,255,.2),#fff 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,.2),#fff 100%);background:-o-linear-gradient(left,rgba(255,255,255,.2),#fff 100%);background:-ms-linear-gradient(left,rgba(255,255,255,.2),#fff 100%);background:linear-gradient(to right,rgba(255,255,255,.2),#fff 100%);pointer-events:none;position:absolute;right:0;top:0;height:100%;content:"";width:35px}}
/* End */
/* Start:/bitrix/components/dresscode/products.by.filter/templates/.default/style.css?17397924191163*/
#topProduct {
position: relative;
}
#topProduct .wrap {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
margin: 0 24px;
}
#topProduct .productList {
position: relative;
list-style: none;
overflow: hidden;
clear: both;
margin: 0px;
left: 0px;
}
#topProduct .productList > li {
float: left;
}
#topProduct .productList .item {
width: 100%;
float: none;
border-top: 1px solid #e7e8ea;
}
#topProduct .product .tabloid {
height: 100%;
}
#topProduct .topBtnLeft,
#topProduct .topBtnRight {
background: url(/bitrix/components/dresscode/products.by.filter/templates/.default/images/slideArrowSmall.svg) 0 0 no-repeat transparent;
transform: translateY(-50%);
position: absolute;
height: 70px;
width: 35px;
z-index: 22;
top: 50%;
}
#topProduct .topBtnLeft {
left: 24px;
}
#topProduct .topBtnRight {
right: 24px;
}
#topProduct .topBtnLeft:hover {
background-position: -35px 0;
}
#topProduct .topBtnLeft:active {
background-position: -70px 0;
}
#topProduct .topBtnRight {
background-position: 0 -70px;
}
#topProduct .topBtnRight:hover {
background-position: -35px -70px;
}
#topProduct .topBtnRight:active {
background-position: -70px -70px;
}
/* End */
/* Start:/bitrix/components/dresscode/catalog.viewed.product/templates/.default/style.css?17397924191235*/
#viewedProduct {
position: relative;
}
#viewedProduct .wrap {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
margin: 0 24px;
}
#viewedProduct .productList {
position: relative;
list-style: none;
overflow: hidden;
clear: both;
margin: 0px;
left: 0px;
}
#viewedProduct .productList > li {
float: left;
}
#viewedProduct .productList .item {
width: 100%;
float: none;
border-top: 1px solid #e7e8ea;
}
#viewedProduct .product .tabloid {
height: 100%;
}
#viewedProduct .viewedBtnLeft,
#viewedProduct .viewedBtnRight {
background: url(/bitrix/components/dresscode/catalog.viewed.product/templates/.default/images/slideArrowSmall.svg) 0 0 no-repeat transparent;
transform: translateY(-50%);
position: absolute;
height: 70px;
width: 35px;
z-index: 22;
top: 50%;
}
#viewedProduct .viewedBtnLeft {
left: 24px;
}
#viewedProduct .viewedBtnRight {
right: 24px;
}
#viewedProduct .viewedBtnLeft:hover {
background-position: -35px 0;
}
#viewedProduct .viewedBtnLeft:active {
background-position: -70px 0;
}
#viewedProduct .viewedBtnRight {
background-position: 0 -70px;
}
#viewedProduct .viewedBtnRight:hover {
background-position: -35px -70px;
}
#viewedProduct .viewedBtnRight:active {
background-position: -70px -70px;
}
/* End */
/* Start:/bitrix/templates/dresscodeV2/components/bitrix/catalog.bigdata.products/.default/style.css?17397924191884*/
#bigDataCarousel .wrap {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
/*margin: 0 24px;*/
}
#bigDataCarousel .slideBox > li {
float: left;
}
#bigDataCarousel .productList .item {
/*border-left: 0px;*/
border-top: 1px solid #e7e8ea;
width: 100%;
float: none;
}
#bigDataCarousel .productList .item .tabloid {
height: 100%;
}
#bigDataCarousel .bigDataBtnLeft,
#bigDataCarousel .bigDataBtnRight {
background: url(/bitrix/templates/dresscodeV2/components/bitrix/catalog.bigdata.products/.default/images/slideArrowSmall.png) 0 0 no-repeat transparent;
transform: translateY(-50%);
position: absolute;
height: 70px;
width: 35px;
z-index: 22;
top: 50%;
}
#bigDataCarousel .bigDataBtnLeft {
left: 0px;
}
#bigDataCarousel .bigDataBtnRight {
right: 0px;
}
#bigDataCarousel .bigDataBtnLeft:hover {
background-position: -35px 0;
}
#bigDataCarousel .bigDataBtnLeft:active {
background-position: -70px 0;
}
#bigDataCarousel .bigDataBtnRight {
background-position: 0 -70px;
}
#bigDataCarousel .bigDataBtnRight:hover {
background-position: -35px -70px;
}
#bigDataCarousel .bigDataBtnRight:active {
background-position: -70px -70px;
}
@media all and (max-width: 700px) {
#bigDataCarousel .bigDataBtnLeft,
#bigDataCarousel .bigDataBtnRight {
background: url(/bitrix/templates/dresscodeV2/components/bitrix/catalog.bigdata.products/.default/images/slideArrowMicro.png) 0 0 no-repeat transparent;
transform: translateY(-50%);
position: absolute;
height: 48px;
width: 24px;
z-index: 22;
top: 50%;
}
#bigDataCarousel .bigDataBtnLeft:hover {
background-position: -24px 0;
}
#bigDataCarousel .bigDataBtnLeft:active {
background-position: -48px 0;
}
#bigDataCarousel .bigDataBtnLeft {
left: 0;
}
#bigDataCarousel .bigDataBtnRight {
right: 0;
background-position: 0 -48px;
}
#bigDataCarousel .bigDataBtnRight:hover {
background-position: -24px -48px;
}
#bigDataCarousel .bigDataBtnRight:active {
background-position: -48px -48px;
}
}
/* End */
/* Start:/bitrix/templates/dresscodeV2/styles.css?1753441089437*/
SetTitle("styles");
?>.fastBack {
display: none !important;
}
/* End */
/* Start:/bitrix/templates/dresscodeV2/template_styles.css?1784129087211213*/
html {
-webkit-tap-highlight-color: rgb(0 0 0 / 0%);
text-size-adjust: 100%;
font-size: 100%;
}
body {
margin: 0;
font:
normal normal 14px "roboto_ltregular",
arial,
sans-serif;
line-height: 21px;
background-color: #ffffff;
-webkit-font-smoothing: antialiased;
text-size-adjust: none;
}
img {
border: 0;
}
input {
font:
normal normal 13px "roboto_ltregular",
arial,
sans-serif;
outline: none;
}
input[placeholder] {
text-overflow: ellipsis;
}
input::placeholder {
text-overflow: ellipsis;
}
input:placeholder {
text-overflow: ellipsis;
}
input:input-placeholder {
text-overflow: ellipsis;
}
a:not([href]) {
cursor: default;
}
:focus::input-placeholder {
color: transparent;
}
:focus::placeholder {
color: transparent;
}
:focus:placeholder {
color: transparent;
}
:focus:input-placeholder {
color: transparent;
}
input:focus {
outline: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
box-shadow: 0 0 0 30px white inset !important;
}
#main select,
#main textarea,
#main input {
outline: none;
box-shadow: none;
appearance: none;
}
a {
outline: none;
appearance: none;
}
h1 {
display: block;
margin: 0 0 24px;
color: #000000;
font-weight: 400;
font-size: 24px;
font-family: "roboto_ltregular";
line-height: 36px;
text-align: left;
}
h2 {
font-weight: 400;
font-size: 18px;
font-family: "roboto_ltregular";
}
h3 {
font-weight: 400;
font-size: 16px;
font-family: "roboto_ltregular";
}
b,
strong {
font-weight: 400;
font-family: robotobold;
}
* {
box-sizing: content-box;
}
.clearfix::before,
.clearfix::after {
display: table;
content: "";
}
.clearfix::after {
clear: both;
}
#topHeader {
position: relative;
z-index: 35;
min-width: 320px;
height: 30px;
}
.loading #topHeader {
overflow: hidden;
}
.loading #topMenu {
opacity: 0;
}
.bold {
font-family: robotobold;
}
/* auth register city block */
#topService {
float: right;
margin: 0;
padding: 0;
}
#topService div[id^="bx_incl_area_"] {
float: left;
}
#topService li {
float: left;
margin: 0;
padding: 0 12px;
line-height: 30px;
list-style: none;
}
#topService .null {
display: inline-block;
width: 0;
height: 0;
padding: 0;
line-height: 0px;
}
#topService li:not(.null) a {
display: inline-block;
font:
normal normal 13px "roboto_ltregular",
arial,
sans-serif;
/* vertical-align: middle; */
text-decoration: none;
transition: all 0.2s ease-in-out;
}
#topService li:not(.null) a:active {
position: relative;
top: 1px;
}
#topService li:not(.null) a:focus {
transition: all 0.7s;
}
/* Sub Header */
#subHeader {
z-index: 3;
min-width: 320px;
height: 102px;
}
.loading #subHeader {
overflow: hidden;
}
#logo {
position: relative;
z-index: 1;
float: left;
width: 229px;
max-height: 102px;
overflow: hidden;
line-height: 102px;
text-align: center;
}
#logo a {
display: block;
}
#logo a:active {
position: relative;
top: 1px;
}
#logo img {
max-width: 100%;
max-height: 102px;
vertical-align: middle;
}
#topHeading {
float: left;
width: 162px;
padding: 0 18px;
}
#topHeading .vertical {
line-height: 102px;
}
#topHeading p {
display: inline-block;
margin: 0;
font:
normal normal 16px "roboto_ltregular",
arial,
sans-serif;
line-height: 21px;
text-align: center;
vertical-align: middle;
}
#headerTools {
float: right;
height: 96px;
}
#headerTools .tools {
margin: 0;
padding: 0;
list-style: none;
}
#headerTools .tools .icon {
float: left;
}
#headerTools .tools .heading {
display: block;
font-size: 18px;
text-decoration: none;
}
#headerTools .tools .link {
font-size: 13px;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
#headerTools .tools .link:active {
position: relative;
top: 1px;
}
#headerTools .tools li {
float: left;
margin: 0;
padding: 0 18px;
line-height: 102px;
list-style: none;
}
#headerTools .tools div[id*="bx_"] {
float: left;
}
#headerTools .wrap {
display: inline-block;
line-height: 21px;
vertical-align: middle;
}
#headerTools .icon {
height: 40px;
margin: 0 4px;
}
#headerTools .nf {
float: left;
margin-left: 12px;
}
#headerTools .text {
font-size: 13px;
}
#headerTools .icon:active {
position: relative;
top: 1px;
}
#headerTools .telephone .icon {
width: 35px;
}
#headerTools .search .wrap {
padding: 0 8px;
}
#headerTools .search .icon {
width: 35px;
margin: 0;
}
#headerTools .wishlist .icon {
width: 36px;
}
#headerTools .compare .icon {
width: 35px;
}
#headerTools .cart .icon {
width: 44px;
}
#headerTools .cart ins {
display: inline-block;
margin-left: 4px;
padding: 0 6px;
font-size: 13px;
text-align: center;
text-decoration: none;
border-radius: 3px;
}
#mainMenuContainer {
height: 60px;
}
#topMenu .bar > a {
background: url("/bitrix/templates/dresscodeV2/images/menuMore.png") 0 50% no-repeat transparent;
}
#topHeader.color_default #topMenu .bar > a {
background-image: url("/bitrix/templates/dresscodeV2/images/menuMore2.png");
}
#changeYouCity {
position: relative;
display: none;
min-width: 320px;
padding: 18px 0;
}
#changeYouCity .limiter {
position: relative;
}
#changeYouCity .heading {
display: block;
font-size: 21px;
}
#changeYouCity .list {
overflow: hidden;
text-align: center;
}
#changeYouCity .list li {
float: left;
width: 25%;
margin-top: 12px;
text-align: left;
}
#changeYouCity .list li a {
font-size: 14px;
text-decoration: none;
}
#changeYouCity .list li a:hover {
text-decoration: underline;
}
#changeYouCity #cityClose {
position: absolute;
top: 0;
right: 24px;
display: block;
padding: 4px 12px;
font-size: 14px;
text-decoration: none;
}
#changeYouCity #cityClose ins {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 6px;
}
#main {
/* margin-top: 24px; */
min-width: 320px;
}
#main .compliter {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
#left {
display: table-cell;
width: 355px;
vertical-align: top;
}
#left .heading {
display: block;
height: 65px;
padding-left: 24px;
font-weight: 400;
font-size: 18px;
font-family: "roboto_ltregular";
line-height: 65px;
text-decoration: none;
}
#left .heading .arrow {
background-position: -27px 50%;
transition: all 0.5s;
}
#left .heading.opened .arrow {
transform: rotate(90deg);
}
#left .menuRolled + .collapsed {
display: none;
}
#left .heading ins {
display: inline-block;
float: right;
width: 27px;
height: 65px;
margin-right: 24px;
line-height: 65px;
vertical-align: middle;
}
#left .sideBlock .heading {
height: 60px;
font-size: 16px;
line-height: 60px;
}
#left #subscribe .copy {
display: block;
width: 90%;
margin: 12px auto;
font-size: 12px;
line-height: 24px;
text-align: center;
}
#left .banner {
margin-top: 24px;
text-align: center;
}
#left .banner img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
#right {
display: table-cell;
padding-left: 24px;
vertical-align: top;
}
#brandSearch {
display: none;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
}
#brandSearch td {
height: 50px;
line-height: 50px;
}
#brandSearch .label {
width: 140px;
}
#brandSearch .label span {
display: block;
text-align: center;
}
#brandSearch .all {
width: 60px;
}
#brandSearch .all a {
display: block;
text-align: center;
}
#brandSearch a {
display: block;
text-align: center;
text-decoration: none;
}
#slider {
position: relative;
overflow: hidden;
}
#slider ul {
position: relative;
margin: 0;
padding: 0;
list-style: none;
}
#slider ul li {
position: relative;
float: left;
}
#slider ul li span {
display: block;
height: 900px;
background-position: center center;
background-size: cover;
}
#slider ul li img {
display: inline-block;
width: auto;
margin-left: -120px;
}
#slider ol {
position: absolute;
bottom: 12px;
left: 50%;
}
#slider ol li {
float: left;
width: 18px;
height: 18px;
margin-right: 4px;
cursor: pointer;
}
#catalogLineList {
margin-bottom: 24px;
}
#catalogLineList .itemRow {
display: table;
width: 100%;
margin-bottom: 24px;
border: 1px solid #e7e8ea;
border-radius: 4px;
border-collapse: collapse;
transition: all 0.2s ease-in-out;
}
#catalogLineList .itemRow:hover {
border: 1px solid #cccccc;
}
#catalogLineList .column {
position: relative;
display: table-cell;
padding: 24px 0;
vertical-align: middle;
}
#catalogLineList .column:first-child {
width: 400px;
border: 0;
}
#catalogLineList .column:last-child {
box-sizing: border-box;
width: 270px;
height: 100%;
padding: 24px;
border-left: 1px solid #e7e8ea;
}
#catalogLineList .name {
display: inline-block;
margin-right: 12px;
margin-bottom: 12px;
color: #000000;
font-size: 18px;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
#catalogLineList .description {
box-sizing: border-box;
margin-bottom: 12px;
padding-right: 12px;
color: #888888;
font-size: 12px;
}
#catalogLineList .prop {
width: 50%;
border-spacing: 0;
}
#catalogLineList .picture {
position: relative;
display: block;
text-align: center;
}
#catalogLineList .picture img {
max-width: 80%;
max-height: 250px;
}
#catalogLineList .markerContainer {
position: absolute;
top: 8px;
left: 8px;
z-index: 22;
}
#catalogLineList .marker {
z-index: 2;
margin-bottom: 8px;
padding: 3px 4px;
color: #ffffff;
font:
normal normal 12px "roboto_ltregular",
arial,
sans-serif;
line-height: 16px;
background-color: #424242;
}
#catalogLineList .rating {
position: relative;
z-index: 2;
display: inline-block;
width: 79px;
height: 15px;
margin-top: 4px;
margin-right: 12px;
margin-bottom: 12px;
overflow: hidden;
vertical-align: middle;
}
#catalogLineList .rating i {
position: absolute;
top: 0;
left: 0;
display: block;
width: 79px;
height: 15px;
background: url("/bitrix/templates/dresscodeV2/images/rating.svg") repeat 0 0 transparent;
}
#catalogLineList .rating i.m {
z-index: 10;
width: 0;
background: url("/bitrix/templates/dresscodeV2/images/rating.svg") repeat 0 -15px transparent;
}
#catalogLineList .priceLabel {
float: left;
margin-right: 4px;
font-size: 21px;
font-family: robotobold;
}
#catalogLineList .price {
position: relative;
display: block;
margin-bottom: 12px;
color: #000000;
font-size: 21px;
font-family: robotobold;
text-decoration: none;
}
#catalogLineList .price .measure {
font-size: 16px;
}
#catalogLineList .price .discount {
position: absolute;
top: -18px;
right: 0;
padding-left: 4px;
color: #888888;
font-size: 14px;
font-family: "roboto_ltregular";
}
#catalogLineList .addCart {
display: block;
height: 60px;
margin-top: 16px;
margin-bottom: 12px;
color: #ffffff;
font-size: 18px;
line-height: 60px;
text-align: center;
text-decoration: none;
border-radius: 4px;
transition: all 0.2s ease-in-out;
}
#catalogLineList .icon {
display: inline-block;
vertical-align: middle;
}
#catalogLineList .addCart .icon {
margin-top: -6px;
padding-right: 12px;
}
#catalogLineList .row {
margin-bottom: 12px;
overflow: hidden;
}
#catalogLineList .label {
display: block;
float: left;
width: 45%;
color: #717171;
font-size: 15px;
font-family: "roboto_condensedlight";
line-height: 21px;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
#catalogLineList .label:hover {
color: #000000;
}
#catalogLineList .label:nth-child(1),
#catalogLineList .label:nth-child(3) {
width: 55%;
}
#catalogLineList .label .icon {
margin-top: -4px;
padding-right: 6px;
}
#catalogLineList .article {
padding: 0 12px;
color: #888888;
line-height: 32px;
text-align: center;
background-color: #f3f3f3;
border-radius: 4px;
}
#catalogLineList .skuPropertyName {
margin-bottom: 4px;
color: #000000;
font-size: 13px;
}
#catalogLineList .skuPropertyList {
margin: 0 -4px;
padding: 0;
overflow: hidden;
list-style: none;
}
#catalogLineList .skuProperty {
margin: 12px 0;
overflow: hidden;
}
#catalogLineList .skuProperty li {
float: left;
box-sizing: border-box;
min-width: 35px;
padding: 4px;
overflow: hidden;
}
/* #catalogLineList .skuProperty .selected .skuPropertyLink{
position: relative;
top: -2px;
} */
#catalogLineList .skuProperty .disabled {
display: none;
}
#catalogLineList .skuPropertyLink {
display: block;
min-width: 30px;
padding: 4px 6px;
color: #000000;
font-size: 13px;
line-height: 21px;
text-align: center;
text-decoration: none;
border: 1px solid #dddddd;
}
#catalogLineList .skuPropertyList img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
#catalogLineList .prop a {
color: #000000;
transition: all 0.2s ease-in-out;
}
#catalogLineList .oSkuDropDownProperty:first-child {
margin: 0;
}
#catalogLineList .oSkuDropDownProperty {
margin-top: 12px;
overflow: visible;
}
#catalogLineList .oSkuDropDownProperty .oSkuDropdownListItem {
float: none;
box-sizing: content-box;
min-width: auto;
padding: 0;
overflow: visible;
}
#catalogLineList .oSkuDropdown {
position: relative;
display: block;
width: auto;
max-width: 250px;
margin-top: 4px;
font-size: 13px;
line-height: 13px;
background-color: #ffffff;
border: 1px solid #e7e8ea;
border-radius: 2px;
user-select: none;
/* z-index: 99; */
}
#catalogLineList .oSkuCheckedItem {
display: block;
padding: 12px 30px 12px 8px !important;
color: #000000;
background: url("/bitrix/templates/dresscodeV2/images/selectArrow.png") 97% 50% no-repeat transparent;
border-radius: 4px;
cursor: pointer;
}
#catalogLineList .oSkuCheckedItem:hover {
opacity: 0.8;
}
#catalogLineList .oSkuCheckedItem:active {
position: relative;
top: 1px;
}
#catalogLineList .oSkuDropdown label::before,
#catalogLineList .oSkuCheckboxList label::before {
display: none;
}
#catalogLineList .oSkuDropdownList {
position: absolute;
top: 42px;
right: 0;
left: 0;
z-index: 2;
margin: 0 -1px;
padding: 0;
list-style: none;
background-color: #ffffff;
border: 1px solid #e7e8ea;
visibility: hidden;
opacity: 0;
}
#catalogLineList .oSkuDropdownList.opened {
visibility: visible;
opacity: 1;
}
#catalogLineList .pics .oSkuDropdownList {
top: 52px;
}
#catalogLineList .oSkuDropdownList .skuPropertyValue {
position: relative;
display: block;
border-top: 1px solid #e7e8ea;
}
#catalogLineList .oSkuDropdownList .skuPropertyValue:first-child {
border-top: 0;
}
#catalogLineList .oSkuDropdownList .selected {
color: #ffffff;
font-family: robotomedium;
background-color: #f9f9f9;
box-shadow: 1px 1px 12px #f1f1f1 inset;
cursor: pointer;
opacity: 0.8;
}
#catalogLineList .oSkuDropdownList .skuPropertyValue:hover {
color: #ffffff;
background-color: #f9f9f9;
cursor: pointer;
opacity: 0.8;
}
#catalogLineList .oSkuDropdownList .oSkuPropertyItemLink {
display: block;
padding: 12px 8px !important;
color: #000000;
font-size: 13px;
line-height: 18px;
text-align: left;
text-decoration: none;
border: 0;
}
#catalogLineList .oSkuDropdownList .oSkuDropdownListItem.selected .oSkuPropertyItemLink {
border: 0;
}
#catalogLineList .oSkuDropdownList .oSkuDropdownListItem.disabled {
display: none;
}
#catalogLineList .oSkuDropdownList .skuPropertyValue:active .oSkuPropertyItemLink,
#catalogLineList .oSkuDropdownList .oSkuPropertyItemLink:active {
position: relative;
top: 1px;
}
#catalogLineList .oSkuDropdownList .skuPropertyValue.loading::after {
left: 24px;
}
#catalogTableList {
margin-bottom: 24px;
}
#catalogTableList .itemRow {
display: table;
width: 100%;
margin-bottom: 24px;
table-layout: fixed;
border: 1px solid #e7e8ea;
border-radius: 4px;
border-collapse: collapse;
transition: all 0.2s;
}
#catalogTableList .itemRow:hover {
border: 1px solid #cccccc;
}
#catalogTableList .column {
display: table-cell;
padding: 12px 0;
text-align: center;
vertical-align: middle;
}
#catalogTableList .column:first-child {
width: 120px;
}
#catalogTableList .column:nth-child(2) {
width: 20%;
}
#catalogTableList .column.out {
display: none;
width: 0;
}
#catalogTableList .picture {
display: inline-block;
width: 80px;
height: 60px;
line-height: 60px;
text-align: center;
}
#catalogTableList .picture img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
#catalogTableList .name {
display: block;
color: #000000;
font-size: 13px;
text-align: left;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
#catalogTableList .rating {
position: relative;
z-index: 2;
display: inline-block;
width: 79px;
height: 15px;
margin-top: 4px;
overflow: hidden;
}
#catalogTableList .rating i {
position: absolute;
top: 0;
left: 0;
display: block;
width: 79px;
height: 15px;
background: url("/bitrix/templates/dresscodeV2/images/rating.svg") repeat 0 0 transparent;
}
#catalogTableList .rating i.m {
z-index: 10;
width: 0;
background: url("/bitrix/templates/dresscodeV2/images/rating.svg") repeat 0 -15px transparent;
}
#catalogTableList .price {
position: relative;
display: block;
color: #000000;
font-size: 16px;
font-family: robotobold;
text-decoration: none;
}
#catalogTableList .price .measure {
font-size: 16px;
}
#catalogTableList .price .discount {
position: absolute;
top: -18px;
right: 25%;
padding-left: 4px;
color: #888888;
font-size: 14px;
font-family: "roboto_ltregular";
}
#catalogTableList .addCart,
#catalogTableList .more {
display: inline-block;
width: 130px;
height: 40px;
color: #ffffff;
font-size: 14px;
font-family: "roboto_ltregular";
line-height: 40px;
text-align: center;
text-decoration: none;
border-radius: 4px;
transition: all 0.2s ease-in-out;
}
#catalogTableList .addCart.requestPrice {
margin-top: 0;
}
#catalogTableList .row {
display: inline-block;
text-align: center;
}
#catalogTableList .icon {
display: inline-block;
margin-top: -4px;
margin-right: 4px;
vertical-align: middle;
}
#catalogTableList .addCart .icon,
#catalogTableList .more .icon {
margin-top: -4px;
padding-right: 4px;
}
#catalogTableList .label {
display: block;
margin-top: 8px;
color: #717171;
font-size: 15px;
font-family: "roboto_condensedlight";
line-height: 21px;
text-align: left;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
#catalogTableList .label:hover {
color: #000000;
}
#catalogTableList .article {
display: inline-block;
height: 32px;
padding: 0 12px;
overflow: hidden;
color: #888888;
line-height: 32px;
background-color: #f3f3f3;
border-radius: 4px;
}
#popCats {
margin-top: 24px;
}
#popCats .sideBlockContent {
padding: 12px;
border-top: 0;
}
#popCats ul {
margin: 0;
padding: 0;
list-style: none;
}
#popCats li {
display: inline-block;
margin-right: 8px;
margin-bottom: 8px;
}
#popCats li span,
#popCats li a {
display: block;
padding: 4px 12px;
line-height: 21px;
text-decoration: none;
transition: 0.2s all ease-in-out;
}
#collectionList {
position: relative;
margin-top: 24px;
overflow: hidden;
}
#collectionCarousel {
position: relative;
margin: 0 -12px;
overflow: hidden;
}
#collectionCarousel > ul {
margin: 0;
padding: 0;
list-style: none;
}
#collectionCarousel > ul li {
float: left;
width: 33.3131313%;
}
#collectionList .collection {
position: relative;
box-sizing: border-box;
padding: 0 12px;
}
#collectionList .collection .wrap {
padding: 12px;
overflow: hidden;
border-bottom: none;
}
#collectionList .collection .heading {
height: auto;
margin-bottom: 12px;
padding: 0;
font-weight: 700;
font-size: 18px;
line-height: 24px;
text-decoration: none;
}
#collectionList .collectionDesc {
font-size: 12px;
line-height: 18px;
}
#collectionList .goTo {
display: block;
font-size: 14px;
line-height: 50px;
text-align: center;
text-decoration: none;
transition:
background-color 0.3s,
color 0.3s;
}
#collectionList .pic {
display: block;
height: 420px;
margin-bottom: 18px;
line-height: 420px;
text-align: center;
}
#collectionList .pic img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
#promoBlock,
#promoBlock > div[id*="bx_"] {
display: table;
width: 100%;
overflow: hidden;
table-layout: fixed;
border-collapse: collapse;
}
#right .heading {
display: block;
height: 60px;
margin-bottom: 24px;
padding-left: 24px;
font-size: 18px;
line-height: 60px;
}
#footer {
margin-bottom: 55px;
padding-top: 36px;
overflow: hidden;
}
#footer.variant_3 #leftFooter,
#footer.variant_3 #rightFooter,
#footer.variant_3 #footerBottom,
#footer.variant_3 .fc {
background-color: #47494d;
}
#footer.variant_4 #leftFooter,
#footer.variant_4 #rightFooter,
#footer.variant_4 #footerBottom,
#footer.variant_4 .fc {
background-color: #f3f3f3;
}
#footer.variant_5 #leftFooter,
#footer.variant_5 #rightFooter,
#footer.variant_5 #footerBottom,
#footer.variant_5 .fc {
background-color: #ffffff;
}
#footer.variant_6 #leftFooter,
#footer.variant_6 #rightFooter,
#footer.variant_6 #footerBottom,
#footer.variant_6 .fc {
background-color: #142236;
}
#footer.variant_7 #leftFooter,
#footer.variant_7 #rightFooter,
#footer.variant_7 #footerBottom,
#footer.variant_7 .fc {
background-color: #24433c;
}
#footer.variant_8 #leftFooter,
#footer.variant_8 #rightFooter,
#footer.variant_8 #footerBottom,
#footer.variant_8 .fc {
background-color: #4e0838;
}
#footer.variant_5 #footerBottom {
border-top: 1px solid #f1f1f1;
}
#footer.variant_6 #footerBottom {
border-top: 1px solid rgb(255 255 255 / 10%);
}
#footer.variant_7 #footerBottom,
#footer.variant_8 #footerBottom {
border-top: 1px solid rgb(0 0 0 / 10%);
}
#footer.variant_4 #footerBottom {
border-top: 1px solid rgb(0 0 0 / 10%);
}
#footer.variant_3 #footerBottom {
border-top: 1px solid rgb(0 0 0 / 10%);
}
#footer.variant_2 #footerBottom {
border-top: 1px solid rgb(0 0 0 / 10%);
}
#footer.variant_4 #leftFooter a,
#footer.variant_5 #leftFooter a {
color: #000000;
}
#footer.variant_4 #leftFooter a:active {
position: relative;
top: 1px;
}
#footer.variant_2 #leftFooter a {
color: #ffffff;
}
#footer.variant_2 #leftFooter a:hover,
#footer.variant_2 #leftFooter .selected {
opacity: 0.8;
}
#footer.variant_2 #rightFooter .telephone,
#footer.variant_2 #rightFooter .showMap {
color: #ffffff;
}
#footer.variant_2 #rightFooter .showMap:hover {
opacity: 0.8;
}
#footer.variant_3 #leftFooter .heading {
border-bottom: 1px solid rgb(0 0 0 / 10%);
}
#footer.variant_3 #leftFooter ul li {
border-top: 1px solid rgb(0 0 0 / 10%);
}
#footer.variant_2 #leftFooter .heading,
#footer.variant_4 #leftFooter .heading,
#footer.variant_5 #leftFooter .heading,
#footer.variant_7 #leftFooter .heading,
#footer.variant_8 #leftFooter .heading {
border-bottom: 1px solid rgb(0 0 0 / 10%);
}
#footer.variant_2 #leftFooter ul li,
#footer.variant_4 #leftFooter ul li,
#footer.variant_5 #leftFooter ul li,
#footer.variant_7 #leftFooter ul li,
#footer.variant_8 #leftFooter ul li {
border-top: 1px solid rgb(0 0 0 / 10%);
}
#footer.variant_2 #leftFooter ul li:first-child,
#footer.variant_3 #leftFooter ul li:first-child,
#footer.variant_4 #leftFooter ul li:first-child,
#footer.variant_5 #leftFooter ul li:first-child,
#footer.variant_7 #leftFooter ul li:first-child,
#footer.variant_8 #leftFooter ul li:first-child {
border-top: 0;
}
#footer.variant_4 #rightFooter,
#footer.variant_4 #rightFooter p,
#footer.variant_4 #rightFooter .list li,
#footer.variant_4 #rightFooter .email {
color: #000000;
}
#footer.variant_5 #rightFooter,
#footer.variant_5 #rightFooter p,
#footer.variant_5 #rightFooter .list li,
#footer.variant_5 #rightFooter .email {
color: #000000;
}
#footer.variant_2 #rightFooter,
#footer.variant_2 #rightFooter p,
#footer.variant_2 #rightFooter .list li,
#footer.variant_2 #rightFooter .email {
color: #ffffff;
}
#footer.variant_2 #rightFooter .email a,
#footer.variant_4 #rightFooter .email a,
#footer.variant_5 #rightFooter .email a {
transition: all 0.2s ease-in-out;
}
#footer.variant_2 #rightFooter .hr,
#footer.variant_4 #rightFooter .hr,
#footer.variant_5 #rightFooter .hr,
#footer.variant_7 #rightFooter .hr,
#footer.variant_8 #rightFooter .hr {
border-top: 1px solid rgb(0 0 0 / 10%);
}
#footer.variant_2 #footerBottom .sn .vk,
#footer.variant_3 #footerBottom .sn .vk {
background: url("/bitrix/templates/dresscodeV2/images/snC.svg") 0 0 no-repeat transparent;
}
#footer.variant_4 #footerBottom .sn .vk,
#footer.variant_5 #footerBottom .sn .vk {
background: url("/bitrix/templates/dresscodeV2/images/snW.svg") 0 0 no-repeat transparent;
}
#footer.variant_2 #footerBottom .sn .fb,
#footer.variant_3 #footerBottom .sn .fb {
background: url("/bitrix/templates/dresscodeV2/images/snC.svg") -60px 0 no-repeat transparent;
}
#footer.variant_4 #footerBottom .sn .fb,
#footer.variant_5 #footerBottom .sn .fb {
background: url("/bitrix/templates/dresscodeV2/images/snW.svg") -60px 0 no-repeat transparent;
}
#footer.variant_2 #footerBottom .sn .od,
#footer.variant_3 #footerBottom .sn .od {
background: url("/bitrix/templates/dresscodeV2/images/snC.svg") -120px 0 no-repeat transparent;
}
#footer.variant_4 #footerBottom .sn .od,
#footer.variant_5 #footerBottom .sn .od {
background: url("/bitrix/templates/dresscodeV2/images/snW.svg") -120px 0 no-repeat transparent;
}
#footer.variant_2 #footerBottom .sn .tw,
#footer.variant_3 #footerBottom .sn .tw {
background: url("/bitrix/templates/dresscodeV2/images/snC.svg") -180px 0 no-repeat transparent;
}
#footer.variant_4 #footerBottom .sn .tw,
#footer.variant_5 #footerBottom .sn .tw {
background: url("/bitrix/templates/dresscodeV2/images/snW.svg") -180px 0 no-repeat transparent;
}
#footer.variant_2 #footerBottom .sn .go,
#footer.variant_3 #footerBottom .sn .go {
background: url("/bitrix/templates/dresscodeV2/images/snC.svg") -240px 0 no-repeat transparent;
}
#footer.variant_4 #footerBottom .sn .go,
#footer.variant_5 #footerBottom .sn .go {
background: url("/bitrix/templates/dresscodeV2/images/snW.svg") -240px 0 no-repeat transparent;
}
#footer.variant_2 #footerBottom .sn .yo,
#footer.variant_3 #footerBottom .sn .yo {
background: url("/bitrix/templates/dresscodeV2/images/snC.svg") -300px 0 no-repeat transparent;
}
#footer.variant_4 #footerBottom .sn .yo,
#footer.variant_5 #footerBottom .sn .yo {
background: url("/bitrix/templates/dresscodeV2/images/snW.svg") -300px 0 no-repeat transparent;
}
#footer.variant_2 #footerBottom .sn .telegram,
#footer.variant_3 #footerBottom .sn .telegram {
background: url("/bitrix/templates/dresscodeV2/images/snC.svg") -420px 0 no-repeat transparent;
}
#footer.variant_4 #footerBottom .sn .telegram,
#footer.variant_5 #footerBottom .sn .telegram {
background: url("/bitrix/templates/dresscodeV2/images/snW.svg") -420px 0 no-repeat transparent;
}
#footer.variant_2 #footerBottom .sn .whatsapp,
#footer.variant_3 #footerBottom .sn .whatsapp {
background: url("/bitrix/templates/dresscodeV2/images/snC.svg") -480px 0 no-repeat transparent;
}
#footer.variant_4 #footerBottom .sn .whatsapp,
#footer.variant_5 #footerBottom .sn .whatsapp {
background: url("/bitrix/templates/dresscodeV2/images/snW.svg") -480px 0 no-repeat transparent;
}
#footer.variant_2 #footerBottom .sn .rutube,
#footer.variant_3 #footerBottom .sn .rutube {
background: url("/bitrix/templates/dresscodeV2/images/snC.svg") -540px 0 no-repeat transparent;
}
#footer.variant_4 #footerBottom .sn .rutube,
#footer.variant_5 #footerBottom .sn .rutube {
background: url("/bitrix/templates/dresscodeV2/images/snW.svg") -540px 0 no-repeat transparent;
}
#footer.variant_2 #footerBottom .sn .dzen,
#footer.variant_3 #footerBottom .sn .dzen {
background: url("/bitrix/templates/dresscodeV2/images/snC.svg") -600px 0 no-repeat transparent;
}
#footer.variant_4 #footerBottom .sn .dzen,
#footer.variant_5 #footerBottom .sn .dzen {
background: url("/bitrix/templates/dresscodeV2/images/snW.svg") -600px 0 no-repeat transparent;
}
#footer.variant_2 #footerBottom .sn .viber,
#footer.variant_3 #footerBottom .sn .viber {
background: url("/bitrix/templates/dresscodeV2/images/snC.svg") -660px 0 no-repeat transparent;
}
#footer.variant_4 #footerBottom .sn .viber,
#footer.variant_5 #footerBottom .sn .viber {
background: url("/bitrix/templates/dresscodeV2/images/snW.svg") -660px 0 no-repeat transparent;
}
#footer.variant_2 #footerBottom .sn .tiktok,
#footer.variant_3 #footerBottom .sn .tiktok {
background: url("/bitrix/templates/dresscodeV2/images/snC.svg") -720px 0 no-repeat transparent;
}
#footer.variant_4 #footerBottom .sn .tiktok,
#footer.variant_5 #footerBottom .sn .tiktok {
background: url("/bitrix/templates/dresscodeV2/images/snW.svg") -720px 0 no-repeat transparent;
}
#footer.variant_2 #footerBottom .sn .vk:hover,
#footer.variant_3 #footerBottom .sn .vk:hover,
#footer.variant_4 #footerBottom .sn .vk:hover,
#footer.variant_5 #footerBottom .sn .vk:hover {
background-position: 0 -60px;
}
#footer.variant_2 #footerBottom .sn .fb:hover,
#footer.variant_3 #footerBottom .sn .fb:hover,
#footer.variant_4 #footerBottom .sn .fb:hover,
#footer.variant_5 #footerBottom .sn .fb:hover {
background-position: -60px -60px;
}
#footer.variant_2 #footerBottom .sn .od:hover,
#footer.variant_3 #footerBottom .sn .od:hover,
#footer.variant_4 #footerBottom .sn .od:hover,
#footer.variant_5 #footerBottom .sn .od:hover {
background-position: -120px -60px;
}
#footer.variant_2 #footerBottom .sn .tw:hover,
#footer.variant_3 #footerBottom .sn .tw:hover,
#footer.variant_4 #footerBottom .sn .tw:hover,
#footer.variant_5 #footerBottom .sn .tw:hover {
background-position: -180px -60px;
}
#footer.variant_2 #footerBottom .sn .go:hover,
#footer.variant_3 #footerBottom .sn .go:hover,
#footer.variant_4 #footerBottom .sn .go:hover,
#footer.variant_5 #footerBottom .sn .go:hover {
background-position: -240px -60px;
}
#footer.variant_2 #footerBottom .sn .yo:hover,
#footer.variant_3 #footerBottom .sn .yo:hover,
#footer.variant_4 #footerBottom .sn .yo:hover,
#footer.variant_5 #footerBottom .sn .yo:hover {
background-position: -300px -60px;
}
#footer.variant_2 #footerBottom .sn .telegram:hover,
#footer.variant_3 #footerBottom .sn .telegram:hover,
#footer.variant_4 #footerBottom .sn .telegram:hover,
#footer.variant_5 #footerBottom .sn .telegram:hover {
background-position: -420px -60px;
}
#footer.variant_2 #footerBottom .sn .whatsapp:hover,
#footer.variant_3 #footerBottom .sn .whatsapp:hover,
#footer.variant_4 #footerBottom .sn .whatsapp:hover,
#footer.variant_5 #footerBottom .sn .whatsapp:hover {
background-position: -480px -60px;
}
#footer.variant_2 #footerBottom .sn .rutube:hover,
#footer.variant_3 #footerBottom .sn .rutube:hover,
#footer.variant_4 #footerBottom .sn .rutube:hover,
#footer.variant_5 #footerBottom .sn .rutube:hover {
background-position: -540px -60px;
}
#footer.variant_2 #footerBottom .sn .dzen:hover,
#footer.variant_3 #footerBottom .sn .dzen:hover,
#footer.variant_4 #footerBottom .sn .dzen:hover,
#footer.variant_5 #footerBottom .sn .dzen:hover {
background-position: -600px -60px;
}
#footer.variant_2 #footerBottom .sn .viber:hover,
#footer.variant_3 #footerBottom .sn .viber:hover,
#footer.variant_4 #footerBottom .sn .viber:hover,
#footer.variant_5 #footerBottom .sn .viber:hover {
background-position: -660px -60px;
}
#footer.variant_2 #footerBottom .sn .tiktok:hover,
#footer.variant_3 #footerBottom .sn .tiktok:hover,
#footer.variant_4 #footerBottom .sn .tiktok:hover,
#footer.variant_5 #footerBottom .sn .tiktok:hover {
background-position: -720px -60px;
}
#footer.variant_2 .sn li:first-child,
#footer.variant_3 .sn li:first-child,
#footer.variant_4 .sn li:first-child,
#footer.variant_5 .sn li:first-child,
#footer.variant_7 .sn li:first-child {
border-left: 1px solid rgb(0 0 0 / 10%);
}
#footer.variant_2 .sn li,
#footer.variant_3 .sn li,
#footer.variant_4 .sn li,
#footer.variant_5 .sn li,
#footer.variant_7 .sn li {
border-right: 1px solid rgb(0 0 0 / 10%);
}
#catalogColumn #catalogLineList .description {
display: none;
}
#catalogColumn #catalogLineList .prop {
width: 100%;
}
#catalogColumn #catalogTableList .column:nth-child(3),
#catalogColumn #catalogTableList .column:nth-child(4) {
display: none;
}
#catalogLine {
height: 55px;
margin-bottom: 24px;
padding: 0 12px;
line-height: 55px;
border-radius: 4px;
}
#catalogLine .column {
display: inline-block;
margin-left: 12px;
}
#catalogLine .oFilter {
display: none;
margin-right: 48px;
}
#catalogLine .oSmartFilter .ico {
display: inline-block;
width: 15px;
height: 11px;
margin-top: -2px;
padding-right: 12px;
vertical-align: middle;
background: url("/bitrix/templates/dresscodeV2/images/filterIco.png") 0 0 no-repeat transparent;
}
#catalogLine .column:first-child {
margin-left: 0;
}
#catalogLine .column:last-child {
float: right;
}
#catalogLine .label {
display: inline-block;
margin-right: 12px;
}
#catalogLine select {
height: 30px;
padding: 0 12px;
border-radius: 4px;
}
#catalogLine .viewList {
display: inline-block;
overflow: hidden;
vertical-align: middle;
}
#catalogLine .viewList .element {
float: left;
margin-left: 12px;
}
#catalogLine .viewList .element:first-child {
margin-left: 0;
}
#catalogLine .viewList .element a {
display: inline-block;
width: 30px;
height: 55px;
vertical-align: middle;
}
#catalogLine .viewList .element .squares {
background-position: 0 0;
}
#catalogLine .viewList .element .squares:hover {
background-position: -30px 0;
}
#catalogLine .viewList .element .squares.selected {
background-position: -60px 0;
}
#catalogLine .viewList .element .line {
background-position: 0 -55px;
}
#catalogLine .viewList .element .line:hover {
background-position: -30px -55px;
}
#catalogLine .viewList .element .line.selected {
background-position: -60px -55px;
}
#catalogLine .viewList .element .table {
background-position: 0 -110px;
}
#catalogLine .viewList .element .table:hover {
background-position: -30px -110px;
}
#catalogLine .viewList .element .table.selected {
background-position: -60px -110px;
}
#catalogLine .viewList .element .squares:active,
#catalogLine .viewList .element .table:active,
#catalogLine .viewList .element .line:active {
position: relative;
top: 1px;
}
.catalogLineSpecialTime {
margin-bottom: 12px;
color: #666d83;
font-size: 0;
line-height: 0;
}
.catalogLineSpecialTime .specialTimeItem {
display: inline-block;
box-sizing: border-box;
width: 48px;
height: 42px;
margin-left: 2px;
padding: 8px 0;
overflow: hidden;
line-height: 14px;
text-align: center;
background: #e0e0e0;
border-radius: 2px;
}
.catalogLineSpecialTime .specialTimeItem:first-child {
margin-left: 0;
}
.catalogLineSpecialTime .specialTimeItemValue {
font-size: 14px;
font-family: robotomedium;
}
.catalogLineSpecialTime .specialTimeItemlabel {
font-size: 12px;
font-family: "roboto_ltregular";
}
#rowFooter {
display: table;
width: 100%;
table-layout: fixed;
}
#leftFooter {
display: table-cell;
box-sizing: border-box;
width: 60%;
padding: 60px 0;
vertical-align: top;
}
#leftFooter .footerRow {
overflow: hidden;
list-style: none;
}
#leftFooter .column {
float: left;
box-sizing: border-box;
width: 33.33%;
padding-right: 48px;
}
#leftFooter .heading {
display: block;
margin-bottom: 6px;
padding-bottom: 12px;
font-size: 20px;
font-family: robotomedium;
}
#leftFooter ul {
margin: 0;
padding: 0;
list-style: none;
}
#leftFooter ul li:first-child {
border: 0;
}
#leftFooter a {
display: block;
padding: 6px 0;
font-size: 13px;
text-decoration: none;
transition: 0.2s all ease-in-out;
}
#rightFooter {
display: table-cell;
box-sizing: border-box;
width: 40%;
padding: 60px 0 24px 24px;
vertical-align: top;
}
#rightFooter .rightTable {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
#rightFooter .rightTable td {
vertical-align: top;
}
#rightFooter .rightColumn {
padding: 0 24px;
text-align: center;
}
#rightFooter .rightColumn .wrap {
display: inline-block;
text-align: left;
}
#rightFooter .list {
margin: 12px 0;
padding: 0;
list-style: none;
}
#rightFooter .list li {
display: block;
margin-bottom: 8px;
font-size: 14px;
line-height: 21px;
list-style: none;
}
#rightFooter .email a {
text-decoration: none;
}
#rightFooter p {
display: block;
font-size: 14px;
}
#rightFooter .hr {
padding-top: 12px;
}
#rightFooter .telephone {
display: block;
margin-bottom: 24px;
font-size: 22px;
font-family: robotomedium;
}
#rightFooter .email {
display: block;
font-size: 18px;
}
#rightFooter .showMap {
display: block;
margin-top: 12px;
text-decoration: underline;
transition: all 0.2s ease-in-out;
}
#rightFooter .showMap:active {
position: relative;
top: 1px;
}
#rightFooter .logo img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
#footerBottom {
clear: both;
height: 60px;
overflow: hidden;
line-height: 60px;
}
#footerBottom .creator {
float: left;
margin-right: 24px;
}
#footerBottom .creator a {
display: block;
line-height: 60px;
}
#footerBottom .creator a:active {
position: relative;
top: 1px;
}
#footerBottom .creator img {
vertical-align: middle;
}
#footerBottom .social {
float: right;
}
#footerBottom ul {
margin: 0;
padding: 0;
list-style: none;
}
#appBasket {
position: fixed;
top: 0;
left: 0;
z-index: 1001;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 40%);
transition: 0.1s all ease-in-out;
}
#appBasketContainer {
position: absolute;
top: 50%;
left: 50%;
width: 700px;
height: 400px;
margin-top: -200px;
margin-left: -350px;
}
#appBasket .heading {
position: relative;
font-size: 18px;
line-height: 60px;
text-align: center;
}
#appBasket .close {
position: absolute;
top: 20px;
right: 20px;
display: block;
width: 21px;
height: 21px;
}
#appBasket .container {
position: relative;
overflow: hidden;
}
#appBasket .markerContainer {
position: absolute;
top: 8px;
left: 8px;
z-index: 2;
}
#appBasket .rating {
position: absolute;
top: 12px;
right: 12px;
z-index: 2;
width: 79px;
}
#appBasket .rating i {
position: absolute;
top: 0;
left: 0;
display: block;
width: 79px;
height: 15px;
background: url("/bitrix/templates/dresscodeV2/images/rating.svg") repeat 0 0 transparent;
}
#appBasket .rating i.m {
z-index: 10;
width: 0;
background: url("/bitrix/templates/dresscodeV2/images/rating.svg") repeat 0 -15px transparent;
}
#appBasket .markerContainer .marker {
z-index: 2;
margin-bottom: 8px;
padding: 3px 4px;
font:
normal normal 12px "roboto_ltregular",
arial,
sans-serif;
line-height: 16px;
}
#appBasket .picture {
position: relative;
float: left;
width: 300px;
height: 280px;
line-height: 280px;
text-align: center;
}
#appBasket .picture:active {
position: relative;
top: 1px;
}
#appBasket .picture img {
max-width: 90%;
max-height: 90%;
vertical-align: middle;
}
#appBasket .information {
line-height: 280px;
}
#appBasket .information .wrapper {
display: inline-block;
line-height: 21px;
vertical-align: middle;
}
#appBasket .name {
display: block;
max-width: 300px;
margin-bottom: 18px;
font-size: 14px;
text-decoration: none;
transition: 0.1s all ease-in-out;
}
#appBasket .price {
display: block;
margin-bottom: 18px;
font-size: 18px;
font-family: robotobold;
}
#appBasket .price .discount {
padding-left: 8px;
font-size: 14px;
font-family: "roboto_ltregular";
}
#appBasket .qtyBlock {
margin-bottom: 18px;
overflow: hidden;
}
#appBasket .qtyBlock .label {
padding-right: 4px;
}
#appBasket .plus,
#appBasket .minus {
display: inline-block;
width: 19px;
height: 19px;
vertical-align: middle;
}
#appBasket .qty {
display: inline-block;
box-sizing: border-box;
width: 40px;
height: 19px;
margin: 0 2px;
padding: 0 2px;
font-size: 12px;
text-align: center;
vertical-align: middle;
border: 0;
}
#appBasket .qty.error {
border: 1px solid #ff0000;
}
#appBasket .sum {
height: 50px;
padding: 0 24px;
font-size: 18px;
font-family: robotobold;
line-height: 50px;
}
#appBasket .sum .discount {
padding-left: 8px;
font-size: 14px;
font-family: "roboto_ltregular";
}
#appBasket .lower {
height: 60px;
overflow: hidden;
line-height: 60px;
}
#appBasket .lower .tools {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
}
#appBasket .lower .tools .av:hover {
background: unset;
}
#appBasket .lower tbody {
vertical-align: top;
}
#appBasket .lower .tools td {
padding: 0;
}
#appBasket .lower .tools .icon {
width: 70px;
height: 60px;
line-height: 60px;
text-align: center;
vertical-align: top;
transition: 0.1s all ease-in-out;
}
#appBasket .lower .tools .icon a {
display: block;
color: transparent;
text-decoration: none;
}
#appBasket .lower .tools .icon .ico {
display: inline-block;
width: 17px;
height: 16px;
vertical-align: middle;
}
#appBasket .lower .tools .addCompare .ico {
background: url("/bitrix/templates/dresscodeV2/images/compare.svg") 0 0 no-repeat transparent;
}
#appBasket .lower .tools .addCompare.added .ico {
background: url("/bitrix/templates/dresscodeV2/images/compareActive.svg") 0 0 no-repeat transparent;
}
#appBasket .lower .tools .addWishlist .ico {
background: url("/bitrix/templates/dresscodeV2/images/wishlist.svg") 0 0 no-repeat transparent;
}
#appBasket .lower .tools .addWishlist.added .ico {
background: url("/bitrix/templates/dresscodeV2/images/wishlistActive.svg") 0 0 no-repeat transparent;
}
#appBasket .lower .tools .inStock {
text-decoration: none !important;
}
#appBasket .lower .tools .inStock .ico {
background: url("/bitrix/templates/dresscodeV2/images/inStock.svg") 0 0 no-repeat transparent;
border: 0 !important;
}
#appBasket .lower .tools .outOfStock .ico {
background: url("/bitrix/templates/dresscodeV2/images/outOfStock.svg") 0 0 no-repeat transparent;
}
#appBasket .lower .tools .onOrder .ico {
background: url("/bitrix/templates/dresscodeV2/images/onOrder.svg") 0 0 no-repeat transparent;
}
#appBasket .lower .tools .delete .ico {
background: url("/bitrix/templates/dresscodeV2/images/delete.svg") 0 0 no-repeat transparent;
}
#appBasket .lower .tools .continue {
width: 50%;
text-align: center;
}
#appBasket .lower .tools .continue,
#appBasket .lower .tools .goToBasket {
transition: 0.1s all ease-in-out;
}
#appBasket .lower .tools .continue a,
#appBasket .lower .tools .goToBasket a {
display: block;
font-size: 14px;
line-height: 60px;
text-decoration: none;
}
#appBasket .lower .tools .continue .text,
#appBasket .lower .tools .goToBasket .text {
display: inline-block;
margin-top: 2px;
}
#appBasket .lower .tools .goToBasket img {
margin-top: -3px;
}
#appBasket .lower .tools .continue img,
#appBasket .lower .tools .goToBasket img {
padding-right: 12px;
vertical-align: middle;
}
#appBasket .lower .tools .goToBasket {
width: 50%;
text-align: center;
}
#appFastBuy {
position: fixed;
top: 0;
left: 0;
z-index: 1001;
display: none;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 40%);
transition: 0.1s all ease-in-out;
}
#appFastBuyContainer {
position: absolute;
top: 50%;
left: 50%;
display: flex;
flex-direction: column;
align-items: center;
width: 700px;
height: 430px;
margin-top: -215px;
margin-left: -350px;
overflow: hidden;
background-color: #ffffff;
box-shadow: 1px 1px 12px rgb(60 60 60 / 30%);
}
#appFastBuyContainer .column {
float: left;
box-sizing: border-box;
/* padding: 0 24px; */
width: 380px;
margin-top: 24px;
}
#appFastBuyContainer .column:first-child {
width: 320px;
text-align: center;
}
#appFastBuyContainer .heading {
position: relative;
width: 100%;
height: 60px;
font-size: 18px;
line-height: 60px;
text-align: center;
}
#appFastBuyContainer .title {
display: block;
margin-right: 24px;
margin-bottom: 12px;
font-size: 16px;
text-align: center;
}
#appFastBuyContainer .formLine {
margin-bottom: 12px;
}
#appFastBuyContainer input {
box-sizing: border-box;
width: 354px;
height: 50px;
padding-left: 12px;
font-family: "roboto_ltregular";
border: 0;
border-radius: 4px;
transition: all 0.2s ease-in-out;
}
#appFastBuyContainer input[type="checkbox"] {
display: inline-block;
width: 14px;
height: 14px;
margin-top: 0;
margin-right: 6px;
vertical-align: middle;
}
#appFastBuyContainer input[type="checkbox"].error + label {
border-bottom: 1px solid #ff0000 !important;
}
#appFastBuyContainer textarea {
box-sizing: border-box;
width: 354px;
height: 60px;
padding-top: 12px;
padding-left: 12px;
font-family: "roboto_ltregular";
border: 0;
border-radius: 4px;
transition: all 0.2s ease-in-out;
resize: none;
}
#appFastBuyContainer input:focus,
#appFastBuyContainer textarea:focus {
outline: none;
}
#appFastBuyContainer #fastBuyFormSubmit {
display: block;
width: 354px;
height: 50px;
font-size: 14px;
line-height: 50px;
text-align: center;
text-decoration: none;
border-radius: 4px;
transition: all 0.2s ease-in-out;
}
#appFastBuyContainer #fastBuyFormSubmit:active {
position: relative;
top: 1px;
}
#appFastBuyContainer #fastBuyFormSubmit.loading {
text-indent: 12px;
opacity: 0.9;
transition: background 0s !important;
}
#appFastBuyContainer #fastBuyFormSubmit.loading img {
display: none;
}
#appFastBuyContainer #fastBuyFormSubmit img {
margin-top: -2px;
padding-right: 4px;
vertical-align: middle;
}
#appFastBuyContainer .markerContainer {
position: absolute;
top: 0;
left: 12px;
}
#appFastBuyContainer #fastBuyResult {
box-sizing: border-box;
margin: auto 0;
padding: 0 24px;
}
#fastBuyResult #fastBuyResultTitle {
margin-top: 24px;
font-size: 16px;
text-align: center;
}
#fastBuyResult #fastBuyResultMessage {
margin-top: 24px;
text-align: center;
}
#fastBuyResult #fastBuyResultClose {
display: block;
width: 254px;
height: 50px;
margin: 24px auto;
font-size: 14px;
line-height: 50px;
text-align: center;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
#fastBuyResult #fastBuyResultClose:active {
position: relative;
top: 1px;
}
#appFastBuyContainer .marker {
z-index: 2;
margin-bottom: 8px;
padding: 3px 4px;
font:
normal normal 12px "roboto_ltregular",
arial,
sans-serif;
line-height: 16px;
}
#appFastBuyContainer .name {
display: block;
height: 44px;
margin-bottom: 12px;
overflow: hidden;
font-size: 14px;
line-height: 44px;
text-decoration: none;
transition: 0.2s all ease-in-out;
}
#appFastBuyContainer .middle {
display: inline-block;
line-height: 21px;
vertical-align: middle;
}
#appFastBuyContainer .price {
display: block;
margin-bottom: 12px;
font-size: 18px;
font-family: robotobold;
text-decoration: none;
}
#appFastBuyContainer .price .discount {
padding-left: 4px;
font-size: 14px;
font-family: "roboto_ltregular";
}
#appFastBuyContainer #fastBuyName {
padding: 0 24px;
}
#appFastBuyContainer #fastBuyPicture {
position: relative;
display: block;
height: 230px;
margin-bottom: 12px;
line-height: 230px;
text-align: center;
transition: all 0.5s ease-in-out;
}
#appFastBuyContainer #fastBuyPicture .url {
display: block;
height: 230px;
line-height: 230px;
text-align: center;
}
#appFastBuyContainer #fastBuyPicture .picture {
max-width: 90%;
max-height: 90%;
vertical-align: middle;
}
#appFastBuy .close {
position: absolute;
top: 20px;
right: 20px;
display: block;
width: 21px;
height: 21px;
background: url("/bitrix/templates/dresscodeV2/images/exit.svg") 0 0 no-repeat transparent;
}
#appFastBuy .close:hover {
background-position: 0 -21px;
}
#appFastBuy .close:active {
background-position: 0 -42px;
}
#appFastView {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
height: 100%;
overflow: auto;
background: rgb(0 0 0 / 40%);
transition: 0.1s all ease-in-out;
/* display: none; */
}
#appFastView .appFastViewContainer {
position: absolute;
top: 50%;
left: 50%;
width: 1000px;
height: 570px;
margin-top: -285px;
margin-left: -500px;
background-color: #ffffff;
box-shadow: 1px 1px 12px rgb(60 60 60 / 30%);
animation-name: zoomIn;
animation-duration: 0.2s;
animation-fill-mode: both;
}
#appFastView .appFastViewColumnContainer {
height: 490px;
}
#appFastView .appFastViewPictureColumn {
position: relative;
float: left;
width: 336px;
height: 490px;
}
#appFastView .appFastViewDescriptionColumn {
position: relative;
float: left;
width: 410px;
height: 100%;
overflow: hidden;
}
#appFastView .appFastViewDescriptionColumnContainer {
position: absolute;
left: 24px;
box-sizing: border-box;
width: 100%;
height: 100%;
padding-top: 24px;
padding-right: 24px;
overflow: hidden scroll;
}
#appFastView .appFastViewDescriptionColumn::after {
position: absolute;
bottom: 0;
display: block;
width: 100%;
height: 50px;
background: linear-gradient(top, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 100%) 100%);
background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 100%) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
content: "";
pointer-events: none;
}
#appFastView .appFastViewInformationColumn {
position: relative;
float: left;
box-sizing: border-box;
width: 251px;
height: 100%;
padding: 6px 24px 0;
background-color: #ffffff;
border-left: 1px solid #f3f3f3;
}
#appFastView .markerContainer {
position: absolute;
top: 12px;
left: 12px;
z-index: 88;
color: #ffffff;
}
#appFastView .marker {
z-index: 2;
margin-bottom: 8px;
padding: 3px 4px;
font:
normal normal 12px "roboto_ltregular",
arial,
sans-serif;
line-height: 16px;
}
#appFastView .appFastViewPictureSlider,
#appFastView .appFastViewPictureCarousel,
#appFastView .appFastViewPictureSliderItems,
#appFastView .appFastViewPictureCarouselItems {
position: relative;
overflow: hidden;
transition: left 0.2s ease-in-out;
}
#appFastView .appFastViewPictureSliderItems,
#appFastView .appFastViewPictureCarouselItems {
left: 0;
}
#appFastView .appFastViewPictureCarouselItems {
padding-bottom: 12px;
}
#appFastView .appFastViewPictureCarousel {
box-sizing: border-box;
margin: 0 24px;
padding: 0 12px 12px;
}
#appFastView .appFastViewPictureSliderItem,
#appFastView .appFastViewPictureCarouselItem {
float: left;
text-align: center;
}
#appFastView .appFastViewPictureSliderItem {
height: 380px;
line-height: 380px;
}
#appFastView .appFastViewPictureSliderItemLayout {
display: inline-block;
line-height: 0;
vertical-align: middle;
}
#appFastView .appFastViewPictureCarouselItem {
height: 60px;
line-height: 60px;
}
#appFastView .appFastViewPictureSliderItemPicture,
#appFastView .appFastViewPictureCarouselItemPicture {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
#appFastView .appFastViewPictureCarouselLeftButton,
#appFastView .appFastViewPictureCarouselRightButton {
position: absolute;
top: 50%;
z-index: 99;
width: 14px;
height: 16px;
margin-top: -14px;
background: url("/bitrix/templates/dresscodeV2/images/carouselArrowSmall.png") 0 0 no-repeat transparent;
opacity: 0.5;
}
#appFastView .appFastViewPictureCarouselLeftButton:hover,
#appFastView .appFastViewPictureCarouselRightButton:hover {
opacity: 0.8;
}
#appFastView .appFastViewPictureCarouselLeftButton:active,
#appFastView .appFastViewPictureCarouselRightButton:active {
opacity: 1;
}
#appFastView .appFastViewPictureCarouselLeftButton:active {
left: 1px;
}
#appFastView .appFastViewPictureCarouselRightButton:active {
right: 1px;
}
#appFastView .appFastViewPictureCarouselLeftButton {
left: 0;
}
#appFastView .appFastViewPictureCarouselRightButton {
right: 0;
background-position: -14px 0;
}
#appFastView .appFastViewPictureSliderItemLink,
#appFastView .appFastViewPictureCarouselItemLink {
transition: all 0.2s ease-in-out;
}
#appFastView .appFastViewPictureSliderItemLink img {
transition: all 0.2s ease-in-out;
}
#appFastView .appFastViewPictureSliderItemLink {
position: relative;
display: inline-block;
height: auto;
/* overflow: hidden; */
line-height: 0;
}
#appFastView .appFastViewPictureCarouselItemLink {
position: relative;
display: block;
height: 60px;
opacity: 0.3;
}
#appFastView .appFastViewPictureSliderItemLink:hover img,
#appFastView .appFastViewPictureCarouselItemLink:hover {
opacity: 0.9;
}
#appFastView .appFastViewPictureCarouselItemLink.active {
position: relative;
opacity: 1;
pointer-events: none;
}
#appFastView .appFastViewPictureCarouselItemLink.active:hover {
opacity: 1;
}
#appFastView .appFastViewPictureSliderItemLink:active,
#appFastView .appFastViewPictureCarouselItemLink:active {
position: relative;
top: 1px;
}
#appFastView .appFastViewPictureCarouselItemLink.active::after {
position: absolute;
bottom: -4px;
left: 50%;
display: block;
width: 20%;
height: 2px;
background: rgb(0 0 0 / 100%);
transform: translateX(-50%);
content: "";
}
#appFastView .appFastViewPictureLoupe {
position: absolute;
top: -9999px;
left: -9999px;
width: 150px;
height: 150px;
margin-top: -75px;
margin-left: -75px;
background-repeat: no-repeat;
border: 1px solid #000000;
border-radius: 50%;
cursor: crosshair;
}
#appFastView .appFastViewHeading {
position: relative;
color: #000000;
font-size: 18px;
line-height: 60px;
text-align: center;
background-color: #ffffff;
border-bottom: 1px solid #f3f3f3;
}
#appFastView .appFastViewProductHeading {
font-size: 21px;
font-family: robotomedium;
line-height: 33px;
}
#appFastView .appFastViewProductHeading a {
color: #000000;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
#appFastView .appFastViewProductHeading a:hover {
color: #555555;
}
#appFastView .appFastViewProductHeading a:active {
position: relative;
top: 1px;
}
/* #appFastView .appFastViewProductHeading .appFastViewProductHeadingLinkLayout{
border-bottom: 1px solid #dddddd;
padding-bottom: 4px;
}
*/
#appFastView .appFastSkuProductPropertiesHeading,
#appFastView .appFastViewProductPropertiesHeading {
margin-top: 24px;
font-size: 16px;
}
#appFastView .appFastViewProductPropertiesHeading {
margin-bottom: 12px;
}
#appFastView .propertyTable {
display: table;
width: 100%;
table-layout: fixed;
}
#appFastView .propertyTable {
font-size: 13px;
}
#appFastView .propertyTable .propertyName,
#appFastView .propertyTable .propertyValue {
position: relative;
display: table-cell;
padding: 4px 0;
overflow: hidden;
vertical-align: middle;
background-color: #ffffff;
}
#appFastView .propertyTable .propertyValue {
width: 40%;
padding-left: 12px;
}
#appFastView .propertyTable .propertyName::after {
position: absolute;
width: 100%;
height: 13px;
margin-left: 12px;
border-bottom: 1px dotted #cccccc;
content: "";
}
#appFastView .propertyTable .propertyValue a {
color: #555555;
transition: all 0.2s ease-in-out;
}
#appFastView .propertyTable .propertyValue a:hover {
color: #000000;
}
#appFastView .appFastViewDescription {
display: none;
}
#appFastView .appFastViewDescription.visible {
display: block;
}
#appFastView .appFastViewDescriptionHeading {
margin-top: 24px;
font-size: 16px;
}
#appFastView .appFastViewDescriptionText {
margin-top: 12px;
font-size: 13px;
line-height: 21px;
}
#appFastView .skuPropertyList {
margin: 0 0 0 -6px;
padding: 0;
overflow: hidden;
list-style: none;
}
#appFastView .skuProperty {
margin: 12px 0;
overflow: hidden;
}
#appFastView .skuProperty:last-child {
margin-bottom: 0 !important;
}
#appFastView .skuPropertyName {
padding-left: 2px;
font-size: 13px;
}
#appFastView .skuProperty li {
float: left;
box-sizing: border-box;
min-width: 18%;
margin-top: 12px;
padding: 0 6px;
overflow: hidden;
}
#appFastView .skuProperty .selected .skuPropertyLink {
position: relative;
pointer-events: none;
}
#appFastView .skuProperty .disabled {
display: none;
}
#appFastView .skuPropertyLink {
display: block;
min-height: 28px;
padding: 4px 6px;
line-height: 28px;
text-align: center;
text-decoration: none;
border-radius: 4px;
transition: all 0.2s ease-in-out;
}
#appFastView .skuPropertyLink:hover {
opacity: 0.8;
}
#appFastView .skuPropertyList img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
#appFastView .skuProperty .selected .skuPropertyLink {
border: 1px solid #ff9601;
}
#appFastView .skuPropertyLink {
color: #000000;
border: 1px solid #dddddd;
}
#appFastView .oSkuDropDownProperty {
margin: 0;
overflow: visible;
}
#appFastView .oSkuDropDownProperty .oSkuDropdownListItem {
float: none;
box-sizing: content-box;
min-width: auto;
margin-top: 0;
padding: 0;
overflow: visible;
}
#appFastView .oSkuDropdown {
position: relative;
display: block;
width: 88%;
margin-top: 4px;
font-size: 13px;
line-height: 13px;
background-color: #ffffff;
border: 1px solid #e7e8ea;
border-radius: 2px;
user-select: none;
}
#appFastView .oSkuCheckedItem {
display: block;
padding: 12px 30px 12px 8px !important;
color: #000000;
background: url("/bitrix/templates/dresscodeV2/images/selectArrow.png") 97% 50% no-repeat transparent;
border-radius: 4px;
cursor: pointer;
}
#appFastView .oSkuCheckedItem:hover {
opacity: 0.8;
}
#appFastView .oSkuCheckedItem:active {
position: relative;
top: 1px;
}
#appFastView .oSkuDropdown label::before,
#appFastView .oSkuCheckboxList label::before {
display: none;
}
#appFastView .oSkuDropdownList {
position: absolute;
top: 42px;
right: 0;
left: 0;
z-index: 2;
margin: 0 -1px;
padding: 0;
list-style: none;
background-color: #ffffff;
border: 1px solid #e7e8ea;
visibility: hidden;
opacity: 0;
}
#appFastView .oSkuDropdownList.opened {
visibility: visible;
opacity: 1;
}
#appFastView .pics .oSkuDropdownList {
top: 52px;
}
#appFastView .oSkuDropdownList .skuPropertyValue {
position: relative;
display: block;
border-top: 1px solid #e7e8ea;
}
#appFastView .oSkuDropdownList .skuPropertyValue:first-child {
border-top: 0;
}
#appFastView .oSkuDropdownList .selected {
font-family: robotomedium;
box-shadow: 1px 1px 12px #f1f1f1 inset;
}
#appFastView .oSkuDropdownList .selected,
#appFastView .oSkuDropdownList .skuPropertyValue:hover {
color: #ffffff;
background-color: #f9f9f9;
cursor: pointer;
opacity: 0.8;
}
#appFastView .oSkuDropdownList .oSkuPropertyItemLink {
display: block;
min-height: 0;
padding: 12px 8px !important;
color: #000000;
font-size: 13px;
line-height: 18px;
text-align: left;
text-decoration: none;
border: 0;
}
#appFastView .oSkuDropdownList .oSkuDropdownListItem.selected .oSkuPropertyItemLink {
border: 0;
}
#appFastView .oSkuDropdownList .oSkuDropdownListItem.disabled {
display: none;
}
#appFastView .oSkuDropdownList .skuPropertyValue:active .oSkuPropertyItemLink,
#appFastView .oSkuDropdownList .oSkuPropertyItemLink:active {
position: relative;
top: 1px;
}
#appFastView .oSkuDropdownList .skuPropertyValue.loading::after {
left: 24px;
}
#appFastView .appFastViewExit {
position: absolute;
top: 20px;
right: 20px;
display: block;
width: 21px;
height: 21px;
background-image: url("/bitrix/templates/dresscodeV2/images/exit.svg");
}
#appFastView .appFastViewMoreLink {
position: relative;
z-index: 0;
display: inline-block;
margin-top: 24px;
margin-bottom: 24px;
color: #000000;
transition: all 0.2s ease-in-out;
}
#appFastView .appFastViewMoreLink:hover {
color: #555555;
}
#appFastView .appFastViewMoreLink:active {
position: relative;
top: 1px;
}
#appFastView .addCart {
display: block;
height: 60px;
margin-top: 12px;
margin-bottom: 16px;
color: #ffffff;
font-size: 16px;
line-height: 60px;
text-align: center;
text-decoration: none;
border-radius: 6px;
transition: all 0.2s ease-in-out;
}
#appFastView .catalogQtyBlock {
box-sizing: border-box;
margin-bottom: 18px;
padding: 0 0 0 12px;
background: #ffffff;
}
#appFastView .catalogQtyBlock .catalogQty {
display: inline-block;
width: 80px;
height: 40px;
font-size: 14px;
vertical-align: middle;
background-color: #ffffff;
border: 0;
}
#appFastView .catalogQtyBlock {
position: relative;
height: 46px;
padding-left: 18px;
line-height: 46px;
border: 1px solid #f3f3f3;
border-radius: 4px;
}
#appFastView .catalogQtyBlock .catalogMinus,
#appFastView .catalogQtyBlock .catalogPlus {
position: absolute;
top: 50%;
width: 30px;
height: 30px;
background-color: #f2f2f2;
background-repeat: no-repeat;
background-position: 50% 50%;
border-radius: 8px;
transform: translate(0%, -50%);
}
#appFastView .catalogQtyBlock .catalogMinus {
right: 54px;
background-image: url("/bitrix/templates/dresscodeV2/images/view-basket-add-minus.png");
}
#appFastView .catalogQtyBlock .catalogPlus {
right: 18px;
background-image: url("/bitrix/templates/dresscodeV2/images/view-basket-add-plus.png");
}
#appFastView .catalogQtyBlock .catalogQty.error {
color: #ff0000;
}
#appFastView .catalogQtyBlock .catalogMinus:hover,
#appFastView .catalogQtyBlock .catalogPlus:hover {
opacity: 0.8;
}
#appFastView .catalogQtyBlock .catalogMinus:active,
#appFastView .catalogQtyBlock .catalogPlus:active {
margin-top: 1px;
}
#appFastView .price {
position: relative;
display: block;
margin-top: 12px;
color: #000000;
font-size: 21px;
font-family: robotobold;
line-height: 28px;
text-decoration: none;
}
#appFastView .getPriceWindow {
line-height: 33px;
}
#appFastView .priceValue {
display: inline-block;
padding-bottom: 8px;
color: #000000;
border-bottom: 1px dashed #bbbbbb;
transition: all 0.2s ease-in-out;
}
#appFastView .priceValue:hover {
color: #333333;
}
#appFastView .priceValue:active {
position: relative;
top: 1px;
}
#appFastView .article {
margin-top: 12px;
color: #888888;
}
#appFastView .article.hidden {
display: none;
}
#appFastView .discount {
padding-left: 4px;
color: #888888;
font-size: 14px;
font-family: "roboto_ltregular";
}
#appFastView .price .oldPriceLabel {
display: block;
margin-top: 6px;
color: #888888;
font-size: 14px;
font-family: "roboto_ltregular";
text-decoration: none;
}
#appFastView .price .discount,
#appFastView .price .discount {
padding-left: 4px;
color: #888888;
font-size: 14px;
font-family: "roboto_ltregular";
}
#appFastView .icon {
display: inline-block;
vertical-align: middle;
}
#appFastView .addCart .icon {
margin-top: -4px;
padding-right: 12px;
}
#appFastView .rating {
position: relative;
z-index: 2;
display: inline-block;
width: 79px;
height: 15px;
margin-top: -4px;
margin-left: 6px;
overflow: hidden;
vertical-align: middle;
}
#appFastView .rating i {
position: absolute;
top: 0;
left: 0;
display: block;
width: 79px;
height: 15px;
background: url("/bitrix/templates/dresscodeV2/images/rating2.png") repeat 0 0 transparent;
}
#appFastView i.m {
z-index: 10;
width: 0;
background: url("/bitrix/templates/dresscodeV2/images/rating2.png") repeat 0 -14px transparent;
}
#appFastView .icon {
display: inline-block;
vertical-align: middle;
}
#appFastView .appFastViewInformationColumn .row {
position: relative;
margin-bottom: 12px;
}
#appFastView .appFastViewInformationColumn .row img {
margin-top: -4px;
padding-right: 6px;
vertical-align: middle;
}
#appFastView .appFastViewInformationColumn .label {
color: #000000;
font-size: 14px;
line-height: 21px;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
#appFastView .appFastViewInformationColumn a.label:hover {
color: #000000;
}
#appFastView .appFastViewInformationColumn a.label:active {
position: relative;
top: 1px;
}
#appFastView .appFastViewInformationColumn .getStoresWindow.inStock span {
padding-bottom: 2px;
}
.fastSpecialTime {
margin-top: 12px;
color: #ffffff;
font-size: 0;
line-height: 0;
}
.fastSpecialTime .specialTimeItem {
display: inline-block;
box-sizing: border-box;
width: 48px;
height: 42px;
margin-left: 2px;
padding: 8px 0;
overflow: hidden;
line-height: 14px;
text-align: center;
border-radius: 6px;
}
.fastSpecialTime .specialTimeItem:first-child {
margin-left: 0;
}
.fastSpecialTime .specialTimeItemValue {
font-size: 14px;
font-family: robotomedium;
line-height: 14px;
}
.fastSpecialTime .specialTimeItemlabel {
font-size: 12px;
font-family: "roboto_ltregular";
}
#personalCart input[name="BuyButton"] {
display: block;
margin-top: 24px;
margin-bottom: 24px;
}
#orderList,
#subscribeEdit {
margin-bottom: 36px;
}
#footerTabsCaption {
margin-top: 24px;
height: 85px;
line-height: 85px;
}
#footerTabsCaption .items {
overflow: hidden;
text-align: center;
}
#footerTabsCaption .item:last-child {
margin-right: 0;
}
#footerTabsCaption .item {
display: inline-block;
margin-right: 24px;
vertical-align: middle;
}
#footerTabsCaption .item a {
padding-bottom: 8px;
font-size: 16px;
font-family: robotobold;
text-transform: uppercase;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
#footerTabs {
overflow: hidden;
}
#footerTabs .wrapper,
#footerTabsCaption .wrapper {
min-width: 320px;
max-width: 1480px;
margin: auto;
}
#footerTabs .tab {
display: none;
}
#footerTabs .tab.selected {
display: block;
}
#footerTabs .product:hover .wrap,
#footerTabs .product:hover .tabloid,
#personalCart .product:hover .wrap,
#personalCart .product:hover .tabloid {
box-shadow: none;
}
#footerTabs .product:hover .tabloid {
border-color: transparent;
}
#personalCart .product:hover .tabloid {
border-bottom-color: #e7e8ea;
}
#footerLine {
position: fixed;
bottom: 0;
z-index: 999;
width: 100%;
height: 55px;
line-height: 55px;
/* display: none; */
}
#footerLine.color_white {
background-color: #ffffff;
border-color: #f3f3f3;
box-shadow: 1px 1px 12px rgb(0 0 0 / 25%);
}
#footerLine.color_theme {
border-color: transparent;
box-shadow: 1px 1px 12px rgb(0 0 0 / 35%);
}
#footerLine.color_white .item a {
color: #000000;
}
#footerLine.color_theme .item a {
color: #ffffff;
opacity: 0.7;
}
#footerLine.color_theme .col:first-child .item a {
opacity: 1;
}
#footerLine.color_theme .item .active {
color: #ffffff;
opacity: 1;
}
#footerLine.color_theme .item .active:hover {
color: #ffffff;
opacity: 0.85;
}
#footerLine.color_white .item a:hover,
#footerLine.color_theme .col:first-child .item a:hover {
opacity: 0.8;
}
#footerLine.color_white .item a:active {
position: relative;
top: 1px;
}
#footerLine.color_theme .col:first-child .item .callback:hover {
color: #ffffff;
opacity: 0.8;
}
#footerLine.color_white .item .compare .mark,
#footerLine.color_white .item .wishlist .mark,
#footerLine.color_white .item .cart .mark {
color: #666666;
background-color: #f6f6f6;
}
#footerLine.color_theme .item .compare .mark,
#footerLine.color_theme .item .wishlist .mark,
#footerLine.color_theme .item .cart .mark {
color: #222222;
background-color: #fcfcfc;
}
#footerLine.color_white .item .compare .icon,
#footerLine.color_white .item .wishlist .icon,
#footerLine.color_white .item .cart .icon {
opacity: 0.8;
}
#footerLine.color_theme .item .compare .icon {
background-image: url("/bitrix/templates/dresscodeV2/images/compareFooterMinC.svg");
}
#footerLine.color_theme .item .wishlist .icon {
background-image: url("/bitrix/templates/dresscodeV2/images/wishlistFooterMinC.svg");
}
#footerLine.color_theme .item .cart .icon {
background-image: url("/bitrix/templates/dresscodeV2/images/cartFooterMinC.svg");
}
#footerLine.color_theme .item .callback .icon {
background-image: url("/bitrix/templates/dresscodeV2/images/callbackFooterMinC.svg");
}
#footerLine.color_white .item .compare:hover,
#footerLine.color_white .item .wishlist:hover,
#footerLine.color_white .item .cart:hover,
#footerLine.color_white .item .compare:hover .mark,
#footerLine.color_white .item .wishlist:hover .mark,
#footerLine.color_white .item .cart:hover .mark {
color: #000000;
opacity: 1;
}
#footerLine.color_theme .item .compare:hover,
#footerLine.color_theme .item .wishlist:hover,
#footerLine.color_theme .item .cart:hover {
color: #ffffff;
opacity: 0.7;
}
#footerLine.color_white .item .compare.active:hover,
#footerLine.color_white .item .wishlist.active:hover,
#footerLine.color_white .item .cart.active:hover,
#footerLine.color_white .item .compare.active:hover .mark,
#footerLine.color_white .item .wishlist.active:hover .mark,
#footerLine.color_white .item .cart.active:hover .mark {
opacity: 0.8;
}
#footerLine .wrapper {
box-sizing: border-box;
padding: 0 24px;
}
#footerLine .col {
float: left;
width: 50%;
}
#footerLine .col:last-child {
text-align: right;
}
#footerLine .item .callback {
font-size: 14px;
text-transform: uppercase;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
#footerLine .item .callback .icon {
display: inline-block;
width: 21px;
height: 24px;
margin-top: -2px;
margin-right: 4px;
vertical-align: middle;
}
#footerLine .item .compare,
#footerLine .item .wishlist,
#footerLine .item .cart {
text-transform: uppercase;
}
#footerLine .item .compare .mark,
#footerLine .item .wishlist .mark,
#footerLine .item .cart .mark {
height: 20px;
margin-left: 12px;
padding: 2px 12px;
overflow: hidden;
line-height: 20px;
border-radius: 4px;
}
#footerLine .item .compare .icon,
#footerLine .item .wishlist .icon,
#footerLine .item .cart .icon {
display: inline-block;
width: 21px;
height: 24px;
margin-top: -2px;
margin-right: 12px;
vertical-align: middle;
}
#footerLine .item .cart .icon {
width: 26px;
}
#footerLine .item a {
font-size: 14px;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
#footerLine .item {
display: inline-block;
margin-right: 24px;
vertical-align: middle;
}
#footerLine .item a:active {
position: relative;
top: 1px;
}
#footerLine .item:last-child {
margin-right: 0;
}
#authMenu {
margin-bottom: 24px;
padding: 0;
overflow: hidden;
list-style: none;
}
#authMenu li {
float: left;
margin-right: 24px;
margin-bottom: 24px;
}
#authMenu li:last-child {
margin-right: 0;
}
#authMenu li a {
font-size: 16px;
text-transform: uppercase;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
#authMenu li a:active {
position: relative;
top: 1px;
}
#authMenu li .selected {
padding-bottom: 4px;
font-family: robotobold;
}
#empty {
overflow: hidden;
}
#empty .emptyWrapper {
padding-bottom: 24px;
overflow: hidden;
}
#empty .pictureContainer {
float: left;
margin-right: 24px;
}
#empty h3 {
margin: 0;
padding: 0;
font-weight: 400;
font-size: 16px;
font-family: robotobold;
text-transform: uppercase;
}
#empty p {
font-size: 14px;
}
#empty a {
font-size: 14px;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
#empty a:active {
position: relative;
}
#empty a img {
padding-right: 12px;
vertical-align: middle;
}
#empty .emptyTitle {
margin-top: 24px;
font-size: 14px;
font-family: robotobold;
text-transform: uppercase;
}
#empty .emptyMenu {
margin: 24px 0;
padding: 0;
overflow: hidden;
list-style: none;
}
#empty .emptyMenu li {
float: left;
width: 33.333333%;
margin-bottom: 12px;
}
#empty .back {
padding-bottom: 2px;
}
#empty .back:active {
position: relative;
top: 1px;
}
#overlap {
position: fixed;
top: 0;
left: 0;
z-index: 33;
display: none;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.8;
}
#searchOverlap {
position: fixed;
top: 0;
left: 0;
z-index: 98;
display: none;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.8;
}
#infoTabs {
padding-bottom: 36px;
}
#infoTabs .tab {
display: none;
}
#infoTabs .tab.selected {
display: block;
}
#infoTabsCaption {
height: 85px;
line-height: 85px;
}
#infoTabsCaption .items {
overflow: hidden;
text-align: center;
}
#infoTabsCaption .item {
display: inline-block;
margin-left: 24px;
vertical-align: middle;
}
#infoTabsCaption .item:first-child {
margin-left: 0;
}
#infoTabsCaption .item a {
padding-bottom: 8px;
font-size: 16px;
font-family: robotobold;
text-transform: uppercase;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
#catalogColumn {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
#catalogColumn #nextSection {
margin-top: 0;
}
#catalogColumn .leftColumn {
display: table-cell;
width: 355px;
padding-bottom: 24px;
vertical-align: top;
}
#catalogColumn .rightColumn {
display: table-cell;
padding-left: 24px;
vertical-align: top;
}
#catalogColumn #middleSlider {
margin-bottom: 24px;
}
#catalogColumn #middleSlider .limiter {
width: auto;
margin: 0;
padding: 0;
}
#nextSection .title {
font-size: 14px !important;
font-family: robotobold;
}
#catalogColumn .leftColumn .heading {
display: block;
height: 50px;
font-weight: 400;
font-size: 14px !important;
font-family: robotobold;
line-height: 50px;
text-decoration: none;
}
@media all and (max-width: 1300px) {
#catalogColumn #middleSlider {
display: none !important;
}
#catalogColumn .leftColumn {
width: 285px;
}
}
@media all and (max-width: 1024px) {
#catalogColumn .rightColumn,
#catalogColumn .leftColumn {
display: block;
width: auto;
}
#catalogColumn .rightColumn {
padding: 0;
}
#reformal_tab {
display: none !important;
}
#smartFilter .heading {
height: 46px;
line-height: 46px;
}
#catalogLine .oFilter {
display: inline-block;
}
#catalogColumn .leftColumn {
padding-bottom: 0;
}
#catalogColumn #smartFilter {
position: absolute;
z-index: 9999;
width: 300px;
margin-top: 70px;
background: #ffffff;
border: 0;
box-shadow: 1px 1px 12px rgb(0 0 0 / 20%);
visibility: hidden;
opacity: 0;
pointer-events: none;
}
#catalogColumn #smartFilter.opened {
visibility: visible;
opacity: 1;
/* -webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out; */
pointer-events: auto;
}
}
@media all and (max-width: 1024px) {
#catalogLine .oFilter {
margin-right: 12px;
}
}
/* CLASSES */
.ajaxContainer {
transition: all 0.5s ease-in-out;
}
.ajaxContainer.loading {
opacity: 0.5;
}
/* .mainService{
margin-top: 24px;
} */
.mainService.fullBg {
padding-bottom: 36px;
background-color: #ffffff;
}
.mainService .slideContainer {
position: relative;
margin: 0 -12px;
overflow: hidden;
}
.mainService .heading {
display: block;
height: 95px;
margin-bottom: 0 !important;
padding-left: 18px;
color: #000000;
font-size: 18px;
font-family: robotobold;
line-height: 95px;
text-align: center;
text-transform: uppercase;
}
.mainServiceContainer {
overflow: hidden;
}
.mainServiceContainer .items {
margin: 0;
padding: 0;
overflow: hidden;
list-style: none;
}
.mainServiceContainer .item {
float: left;
box-sizing: border-box;
padding: 0 12px;
}
.mainServiceContainer .item .wrap {
box-sizing: border-box;
padding: 0 24px;
background-color: #ffffff;
border: 1px solid #e7e8ea;
}
.mainServiceContainer .item .bigPicture {
height: 200px;
margin-top: 24px;
line-height: 200px;
text-align: center;
}
.mainServiceContainer .item .bigPicture a:active {
position: relative;
top: 1px;
}
.mainServiceContainer .item .bigPicture img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
transform: translate3d(0, 0, 0);
transition: all 0.2s ease-in-out;
}
.mainServiceContainer .item .bigPicture img:hover {
opacity: 0.9;
}
.mainServiceContainer .item .title {
margin-top: 24px;
}
.mainServiceContainer .item .title a {
display: block;
height: 44px;
overflow: hidden;
color: #000000;
font-size: 14px;
line-height: 44px;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
.mainServiceContainer .item .title a span {
display: inline-block;
line-height: 24px;
vertical-align: middle;
}
.mainServiceContainer .item .title a:active {
position: relative;
top: 1px;
}
.mainServiceContainer .item .newsDate {
margin-top: 12px;
color: #888888;
}
.mainServiceContainer .item .newsDate .pic {
margin-top: -4px;
padding-right: 4px;
vertical-align: middle;
}
.mainServiceContainer .item .description {
margin-top: 12px;
color: #888888;
font-size: 14px;
}
.mainServiceContainer .item .more {
display: inline-block;
margin-top: 12px;
margin-bottom: 24px;
padding: 4px 12px;
color: #ffffff;
text-decoration: none;
border-radius: 4px;
transition: all 0.2s ease-in-out;
}
.mainServiceContainer .item .more:active {
position: relative;
top: 1px;
}
.mainService .btnLeft,
.mainService .btnRight {
position: absolute;
top: 50%;
z-index: 22;
width: 35px;
height: 70px;
background: url("/bitrix/templates/dresscodeV2/images/slideArrowSmallBlack.svg") 0 0 no-repeat transparent;
transform: translateY(-50%);
}
.mainService .btnLeft {
left: 0;
}
.mainService .btnRight {
right: 0;
}
.mainService .btnLeft:hover {
background-position: -35px 0;
}
.mainService .btnLeft:active {
background-position: -70px 0;
}
.mainService .btnRight {
background-position: 0 -70px;
}
.mainService .btnRight:hover {
background-position: -35px -70px;
}
.mainService .btnRight:active {
background-position: -70px -70px;
}
.personal-order-info {
margin-bottom: 12px;
}
.personalInfoLabel {
margin-top: 24px;
font-size: 14px;
}
.productList {
margin: 0;
padding: 0;
list-style: none;
border-left: 1px solid #f3f3f3;
/* border-top: 1px solid #e7e8ea; */
}
#homeCatalog .productList {
border-top: 1px solid #f3f3f3;
}
.product {
position: relative;
float: left;
box-sizing: border-box;
width: 20%;
height: 346px;
border-right: 1px solid #f3f3f3;
border-bottom: 1px solid #f3f3f3;
}
#catalog .product {
width: 25%;
}
.product::before {
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 1px;
background: #e7e8ea;
content: "";
}
.product .btn-simple {
display: none;
}
.product.last {
/* next page */
line-height: 346px;
}
.product .tabloid {
position: relative;
z-index: 1;
box-sizing: border-box;
height: 345px;
padding: 12px;
overflow: hidden;
border: 1px solid transparent;
transition:
box-shadow 0.3s ease-in-out,
border 0.3s ease-in-out;
}
.product .markerContainer {
position: absolute;
top: 8px;
left: 8px;
z-index: 88;
pointer-events: none;
}
.product .marker {
z-index: 2;
margin-bottom: 8px;
padding: 3px 4px;
font:
normal normal 12px "roboto_ltregular",
arial,
sans-serif;
line-height: 16px;
border-radius: 4px;
}
.product .rating {
position: absolute;
top: 8px;
right: 8px;
z-index: 2;
width: 79px;
}
.product .rating i {
position: absolute;
top: 0;
left: 0;
display: block;
width: 79px;
height: 15px;
background: url("/bitrix/templates/dresscodeV2/images/rating.svg") repeat 0 0 transparent;
}
.product .rating i.m {
z-index: 10;
width: 0;
background: url("/bitrix/templates/dresscodeV2/images/rating.svg") repeat 0 -15px transparent;
}
.productSpecialTime {
position: absolute;
top: 54px;
right: 10px;
z-index: 2;
width: 48px;
color: #666d83;
font-size: 0;
line-height: 0;
}
.productSpecialTime .specialTimeItem {
display: inline-block;
box-sizing: border-box;
width: 48px;
height: 42px;
margin-top: 4px;
padding: 8px 0;
overflow: hidden;
line-height: 14px;
text-align: center;
background: #e0e0e0;
border-radius: 6px;
}
.productSpecialTime .specialTimeItem:first-child {
margin-top: 0;
}
.productSpecialTime .specialTimeItemValue {
font-size: 14px;
font-family: robotomedium;
line-height: 14px;
}
.productSpecialTime .specialTimeItemlabel {
font-size: 12px;
font-family: "roboto_ltregular";
}
.product .name {
display: block;
height: 44px;
margin-bottom: 12px;
overflow: hidden;
font-size: 14px;
line-height: 44px;
text-decoration: none;
transition: 0.2s all ease-in-out;
}
.product .middle {
display: inline-block;
line-height: 21px;
vertical-align: middle;
}
.product .price {
display: block;
margin-bottom: 12px;
font-size: 18px;
font-family: robotobold;
text-decoration: none;
}
.product .price .measure {
font-size: 16px;
}
.product .price .discount {
padding-left: 4px;
font-size: 14px;
font-family: "roboto_ltregular";
}
.product .picture {
position: relative;
display: block;
height: 240px;
line-height: 240px;
text-align: center;
transition: all 0.5s ease-in-out;
}
.product .picture img {
max-width: 90%;
max-height: 90%;
vertical-align: middle;
transform: translate3d(0, 0, 0);
transition: all 0.5s ease-in-out;
}
.product .picture:hover img {
opacity: 0.85;
}
.product .picture:active img {
position: relative;
top: 1px;
}
.loading .product .getFastView {
pointer-events: none;
}
.product .getFastView,
#catalogLineList .picture .getFastView {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
width: 150px;
/* display: none; */
height: 40px;
margin-top: -20px;
margin-left: -75px;
color: #ffffff;
font-family: "roboto_condensedlight";
line-height: 40px;
text-align: center;
text-decoration: none;
background-color: #2b2b2b;
border-radius: 4px;
visibility: hidden;
cursor: pointer;
opacity: 0;
transition: all 0.2s ease-in-out;
}
.product:hover .getFastView,
#catalogLineList .picture:hover .getFastView {
visibility: visible;
/* display: block; */
opacity: 0.9;
}
.product .getFastView:hover,
#catalogLineList .picture .getFastView:hover {
opacity: 1;
}
.product .addCart {
position: relative;
display: block;
box-sizing: border-box;
height: 60px;
padding: 0 24px;
font-size: 16px;
line-height: 60px;
white-space: nowrap;
text-align: center;
text-decoration: none;
border-radius: 6px;
transition: all 0.2s ease-in-out;
}
.product .addCart.requestPrice span,
.product .addCart.subscribe span,
.product .addCart.disabled span,
.product .addCart.added span,
.product .addCart span {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
transform: translate(-50%, -50%);
transition: all 0.2s ease-in-out;
}
.product .addCart.added + .quantityContainer,
.product .addCart.disabled + .quantityContainer,
.product .addCart.subscribe + .quantityContainer,
.product .addCart.requestPrice + .quantityContainer {
display: none;
}
.product .addCart .icon {
margin-top: -4px;
padding-right: 12px;
}
.product .addCartContainer {
position: relative;
margin-top: 18px;
margin-bottom: 12px;
overflow: hidden;
}
.product .addCart.added + .quantityContainer,
.product .addCart.disabled + .quantityContainer,
.product .addCart.subscribe + .quantityContainer,
.product .addCart.requestPrice + .quantityContainer {
display: none;
}
.product .addCartContainer.viewed span,
.product .addCartContainer:hover span {
left: 0%;
transform: translate(24px, -50%);
}
.product .addCart.added span,
.product .addCart.disabled span,
.product .addCart.subscribe span,
.product .addCart.requestPrice span {
left: 50%;
transform: translate(-50%, -50%);
}
.product .addCartContainer:hover .quantityContainer,
.product .addCartContainer.viewed .quantityContainer {
transform: translateX(0);
visibility: visible;
opacity: 1;
}
.product .quantityContainer {
position: absolute;
top: 16px;
right: 24px;
transform: translateX(50px);
visibility: hidden;
opacity: 0;
transition: all 0.2s ease-in-out;
}
.product .quantityContainer .quantity {
display: inline-block;
box-sizing: border-box;
width: 28px;
height: 28px;
margin: 0 4px;
padding: 0 2px;
color: #ffffff;
font-size: 12px;
text-align: center;
vertical-align: middle;
background-color: transparent;
border: 0;
}
.product .quantityContainer .quantity.maxQuantity {
color: #ff0000;
}
.product .quantityContainer .plus,
.product .quantityContainer .minus {
display: inline-block;
width: 28px;
min-width: auto;
height: 28px;
padding: 0;
vertical-align: middle;
background-color: rgb(255 255 255 / 10%);
border: 0;
}
.product .quantityContainer .minus,
.product .quantityContainer .plus {
background-repeat: no-repeat;
background-position: 50% 50%;
}
.product .quantityContainer .plus {
background-image: url("/bitrix/templates/dresscodeV2/images/basket-add-plus.png");
border-radius: 2px 2px 0 0;
}
.product .quantityContainer .minus {
background-image: url("/bitrix/templates/dresscodeV2/images/basket-add-minus.png");
border-radius: 0 0 2px 2px;
}
.product .quantityContainer .plus:hover,
.product .quantityContainer .minus:hover {
background-color: rgb(255 255 255 / 15%);
}
.product .quantityContainer .minus:active,
.product .quantityContainer .plus:active {
position: relative;
top: 1px;
}
.product .quantityContainer .plus.error,
.product .quantityContainer .minus.error {
background-color: #bc1414;
}
.product .icon {
display: inline-block;
vertical-align: middle;
}
.product .addCart .icon {
margin-top: -4px;
padding-right: 12px;
}
.product .row {
box-sizing: border-box;
margin-bottom: 12px;
overflow: hidden;
}
.product .label {
display: block;
float: left;
width: 55%;
font-size: 14px;
font-family: "roboto_condensedlight";
line-height: 21px;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
.product .row .label:last-child {
width: 45%;
}
.product .label .icon {
margin-top: -4px;
padding-right: 6px;
}
.inStock {
color: #73b24e !important;
}
.inStock:hover {
color: #73b24e !important;
}
.getStoresWindow.inStock span {
border-bottom: 1px dashed #73b24e !important;
cursor: pointer;
}
.getStoresWindow.inStock:hover span {
opacity: 0.8;
}
.outOfStock {
color: #ff0000;
}
.outOfStock:hover {
color: #ff0000;
}
.product .skuPropertyList {
margin: 0;
padding: 0;
overflow: hidden;
list-style: none;
}
.product .skuProperty {
margin: 12px 0;
overflow: hidden;
}
.product .skuPropertyName {
padding-bottom: 2px;
padding-left: 2px;
font-size: 13px;
}
.product .skuProperty li {
float: left;
box-sizing: border-box;
min-width: 20%;
padding: 4px;
overflow: hidden;
}
.product .skuProperty .selected .skuPropertyLink {
position: relative;
top: 0;
pointer-events: none;
}
.product .skuProperty .disabled {
display: none;
}
.product .skuPropertyLink {
display: block;
padding: 4px;
font-size: 12px;
line-height: 20px;
text-align: center;
text-decoration: none;
border-radius: 4px;
}
.product .skuPropertyList img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
/* product hover */
.product:hover {
position: relative;
}
.product:hover .tabloid {
position: absolute;
z-index: 3;
width: 100%;
height: auto;
}
.product:hover .nowp {
overflow: visible;
}
.product:hover .morePhoto {
display: block;
}
.product.last .wp {
display: inline-block;
width: 100%;
line-height: 21px;
text-align: center;
vertical-align: middle;
}
.product.last .showMore {
display: inline-block;
width: 100%;
text-align: center;
vertical-align: middle;
transition: 0.2s all ease-in-out;
}
.product.last .icon .iconSmall {
display: none;
}
.product.last .icon {
display: inline-block;
width: 100%;
height: 54px;
margin-bottom: 12px;
line-height: 21px;
text-align: center;
}
.product.last .ps {
font-size: 18px;
}
.product.last .value {
padding-left: 6px;
font-size: 18px;
}
.product.last .small {
display: inline-block;
width: 100%;
}
.item .oSkuDropDownProperty {
margin: 0;
overflow: visible;
}
.item .oSkuDropDownProperty .oSkuDropdownListItem {
float: none;
box-sizing: content-box;
min-width: auto;
padding: 0;
overflow: visible;
}
.item .oSkuDropdown {
position: relative;
display: block;
width: 98%;
margin-top: 4px;
font-size: 13px;
line-height: 13px;
background-color: #ffffff;
border: 1px solid #e7e8ea;
border-radius: 2px;
user-select: none;
}
.item .oSkuCheckedItem {
display: block;
padding: 12px 30px 12px 8px !important;
color: #000000;
background: url("/bitrix/templates/dresscodeV2/images/selectArrow.png") 97% 50% no-repeat transparent;
border-radius: 4px;
cursor: pointer;
}
.item .oSkuCheckedItem:hover {
opacity: 0.8;
}
.item .oSkuCheckedItem:active {
position: relative;
top: 1px;
}
.item .oSkuDropdown label::before,
.item .oSkuCheckboxList label::before {
display: none;
}
.item .oSkuDropdownList {
position: absolute;
top: 42px;
right: 0;
left: 0;
z-index: 2;
margin: 0 -1px;
padding: 0;
list-style: none;
background-color: #ffffff;
border: 1px solid #e7e8ea;
visibility: hidden;
opacity: 0;
}
.item .oSkuDropdownList.opened {
visibility: visible;
opacity: 1;
}
.item .pics .oSkuDropdownList {
top: 52px;
}
.item .oSkuDropdownList .skuPropertyValue {
position: relative;
display: block;
border-top: 1px solid #e7e8ea;
}
.item .oSkuDropdownList .skuPropertyValue:first-child {
border-top: 0;
}
.item .oSkuDropdownList .selected {
color: #ffffff;
font-family: robotomedium;
background-color: #f9f9f9;
box-shadow: 1px 1px 12px #f1f1f1 inset;
cursor: pointer;
opacity: 0.8;
}
.item .oSkuDropdownList .skuPropertyValue:hover {
color: #ffffff;
background-color: #f9f9f9;
cursor: pointer;
opacity: 0.8;
}
.item .oSkuDropdownList .oSkuPropertyItemLink {
display: block;
padding: 12px 8px !important;
color: #000000;
font-size: 13px;
line-height: 18px;
text-align: left;
text-decoration: none;
border: 0;
}
.item .oSkuDropdownList .oSkuDropdownListItem.selected .oSkuPropertyItemLink {
border: 0;
}
.item .oSkuDropdownList .oSkuDropdownListItem.disabled {
display: none;
}
.item .oSkuDropdownList .skuPropertyValue:active .oSkuPropertyItemLink,
.item .oSkuDropdownList .oSkuPropertyItemLink:active {
position: relative;
top: 1px;
}
.item .oSkuDropdownList .skuPropertyValue.loading::after {
left: 18px;
}
.sideBlock .heading {
padding-left: 18px;
}
.heading.collapsed {
display: block;
float: left;
width: 355px;
height: 50px;
margin-right: 24px;
overflow: hidden;
color: #ffffff;
font-size: 16px;
line-height: 50px;
text-decoration: none;
}
.heading.collapsed ins {
display: inline-block;
width: 24px;
height: 50px;
margin: 0 18px 0 0;
padding: 0 12px;
line-height: 50px;
vertical-align: middle;
}
.mfeedback {
margin-bottom: 36px;
}
.mfeedback .errortext,
.mfeedback .mf-ok-text {
font-weight: 400;
font-size: 16px;
}
.mfeedback .mf-ok-text + form {
display: none;
}
.mfeedback .mf-text {
margin-top: 8px;
font-size: 14px;
}
.mfeedback input,
.mfeedback textarea {
box-sizing: border-box;
height: 48px;
margin-top: 8px;
padding: 0 12px;
font-family: "roboto_ltregular", arial, sans-serif;
border: 0;
transition: all 0.2s ease-in-out;
}
.mfeedback textarea {
height: 150px;
padding-top: 12px;
outline: none;
resize: none;
}
.mfeedback input[type="submit"] {
padding: 0 48px;
cursor: pointer;
}
#userPersonalInfoReg + label::before {
margin-top: -2px;
}
#userPersonalInfoReg.error + label::before {
border: 1px solid #ff0000 !important;
}
.bx-auth {
margin-bottom: 36px;
overflow: hidden;
}
.bx-auth .alert {
display: inline-block;
margin-bottom: 24px;
padding: 12px 48px;
font-weight: 400;
font-size: 12px;
font-family: robotobold;
text-transform: uppercase;
}
.bx-auth .alert.small {
max-width: 600px;
font-size: 14px;
font-family: "roboto_ltregular";
line-height: 28px;
}
.bx-authform-label-container {
margin-bottom: 8px;
}
.bx-auth .bx-authform-description-container {
margin-bottom: 12px;
}
.bx-auth .bx-captcha {
margin-top: 28px;
}
.bx-auth .bx-authform-formgroup-container {
float: left;
width: 450px;
}
.bx-auth .bx-authform-formgroup-container-line {
overflow: hidden;
}
.bx-auth .registerText {
display: block;
max-width: 800px;
margin-top: 0;
padding-bottom: 24px;
}
.bx-auth input {
font-size: 14px;
font-family: "roboto_ltregular", arial, sans-serif;
}
.bx-auth .leftContainer {
float: left;
margin-right: 48px;
}
.bx-auth .rightContainer {
float: left;
}
.bx-auth .rightContainer p {
display: block;
max-width: 450px;
}
.bx-auth input[type="checkbox"] + label,
.bx-auth input[type="radio"] + label {
cursor: pointer;
}
.bx-auth input[type="checkbox"]:not(checked),
.bx-auth input[type="radio"]:not(checked) {
position: absolute;
opacity: 0;
}
.bx-auth input[type="checkbox"]:not(checked) + label,
.bx-auth input[type="radio"]:not(checked) + label {
position: relative;
padding-left: 24px;
}
.bx-auth input[type="checkbox"] + label::before {
background: url("/bitrix/templates/dresscodeV2/images/checkBox.png") 0 0 no-repeat transparent;
}
.bx-auth input[type="radio"] + label::before {
background: url("/bitrix/templates/dresscodeV2/images/radio.png") 0 0 no-repeat transparent;
}
.bx-auth input[type="checkbox"]:not(checked) + label::before,
.bx-auth input[type="radio"]:not(checked) + label::before {
position: absolute;
top: 0;
left: 0;
width: 17px;
height: 17px;
content: " ";
}
.bx-auth input[type="checkbox"]:not(checked) + label:hover::before,
.bx-auth input[type="radio"]:not(checked) + label:hover::before {
background-position: 0 -17px;
}
.bx-auth input[type="checkbox"]:checked + label::before,
.bx-auth input[type="radio"]:checked + label::before {
background-position: 0 -34px;
}
.bx-auth input[type="checkbox"]:checked + label:hover::before,
.bx-auth input[type="radio"]:checked + label:hover::before {
background-position: 0 -51px;
}
.bx-auth input[type="checkbox"]:disabled + label,
.bx-auth input[type="radio"]:disabled + label {
cursor: default;
}
.bx-auth input[type="checkbox"]:disabled + label::before,
.bx-auth input[type="radio"]:disabled + label::before {
background-position: 0 -68px !important;
}
.bx-auth input[type="text"],
.bx-auth input[type="password"] {
box-sizing: border-box;
width: 420px;
height: 48px;
padding: 0 12px;
border: 0;
transition: all 0.2s ease-in-out;
}
.bx-auth .bx-auth-input-line:first-child {
margin-top: 0;
}
.bx-auth .bx-auth-input-line,
.bx-auth .checkbox {
margin-top: 12px;
}
.bx-auth .rightContainer .bx-title {
margin-top: 0;
}
.bx-auth .submit,
.popup-window .btn {
display: inline-block;
width: 224px;
height: 48px;
margin-top: 12px;
font-size: 14px;
line-height: 48px;
text-align: center;
text-decoration: none;
border: 0;
border-radius: 6px;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.popup-window .btn {
width: 100px;
}
.bx-auth .send .submit {
margin-top: 12px;
}
.popup-window .btn {
height: 30px;
margin-top: 0;
margin-left: 12px;
line-height: 30px;
}
.bx-auth .submit:active,
.popup-window .btn:active {
position: relative;
top: 1px;
}
.bx-auth .clear {
display: inline-block;
width: 160px;
height: 48px;
margin-top: 24px;
margin-left: 12px;
font-size: 14px;
line-height: 48px;
text-align: center;
text-decoration: none;
background: transparent;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.bx-auth .submit:active {
position: relative;
top: 1px;
}
.bx-auth .forgot,
.bx-auth .registerLink {
display: inline-block;
margin-left: 12px;
transition: all 0.2s ease-in-out;
}
.bx-auth .registerLink {
margin-left: 0;
}
.blackLink,
.backToIndexPage {
transition: all 0.2s ease-in-out;
}
.catalog-item-links {
margin-bottom: 12px;
}
.catalog-detail {
margin-bottom: 12px;
}
.sectionTopDescription {
margin-bottom: 24px;
}
.contactList {
margin-top: 24px;
margin-bottom: 24px;
padding: 0;
overflow: hidden;
list-style: none;
}
.contactList li {
float: left;
width: 25%;
}
.contactList li table {
width: 100%;
table-layout: fixed;
}
.contactList li table td {
text-align: left;
vertical-align: middle;
}
.contactList li table td:first-child {
width: 42px;
padding-right: 12px;
text-align: center;
}
.contactList li table td img {
vertical-align: middle;
}
.contactList a {
text-decoration: none;
transition: all 0.2s ease-in-out;
}
.contactLabel {
margin-top: 0;
font-size: 16px;
}
.blurred {
background: #ffffff;
filter: blur(2px);
}
.copyright img {
vertical-align: middle;
}
.sn {
float: right;
overflow: hidden;
}
.sn li {
float: left;
line-height: 60px;
}
.sn a {
display: block;
width: 60px;
height: 60px;
}
.sn .vk {
background: url("/bitrix/templates/dresscodeV2/images/sn.svg") 0 0 no-repeat transparent;
}
.sn .fb {
background: url("/bitrix/templates/dresscodeV2/images/sn.svg") -60px 0 no-repeat transparent;
}
.sn .od {
background: url("/bitrix/templates/dresscodeV2/images/sn.svg") -120px 0 no-repeat transparent;
}
.sn .tw {
background: url("/bitrix/templates/dresscodeV2/images/sn.svg") -180px 0 no-repeat transparent;
}
.sn .go {
background: url("/bitrix/templates/dresscodeV2/images/sn.svg") -240px 0 no-repeat transparent;
}
.sn .yo {
background: url("/bitrix/templates/dresscodeV2/images/sn.svg") -300px 0 no-repeat transparent;
}
.sn .telegram {
background: url("/bitrix/templates/dresscodeV2/images/sn.svg") -420px 0 no-repeat transparent;
}
.sn .whatsapp {
background: url("/bitrix/templates/dresscodeV2/images/sn.svg") -480px 0 no-repeat transparent;
}
.sn .rutube {
background: url("/bitrix/templates/dresscodeV2/images/sn.svg") -540px 0 no-repeat transparent;
}
.sn .dzen {
background: url("/bitrix/templates/dresscodeV2/images/sn.svg") -600px 0 no-repeat transparent;
}
.sn .viber {
background: url("/bitrix/templates/dresscodeV2/images/sn.svg") -660px 0 no-repeat transparent;
}
.sn .tiktok {
background: url("/bitrix/templates/dresscodeV2/images/sn.svg") -720px 0 no-repeat transparent;
}
.sn .vk:hover {
background-position: 0 -60px;
}
.sn .fb:hover {
background-position: -60px -60px;
}
.sn .od:hover {
background-position: -120px -60px;
}
.sn .tw:hover {
background-position: -180px -60px;
}
.sn .go:hover {
background-position: -240px -60px;
}
.sn .yo:hover {
background-position: -300px -60px;
}
.sn .telegram:hover {
background-position: -420px -60px;
}
.sn .whatsapp:hover {
background-position: -480px -60px;
}
.sn .rutube:hover {
background-position: -540px -60px;
}
.sn .dzen:hover {
background-position: -600px -60px;
}
.sn .viber:hover {
background-position: -660px -60px;
}
.sn .tiktok:hover {
background-position: -720px -60px;
}
#upButton {
position: fixed;
right: 24px;
bottom: 132px;
z-index: 99;
display: none;
width: 73px;
height: 73px;
background: url("/bitrix/templates/dresscodeV2/images/up.svg") 0 0 no-repeat transparent;
cursor: pointer;
}
#upButton:hover {
background-position: -73px 0;
}
#upButton:active {
background-position: -146px 0;
}
#upButton.enb {
display: block;
}
#upButton a {
display: block;
}
#requestPrice {
position: fixed;
top: 0;
left: 0;
z-index: 1001;
display: none;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 40%);
transition: 0.1s all ease-in-out;
}
#requestPrice #requestPriceResult {
box-sizing: border-box;
padding: 0 24px;
transform: translateY(50%);
}
#requestPrice #requestPriceResultTitle {
margin-top: 24px;
font-size: 16px;
text-align: center;
}
#requestPrice #requestPriceResultMessage {
margin-top: 24px;
text-align: center;
}
#requestPrice #requestPriceResultClose {
display: block;
width: 254px;
height: 50px;
margin: 24px auto;
color: #ffffff;
font-size: 14px;
line-height: 50px;
text-align: center;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
#requestPrice #requestPriceResultClose:active {
position: relative;
top: 1px;
}
#requestPrice #requestPriceContainer {
position: absolute;
top: 50%;
left: 50%;
width: 700px;
height: 430px;
margin-top: -215px;
margin-left: -350px;
padding: 24px;
overflow: hidden;
background-color: #ffffff;
border-radius: 6px;
box-shadow: 1px 1px 12px rgb(60 60 60 / 30%);
}
#requestPrice .requestPriceHeading {
position: relative;
height: 60px;
color: #000000;
font-size: 18px;
line-height: 60px;
text-align: center;
background-color: #f9f9f9;
border-radius: 6px;
}
#requestPrice .requestPriceHeading .close {
position: absolute;
top: 20px;
right: 20px;
display: block;
width: 21px;
height: 21px;
background: url("/bitrix/templates/dresscodeV2/images/exit.svg") 0 0 no-repeat transparent;
}
#requestPrice .requestPriceHeading .close:hover {
background-position: 0 -21px;
}
#requestPrice .requestPriceHeading .close:active {
background-position: 0 -42px;
}
#requestPrice .requstProductContainer {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
#requestPrice .productColumn {
display: table-cell;
width: 320px;
text-align: center;
vertical-align: middle;
}
#requestPrice .productNameBlock {
padding: 0 24px;
}
#requestPrice .productNameBlock .productUrl {
display: block;
height: 44px;
margin-bottom: 12px;
overflow: hidden;
color: #000000;
font-size: 14px;
line-height: 44px;
text-decoration: none;
transition: 0.2s all ease-in-out;
}
#requestPrice .productNameBlock .productUrl:active {
position: relative;
top: 1px;
}
#requestPrice .productImageBlock {
display: block;
height: 270px;
line-height: 270px;
text-align: center;
}
#requestPrice .productImageBlock a {
display: block;
height: 270px;
line-height: 270px;
transition: all 0.2s ease-in-out;
}
#requestPrice .productImageBlock a:hover {
opacity: 0.8;
}
#requestPrice .productImageBlock a:active {
position: relative;
top: 1px;
}
#requestPrice .productImageBlock img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
#requestPrice .productNameBlock .middle {
display: inline-block;
line-height: 21px;
vertical-align: middle;
}
#requestPrice .formColumn {
display: table-cell;
width: 380px;
vertical-align: middle;
}
#requestPrice .requestPriceFormHeading {
display: block;
margin-top: 24px;
margin-right: 24px;
margin-bottom: 12px;
font-size: 16px;
text-align: center;
}
#requestPrice input {
box-sizing: border-box;
width: 354px;
height: 50px;
margin-bottom: 12px;
padding-left: 12px;
font-family: "roboto_ltregular";
border: 0;
transition: all 0.2s ease-in-out;
}
#requestPrice input {
color: #000000;
background-color: #f3f3f3;
}
#requestPrice .personalInfoRequest {
margin-bottom: 12px;
}
#requestPrice input[type="checkbox"] {
display: inline-block;
width: 14px;
height: 14px;
margin-top: -2px;
margin-right: 6px;
margin-bottom: 0;
vertical-align: middle;
}
#requestPrice input[type="checkbox"].error + label {
border-bottom: 1px solid #ff0000 !important;
}
#requestPrice textarea {
box-sizing: border-box;
width: 354px;
height: 60px;
margin-bottom: 12px;
padding-top: 12px;
padding-left: 12px;
font-family: "roboto_ltregular";
border: 0;
transition: all 0.2s ease-in-out;
resize: none;
}
#requestPrice textarea {
background-color: #f3f3f3;
}
#requestPrice input:focus,
#requestPrice textarea:focus {
background-color: #e9e9e9;
outline: none;
}
#requestPrice #requestPriceSubmit {
display: block;
width: 354px;
height: 50px;
color: #ffffff;
font-size: 14px;
line-height: 50px;
text-align: center;
text-decoration: none;
border-radius: 6px;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
#requestPrice #requestPriceSubmit:active {
position: relative;
top: 1px;
}
#requestPrice #requestPriceSubmit.loading {
text-indent: 12px;
opacity: 0.9;
transition: background 0s !important;
}
#requestPrice #requestPriceSubmit.loading img {
display: none;
}
#requestPrice #requestPriceSubmit img {
margin-top: -2px;
padding-right: 4px;
vertical-align: middle;
}
#requestPrice .markerContainer {
position: absolute;
top: 0;
left: 12px;
}
#requestPrice .error {
border: 1px solid #ff0000;
}
#smartFilter {
margin-top: 0;
}
#searchSection a {
color: #000000;
transition: all 0.2s ease-in-out;
}
#searchSection a:hover {
opacity: 0.7;
}
.clean {
position: relative;
padding: 0 2px;
overflow: hidden;
}
.limiter {
clear: both;
min-width: 320px;
max-width: 1480px;
margin: auto;
}
.limiter .compliter > div[id*="bx_"] {
display: table-cell;
width: 355px;
padding-right: 24px;
vertical-align: top;
}
.limiter .compliter > div[id*="bx_"] #left {
padding-right: 0;
}
/* page styles */
.priceTableContainer {
min-width: 320px;
max-width: 1000px;
overflow-x: auto;
}
.priceTableStyle80 {
box-sizing: border-box;
width: 100%;
border-collapse: collapse;
}
.priceTableStyle80 th {
padding: 12px 24px;
font-weight: normal;
font-family: robotomedium;
background-color: #f7f7f7;
border: 1px solid #e4e4e4;
}
.priceTableStyle80 td {
padding: 12px 24px;
color: #333333;
text-align: left;
vertical-align: middle;
border: 1px solid #e4e4e4;
}
.mediumText {
font-family: robotomedium;
}
.pagePicture {
max-width: 100%;
height: auto;
}
.skuPropertyValue.loading {
position: relative;
}
.skuPropertyValue.loading img {
opacity: 0;
}
.skuPropertyValue.loading::after {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
background: url("/bitrix/templates/dresscodeV2/images/loaderMin.gif") 50% 50% no-repeat #ffffff;
content: "";
}
#stores {
margin-top: 24px;
font-size: 13px;
}
#stores .wrap {
box-sizing: border-box;
padding: 0 24px;
overflow: auto;
}
#stores .heading {
display: block;
padding: 36px 24px;
font-weight: 800;
font-size: 20px;
font-family: robotobold;
letter-spacing: 1px;
text-transform: uppercase;
border-top: 1px solid #efefef;
}
#stores .storeTable {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
#stores .storeTable tr:nth-child(odd) td {
background-color: #f9f9f9;
}
#stores .storeTable th {
padding: 12px 24px;
font-weight: 400;
text-align: center;
background-color: #f3f3f3;
}
#stores .storeTable td {
padding: 12px 24px;
/* border-top: 1px solid #e7e8ea; */
text-align: center;
}
#stores .storeTable .name {
width: 35%;
text-align: left;
}
#stores .storeTable td.name {
text-align: left;
}
#stores .storeTable .lb {
display: inline-block;
text-align: left;
}
#stores .storeTable .icon {
margin-top: -4px;
padding-right: 6px;
vertical-align: middle;
}
#stores .storeTable .green {
/* font-weight: 800; */
color: #73b24e;
}
#stores .storeTable .red {
color: #ff0000;
}
#stores .storeTable .picture {
padding-right: 12px;
vertical-align: middle;
}
#stores .storeTable a {
color: #000000;
text-decoration: underline;
transition: all 0.2s ease-in-out;
}
#stores .storeTable a:hover {
color: #888888;
}
#stores #storeMap {
box-sizing: border-box;
margin-top: 24px;
padding: 0 24px;
}
#error404 {
margin-bottom: 24px;
text-align: center;
}
#error404 h1 {
margin-bottom: 24px;
font-size: 48px;
font-family: "roboto_thregular";
line-height: 48px;
text-align: center;
}
#error404 .errorPic {
display: block;
margin-top: 48px;
margin-bottom: 48px;
text-align: center;
transition: all 0.2s ease-in-out;
}
#error404 .errorPic img {
max-width: 90%;
max-height: 90%;
}
#error404 .errorPic:hover {
opacity: 0.8;
}
#error404 .errorText {
font-family: robotobold;
line-height: 28px;
text-transform: uppercase;
}
#error404 .errorText a {
color: #ff9601;
}
#error404 #empty {
margin-top: 48px;
border-top: 1px solid #e5e5e5;
}
#error404 #empty .emptyTitle {
margin-top: 48px;
text-align: center;
}
#error404 #empty .emptyMenu a {
display: inline-block;
width: 250px;
text-align: left;
}
#middleSlider img {
width: 100%;
}
#modef {
left: 370px;
}
.dropDownList {
position: relative;
display: inline-block;
width: 170px;
height: 32px;
line-height: 32px;
border: 1px solid #e7e8ea;
border-radius: 2px;
}
.dropDownList.countElements {
width: 60px;
}
.dropDownList .dropDownSelected {
position: relative;
display: inline-block;
box-sizing: border-box;
width: 100%;
height: 34px;
padding: 0 24px 0 12px;
overflow: hidden;
color: #888888;
font-size: 13px;
font-family: "roboto_ltregular";
line-height: 32px;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: middle;
border-radius: 2px;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.dropDownList .dropDownSelected:hover {
opacity: 0.9;
}
.dropDownList .dropDownSelected::after {
position: absolute;
top: 50%;
right: 12px;
display: block;
width: 9px;
height: 5px;
margin-top: -3px;
background: url("/bitrix/templates/dresscodeV2/images/selectArrow.png") 50% 50% no-repeat transparent;
content: "";
}
.dropDownList .dropDownItems,
.dropDownList select {
display: none;
}
.dropDownList .dropDownItems {
position: absolute;
top: 36px;
left: -1px;
z-index: 99;
width: 100%;
border-top: 1px solid #e7e8ea;
border-right: 1px solid #e7e8ea;
border-left: 1px solid #e7e8ea;
border-radius: 2px;
}
.dropDownList .dropDownItems.opened {
display: block;
background-color: #ffffff;
}
.dropDownList .dropDownItem {
box-sizing: border-box;
width: 100%;
padding: 6px 12px;
overflow: hidden;
font-size: 13px;
font-family: "roboto_ltregular";
line-height: 21px;
white-space: nowrap;
text-overflow: ellipsis;
border-bottom: 1px solid #e7e8ea;
border-radius: 2px;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.dropDownList .dropDownItem:hover {
background-color: #f4f4f4;
opacity: 0.9;
}
.dropDownList .dropDownItem.selected {
font-family: robotomedium;
background-color: #f4f4f4;
cursor: unset;
}
.banner-animated .image {
transform: translate3d(30px, 0, 0);
opacity: 0;
transition: all 0.6s 0.4s ease-in-out;
}
.banner-animated.banner-image-load .image {
transform: translate3d(0, 0, 0);
opacity: 1;
}
.slider_middle #slider ul li span,
.slider_middle #slider .limiter {
height: 800px;
}
.slider_small #slider ul li span,
.slider_small #slider .limiter {
height: 600px;
}
.slider_middle #slider ul li span,
.slider_small #slider ul li span {
background-position: 50% 0;
}
@media all and (max-width: 1920px) {
.slider_middle #slider ul li span,
.slider_middle #slider .slideVideoContainer,
.slider_middle #slider .limiter,
.slider_middle #slider .videoPoster {
height: 540px;
}
.slider_small #slider ul li span,
.slider_small #slider .slideVideoContainer,
.slider_small #slider .limiter,
.slider_small #slider .videoPoster {
height: 420px;
}
}
@media all and (max-width: 1600px) {
.slider_middle #slider ul li span,
.slider_middle #slider .slideVideoContainer,
.slider_middle #slider .limiter,
.slider_middle #slider .videoPoster {
height: 450px;
}
.slider_small #slider ul li span,
.slider_small #slider .slideVideoContainer,
.slider_small #slider .limiter,
.slider_small #slider .videoPoster {
height: 350px;
}
#slider ul li span,
#slider .slideVideoContainer,
#slider .limiter,
#slider .videoPoster {
height: 550px;
}
}
@media all and (max-width: 1366px) {
.slider_middle #slider ul li span,
.slider_middle #slider .slideVideoContainer,
.slider_middle #slider .limiter,
.slider_middle #slider .videoPoster {
height: 480px;
}
.slider_small #slider ul li span,
.slider_small #slider .slideVideoContainer,
.slider_small #slider .limiter,
.slider_small #slider .videoPoster {
height: 299px;
}
}
@media all and (max-width: 1300px) {
.slider_middle #slider ul li span,
.slider_middle #slider .slideVideoContainer,
.slider_middle #slider .limiter,
.slider_middle #slider .videoPoster {
height: 420px;
}
.slider_small #slider ul li span,
.slider_small #slider .slideVideoContainer,
.slider_small #slider .limiter,
.slider_small #slider .videoPoster {
height: 284px;
}
}
@media all and (max-width: 1200px) {
.slider_middle #slider ul li span,
.slider_middle #slider .slideVideoContainer,
.slider_middle #slider .limiter,
.slider_middle #slider .videoPoster {
height: 400px;
}
.slider_small #slider ul li span,
.slider_small #slider .slideVideoContainer,
.slider_small #slider .limiter,
.slider_small #slider .videoPoster {
height: 262px;
}
}
@media all and (max-width: 1100px) {
.slider_middle #slider ul li span,
.slider_middle #slider .slideVideoContainer,
.slider_middle #slider .limiter,
.slider_middle #slider .videoPoster {
height: 380px;
}
.slider_small #slider ul li span,
.slider_small #slider .slideVideoContainer,
.slider_small #slider .limiter,
.slider_small #slider .videoPoster {
height: 240px;
}
}
@media all and (max-width: 1024px) {
.slider_middle #slider ul li span,
.slider_middle #slider .slideVideoContainer,
.slider_middle #slider .limiter,
.slider_middle #slider .videoPoster {
height: 350px;
}
.slider_small #slider ul li span,
.slider_small #slider .slideVideoContainer,
.slider_small #slider .limiter,
.slider_small #slider .videoPoster {
height: 224px;
}
}
@media all and (max-width: 850px) {
.slider_middle #slider ul li span,
.slider_middle #slider .slideVideoContainer,
.slider_middle #slider .limiter,
.slider_middle #slider .videoPoster {
height: 300px;
}
.slider_small #slider ul li span,
.slider_small #slider .slideVideoContainer,
.slider_small #slider .limiter,
.slider_small #slider .videoPoster {
height: 186px;
}
}
@media all and (max-width: 700px) {
.slider_middle #slider ul li span,
.slider_middle #slider .slideVideoContainer,
.slider_middle #slider .limiter,
.slider_middle #slider .videoPoster {
height: 280px;
}
.slider_small #slider ul li span,
.slider_small #slider .slideVideoContainer,
.slider_small #slider .limiter,
.slider_small #slider .videoPoster {
height: 153px;
}
}
@media all and (max-width: 660px) {
.slider_middle #slider ul li span,
.slider_middle #slider .slideVideoContainer,
.slider_middle #slider .limiter,
.slider_middle #slider .videoPoster {
height: 260px;
}
.slider_small #slider ul li span,
.slider_small #slider .slideVideoContainer,
.slider_small #slider .limiter,
.slider_small #slider .videoPoster {
height: 144px;
}
}
@media all and (max-width: 480px) {
.slider_middle #slider ul li span,
.slider_middle #slider .slideVideoContainer,
.slider_middle #slider .limiter,
.slider_middle #slider .videoPoster {
height: 105px;
}
.slider_small #slider ul li span,
.slider_small #slider .slideVideoContainer,
.slider_small #slider .limiter,
.slider_small #slider .videoPoster {
height: 105px;
}
}
@media all and (max-width: 360px) {
.slider_middle #slider ul li span,
.slider_middle #slider .slideVideoContainer,
.slider_middle #slider .limiter,
.slider_middle #slider .videoPoster {
height: 90px;
}
.slider_small #slider ul li span,
.slider_small #slider .slideVideoContainer,
.slider_small #slider .limiter,
.slider_small #slider .videoPoster {
height: 90px;
}
}
@media all and (max-width: 320px) {
.slider_middle #slider ul li span,
.slider_middle #slider .slideVideoContainer,
.slider_middle #slider .limiter,
.slider_middle #slider .videoPoster {
height: 67px;
}
.slider_small #slider ul li span,
.slider_small #slider .slideVideoContainer,
.slider_small #slider .limiter,
.slider_small #slider .videoPoster {
height: 67px;
}
}
body.panels_white #homeCatalog .captionList {
box-sizing: border-box;
background-color: transparent;
}
body.panels_white #homeCatalog .caption {
border-left: 1px solid #e7e8ea;
}
body.panels_white #homeCatalog .caption:not(.selected):hover {
background-color: #fbfbfb;
}
body.panels_white #homeCatalog .caption.selected a {
color: #ffffff;
}
body.panels_white #homeCatalog .caption a {
color: #000000;
transition: all 0.5s ease-in-out;
}
body.panels_white #homeCatalog .captionList .cItem:first-child {
margin-left: -1px;
}
body.panels_white #homeCatalog #captionCarousel {
margin-left: -1px;
background-color: #ffffff;
border-right: 1px solid #e7e8ea;
border-left: 1px solid #e7e8ea;
}
body.panels_white #left .sideBlock .heading {
color: #000000;
background-color: #ffffff;
border: 1px solid #e7e8ea;
}
body.panels_white #serviceBlock .sideBlockContent,
body.panels_white #collectionBlock .sideBlockContent,
body.panels_white #left #subscribe .sideBlockContent {
border-top: 0;
}
body.panels_white #left #subscribe .heading {
border-right: 0;
border-left: 0;
}
body.panels_white #right #popSection .heading,
body.panels_white #right #brandList .heading {
box-sizing: border-box;
color: #000000;
background-color: #ffffff;
border: 1px solid #e7e8ea;
}
body.panels_white #homeCatalog #captionCarousel::before {
background: linear-gradient(left, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 100%) 100%);
background: linear-gradient(to right, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 100%) 100%);
}
@media all and (min-width: 1024px) {
.menuContainerColor.color_white #mainMenuContainer {
background-color: #ffffff;
border-top: 1px solid #f6f6f6;
border-bottom: 1px solid #f6f6f6;
}
.menuContainerColor.color_gray #mainMenuContainer {
background-color: #fbfbfb;
border-top: 1px solid #f6f6f6;
border-bottom: 1px solid #f6f6f6;
}
.menuContainerColor.color_white #mainMenuContainer #mainMenu > li:first-child,
.menuContainerColor.color_gray #mainMenuContainer #mainMenu > li:first-child {
border-left: 1px solid #f6f6f6;
}
.menuContainerColor.color_theme #mainMenuContainer #mainMenu > li:first-child {
border-color: rgb(255 255 255 / 10%);
}
.menuContainerColor.color_theme #mainMenuContainer #mainMenu > li {
border-color: rgb(255 255 255 / 10%);
}
.menuContainerColor.color_white #mainMenuContainer #mainMenu > li:hover {
background-color: #fbfbfb;
}
.menuContainerColor.color_gray #mainMenuContainer #mainMenu > li:hover {
background-color: #ffffff;
}
.menuContainerColor.color_white #mainMenuContainer #mainMenu > li a,
.menuContainerColor.color_gray #mainMenuContainer #mainMenu > li a,
.menuContainerColor.color_white #mainMenuContainer #mainMenu > li a:hover,
.menuContainerColor.color_gray #mainMenuContainer #mainMenu > li a:hover {
color: #000000;
}
.menuContainerColor.color_theme #mainMenuContainer #mainMenu > li > a,
.menuContainerColor.color_theme #mainMenuContainer #mainMenu > li > a:hover {
color: #ffffff;
}
.menuContainerColor.color_white #menuCatalogSection,
.menuContainerColor.color_gray #menuCatalogSection {
border-left: 1px solid #f6f6f6;
}
.menuContainerColor.color_theme #menuCatalogSection {
border-color: rgb(255 255 255 / 10%);
}
.menuContainerColor.color_white #menuCatalogSection .catalogButton {
color: #000000;
background-color: #ffffff;
}
.menuContainerColor.color_gray #menuCatalogSection .catalogButton {
color: #000000;
background-color: #fbfbfb;
}
.menuContainerColor.color_white #menuCatalogSection .catalogButton:hover,
.menuContainerColor.color_theme #menuCatalogSection .catalogButton:hover,
.menuContainerColor.color_gray #menuCatalogSection .catalogButton:hover {
opacity: 0.8;
}
.menuContainerColor.color_white #mainMenu .removedItemsLink .removedItemsList,
.menuContainerColor.color_gray #mainMenu .removedItemsLink .removedItemsList {
background-color: #fbfbfb;
}
.menuContainerColor.color_white #mainMenu .removed,
.menuContainerColor.color_gray #mainMenu .removed {
border-top: 1px solid #ffffff;
}
.menuContainerColor.color_theme #mainMenu .removed {
border-color: rgb(255 255 255 / 10%);
}
.menuContainerColor.color_theme #mainMenu .removed:hover a {
color: #ffffff;
}
.menuContainerColor.color_white #mainMenu .removed:hover,
.menuContainerColor.color_gray #mainMenu .removed:hover {
background-color: #ffffff;
}
.menuContainerColor.color_white #mainMenu .removedItemsLink > a,
.menuContainerColor.color_gray #mainMenu .removedItemsLink > a {
background-image: url("/bitrix/templates/dresscodeV2/images/menuSlicedIconW.svg");
}
.menuContainerColor.color_white #menuCatalogSection .catalogButtonImage,
.menuContainerColor.color_gray #menuCatalogSection .catalogButtonImage {
background-image: url("/bitrix/templates/dresscodeV2/images/catalogButtonW.svg");
}
.menuContainerColor.color_white #menuCatalogSection .sectionMenuArrow,
.menuContainerColor.color_gray #menuCatalogSection .sectionMenuArrow {
background-image: url("/bitrix/templates/dresscodeV2/images/sectionMenuArrowW.svg");
}
}
@media all and (max-width: 1800px) {
body.panels_white #right .heading {
border-bottom: 0;
}
}
@media all and (max-width: 1000px) {
#error404 .errorText {
display: none;
}
}
.pilink {
color: #888888;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
.pilink:hover {
opacity: 0.7;
}
.pilink:active {
position: relative;
top: 1px;
}
.clear {
clear: both;
}
.hidden {
display: none;
}
.hiddenZone {
display: none;
}
.addCart.loading,
.addCart.loading:hover {
background-image: url("/bitrix/templates/dresscodeV2/images/loader-38px.svg") !important;
background-repeat: no-repeat !important;
background-position: 50% 50% !important;
opacity: 0.9 !important;
transition: none !important;
pointer-events: none !important;
}
.addCart:active {
position: relative;
top: 1px;
}
@media all and (min-width: 700px) {
#catalog.alone-item .product {
width: 50%;
}
}
@media all and (min-width: 870px) {
#catalog.alone-item .product {
width: 33.333%;
}
}
@media all and (min-width: 1220px) {
#catalog.alone-item .product {
width: 25%;
}
}
@media all and (min-width: 1520px) {
#catalog.alone-item .product {
width: 20%;
}
}
@media all and (max-width: 1920px) {
#slider ul li span,
#slider .slideVideoContainer,
#slider .limiter,
#slider .videoPoster {
height: 690px;
}
}
@media all and (max-width: 1800px) {
.product {
height: 341px;
}
.product.last {
line-height: 340px;
}
.product .tabloid {
height: 340px;
}
.product .picture {
height: 230px;
line-height: 230px;
}
.product .name {
margin-bottom: 2px;
}
.product .price .discount {
display: block;
height: 16px;
margin-top: 6px;
padding: 0;
font-size: 13px;
line-height: 16px;
}
#popSection .item {
height: 150px;
}
#popSection .tabloid {
padding: 6px;
}
#popSection .picture {
height: 90px;
line-height: 90px;
}
#popSection .nameWrap {
height: 32px;
line-height: 32px;
}
#popSection .name {
line-height: 16px;
}
#popSection .last {
line-height: 150px;
}
#brandList .item {
height: 96px;
line-height: 96px;
}
#brandList .picture {
height: 72px;
line-height: 72px;
}
#catalogColumn .product {
width: 25%;
}
.addCart.requestPrice {
margin-top: 30px;
}
}
@media all and (max-width: 1600px) {
#slider ul li span,
#slider .slideVideoContainer,
#slider .limiter,
#slider .videoPoster {
height: 650px;
}
#slider .sliderContent,
#slider .leftContainer {
left: 72px;
}
#slider .rightContainer {
right: 48px;
left: unset;
}
#slider .centerContainer {
left: 50%;
transform: translateX(-50%) translateY(-50%) !important;
}
}
@media all and (max-width: 1500px) {
#footerTabs .wrapper,
#footerTabsCaption .wrapper,
.limiter {
box-sizing: border-box;
margin: 0 24px;
}
#newsContainer .column {
width: 100%;
}
#newsContainer .column .item {
overflow: hidden;
}
#newsContainer .column .item .bigPicture {
float: left;
width: 30%;
margin-right: 48px;
}
.global-information-block,
.global-information-block.fixed .global-information-block-hide-scroll-cn {
width: 250px !important;
}
}
@media all and (max-width: 1450px) {
.product .addCart {
padding: 0 12px;
}
.product .addCartContainer.viewed span,
.product .addCartContainer:hover span {
transform: translate(18px, -50%);
}
.product .addCart.added span,
.product .addCart.subscribe span,
.product .addCart.requestPrice span {
transform: translate(-50%, -50%);
}
.product .addCartContainer:hover .addCart.added .icon,
.product .addCartContainer:hover .addCart.subscribe .icon,
.product .addCartContainer:hover .addCart.requestPrice .icon {
width: auto;
height: auto;
margin-top: -4px;
padding-right: 12px;
visibility: visible;
opacity: 1;
}
.product .addCartContainer.viewed .addCart .icon,
.product .addCartContainer:hover .addCart .icon {
width: 0;
height: 0;
margin: 0;
padding: 0;
visibility: hidden;
opacity: 0;
transition: all 0.4s ease-in-out;
}
.product .quantityContainer {
top: 18px;
right: 18px;
}
.product .quantityContainer .plus,
.product .quantityContainer .minus,
.product .quantityContainer .quantity {
width: 24px;
height: 24px;
}
}
@media all and (max-width: 1400px) {
#catalogColumn #catalogLineList .description {
display: none;
}
#catalogColumn #catalogLineList .prop {
width: 100%;
}
.mainServiceContainer .item .wrap {
padding: 0 18px;
}
.mainServiceContainer .item .bigPicture {
height: 140px;
margin-top: 18px;
line-height: 140px;
}
.mainServiceContainer .item .title {
margin-top: 18px;
}
.mainServiceContainer .item .title a {
height: 32px;
line-height: 32px;
}
.mainServiceContainer .item .title a span {
line-height: 16px;
}
}
@media all and (max-width: 1366px) {
#catalogLineList .column:first-child {
width: 300px;
}
.contactList li {
width: 50%;
margin-bottom: 24px;
}
.mfeedback input,
.mfeedback textarea,
div.mf-name input,
div.mf-email input,
div.mf-message textarea {
width: 100%;
}
.mfeedback input[type="submit"] {
width: 200px;
}
#slider ul li span,
#slider .slideVideoContainer,
#slider .limiter,
#slider .videoPoster {
height: 518px;
}
}
@media all and (max-width: 1300px) and (min-width: 1024px) {
.product:nth-child(4n + 1).last {
width: 100%;
height: 70px;
line-height: 70px;
}
.product:nth-child(4n + 1).last .icon {
display: none;
}
.product:nth-child(4n + 1).last .small {
display: none;
}
}
@media all and (max-width: 1300px) {
.product {
width: 25%;
height: 341px;
}
#logo {
width: 196px;
}
#topService .city {
display: none;
}
#headerTools .wishlist .nf {
display: none;
}
#headerTools .compare .nf {
display: none;
}
#footer .nav > li {
width: 33.313131%;
}
#footer .nav > li:last-child {
display: none;
}
#slider ul li span,
#slider .slideVideoContainer,
#slider .limiter,
#slider .videoPoster {
height: 420px;
}
#footer .rightTable .leftColumn {
display: none;
}
#rightFooter {
width: 23%;
}
#empty .emptyMenu li {
width: 50%;
}
#modef {
left: 301px;
}
#slider .sliderContent .bigText,
#slider .sliderContent .bigTextColor,
#slider .sliderContent .bigTextLight,
#slider .sliderContent .bigTextLightColor {
font-size: 36px;
line-height: 42px;
}
#slider .sliderContent .mediumText,
#slider .sliderContent .mediumTextColor,
#slider .sliderContent .mediumTextLight {
font-size: 24px;
line-height: 30px;
}
#slider .sliderContent .smallText,
#slider .sliderContent .smallTextColor,
#slider .sliderContent .smallTextLight {
font-size: 14px;
line-height: 21px;
}
#slider .sliderContent {
max-width: 400px;
}
#slider .sliderContent br {
display: none;
}
#slider .sliderContent,
#slider .leftContainer {
left: 24px;
}
#slider .rightContainer {
right: 24px;
left: unset;
}
#slider .centerContainer {
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
#catalogColumn .product {
width: 33.33333%;
}
#catalog .product {
width: 33.33333%;
}
}
@media all and (min-width: 1281px) {
.global-content-block + div[id*="bx_"] {
display: table-cell;
width: 290px;
}
}
@media all and (max-width: 1280px) {
.global-block-container {
min-height: auto !important;
}
.global-block-container .global-information-block {
display: none;
}
#homeCatalog .captionList {
height: 55px;
line-height: 55px;
}
}
@media all and (max-width: 1200px) {
#footerLine .col:first-child {
width: 30%;
}
#footerLine .col:last-child {
float: right;
width: 70%;
}
#footerLine .col:first-child .item:nth-child(1n + 2) {
display: none;
}
#catalogLineList .column:last-child,
#catalogLineList .itemRow {
display: block;
}
#catalogLineList .column:first-child {
width: 40%;
}
#catalogLineList .column:nth-child(2) {
width: 60%;
}
#catalogLineList .column:first-child,
#catalogLineList .column:nth-child(2) {
float: left;
}
#catalogLineList .column:last-child {
clear: both;
width: 100%;
height: 60px;
padding: 0;
line-height: 60px;
border: 0;
}
#catalogLineList .resizeColumn {
float: left;
width: 30%;
text-align: center;
}
#catalogLineList .column .resizeColumn.last {
width: 40%;
text-align: right;
}
#catalogLineList .column:last-child .priceLabel {
display: inline-block;
float: none;
padding-left: 24px;
}
#catalogLineList .column:last-child .price {
display: inline-block;
margin: 0;
}
#catalogLineList .column:last-child .addCart {
display: inline-block;
width: auto;
height: 40px;
margin: 9px auto;
padding: 0 24px;
font-size: 14px;
line-height: 40px;
}
#catalogLineList .column:last-child .optional {
margin: 9px 0 0;
font-size: 14px;
}
#catalogLineList .column:last-child .optional .row {
margin-bottom: 4px;
padding: 0;
}
#catalogLineList .column:last-child .optional .label {
width: 50%;
font-size: 14px;
text-align: left;
}
#catalogLineList .column:last-child .priceLabel {
display: none;
}
#catalogLineList .column:last-child .article {
display: none;
}
#catalogTableList .column:nth-child(7) {
display: none;
}
#catalogLineList .column:last-child {
background-color: #f9f9f9;
}
#slider ul li span,
#slider .slideVideoContainer,
#slider .limiter,
#slider .videoPoster {
height: 400px;
}
}
@media all and (max-width: 1150px) {
#catalogColumn .product {
width: 50%;
}
#catalog .product {
width: 50%;
}
}
@media all and (max-width: 1100px) {
#catalogLineList .description {
display: none;
}
#catalogLine .column:last-child .label {
display: none;
}
#catalogLineList .prop {
width: 100%;
}
#catalogTableList .column:nth-child(4) {
display: none;
}
#slider ul li span,
#slider .slideVideoContainer,
#slider .limiter,
#slider .videoPoster {
height: 380px;
}
}
@media all and (max-width: 1300px) and (min-width: 1000px) {
.product:nth-child(4n + 1).last {
width: 100%;
height: 70px;
line-height: 70px;
}
.product:nth-child(4n + 1).last .icon {
display: none;
}
.product:nth-child(4n + 1).last .small {
display: none;
}
}
@media all and (max-width: 1000px) and (min-width: 790px) {
.product:nth-child(3n + 1).last {
width: 100%;
height: 70px;
line-height: 70px;
}
.product:nth-child(3n + 1).last .icon {
display: none;
}
.product:nth-child(3n + 1).last .small {
display: none;
}
}
@media all and (max-width: 1024px) and (min-width: 790px) {
#brandList .item:nth-child(4n + 1).last {
width: 100%;
height: 70px;
line-height: 70px;
}
#brandList .item:nth-child(4n + 1).last .icon {
display: none;
}
#brandList .item:nth-child(4n + 1).last .small {
display: none;
}
}
@media all and (max-width: 1024px) and (min-width: 790px) {
#popSection .item:nth-child(4n + 1).last {
width: 100%;
height: 70px;
line-height: 70px;
}
#popSection .item:nth-child(4n + 1).last .icon {
display: none;
}
#popSection .item:nth-child(4n + 1).last .small {
display: none;
}
}
@media all and (max-width: 1024px) {
#catalog-section-banners {
display: none !important;
}
#colorSwitcher {
display: none !important;
}
#slider .sliderBtnRight,
#slider .sliderBtnLeft {
display: none;
}
#mainMenuContainer .minCatalogButton {
display: block;
}
#mainMenuContainer {
height: auto;
background: transparent;
}
#mainMenuContainer .limiter {
margin: 0;
}
#mainMenu {
display: none;
height: auto;
}
#mainMenu li {
float: none;
line-height: 21px;
}
#mainMenu li:first-child {
border: 0;
}
#mainMenu li a {
display: block;
padding: 18px 24px;
}
#middleSlider {
display: none !important;
}
#menuCatalogSection {
display: none;
}
#bestsellers {
margin-top: 0;
}
#footer .top .left,
#headerTools .nf,
.product:hover .fastShow {
display: none;
}
/* .drop{
display: none !important;
} */
#smartFilter .heading {
cursor: pointer;
}
#nextSection ul {
display: none;
}
#nextSection {
border: none;
}
#nextSection .title {
position: relative;
padding-left: 12px;
font-family: "roboto_ltregular";
text-align: left;
text-transform: none;
background-color: #f8f8f8;
border: none;
cursor: pointer;
}
#nextSection .title::before {
position: absolute;
top: 0;
right: 0;
width: 42px;
height: 100%;
background: #efefef url("/bitrix/templates/dresscodeV2/images/catalogIco2.png") center center no-repeat;
content: "";
}
#smartFilterForm .slider {
display: none;
}
#modef {
display: none !important;
}
#slider ul li span,
#slider .slideVideoContainer,
#slider .limiter,
#slider .videoPoster {
height: 350px;
}
.product .getFastView,
#catalogLineList .picture .getFastView {
display: none !important;
}
#appFastView {
display: none !important;
}
#fastViewStores {
display: none !important;
}
a.inStock span {
border: 0 !important;
}
#slider ol {
display: none;
}
#slider .slideVideo {
display: none;
}
#slider .videoPoster {
display: block;
}
.templateSwitcherSettings,
.templateSwitcher {
display: none !important;
}
.product {
width: 25%;
height: 301px;
}
.product.last {
line-height: 300px;
}
.product .tabloid {
height: 300px;
}
.product .picture {
height: 195px;
line-height: 195px;
}
.productSpecialTime {
top: 30px;
}
#homeCatalog .captionList {
height: 50px;
line-height: 50px;
}
#homeCatalog .captionBtnRight,
#homeCatalog .captionBtnLeft {
display: none !important;
}
#homeCatalog .caption a {
font-size: 14px;
}
#homeCatalog #captionCarousel {
position: relative;
}
#catalogColumn .product {
width: 25%;
}
}
@media all and (max-width: 1024px) {
#rowFooter,
#leftFooter,
#leftFooter .column,
#rightFooter {
display: block;
width: 100%;
padding: 0;
}
#leftFooter {
box-sizing: border-box;
padding: 24px;
}
#leftFooter .column {
box-sizing: border-box;
margin-bottom: 12px;
}
#leftFooter .column:last-child {
margin-bottom: 0;
}
#leftFooter .heading {
position: relative;
margin: 0;
padding: 18px 12px;
font-weight: 400;
font-size: 14px;
font-family: "roboto_ltregular";
line-height: 16px;
text-align: left;
text-transform: uppercase;
background-color: rgb(0 0 0 / 3.2%);
border: 0;
border-radius: 4px;
cursor: pointer;
}
#footer.variant_4 #leftFooter .heading,
#footer.variant_5 #leftFooter .heading {
color: #000000;
}
#footer.variant_2 #leftFooter .heading,
#footer.variant_3 #leftFooter .heading,
#footer.variant_4 #leftFooter .heading,
#footer.variant_5 #leftFooter .heading,
#footer.variant_7 #leftFooter .heading,
#footer.variant_8 #leftFooter .heading {
border: 0;
}
#leftFooter .heading:not(.noTabs)::after {
position: absolute;
top: 0;
right: 12px;
bottom: 0;
display: block;
width: 25px;
height: 25px;
margin: auto;
background-color: transparent;
background-image: url("/bitrix/templates/dresscodeV2/images/mobile-tab-show.svg");
background-repeat: no-repeat;
background-position: 50% 50%;
border-radius: 25px;
content: "";
}
#leftFooter .heading.active::after {
background-image: url("/bitrix/templates/dresscodeV2/images/mobile-tab-hide.svg");
}
#leftFooter .heading + ul {
display: none;
box-sizing: border-box;
margin-top: 12px;
padding: 0 12px;
}
#rightFooter {
box-sizing: border-box;
padding: 24px 0;
}
#rightFooter .rightTable {
display: block;
}
#rightFooter .leftColumn,
#rightFooter .rightColumn {
display: block;
box-sizing: border-box;
padding: 0 24px;
}
#rightFooter .rightColumn {
padding-top: 18px;
text-align: left;
}
#footer .rightTable .leftColumn {
display: block;
}
#rowFooter {
display: table;
font-size: 0;
}
#leftFooter,
#rightFooter {
display: table-cell;
width: 50%;
font-size: 14px;
vertical-align: top;
}
#footerBottom .social {
float: none;
margin: 0;
padding: 0;
overflow-x: scroll;
}
#footerBottom ul {
display: inline-block;
white-space: nowrap;
}
#footerBottom .sn {
float: none;
}
#footerBottom .sn li {
display: inline-block;
float: none;
vertical-align: middle;
}
}
@media all and (max-width: 1000px) {
.product {
width: 33.33333%;
}
#catalogColumn .product {
width: 33.33333%;
}
#catalog .product {
width: 33.33333%;
}
#popSection .picture img {
max-width: 75%;
max-height: 75%;
}
#brandList .picture img {
max-width: 70%;
max-height: 70%;
}
.bx-auth .rightContainer .bx-title {
margin-top: 12px;
}
}
@media all and (max-width: 850px) {
#topHeading {
display: none;
}
#catalogLineList .column:last-child .priceLabel,
#catalogLineList .column:last-child .price {
font-size: 18px;
}
#headerTools .nf {
display: none;
}
#catalogLine .column:last-child .label {
display: none;
}
#slider ul li span,
#slider .slideVideoContainer,
#slider .limiter,
#slider .videoPoster {
height: 340px;
}
#modef {
display: none !important;
}
#catalogLine .column:nth-child(3) {
display: none;
}
#catalogLine .column:nth-child(3) {
display: none;
}
#footerLine .col:first-child {
display: none;
}
#footerLine .col:last-child {
float: left;
width: 100%;
text-align: center;
}
}
@media all and (max-width: 800px) {
#slider .sliderContent .bigText,
#slider .sliderContent .bigTextColor,
#slider .sliderContent .bigTextLight,
#slider .sliderContent .bigTextLightColor {
font-size: 24px;
line-height: 30px;
}
#slider .sliderContent .mediumText,
#slider .sliderContent .mediumTextColor,
#slider .sliderContent .mediumTextLight {
font-size: 18px;
line-height: 24px;
}
#slider .sliderContent .smallText,
#slider .sliderContent .smallTextColor,
#slider .sliderContent .smallTextLight {
font-size: 14px;
line-height: 21px;
}
.mainService .slideContainer {
margin: 0 -2px;
}
.mainServiceContainer .item {
padding: 0 2px;
}
.mainServiceContainer .item .bigPicture {
height: 110px;
line-height: 110px;
}
.mainServiceContainer .item .wrap {
padding: 0 12px;
}
.mainServiceContainer .item .more {
margin-bottom: 18px;
}
}
@media all and (max-width: 790px) and (min-width: 600px) {
.product:nth-child(2n + 1).last {
width: 100%;
height: 70px;
line-height: 70px;
}
.product:nth-child(2n + 1).last .icon {
display: none;
}
.product:nth-child(2n + 1).last .small {
display: none;
}
}
@media all and (max-width: 790px) and (min-width: 500px) {
#popSection .item:nth-child(3n + 1).last {
width: 100%;
height: 70px;
line-height: 70px;
}
#popSection .item:nth-child(3n + 1).last .icon {
display: none;
}
#popSection .item:nth-child(3n + 1).last .small {
display: none;
}
}
@media all and (max-width: 790px) and (min-width: 360px) {
#brandList .item:nth-child(3n + 1).last {
width: 100%;
height: 70px;
line-height: 70px;
}
#brandList .item:nth-child(3n + 1).last .icon {
display: none;
}
#brandList .item:nth-child(3n + 1).last .small {
display: none;
}
}
@media all and (max-width: 790px) {
.product {
width: 50%;
}
#catalogColumn .product {
width: 50%;
}
#catalog .product {
width: 50%;
}
#popSection .item {
width: 33.33333%;
}
#brandList .item {
width: 33.33333%;
}
#homeCatalog .caption {
border: none;
}
}
@media all and (max-width: 750px) {
#appFastBuyContainer .column:first-child,
#requestPrice .productColumn {
display: none;
}
#appFastBuyContainer .column {
float: none;
box-sizing: border-box;
width: 100%;
padding: 0 24px;
}
#appFastBuyContainer input,
#appFastBuyContainer textarea {
width: 100%;
}
#appFastBuyContainer .formLine {
text-align: center;
}
#appFastBuyContainer #fastBuyFormSubmit {
display: inline-block;
width: 50%;
}
#appFastBuyContainer {
width: 100%;
margin: 0;
transform: translate(-50%, -50%);
}
#requestPrice .formColumn {
box-sizing: border-box;
width: 100%;
padding: 0 24px;
}
#requestPrice input,
#requestPrice textarea,
#requestPrice #requestPriceSubmit {
width: 100%;
}
#requestPrice input {
height: 45px;
}
#requestPrice textarea {
height: 50px;
}
#requestPrice #requestPriceContainer {
left: 50%;
box-sizing: border-box;
width: 90%;
margin-left: 0;
padding: 0;
background-color: #ffffff;
transform: translateX(-50%);
}
#requestPriceForm {
margin-bottom: 24px;
}
#requestPrice .requestPriceFormHeading {
margin-right: 0;
}
#rowFooter {
display: block;
}
#leftFooter,
#rightFooter {
display: block;
width: 100%;
}
#rightFooter .rightTable td {
text-align: left;
}
}
@media all and (max-width: 700px) {
#mainMenuContainer .minCatalogButton {
padding-left: 12px;
}
#slider ul li span,
#slider .limiter,
#slider .videoPoster {
height: 200px;
}
#footerTabs .wrapper,
#footerTabsCaption .wrapper,
.limiter {
margin: 0;
padding: 0 12px;
}
#footer .limiter {
margin: 0;
padding: 0 12px;
}
#main .limiter {
box-sizing: border-box;
padding: 0 12px;
}
#mainMenuContainer .limiter {
padding: 0;
}
#topMenu {
margin-left: 12px;
}
#logo {
border-right: 0;
}
#topSearch form {
box-sizing: border-box;
}
#footer .top {
box-sizing: border-box;
padding: 0 12px;
}
#footer .bottom {
box-sizing: border-box;
padding: 0 12px;
}
#footer .bottom .left {
width: 60px;
}
#flushFooterCart .item:nth-child(1) {
display: none;
}
.copyright img {
display: none;
}
.copyright {
display: block;
width: 60px;
height: 60px;
background: url("/bitrix/templates/dresscodeV2/images/sn.svg") -360px -0 no-repeat transparent;
}
.copyright:hover {
background-position: -360px -60px;
}
#catalogLineList .resizeColumn {
width: 40%;
}
#catalogLineList .column .resizeColumn.last {
width: 20%;
}
#catalogLineList .column:last-child .optional .label {
width: 100%;
}
#catalogLineList .column:last-child .optional .label:first-child {
display: none;
}
#catalogLineList .column:last-child .priceLabel {
display: none;
}
#catalogTableList .column:nth-child(8) {
display: none;
}
#appBasket {
display: none !important;
}
#overlap {
display: none !important;
}
.blurred {
filter: blur(0) !important;
}
#upButton {
display: none !important;
}
#newsContainer .column .item .bigPicture {
float: none;
width: 100%;
}
#catalogSection .sectionItems .item .itemContainer .description {
display: none;
}
div.mf-name,
div.mf-email,
div.mf-captcha,
div.mf-message {
width: 100%;
}
.product .row:first-child {
display: none;
}
#slider ul li span,
#slider .slideVideoContainer,
#slider .limiter,
#slider .videoPoster {
height: 320px;
}
.product {
width: 50%;
height: auto;
}
body .product:hover .tabloid {
position: relative;
border-color: transparent;
box-shadow: none;
}
.product.last {
line-height: 328px;
}
.product .btn-simple {
display: inline-block;
font-size: 13px;
}
.product .tabloid {
height: 100%;
}
.product:hover .tabloid {
height: 100%;
}
.product .picture {
height: 180px;
line-height: 180px;
}
.product .optional {
display: none;
}
.product .skuProperty {
display: none;
}
.product .addCart {
display: none;
}
.product .name {
display: flex;
height: 36px;
line-height: normal;
}
.product .middle {
line-height: 18px;
}
.product .price {
margin-bottom: 6px;
font-size: 14px;
}
.product .price .measure {
font-size: 14px;
}
.product .markerContainer {
top: 6px;
left: 6px;
max-height: 48px;
overflow: hidden;
}
.product .marker {
margin-bottom: 2px;
}
.product .getPricesWindow .priceIcon {
display: none;
}
.product .rating {
display: none;
}
.productSpecialTime {
display: none;
}
.productTable {
display: flex;
flex-direction: column;
gap: 12px;
}
.productColImage {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
padding-right: 0;
}
.productColText {
display: table-cell;
vertical-align: middle;
}
.product.last .icon {
height: 33px;
margin-bottom: 6px;
}
.product.last .icon .iconBig {
display: none;
}
.product.last .icon .iconSmall {
display: inline-block;
}
.mainService .btnLeft,
.mainService .btnRight {
position: absolute;
top: 50%;
z-index: 22;
width: 24px;
height: 48px;
background: url("/bitrix/templates/dresscodeV2/images/slideArrowMicro.png") 0 0 no-repeat transparent;
transform: translateY(-50%);
}
.mainService .btnLeft:hover {
background-position: -24px 0;
}
.mainService .btnLeft:active {
background-position: -48px 0;
}
.mainService .btnRight {
background-position: 0 -48px;
}
.mainService .btnRight:hover {
background-position: -24px -48px;
}
.mainService .btnRight:active {
background-position: -48px -48px;
}
.product .addCartContainer {
display: none;
}
.product .price .discount {
margin-top: 2px;
}
.product .name {
margin-bottom: 2px;
}
}
@media all and (max-width: 660px) {
#footer {
padding-top: 0;
}
div[id*="bigdata_recommended_"],
#footerTabsCaption,
#footerTabs,
#footerTabs .tab {
display: none !important;
}
#headerTools .tools .compare,
#headerTools .tools .wishlist {
display: none;
}
#catalogLineList .column {
width: 50%;
}
#catalogLineList .prop {
display: none;
}
#catalogLineList .column .resizeColumn {
width: 50%;
}
#catalogLineList .column .resizeColumn.last {
display: none;
}
#catalogTableList .column:nth-child(1) {
display: none;
}
#catalogTableList .column:nth-child(2) {
width: auto;
padding-left: 24px;
}
.contactList li {
width: 100%;
margin-bottom: 24px;
}
#empty .emptyMenu li {
width: 100%;
}
#slider ul li span,
#slider .slideVideoContainer,
#slider .limiter,
#slider .videoPoster {
height: 300px;
}
#catalogLine .label {
display: none;
}
}
@media all and (max-width: 600px) {
.product .picture {
height: 170px;
line-height: 170px;
}
.product.last {
line-height: 318px;
}
#popSection .item {
height: 170px;
}
#popSection .nameWrap {
height: 48px;
line-height: 48px;
}
#popSection .last .value,
#popSection .last .ps {
font-size: 16px;
}
#brandList .last .ps,
#brandList .last .value,
#popSection .last .small {
font-size: 14px;
}
#homeCatalog #captionCarousel::before {
position: absolute;
top: 0;
right: 0;
z-index: 2;
width: 80px;
height: 100%;
background: linear-gradient(left, rgb(43 43 43 / 0%) 0%, rgb(43 43 43 / 100%) 100%);
background: linear-gradient(to right, rgb(43 43 43 / 0%) 0%, rgb(43 43 43 / 100%) 100%);
content: "";
pointer-events: none;
}
.catalogLineSpecialTime {
display: none;
}
#footerBottom .creator {
display: none;
}
}
@media all and (max-width: 525px) {
#catalogLine .column:first-child {
float: left;
}
#catalogLine .column:nth-child(2) {
float: right;
}
#catalogLine .column:last-child {
display: none;
}
}
@media all and (max-width: 500px) {
.top-auth-personal,
.top-auth-exit,
.top-auth-login,
.top-auth-register {
position: absolute;
top: 100px;
border: none !important;
}
.top-auth-personal,
.top-auth-login {
left: 12px;
}
.top-auth-exit {
left: 120px;
}
.top-auth-register {
left: 52px;
}
#headerTools {
padding-right: 12px;
border: none;
}
#headerTools .telephone {
position: absolute;
top: 103px;
right: 0;
padding: 0;
line-height: 21px !important;
border: none !important;
}
#headerTools .telephone .callBack {
display: none;
}
#headerTools .telephone .nf {
display: block;
float: none;
margin: 0;
}
#headerTools .telephone .nf .heading {
display: none;
}
#headerTools .telephone .nf .heading:first-child {
display: block;
color: #000000;
font-size: 14px;
font-family: robotomedium;
}
#headerTools .tools li {
border: none !important;
}
#headerTools .tools .cart {
padding: 0;
}
#topService,
#topHeader.color_theme #topMenu,
#topHeader.color_theme #topService,
#topHeader.color_black #topMenu,
#topHeader.color_black #topService {
border: none;
}
#topHeader.color_theme #topService li,
#topHeader.color_black #topService li,
#topService li {
padding: 0;
border: none;
}
#logo {
height: 75px;
line-height: 75px;
border: none;
}
#headerTools .tools li {
line-height: 75px;
}
#topMenu {
margin-left: 0;
}
.user-geo-position {
padding-right: 12px;
text-align: right;
}
#topSearch input[type="text"] {
padding-left: 6px;
}
#topService li a {
color: #888888;
}
#panel {
position: fixed;
z-index: 9999;
}
#logo {
text-align: left;
}
#topHeader #topMenu {
border: none;
}
#topSearch input[type="text"] {
font-size: 14px;
}
#topSeachCloseForm {
font-size: 13px;
}
.product .picture {
height: 160px;
line-height: 160px;
}
.product.last {
line-height: 308px;
}
#subHeader #logo {
padding-left: 12px;
}
#popSection .item {
width: 50%;
height: 150px;
}
#popSection .nameWrap {
height: 32px;
line-height: 32px;
}
#popSection .item:nth-child(2n + 1).last {
width: 100%;
height: 95px;
line-height: 95px;
}
}
@media all and (max-width: 480px) {
#brandList .heading {
padding-bottom: 24px;
}
#homeCatalog .captionList .limiter {
padding: 0;
}
#leftFooter .column {
width: 100%;
}
.sn {
display: none;
}
#catalogTableList .column:first-child {
width: auto;
}
#catalogTableList .column:nth-child(2) {
margin-top: 0;
padding-left: 0;
}
#catalogTableList .column {
display: block;
text-align: center;
}
#catalogTableList .column:nth-child(1) {
display: block;
margin-top: 24px;
}
#catalogTableList .name {
text-align: center;
}
#catalogTableList .price .discount {
right: 48px;
}
#catalogTableList .addCart,
#catalogTableList .more {
margin: 0;
}
#slider {
width: 100%;
}
#slider ul li span,
#slider .slideVideoContainer,
#slider .limiter,
#slider .videoPoster {
height: 250px;
padding: 0;
}
#slider .sliderContent {
right: unset;
left: unset;
box-sizing: border-box;
width: 100%;
padding-left: 24px;
text-shadow: 1px 1px 10px #ffffff;
transform: translate(0%, -50%);
}
#slider .sliderContent br {
display: none;
}
#slider ul li span {
opacity: 1;
transition: 1s filter linear;
}
#slider ul li span:hover {
transform: scale(1);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
filter: blur(0);
}
#slider .sliderContent .cButtonLight,
#slider .sliderContent .cButton {
height: 35px;
margin-top: 12px;
padding: 0 12px;
line-height: 35px;
text-shadow: none;
}
#slider .sliderContent .bigText,
#slider .sliderContent .bigTextColor,
#slider .sliderContent .bigTextLight {
margin-top: 6px;
}
#slider .sliderContent .mediumText,
#slider .sliderContent .mediumTextColor,
#slider .sliderContent .mediumTextLight {
margin-top: 6px;
line-height: 21px;
}
#slider .sliderContent .bigText,
#slider .sliderContent .bigTextColor,
#slider .sliderContent .bigTextLight,
#slider .sliderContent .bigTextLightColor {
font-size: 21px;
line-height: 24px;
}
#slider .sliderContent .smallText,
#slider .sliderContent .smallTextColor,
#slider .sliderContent .smallTextLight {
display: none;
}
#slider .whiteColor {
text-shadow: 1px 1px 12px #000000;
}
#leftFooter .column {
padding-right: 0;
}
#footerBottom .creator {
float: none;
text-align: center;
}
#homeCatalog .captionList .cItem:first-child .caption {
border-left: none;
}
#homeCatalog .captionBtnRight {
right: -12px;
}
#homeCatalog .captionBtnLeft {
left: -12px;
}
}
@media all and (max-width: 450px) {
.user-geo-position-label {
display: none;
}
#appFastBuyContainer {
height: auto;
padding-bottom: 24px;
}
#appFastBuyContainer .formLine:last-child {
margin-bottom: 0;
}
#appFastBuyContainer #fastBuyFormSubmit {
width: 80%;
}
.product .name {
font-size: 12px;
}
}
@media all and (max-width: 430px) {
#requestPrice #requestPriceContainer {
height: 450px;
}
#requestPrice .requestPriceHeading {
font-size: 16px;
}
#requestPrice .requestPriceFormHeading {
margin-top: 32px;
}
}
@media all and (max-width: 400px) {
#logo {
width: 150px;
}
.product .picture {
height: 150px;
line-height: 150px;
}
.product.last {
line-height: 298px;
}
#catalogLine .oFilter {
margin-right: 0;
}
#catalogLine {
height: 32px;
padding: 0;
line-height: 32px;
border: none;
}
#catalogColumn #smartFilter {
margin-top: 42px;
}
#flushFooterCart .item:nth-child(2) .textLabel {
display: none;
}
#flushFooterCart .item:nth-child(2) .icon {
margin-right: 6px;
}
}
@media all and (max-width: 360px) {
#brandList .item {
width: 50%;
}
#brandList .item:nth-child(2n + 1).last {
width: 100%;
height: 70px;
line-height: 70px;
}
#brandList .last .ps,
#brandList .last .value,
#popSection .last .small {
font-size: 13px;
}
#catalogLine .oSmartFilter.btn-simple.btn-micro {
min-width: 94px;
}
#headerTools .tools li {
border-left: none;
}
#logo {
width: 120px;
}
.mainServiceContainer .item .bigPicture {
height: 95px;
margin-top: 12px;
line-height: 95px;
}
.mainServiceContainer .item .title {
margin-top: 12px;
}
.mainServiceContainer .item .more {
margin: 6px 0 12px;
}
.mainServiceContainer .item .title a {
height: 30px;
line-height: 30px;
}
.mainServiceContainer .item .title a span {
font-size: 13px;
line-height: 15px;
}
}
@media all and (max-width: 300px) {
#headerTools .tools .telephone {
display: none !important;
}
}
#ORDER_CONFIRM_BUTTON {
height: 50px !important;
line-height: 50px !important;
text-shadow: none !important;
}
.addCart.disabled {
cursor: default;
pointer-events: none;
}
.addCart.requestPrice {
background-color: #2b2b2b !important;
cursor: pointer !important;
pointer-events: auto !important;
}
.addCart.requestPrice:hover {
opacity: 0.8 !important;
}
.addCart.requestPrice:active {
position: relative;
top: 1px;
}
.sale_order_full_table input[name="BuyButton"],
.sale_order_full_table input[type="submit"] {
height: 50px;
padding: 0 48px;
line-height: 50px;
text-decoration: none;
border: 0;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
div.bx-debug-summary {
z-index: 99999 !important;
}
.appZoomContainerExit {
position: absolute;
top: -38px;
right: -38px;
width: 38px;
height: 38px;
background: url("/bitrix/templates/dresscodeV2/images/exitWindow.png") 0 0 no-repeat transparent;
}
.appZoomContainerExit:hover {
background-position: 0 -38px;
}
.appZoomContainerExit:active {
background-position: 0 -76px;
}
#appZoomWindow .appZoomContainer {
transition: all 0.2s ease-in-out;
}
#appZoomWindow .appZoomContainer.loading {
min-width: 100px;
min-height: 100px;
background: url("/bitrix/templates/dresscodeV2/images/windowLoader.gif") 50% 50% no-repeat transparent;
}
.fastBack.disabled {
/* pointer-events: none; */
cursor: not-allowed;
}
.fastBack.disabled:hover {
color: #717171;
}
.fastBack.disabled:active {
top: 0;
}
.getPricesWindow {
cursor: pointer !important;
transition: all 0.2s ease-in-out;
}
.getPricesWindow:hover {
color: #444444;
}
.getPricesWindow:active {
position: relative;
top: 1px;
}
.getPricesWindow .priceIcon {
display: inline-block;
width: 21px;
height: 21px;
margin-top: -2px;
margin-right: 10px;
vertical-align: middle;
background: url("/bitrix/templates/dresscodeV2/images/priceInfo.png") 0 0 no-repeat transparent;
}
.getPricesWindow .priceIcon:hover {
background-position: 0 -21px;
}
.getPricesWindow .priceIcon:active {
background-position: 0 -42px;
}
.global-block-container {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
.global-content-block,
.global-information-block {
display: table-cell;
vertical-align: top;
}
.global-information-block {
position: relative;
width: 280px;
padding-left: 24px;
overflow: hidden;
}
.global-information-block.fixed .global-information-block-cn {
position: fixed;
top: 0;
width: 280px;
padding-top: 24px;
overflow: hidden;
}
.global-information-block-hide-scroll {
width: 320px;
max-height: 100vh;
padding-right: 24px;
overflow: auto;
}
.global-information-block-hide-scroll-cn {
width: 280px;
}
.global-information-block.max-scroll .global-information-block-cn {
position: absolute;
top: auto;
bottom: 0;
}
.questions-answers .h2 {
margin: 18px 0;
}
.question-answer-wrap {
margin-bottom: 12px;
padding: 0 18px 0 24px;
color: #000000;
font-size: 14px;
line-height: 24px;
border: 1px solid #f3f3f3;
transition: all 0.2s ease-in-out;
}
.question-answer-wrap:last-child {
margin-bottom: 0;
}
.question-answer-wrap:hover {
box-shadow: 0 0 7px 0 rgb(0 0 0 / 5%);
}
.questions-answers-list .question {
position: relative;
padding: 24px 0;
padding-right: 120px;
cursor: pointer;
}
.questions-answers-list .open-answer {
position: absolute;
top: 50%;
right: 6px;
width: 110px;
height: 25px;
margin-top: -12px;
overflow: hidden;
}
.questions-answers-list .open-answer span {
position: absolute;
top: 0;
left: 0;
display: block;
height: 25px;
color: #000000;
font-size: 13px;
line-height: 25px;
transition: all 0.3s linear;
}
.questions-answers-list span.hide-answer-text {
top: -25px;
}
.questions-answers-list .active span.hide-answer-text {
top: 0;
}
.questions-answers-list .active span.open-answer-text {
top: 25px;
}
.questions-answers-list .open-answer-btn {
position: absolute;
top: 0;
right: 0;
width: 25px;
height: 25px;
background: url("/bitrix/templates/dresscodeV2/images/question-arrow.png") center center / contain no-repeat;
transition: all 0.3s linear;
}
.questions-answers-list .active .open-answer-btn {
transform: rotate(-180deg);
}
.questions-answers-list .answer {
display: none;
padding: 24px 0;
color: #888888;
border-top: 1px solid #efefef;
}
@media screen and (max-width: 800px) {
.questions-answers-list .answer {
padding: 0 12px;
}
.questions-answers-list .question {
padding: 12px 36px 12px 0;
line-height: 20px;
}
.questions-answers-list .answer {
padding: 12px 0;
line-height: 20px;
}
.questions-answers-list .open-answer {
right: 0;
}
.questions-answers-list .open-answer span {
display: none;
}
}
.information-heading {
margin-bottom: 12px;
font-size: 21px;
font-family: robotomedium;
}
.information-text {
box-sizing: border-box;
padding-right: 12px;
color: #555555;
}
.information-list-item {
margin-top: 24px;
padding: 12px;
border: 1px solid #f1f1f1;
border-radius: 2px;
}
.information-item-icon {
width: 42px;
padding-right: 24px;
}
.information-list-item a {
color: #000000;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
.information-list-item a:hover {
color: #777777;
}
.information-list-item a:active {
position: relative;
top: 1px;
}
.information-feedback-container {
margin-top: 24px;
}
.information-feedback {
display: block;
padding: 18px 12px;
font-size: 16px;
text-align: center;
text-decoration: none;
transition: all 0.1s ease-in-out;
}
.information-feedback:active {
position: relative;
top: -1px;
}
.tb {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
.tc {
display: table-cell;
vertical-align: middle;
}
#catalog-section-banners {
display: none;
clear: both;
margin: 0 0 24px;
overflow: hidden;
}
#catalog-section-banners ul {
margin: 0;
padding: 0;
}
#catalog-section-banners ul > li {
float: left;
width: 0;
list-style: none;
}
#catalog-section-banners ul > li:first-child {
width: auto;
}
#catalog-section-banners li img {
width: 100%;
}
#catalog-section-banners ol {
position: absolute;
bottom: 12px;
left: 50%;
margin: 0;
padding: 0;
list-style: none;
}
#catalog-section-banners ol {
position: absolute;
bottom: 12px;
left: 50%;
}
#catalog-section-banners ol li {
float: left;
width: 18px;
height: 18px;
margin-right: 4px;
background: url("/bitrix/templates/dresscodeV2/images/slideButtonSect.svg") 0 0 no-repeat transparent;
cursor: pointer;
}
#catalog-section-banners ol li:hover {
background: url("/bitrix/templates/dresscodeV2/images/slideButtonSect.svg") -18px 0 no-repeat transparent;
}
#catalog-section-banners ol li:active {
background: url("/bitrix/templates/dresscodeV2/images/slideButtonSect.svg") -36px 0 no-repeat transparent;
}
#catalog-section-banners ol li.selected {
background: url("/bitrix/templates/dresscodeV2/images/slideButtonSect.svg") -54px 0 no-repeat transparent;
}
#catalog-section-banners ol li.selected:hover {
background: url("/bitrix/templates/dresscodeV2/images/slideButtonSect.svg") -72px 0 no-repeat transparent;
}
#catalog-section-banners ol li.selected:active {
background: url("/bitrix/templates/dresscodeV2/images/slideButtonSect.svg") -90px 0 no-repeat transparent;
}
#catalog-section-banners .catalog-section-banners-btn-left,
#catalog-section-banners .catalog-section-banners-btn-right {
position: absolute;
top: 50%;
display: block;
width: 30px;
height: 60px;
margin-top: -30px;
background: url("/bitrix/templates/dresscodeV2/images/slideArrowSect.svg") no-repeat transparent;
}
#catalog-section-banners .catalog-section-banners-btn-left {
left: 0;
background-position: 0 0;
}
#catalog-section-banners .catalog-section-banners-btn-left:hover {
background-position: -30px 0;
}
#catalog-section-banners .catalog-section-banners-btn-left:active {
background-position: -60px 0;
}
#catalog-section-banners .catalog-section-banners-btn-right {
right: 0;
background-position: 0 -60px;
}
#catalog-section-banners .catalog-section-banners-btn-right:hover {
background-position: -30px -60px;
}
#catalog-section-banners .catalog-section-banners-btn-right:active {
background-position: -60px -60px;
}
.bx-sls .quick-location-tag,
.bx-slst .quick-location-tag {
color: #23527c !important;
}
.list-advantages {
max-width: none;
margin: 18px -12px 24px;
font-size: 0;
line-height: 0;
}
.list-advantages .list-item {
display: inline-block;
box-sizing: border-box;
width: 350px;
max-width: 100%;
padding: 12px;
vertical-align: top;
}
.list-advantages .tc {
vertical-align: top;
}
.list-advantages .image {
width: 74px;
}
.list-advantages .text-wrap {
color: #000000;
font-size: 14px;
}
.list-advantages .name {
max-height: 40px;
margin-bottom: 6px;
overflow: hidden;
font-size: 16px;
font-family: robotomedium;
line-height: 20px;
}
.list-advantages .descr {
max-height: 32px;
overflow: hidden;
line-height: 16px;
}
.processing {
position: relative;
pointer-events: none;
}
.processing > * {
opacity: 0.4;
transition: opacity 0.3s ease-in-out;
}
.processing::after {
position: absolute;
inset: 0;
background: url("/bitrix/templates/dresscodeV2/images/spin.svg") 50% 50% no-repeat;
content: " ";
}
#colorSwitcher {
position: fixed;
top: 50%;
right: 0;
z-index: 99999;
width: 192px;
height: 450px;
margin-top: -175px;
text-align: center;
background-color: #ffffff;
box-shadow: 1px 1px 12px rgb(0 0 0 / 40%);
transform: translateX(192px);
transition: all 0.5s ease-in-out;
}
#colorSwitcher:hover {
transform: translateX(0);
}
#colorSwitcher .settingTouch {
position: absolute;
left: -50px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background-color: #000000;
transition: all 0.2s ease-in-out;
}
#colorSwitcher .settingTouch:hover {
background: #2b2b2b;
}
#colorSwitcher .settingTouchPicture {
display: inline-block;
width: 24px;
height: 24px;
vertical-align: middle;
background: url("/bitrix/templates/dresscodeV2/images/setting.png") 50% 50% no-repeat transparent;
transition: all 0.4s ease-in-out;
}
#colorSwitcher:hover .settingTouchPicture {
transform: rotate(360deg);
}
#colorSwitcher .title {
margin-top: 12px;
font-family: robotobold;
text-align: center;
text-transform: uppercase;
}
#colorSwitcher .items {
margin-top: 12px;
overflow: hidden;
text-align: center;
}
#colorSwitcher .item {
float: left;
width: 48px;
height: 48px;
margin-bottom: 12px;
margin-left: 12px;
}
#colorSwitcher .menuSelect {
margin-top: 12px;
}
#colorSwitcher .menuSelect select {
box-sizing: border-box;
width: 85%;
height: 35px;
padding: 0 12px;
outline: none;
}
#colorSwitcher .menuSelect option {
padding: 12px 0;
}
#colorSwitcher .close {
display: inline-block;
margin-top: 8px;
padding: 0 24px;
color: #ffffff;
line-height: 30px;
text-align: center;
text-decoration: none;
background-color: rgb(0 0 0 / 80%);
border-radius: 4px;
transition: all 0.2s ease-in-out;
}
#colorSwitcher .close:hover {
background-color: rgb(0 0 0 / 100%);
}
#colorSwitcher .item a {
display: block;
width: 48px;
height: 48px;
border-radius: 50%;
transition: all 0.2s ease-in-out;
}
#colorSwitcher .selected a {
background-image: url("/bitrix/templates/dresscodeV2/images/check.png");
background-repeat: no-repeat;
background-position: 50% 50%;
}
#colorSwitcher .item .color1 {
background-color: #ff9601;
}
#colorSwitcher .item .color1:hover {
background-color: #ffb800;
}
#colorSwitcher .item .color2 {
background-color: #fb9bad;
}
#colorSwitcher .item .color2:hover {
background-color: #f3889d;
}
#colorSwitcher .item .color3 {
background-color: #ff855f;
}
#colorSwitcher .item .color3:hover {
background-color: #e77652;
}
#colorSwitcher .item .color4 {
background-color: #daa550;
}
#colorSwitcher .item .color4:hover {
background-color: #e4a540;
}
#colorSwitcher .item .color5 {
background-color: #b15b49;
}
#colorSwitcher .item .color5:hover {
background-color: #a05a4b;
}
#colorSwitcher .item .color6 {
background-color: #f44336;
}
#colorSwitcher .item .color6:hover {
background-color: #d42d20;
}
#colorSwitcher .item .color7 {
background-color: #acce11;
}
#colorSwitcher .item .color7:hover {
background-color: #94b20e;
}
#colorSwitcher .item .color8 {
background-color: #27c148;
}
#colorSwitcher .item .color8:hover {
background-color: #19cc3f;
}
#colorSwitcher .item .color9 {
background-color: #27bfc1;
}
#colorSwitcher .item .color9:hover {
background-color: #25ccce;
}
#colorSwitcher .item .color10 {
background-color: #3498db;
}
#colorSwitcher .item .color10:hover {
background-color: #2395e1;
}
#colorSwitcher .item .color11 {
background-color: #2a65d0;
}
#colorSwitcher .item .color11:hover {
background-color: #0d57dc;
}
#colorSwitcher .item .color12 {
background-color: #0061b2;
}
#colorSwitcher .item .color12:hover {
background-color: #006ac2;
}
#colorSwitcher .item .color13 {
background-color: #c651d0;
}
#colorSwitcher .item .color13:hover {
background-color: #d75ee1;
}
#colorSwitcher .item .color14 {
background-color: #c12752;
}
#colorSwitcher .item .color14:hover {
background-color: #c61c4b;
}
#colorSwitcher .item .color15 {
background-color: #ed1c24;
}
#colorSwitcher .item .color15:hover {
background-color: #ff232b;
}
.colorSwitcherLoader {
position: fixed;
inset: 0;
z-index: 9999;
display: none;
width: 100%;
height: 100%;
margin: auto;
text-align: center;
background-color: rgb(0 0 0 / 40%);
}
.colorSwitcherLoader svg {
position: absolute;
top: 50%;
left: 50%;
display: none;
width: 180px;
height: 180px;
margin: auto;
margin-top: -120px;
overflow: visible;
}
.colorSwitcherLoader.visible svg {
display: block;
}
.bx-soa-pp-company {
z-index: 1 !important;
}
.sale_order_full_table input[name="BuyButton"] {
margin-bottom: 24px;
}
#bx-soa-order * {
box-sizing: border-box !important;
}
.contactAddress {
max-width: 160px;
}
.microdata {
display: none;
}
.btn-simple-wrap {
margin-top: 14px;
}
.btn-simple {
position: relative;
display: inline-block;
box-sizing: border-box;
min-width: 200px;
padding: 21px 24px 19px;
color: #ffffff;
font-size: 14px;
font-family: "roboto_ltregular";
line-height: 18px;
text-align: center;
text-decoration: none;
border: 1px solid transparent;
border-radius: 4px;
cursor: pointer;
transition:
background 0.2s ease-in-out,
border 0.2s ease-in-out;
}
.btn-simple:active {
top: 1px;
}
.btn-simple.btn-black {
background: #2d2d2d;
border-color: #2d2d2d;
}
.btn-simple.btn-black:hover {
background: #202020;
border-color: #202020;
}
.btn-simple.btn-black-border {
color: #000000;
background: transparent;
border-color: #aaaaaa;
}
.btn-simple.btn-black-border:hover {
background: transparent;
border-color: #000000;
}
.btn-simple.btn-medium {
padding: 16px 24px 14px;
}
.btn-simple.btn-small {
min-width: 126px;
padding: 12px 8px 10px;
}
.btn-simple.btn-micro {
min-width: 114px;
padding: 6px 8px 4px;
}
.btn-simple.add-cart {
min-width: 90px;
padding: 4px 8px 3px;
color: #000000;
background: transparent;
border-color: #e7e8ea;
}
.btn-simple.add-cart:hover {
background: transparent;
border-color: #000000;
}
.btn-simple.add-cart.disabled {
opacity: 0.5;
pointer-events: none;
}
.active-link {
display: inline-block;
color: #000000;
font-size: 14px;
font-family: robotobold;
text-transform: uppercase;
text-decoration: none;
border-bottom: 1px dashed #000000;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.active-link:active {
position: relative;
top: 1px;
}
.inactive-link {
display: inline-block;
color: #888888;
font-size: 14px;
font-family: robotobold;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.inactive-link:active {
position: relative;
top: 1px;
}
.text-link {
display: inline-block;
color: #3b3732;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.text-link:active {
position: relative;
top: 1px;
}
.big-text-link {
display: inline-block;
color: #3b3732;
font-size: 16px;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.big-text-link:active {
position: relative;
top: 1px;
}
.link-dashed {
display: inline-block;
color: #000000;
font-size: 14px;
font-family: "roboto_ltregular";
text-decoration: none;
border-bottom: 1px dashed #000000;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.link-dashed:active {
position: relative;
top: 1px;
}
.theme-link-dashed {
display: inline-block;
font-size: 14px;
font-family: "roboto_ltregular";
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dashed;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.theme-link-dashed:active {
position: relative;
top: 1px;
}
.tabs-wrap {
margin: 24px 0;
}
.tabs-wrap .tabs-links {
font-size: 0;
}
.tabs-wrap .tab-link {
display: inline-block;
font-size: 14px;
vertical-align: top;
}
.tabs-wrap .tab-link:active {
top: 1px;
}
.tabs-wrap .tab-link:last-child {
margin-right: 0;
}
.tabs-wrap .tab-btn-link {
position: relative;
display: inline-block;
box-sizing: border-box;
min-width: 126px;
margin: 0 6px 6px 0;
padding: 12px 14px 10px;
color: #888888;
font-size: 14px;
font-family: "roboto_ltregular";
line-height: 18px;
text-align: center;
text-decoration: none;
border: 1px solid #e7e8ea;
border-radius: 2px;
cursor: pointer;
transition:
background 0.2s ease-in-out,
color 0.2s ease-in-out,
border 0.2s ease-in-out;
}
.tabs-wrap .tab-dashed-link {
position: relative;
display: inline-block;
margin: 0 30px 6px 0;
color: #888888;
font-size: 14px;
font-family: robotobold;
text-transform: uppercase;
text-decoration: none;
border-bottom: 1px dashed transparent;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.tabs-wrap .tab-dashed-link.active {
color: #000000;
border-color: #000000;
}
.tabs-wrap .tab-dashed-link.active:hover {
color: #000000;
border-color: #000000;
}
.tabs-wrap .tabs-content {
margin-top: 18px;
}
.tabs-wrap .tab-content {
display: none;
}
.tabs-wrap .tab-content.active {
display: block;
}
.consultation-wrap {
box-sizing: border-box;
padding: 14px 40px 16px 22px;
color: #000000;
background: #fafafa;
border: 1px solid #e7e8ea;
}
.consultation-wrap .tb {
width: 100%;
}
.consultation-wrap .image {
width: 128px;
}
.consultation-wrap .consultation-btn-wrap {
width: 224px;
text-align: right;
}
.consultation-wrap .consultation-heading {
margin-bottom: 6px;
color: #000000;
font-weight: 400;
font-size: 21px;
font-family: robotomedium;
line-height: 25px;
text-decoration: none;
}
.consultation-wrap .text {
max-height: 48px;
overflow: hidden;
font-size: 14px;
line-height: 16px;
}
@media screen and (max-width: 790px) {
.consultation-wrap {
padding: 18px 12px;
}
.consultation-wrap .tc.image {
display: none;
}
}
@media screen and (max-width: 550px) {
.consultation-wrap .tc {
display: block;
width: 100%;
text-align: left;
}
.consultation-wrap .consultation-btn-wrap {
margin-top: 18px;
}
}
.flex {
display: -webkit-box;
display: flexbox;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}
.flex .flex-item {
box-sizing: border-box;
width: calc(50% - 10px);
padding: 30px 24px;
border: 1px solid #e7e8ea;
}
@media all and (max-width: 750px) {
.flex .flex-item {
width: 100%;
margin-bottom: 12px;
}
}
.h1 {
display: block;
margin-bottom: 6px;
color: #000000;
font-weight: 400;
font-size: 24px;
font-family: "roboto_ltregular";
line-height: 30px;
text-decoration: none;
}
.h2 {
display: block;
margin-bottom: 6px;
color: #000000;
font-weight: 400;
font-size: 21px;
font-family: "roboto_ltregular";
line-height: 25px;
text-decoration: none;
}
.h3 {
display: block;
margin-bottom: 6px;
color: #000000;
font-weight: 400;
font-size: 16px;
font-family: "roboto_ltregular";
line-height: 20px;
text-decoration: none;
}
.ff-bold {
font-family: robotobold;
}
.ff-medium {
font-family: robotomedium;
}
.detail-text-wrap {
margin: 24px 0;
line-height: 24px;
}
.detail-text-wrap .h1 {
margin-bottom: 12px;
}
.detail-text-wrap .h2 {
margin-bottom: 12px;
}
.detail-text-wrap .h3 {
margin-bottom: 12px;
}
.detail-text-wrap p {
margin: 0 0 14px;
line-height: 24px;
}
.detail-text-wrap *:last-child {
margin-bottom: 0;
}
.detail-text-wrap ul {
padding-left: 16px;
}
.detail-text-wrap ol {
padding-left: 16px;
}
.detail-text-wrap img.fixwidth {
display: inline-block;
width: auto;
max-width: 100%;
height: auto;
}
.error-wrap {
margin: 18px 0;
padding: 48px 42px 36px;
color: #952525;
font-size: 14px;
line-height: 24px;
border: 1px solid #bc8383;
}
.table-simple-wrap {
overflow: auto;
}
.table-simple {
box-sizing: border-box;
width: 100%;
min-width: 700px;
margin: 18px 0 36px;
table-layout: auto;
border: 0;
border-collapse: collapse;
border-spacing: 0;
}
.table-simple th {
padding: 12px 24px;
font-family: robotomedium;
vertical-align: middle;
background: #f7f7f7;
border: 1px solid #e4e4e4;
}
.table-simple td {
padding: 12px 24px;
vertical-align: middle;
border: 1px solid #e4e4e4;
}
.table-simple td:last-child {
text-align: center;
}
.blockquote-wrap {
margin: 42px 0 24px;
padding: 48px 120px 42px 54px;
background: #f9f9f9;
}
.blockquote-wrap blockquote {
margin: 0;
padding: 0;
color: #888888;
font-size: 18px;
line-height: 30px;
}
.blockquote-wrap blockquote::before {
display: inline-block;
width: 40px;
height: 33px;
margin-right: 10px;
background: url("/bitrix/templates/dresscodeV2/images/blockquote.png") center center / contain no-repeat;
content: "";
}
.blockquote-wrap p {
margin-top: 14px;
}
.new-list-items-wrap {
margin-top: 24px;
}
.new-list-items {
max-width: none;
margin: 18px -12px 30px;
font-size: 0;
}
.new-list-items > div[id*="bx_incl_area"] {
display: inline-block;
width: 33.333%;
vertical-align: top;
}
.new-list-items > div[id*="bx_"] > .list-item-wrap {
width: 100%;
}
.new-list-items .list-item-wrap {
display: inline-block;
box-sizing: border-box;
width: 33.333%;
padding: 12px;
vertical-align: top;
}
.new-list-items .list-item {
padding: 24px 18px;
border: 1px solid #e7e8ea;
border-radius: 2px;
}
.new-list-items .image {
width: 54px;
padding-right: 18px;
}
.new-list-items .image-container {
display: block;
transition: all 0.2s ease-in-out;
}
.new-list-items .image-container img {
display: block;
max-width: 100%;
}
.new-list-items .image-container:hover {
opacity: 0.9;
}
.new-list-items .image-container:active {
position: relative;
top: 1px;
}
.new-list-items .text {
color: #000000;
}
.new-list-items .name {
display: block;
max-height: 18px;
margin-bottom: 12px;
overflow: hidden;
color: #000000;
font-size: 14px;
line-height: 18px;
text-decoration: none;
}
.new-list-items .name:active {
position: relative;
top: 1px;
}
.new-list-items .price {
position: relative;
display: inline-block;
padding-right: 18px;
font-size: 18px;
font-family: robotobold;
}
.new-list-items .old-price {
position: absolute;
top: -12px;
right: 0;
color: #888888;
font-size: 13px;
font-family: "roboto_ltregular";
line-height: 15px;
}
.new-list-items .active-link {
font-family: "roboto_ltregular";
text-transform: none;
}
.new-list-items .addCart.added {
color: #888888;
background: none !important;
border-color: #888888;
}
.new-list-items .addCart.added:hover {
color: #000000;
border-color: #000000;
}
.price-container .addCart.added:hover {
border-color: transparent;
}
#topProduct .wrap,
#viewedProduct .wrap {
margin: 0;
}
#topProduct .topBtnLeft,
#viewedProduct .viewedBtnLeft {
left: 0;
}
#topProduct .topBtnRight,
#viewedProduct .viewedBtnRight {
right: 0;
}
@media screen and (max-width: 1600px) {
.blockquote-wrap {
margin: 24px 0 18px;
padding: 30px 30px 36px 42px;
}
.new-list-items {
margin: 0 -6px;
}
.new-list-items .list-item-wrap {
padding: 6px;
}
.new-list-items .list-item {
padding: 12px;
}
.new-list-items .image {
padding-right: 12px;
}
}
@media screen and (max-width: 1400px) {
.new-list-items .list-item-wrap {
width: 50%;
}
}
@media screen and (max-width: 1280px) {
.new-list-items .list-item-wrap {
width: 33.333%;
}
}
@media screen and (max-width: 1100px) {
.new-list-items .list-item-wrap {
width: 50%;
}
}
@media screen and (max-width: 1024px) {
.blockquote-wrap blockquote {
font-size: 16px;
line-height: 24px;
}
.detail-text-wrap .h1 {
font-size: 20px;
line-height: 24px;
}
.detail-text-wrap .h2 {
font-size: 18px;
line-height: 22px;
}
}
@media screen and (max-width: 800px) {
.blockquote-wrap blockquote::before {
width: 20px;
height: 18px;
}
.blockquote-wrap {
padding: 18px 12px 18px 24px;
}
}
@media screen and (max-width: 790px) {
.new-list-items {
margin: -3px;
}
.new-list-items .list-item-wrap {
width: 100%;
padding: 3px;
}
.new-list-items .list-item {
padding: 8px;
}
}
@media screen and (max-width: 500px) {
.detail-text-wrap .h1 {
font-size: 18px;
line-height: 22px;
}
.detail-text-wrap .h2 {
font-size: 16px;
line-height: 20px;
}
.detail-text-wrap .h3 {
font-size: 15px;
line-height: 18px;
}
}
@media screen and (max-width: 400px) {
.new-list-items .price {
font-size: 16px;
}
.new-list-items .name {
max-height: 36px;
}
}
.gray-bg-text {
margin-bottom: 24px;
padding: 30px 24px;
color: #000000;
font-size: 14px;
line-height: 24px;
background: #f9f9f9;
}
@media screen and (max-width: 1024px) {
.hide-1024 {
display: none !important;
}
.gray-bg-text {
padding: 12px;
}
}
.btn-wrap {
margin-top: 24px;
font-size: 0;
}
.btn-wrap .btn-simple {
margin-right: 6px;
margin-bottom: 6px;
vertical-align: top;
}
.active-link {
display: inline-block;
color: #000000;
font-size: 14px;
font-family: robotobold;
text-transform: uppercase;
text-decoration: none;
border-bottom: 1px dashed #000000;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.active-link:active {
position: relative;
top: 1px;
}
.inactive-link {
display: inline-block;
color: #888888;
font-size: 14px;
font-family: robotobold;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.inactive-link:active {
position: relative;
top: 1px;
}
.text-link {
display: inline-block;
color: #3b3732;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.text-link:active {
position: relative;
top: 1px;
}
.big-text-link {
display: inline-block;
color: #3b3732;
font-size: 16px;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.big-text-link:active {
position: relative;
top: 1px;
}
.link-dashed {
display: inline-block;
color: #000000;
font-size: 14px;
font-family: "roboto_ltregular";
text-decoration: none;
border-bottom: 1px dashed #000000;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.link-dashed:active {
position: relative;
top: 1px;
}
.theme-link-dashed {
display: inline-block;
font-size: 14px;
font-family: "roboto_ltregular";
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dashed;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.theme-link-dashed:active {
position: relative;
top: 1px;
}
.banners-list {
max-width: none;
margin: 0 -12px 42px;
font-size: 0;
}
.banners-list .banner-wrap {
display: inline-block;
box-sizing: border-box;
width: 50%;
padding: 12px;
vertical-align: top;
}
.banner-wrap .banner-elem {
border: 1px solid #e7e8ea;
}
.banner-wrap + .global-block-container .detail-text-wrap {
margin-top: 0;
}
.banner-elem {
height: 296px;
overflow: hidden;
}
.banner-elem .limiter {
height: 100%;
}
.banner-elem .tb {
height: 100%;
}
.banner-elem .tr {
display: table-row;
height: 100%;
}
.banner-elem .text-wrap {
padding-left: 54px;
color: #000000;
}
.banner-elem .text-wrap *:last-child {
margin-bottom: 0;
}
.banner-elem .date {
margin-bottom: 6px;
color: #000000;
font-size: 13px;
}
.banner-elem h1 {
max-height: 86px;
margin-bottom: 18px;
overflow: hidden;
font-size: 36px;
line-height: 43px;
}
.banner-elem .h2 {
display: inline-block;
max-height: 50px;
overflow: hidden;
line-height: 25px;
}
.banner-elem .price {
max-height: 22px;
margin-bottom: 6px;
overflow: hidden;
font-size: 18px;
line-height: 22px;
}
.banner-elem .descr {
max-height: 45px;
margin-bottom: 8px;
overflow: hidden;
font-size: 13px;
line-height: 15px;
}
.banner-elem .image {
box-sizing: border-box;
width: 55%;
padding-left: 12px;
font-size: 0;
line-height: 0;
text-align: right;
/* vertical-align: bottom; */
vertical-align: middle;
}
.banner-elem .image img {
display: block;
width: auto;
max-width: 100%;
height: auto;
max-height: 296px;
margin-left: auto;
transform: translate3d(0, 0, 0) scale(1);
transition: all 0.4s ease-in-out;
}
.banner-elem .image-link {
display: block;
width: auto;
}
.banner-elem .image-link:hover img {
transform: translate3d(0, 0, 0) scale(1.02);
}
.banner-elem .image .image-link {
display: inline-block;
}
.banner-elem .image .image-link img {
display: inline-block;
margin: auto;
}
.banner-elem .social {
height: 60px;
margin-top: 12px;
}
@media screen and (max-width: 1600px) {
.banners-list {
margin: 0 -8px 42px;
}
.banners-list .banner-wrap {
padding: 8px;
}
.banner-elem .text-wrap {
padding-left: 24px;
}
.banner-elem .image {
width: 60%;
}
}
@media screen and (max-width: 1400px) {
.banners-list {
margin: 0 -6px 42px;
}
.banners-list .banner-wrap {
padding: 6px;
}
.banner-elem {
height: 260px;
}
.banner-elem .image img {
max-height: 260px;
}
.banner-elem .text-wrap {
padding-left: 18px;
}
.banner-elem .price {
max-height: 20px;
font-size: 16px;
line-height: 20px;
}
.banner-elem .social {
height: 30px;
}
}
@media screen and (max-width: 1280px) {
.banner-elem h1 {
max-height: 58px;
margin-bottom: 12px;
font-size: 24px;
line-height: 29px;
}
}
@media screen and (max-width: 1200px) {
.banner-elem {
height: 220px;
}
.banner-elem .image {
width: 50%;
}
.banner-elem .image img {
max-height: 220px;
}
.banner-elem .h2 {
max-height: 44px;
font-size: 18px;
line-height: 22px;
}
.banner-elem .price {
max-height: 18px;
font-size: 15px;
line-height: 18px;
}
}
@media screen and (max-width: 1024px) {
.banners-list {
margin: 0 -3px 24px;
}
.banners-list .banner-wrap {
padding: 3px;
}
.banner-elem {
height: 160px;
}
.banner-elem h1 {
max-height: 48px;
margin-bottom: 10px;
font-size: 20px;
line-height: 24px;
}
.banner-elem .image {
width: 55%;
}
.banner-elem .image img {
max-height: 160px;
}
.banner-elem .price {
display: none;
}
}
@media screen and (max-width: 800px) {
.banners-list .banner-wrap:nth-child(n) {
width: 100%;
}
.banner-elem .text-wrap {
padding-left: 24px;
}
.banner-elem .image {
width: 50%;
text-align: center;
}
.banner-elem .image img {
margin: 0 auto;
}
.hide-800 {
display: none !important;
}
}
@media screen and (max-width: 400px) {
.banner-elem {
height: 150px;
}
.banner-elem .h2 {
max-height: 40px;
font-size: 16px;
line-height: 20px;
}
.banner-elem .price {
max-height: 18px;
font-size: 14px;
line-height: 18px;
}
.banner-elem .text-wrap {
padding-left: 12px;
}
.banner-elem .btn-simple.btn-micro {
min-width: 100px;
padding: 3px 8px;
}
.banner-elem .image {
width: 50%;
}
.banner-elem .image img {
max-height: 150px;
}
.services-banners-list .banner-wrap .banner-elem {
background: none !important;
}
}
.fullscreen-banner {
height: 470px;
margin-bottom: 24px;
border-bottom: 1px solid #e7e8ea;
}
.fullscreen-banner .limiter {
position: relative;
height: 100%;
}
.fullscreen-banner #breadcrumbs {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.fullscreen-banner #breadcrumbs + .tb .text-wrap {
padding: 42px 0 0;
}
.fullscreen-banner h1 {
margin-bottom: 12px;
}
.fullscreen-banner .price {
max-height: 36px;
margin-bottom: 12px;
font-size: 30px;
line-height: 36px;
}
.fullscreen-banner .descr {
max-height: 120px;
margin-bottom: 24px;
font-size: 14px;
line-height: 24px;
}
.fullscreen-banner .image {
width: 55%;
}
.fullscreen-banner .image img {
max-height: 470px;
margin: 0 auto;
}
@media screen and (max-width: 1600px) {
.fullscreen-banner {
height: 440px;
}
.fullscreen-banner .image img {
max-height: 440px;
}
}
@media screen and (max-width: 1400px) {
.fullscreen-banner {
height: 420px;
}
.fullscreen-banner .price {
height: 30px;
font-size: 24px;
line-height: 30px;
}
.fullscreen-banner .descr {
margin-bottom: 18px;
}
.fullscreen-banner .image {
width: 50%;
}
.fullscreen-banner .image img {
max-height: 420px;
}
}
@media screen and (max-width: 1024px) {
.fullscreen-banner {
height: 290px;
}
.fullscreen-banner .image {
width: 45%;
}
.fullscreen-banner .image img {
max-height: 290px;
}
.fullscreen-banner .descr {
max-height: 80px;
margin-bottom: 12px;
line-height: 20px;
}
}
@media screen and (max-width: 800px) {
.fullscreen-banner {
height: 270px;
}
.fullscreen-banner .image {
width: 40%;
}
.fullscreen-banner .image img {
max-height: 270px;
}
.fullscreen-banner .descr {
max-height: 60px;
}
}
@media screen and (max-width: 700px) {
.fullscreen-banner {
height: 260px;
}
.fullscreen-banner .image img {
max-height: 260px;
}
.fullscreen-banner #breadcrumbs {
right: 0;
left: 12px;
width: auto;
margin-top: 12px;
}
}
@media screen and (max-width: 600px) {
.banner-hide-images {
background: none !important;
}
.banner-hide-images .image {
display: none;
}
.hide-600 {
display: none !important;
}
}
@media screen and (max-width: 500px) {
.fullscreen-banner {
height: 170px;
}
.fullscreen-banner .image img {
max-height: 170px;
}
.fullscreen-banner .descr {
/* display: none; */
max-height: 40px;
}
.fullscreen-banner .image {
width: 50%;
}
.fullscreen-banner .btn-simple {
padding: 13px 8px 11px;
}
}
.banner-elem.arbitrary-banner .text-wrap {
padding-left: 0;
}
@media screen and (max-width: 700px) {
.banner-elem.arbitrary-banner {
height: auto;
margin-bottom: 18px;
}
.banner-elem.arbitrary-banner .descr {
max-height: 80px;
}
.banner-elem.arbitrary-banner .text-wrap {
display: block;
margin-bottom: 6px;
padding: 12px 12px 0;
}
.banner-elem.arbitrary-banner h1 {
margin-bottom: 8px;
font-size: 18px;
}
.banner-elem.arbitrary-banner .image {
display: block;
width: 100%;
padding: 0;
}
.banner-elem.arbitrary-banner .image img {
max-height: 250px;
margin: 0 auto;
}
.banner-elem.arbitrary-banner.banner-no-bg .image img {
max-height: none;
}
.hide-700 {
display: none !important;
}
}
@media screen and (max-width: 500px) {
.banner-elem.arbitrary-banner .descr {
display: block;
}
.banner-elem.arbitrary-banner h1 {
max-height: 60px;
margin-bottom: 8px;
font-size: 16px;
line-height: 20px;
}
.banner-elem.arbitrary-banner .image img {
max-height: 200px;
}
}
.no-margin-top {
margin-top: 0 !important;
}
.no-margin-bottom {
margin-bottom: 0 !important;
}
.no-margin-right {
margin-right: 0 !important;
}
.no-margin-left {
margin-left: 0 !important;
}
.templateSwitcher {
position: fixed;
top: 0;
right: 0;
z-index: 9998;
width: 360px;
height: 100%;
overflow: hidden;
text-align: center;
background-color: #ffffff;
box-shadow: 1px 1px 12px rgb(0 0 0 / 30%);
transform: translateX(500px);
transition: all 0.2s ease-in-out;
}
.templateSwitcher.opened {
transform: translateX(0);
}
.templateSwitcherScroll {
width: 390px;
height: 100%;
overflow: auto;
}
.templateSwitcherScrollContainer {
box-sizing: border-box;
width: 360px;
margin: 24px 0;
padding: 0 24px;
}
.templateSwitcherSettings {
position: fixed;
top: 50%;
right: 0;
z-index: 9999;
width: 51px;
height: 198px;
margin-top: -100px;
line-height: 50px;
text-align: center;
cursor: pointer;
transition: all 0.2s ease-in-out;
animation-name: bounceInDown;
animation-duration: 2s;
animation-fill-mode: both;
}
.templateSwitcherSettings.active {
right: 360px;
}
.templateSwitcherSettings:hover {
opacity: 0.9;
}
.templateSwitcherSettings:hover {
background-color: #2b2b2b;
}
.templateSwitcherSettingsPicture {
display: inline-block;
width: 51px;
height: 198px;
vertical-align: middle;
background: url("/bitrix/templates/dresscodeV2/images/setting.png") 50% 50% no-repeat transparent;
transition: all 0.5s ease-in-out;
}
.templateSwitcher .switcherList {
overflow: hidden;
}
.templateSwitcher .switcherListItem {
display: inline-block;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #ffffff;
border: 1px solid #ff9601;
border-radius: 2px;
}
.templateSwitcher .switcherListItem:hover {
border-color: #ffa800;
}
.templateSwitcher .switcherListItem.active {
color: #ffffff;
background-color: #ff9601;
}
.templateSwitcher .switcherListItem.active a {
color: #ffffff;
}
.templateSwitcher .switcherListItem:first-child {
margin-right: 12px;
}
.templateSwitcher .switcherListItem a {
display: block;
padding: 0 24px;
color: #ff9601;
text-decoration: none;
}
.templateSwitcher .switcherListItem a:active {
position: relative;
top: 1px;
}
.templateSwitcher .switcherHeading {
margin-bottom: 18px;
padding: 0 24px;
font-size: 16px;
font-family: robotomedium;
}
.templateSwitcher .switcherBigHeading {
margin-bottom: 24px;
padding-right: 24px;
padding-bottom: 24px;
padding-left: 24px;
font-size: 18px;
text-transform: uppercase;
border-bottom: 1px solid #f3f3f3;
}
.templateSwitcher .switcherBigHeading + .switcherRowBlock {
padding-top: 0;
border-top: 0;
}
.templateSwitcher .switcherBigHeading .switcherClose {
float: right;
margin-top: -1px;
color: #ff0000;
font-size: 21px;
text-decoration: none;
}
.templateSwitcher .switcherBigHeading .switcherClose:hover {
opacity: 0.7;
}
.templateSwitcher .switcherBigHeading .switcherClose:active {
position: relative;
top: 1px;
}
.templateSwitcher .switcherHeading2 {
margin-bottom: 12px;
padding: 0 24px;
font-family: robotomedium;
}
.templateSwitcher .switcherRowBlock {
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #f3f3f3;
}
.templateSwitcher .switcherSelect {
box-sizing: border-box;
width: 90%;
height: 40px;
padding: 0 12px;
border: 1px solid #f3f3f3;
outline: none;
cursor: pointer;
}
.templateSwitcher .switcherIcons {
margin-bottom: 24px;
}
.templateSwitcher .switcherDescription {
color: #888888;
font-size: 13px;
}
.templateSwitcher .switcherBackgroundItems {
overflow: hidden;
text-align: center;
}
.templateSwitcher .switcherThemes {
margin-top: 24px;
overflow: hidden;
}
.templateSwitcher .switcherThemesItem {
display: inline-block;
width: 30px;
height: 30px;
margin-bottom: 12px;
margin-left: 12px;
}
.templateSwitcher .switcherBackgroundItem {
display: inline-block;
width: 30px;
height: 30px;
}
.templateSwitcher .switcherBackgroundItem:first-child {
margin-right: 12px;
}
.templateSwitcher .switcherThemesItem a,
.templateSwitcher .switcherBackgroundItem a {
display: block;
width: 30px;
height: 30px;
border-radius: 2px;
transition: all 0.2s ease-in-out;
}
.templateSwitcher .switcherThemesItem a:active,
.templateSwitcher .switcherBackgroundItem a:active {
position: relative;
top: 1px;
}
.templateSwitcher .switcherThemesItem.selected a,
.templateSwitcher .switcherBackgroundItem.selected a {
background-image: url("/bitrix/templates/dresscodeV2/images/check.png");
background-repeat: no-repeat;
background-position: 50% 50%;
}
@keyframes bounceInDown {
0%,
60%,
75%,
90%,
100% {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
transform: translate3d(0, -3000px, 0);
opacity: 0;
}
60% {
transform: translate3d(0, 25px, 0);
opacity: 1;
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
100% {
transform: none;
}
}
.templateSwitcher .switcherThemesItem .color1 {
background-color: #ff9601;
}
.templateSwitcher .switcherThemesItem .color1:hover {
background-color: #ffb800;
}
.templateSwitcher .switcherThemesItem .color2 {
background-color: #fb9bad;
}
.templateSwitcher .switcherThemesItem .color2:hover {
background-color: #f3889d;
}
.templateSwitcher .switcherThemesItem .color3 {
background-color: #ff855f;
}
.templateSwitcher .switcherThemesItem .color3:hover {
background-color: #e77652;
}
.templateSwitcher .switcherThemesItem .color4 {
background-color: #daa550;
}
.templateSwitcher .switcherThemesItem .color4:hover {
background-color: #e4a540;
}
.templateSwitcher .switcherThemesItem .color5 {
background-color: #b15b49;
}
.templateSwitcher .switcherThemesItem .color5:hover {
background-color: #a05a4b;
}
.templateSwitcher .switcherThemesItem .color6 {
background-color: #f44336;
}
.templateSwitcher .switcherThemesItem .color6:hover {
background-color: #d42d20;
}
.templateSwitcher .switcherThemesItem .color7 {
background-color: #acce11;
}
.templateSwitcher .switcherThemesItem .color7:hover {
background-color: #94b20e;
}
.templateSwitcher .switcherThemesItem .color8 {
background-color: #27c148;
}
.templateSwitcher .switcherThemesItem .color8:hover {
background-color: #19cc3f;
}
.templateSwitcher .switcherThemesItem .color9 {
background-color: #27bfc1;
}
.templateSwitcher .switcherThemesItem .color9:hover {
background-color: #25ccce;
}
.templateSwitcher .switcherThemesItem .color10 {
background-color: #3498db;
}
.templateSwitcher .switcherThemesItem .color10:hover {
background-color: #2395e1;
}
.templateSwitcher .switcherThemesItem .color11 {
background-color: #2a65d0;
}
.templateSwitcher .switcherThemesItem .color11:hover {
background-color: #0d57dc;
}
.templateSwitcher .switcherThemesItem .color12 {
background-color: #0061b2;
}
.templateSwitcher .switcherThemesItem .color12:hover {
background-color: #006ac2;
}
.templateSwitcher .switcherThemesItem .color13 {
background-color: #c651d0;
}
.templateSwitcher .switcherThemesItem .color13:hover {
background-color: #d75ee1;
}
.templateSwitcher .switcherThemesItem .color14 {
background-color: #c12752;
}
.templateSwitcher .switcherThemesItem .color14:hover {
background-color: #c61c4b;
}
.templateSwitcher .switcherThemesItem .color15 {
background-color: #ed1c24;
}
.templateSwitcher .switcherThemesItem .color15:hover {
background-color: #ff232b;
}
.templateSwitcher .switcherBackgroundItem .white {
background-color: #eeeeee;
}
.templateSwitcher .switcherBackgroundItem .black {
background-color: #000000;
}
@keyframes zoomIn {
from {
transform: scale3d(0.3, 0.3, 0.3);
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes zoomIn {
from {
transform: scale3d(0.3, 0.3, 0.3);
opacity: 0;
}
to {
opacity: 1;
}
}
.g--circle {
transform-origin: 60px 60px;
animation: opacity 1.2s linear infinite;
fill: dodgerblue;
}
.g--circle:nth-child(12n + 1) {
transform: rotate(-30deg) translate(5px, 5px) scale(0.9);
animation-delay: -0.1s;
}
.g--circle:nth-child(12n + 2) {
transform: rotate(-60deg) translate(5px, 5px) scale(0.9);
animation-delay: -0.2s;
}
.g--circle:nth-child(12n + 3) {
transform: rotate(-90deg) translate(5px, 5px) scale(0.9);
animation-delay: -0.3s;
}
.g--circle:nth-child(12n + 4) {
transform: rotate(-120deg) translate(5px, 5px) scale(0.9);
animation-delay: -0.4s;
}
.g--circle:nth-child(12n + 5) {
transform: rotate(-150deg) translate(5px, 5px) scale(0.9);
animation-delay: -0.5s;
}
.g--circle:nth-child(12n + 6) {
transform: rotate(-180deg) translate(5px, 5px) scale(0.9);
animation-delay: -0.6s;
}
.g--circle:nth-child(12n + 7) {
transform: rotate(-210deg) translate(5px, 5px) scale(0.9);
animation-delay: -0.7s;
}
.g--circle:nth-child(12n + 8) {
transform: rotate(-240deg) translate(5px, 5px) scale(0.9);
animation-delay: -0.8s;
}
.g--circle:nth-child(12n + 9) {
transform: rotate(-270deg) translate(5px, 5px) scale(0.9);
animation-delay: -0.9s;
}
.g--circle:nth-child(12n + 10) {
transform: rotate(-300deg) translate(5px, 5px) scale(0.9);
animation-delay: -1s;
}
.g--circle:nth-child(12n + 11) {
transform: rotate(-330deg) translate(5px, 5px) scale(0.9);
animation-delay: -1.1s;
}
.g--circle:nth-child(12n + 12) {
transform: rotate(-360deg) translate(5px, 5px) scale(0.9);
animation-delay: -1.2s;
}
.g-circles--v1 .g--circle {
fill-opacity: 0;
animation-name: opacity;
}
.g-circles--v2 .g--circle {
animation-name: opacity-stroke, colors, colors-stroke;
stroke: yellowgreen;
fill-opacity: 0;
stroke-opacity: 0;
stroke-width: 1;
}
.g-circles--v2 .g--circle .u--circle {
animation: transform-2 1.2s linear infinite;
}
.g-circles--v2 .g--circle:nth-child(12n + 1) .u--circle {
animation-delay: -0.1s;
}
.g-circles--v2 .g--circle:nth-child(12n + 2) .u--circle {
animation-delay: -0.2s;
}
.g-circles--v2 .g--circle:nth-child(12n + 3) .u--circle {
animation-delay: -0.3s;
}
.g-circles--v2 .g--circle:nth-child(12n + 4) .u--circle {
animation-delay: -0.4s;
}
.g-circles--v2 .g--circle:nth-child(12n + 5) .u--circle {
animation-delay: -0.5s;
}
.g-circles--v2 .g--circle:nth-child(12n + 6) .u--circle {
animation-delay: -0.6s;
}
.g-circles--v2 .g--circle:nth-child(12n + 7) .u--circle {
animation-delay: -0.7s;
}
.g-circles--v2 .g--circle:nth-child(12n + 8) .u--circle {
animation-delay: -0.8s;
}
.g-circles--v2 .g--circle:nth-child(12n + 9) .u--circle {
animation-delay: -0.9s;
}
.g-circles--v2 .g--circle:nth-child(12n + 10) .u--circle {
animation-delay: -1s;
}
.g-circles--v2 .g--circle:nth-child(12n + 11) .u--circle {
animation-delay: -1.1s;
}
.g-circles--v2 .g--circle:nth-child(12n + 12) .u--circle {
animation-delay: -1.2s;
}
.g-circles--v3 .g--circle {
fill-opacity: 1;
animation-name: opacity, colors;
}
.g-circles--v4 .g--circle {
animation-name: opacity, colors-3;
fill: orange;
fill-opacity: 1;
}
.g-circles--v4 .u--circle {
animation: transform 1.2s linear infinite;
}
.g-circles--v4 .g--circle:nth-child(12n + 1) .u--circle {
animation-delay: -0.1s;
}
.g-circles--v4 .g--circle:nth-child(12n + 2) .u--circle {
animation-delay: -0.2s;
}
.g-circles--v4 .g--circle:nth-child(12n + 3) .u--circle {
animation-delay: -0.3s;
}
.g-circles--v4 .g--circle:nth-child(12n + 4) .u--circle {
animation-delay: -0.4s;
}
.g-circles--v4 .g--circle:nth-child(12n + 5) .u--circle {
animation-delay: -0.5s;
}
.g-circles--v4 .g--circle:nth-child(12n + 6) .u--circle {
animation-delay: -0.6s;
}
.g-circles--v4 .g--circle:nth-child(12n + 7) .u--circle {
animation-delay: -0.7s;
}
.g-circles--v4 .g--circle:nth-child(12n + 8) .u--circle {
animation-delay: -0.8s;
}
.g-circles--v4 .g--circle:nth-child(12n + 9) .u--circle {
animation-delay: -0.9s;
}
.g-circles--v4 .g--circle:nth-child(12n + 10) .u--circle {
animation-delay: -1s;
}
.g-circles--v4 .g--circle:nth-child(12n + 11) .u--circle {
animation-delay: -1.1s;
}
.g-circles--v4 .g--circle:nth-child(12n + 12) .u--circle {
animation-delay: -1.2s;
}
@keyframes opacity {
3% {
fill-opacity: 1;
}
75% {
fill-opacity: 0;
}
}
@keyframes opacity {
3% {
fill-opacity: 1;
}
75% {
fill-opacity: 0;
}
}
@keyframes opacity-stroke {
10% {
stroke-opacity: 1;
}
85% {
stroke-opacity: 0;
}
}
@keyframes opacity-stroke {
10% {
stroke-opacity: 1;
}
85% {
stroke-opacity: 0;
}
}
@keyframes colors {
0% {
fill: yellowgreen;
}
10% {
fill: gold;
}
75% {
fill: crimson;
}
}
@keyframes colors {
0% {
fill: yellowgreen;
}
10% {
fill: gold;
}
75% {
fill: crimson;
}
}
@keyframes colors-stroke {
0% {
stroke: yellowgreen;
}
10% {
stroke: gold;
}
75% {
stroke: crimson;
}
}
@keyframes colors-stroke {
0% {
stroke: yellowgreen;
}
10% {
stroke: gold;
}
75% {
stroke: crimson;
}
}
@keyframes colors-2 {
0% {
fill: yellow;
}
50% {
fill: red;
}
65% {
fill: orangered;
}
95% {
fill: gold;
}
}
@keyframes colors-2 {
0% {
fill: yellow;
}
50% {
fill: red;
}
65% {
fill: orangered;
}
95% {
fill: gold;
}
}
@keyframes colors-3 {
0% {
fill: yellowgreen;
}
50% {
fill: turquoise;
}
65% {
fill: yellow;
}
95% {
fill: orange;
}
}
@keyframes colors-3 {
0% {
fill: yellowgreen;
}
50% {
fill: turquoise;
}
65% {
fill: yellow;
}
95% {
fill: orange;
}
}
@keyframes transform {
10% {
transform: scale(0.75);
transform-origin: 70px 70px;
}
}
@keyframes transform {
10% {
transform: scale(0.75);
transform-origin: 70px 70px;
}
}
@keyframes transform-2 {
40% {
transform: scale(0.85) translate(10px, 10px);
}
60% {
stroke-width: 20;
}
}
@keyframes transform-2 {
40% {
transform: scale(0.85) translate(10px, 10px);
}
60% {
stroke-width: 20;
}
}
@keyframes fadeInDown {
from {
transform: translate3d(0, -100%, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes fadeInDown {
from {
transform: translate3d(0, -100%, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
/* End */
/* /bitrix/templates/dresscodeV2/fonts/montserrat/montserrat.css?17841302271283 */
/* /bitrix/templates/dresscodeV2/fonts/montserrat/legacy-montserrat.css?17841302294311 */
/* /bitrix/templates/dresscodeV2/themes/ultramarine/style.css?175403846244661 */
/* /bitrix/templates/dresscodeV2/css/premium-design.css?1790410005190010 */
/* /bitrix/templates/dresscodeV2/css/product-detail-premium.css?178569652369226 */
/* /bitrix/templates/dresscodeV2/css/basket-window-premium.css?17848371369118 */
/* /bitrix/templates/dresscodeV2/css/fast-buy-window-premium.css?178507007614654 */
/* /bitrix/templates/dresscodeV2/css/brands-premium.css?17886820776508 */
/* /bitrix/templates/dresscodeV2/headers/header2/css/style.min.css?173979241910572 */
/* /bitrix/templates/dresscodeV2/headers/header2/css/types/type1.css?1739792419223 */
/* /bitrix/components/dresscode/favorite.line/templates/version2/style.min.css?1739792419926 */
/* /bitrix/components/dresscode/compare.line/templates/version2/style.min.css?1739792419914 */
/* /bitrix/templates/dresscodeV2/components/bitrix/sale.basket.basket.line/topCart2/style.css?17507637241607 */
/* /bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/style.css?178387988712538 */
/* /bitrix/templates/dresscodeV2/components/bitrix/breadcrumb/.default/style.min.css?17397924191058 */
/* /bitrix/components/dresscode/products.by.filter/templates/.default/style.css?17397924191163 */
/* /bitrix/components/dresscode/catalog.viewed.product/templates/.default/style.css?17397924191235 */
/* /bitrix/templates/dresscodeV2/components/bitrix/catalog.bigdata.products/.default/style.css?17397924191884 */
/* /bitrix/templates/dresscodeV2/styles.css?1753441089437 */
/* /bitrix/templates/dresscodeV2/template_styles.css?1784129087211213 */