/* Start:/local/templates/sanamcarpet/components/ma/breadcrumb/crumbs/style.css?17791671071459*/ .b-breadcrumb { margin: 24px 0; font-size: 16px; display: flex; align-items: center; } .b-breadcrumb *{ font-family: var(--site-font-family); } .b-breadcrumb a, .page-holder .b-breadcrumb a { border-color: transparent; } .b-breadcrumb a:hover, .page-holder .b-breadcrumb a:hover { border-color: transparent; color: var(--site-accent-color); } .b-breadcrumb a { font-size: 12px; line-height: 20px; color: var(--site-grey-light-color); } .b-breadcrumb .last-item { font-size: 12px; line-height: 20px; } .page-holder .b-breadcrumb a:visited{ color: var(--site-grey-light-color); } .b-breadcrumb svg{ margin-left: 4px; margin-right: 8px; } @media(max-width: 768px) { .b-breadcrumb *:not(a.prev-link) { display: none !important; } .b-breadcrumb a.prev-link { display: block; padding-left: 22px; position: relative; } .b-breadcrumb a.prev-link::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: 20px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6667 5.83337L7.5 10L11.6667 14.1667' stroke='%23595959' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } } /* End */ /* Start:/bitrix/components/dresscode/catalog.item/templates/detail/style.css?177987378980580*/ /* ======================================== ОСНОВНЫЕ СТИЛИ СТРАНИЦЫ ======================================== */ .mobile__menu { display: none; } .l-wrapper { box-sizing: border-box; } #main { margin-top: 0 !important; font-family: var(--site-font-family); width: 100%; max-width: 100%; } #left { position: relative; } #left .collapsed { position: absolute; z-index: 99; width: 100%; } .changeName+br { display: none; } .cheaper-product-name { visibility: hidden; } .videoFrame { border: 0; } h2 { font-family: var(--site-font-family-2) !important; } /* ======================================== КАТАЛОГ ЭЛЕМЕНТОВ ======================================== */ #catalogElement { position: relative; } #catalogElement h2 { margin: 0; } #catalogElement.loading::after { position: fixed; top: 0; z-index: 999; width: 100%; height: 100vh; background: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/loader.svg") no-repeat rgb(0 0 0 / 20%) 50% 50%; transition: all 0.2s ease-in-out; content: ""; pointer-events: none; } #catalogElement .getStoresWindow { text-decoration: none; } #catalogElement input[type="radio"]:not(checked) { position: absolute; opacity: 0; } #catalogElement input[type="radio"]+label { cursor: pointer; } #catalogElement input[type="radio"]:not(checked)+label { position: relative; padding-left: 28px; } .inStockContainer { margin-top: 36px; } .inStockContainer .g-button.inStock { border: 1px solid var(--site-gold-color); padding: 10px 24px; border-radius: 100px; color: var(--site-gold-color) !important; } .inStockContainer .g-button.inStock:visited { border: 1px solid var(--site-gold-color); } .inStockContainer .g-button.inStock:hover, .inStockContainer .g-button.inStock:active { color: var(--site-gold-light-color) !important; background-color: #fff; border-color: var(--site-gold-light-color); } #catalogElement .fixContainer { width: 220px; } #catalogElement .mobileButtonsContainer { font-size: 0; white-space: nowrap; } #catalogElement .mainTool .addCart { display: inline-block; box-sizing: border-box; width: 220px; height: 60px; padding: 0 18px; color: #ffffff; font-size: 16px; line-height: 60px; text-align: center; text-decoration: none; vertical-align: middle; border-radius: 6px; transition: all 0.2s ease-in-out; } #catalogElement .mainTool .addCart.requestPrice+.qtyBlock, #catalogElement .mainTool .addCart.subscribe+.qtyBlock, #catalogElement .mainTool .addCart.disabled+.qtyBlock, #catalogElement .mainTool .addCart.added+.qtyBlock { display: none; } /* ======================================== РЕЙТИНГ ======================================== */ #elementTools .rating, #elementContainer .mainContainer .rating, #smallElementTools .rating { position: relative; z-index: 2; display: inline-block; width: 79px; height: 15px; margin-top: -4px; margin-left: 6px; overflow: hidden; vertical-align: middle; } #elementTools .rating i, #elementContainer .mainContainer .rating i, #smallElementTools .rating i { position: absolute; top: 0; left: 0; display: block; width: 79px; height: 15px; background: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/rating.svg") repeat 0 0 transparent; } #elementTools .rating i.m, #elementContainer .mainContainer .rating i.m, #smallElementTools .rating i.m { z-index: 10; width: 0; background: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/rating.svg") repeat 0 -15px transparent; } #elementTools .icon, #smallElementTools .icon { display: inline-block; vertical-align: middle; } .ya-share-label { margin-top: 30px; margin-bottom: 6px; color: #717171; } /* ======================================== КОНТЕЙНЕР ЭЛЕМЕНТА ======================================== */ #elementContainer { position: relative; width: 100%; } #elementContainer .mainContainer { display: table; width: 100%; max-width: 1280px; table-layout: fixed; border-collapse: collapse; margin: auto; } #elementContainer .description { margin: 12px 0 42px; } #elementContainer .description .heading { margin-bottom: 6px; font-size: 16px; } #elementContainer .changeShortDescription { font-size: 26px; line-height: 140%; font-weight: 600; color: var(--site-text-color); font-family: var(--site-font-family) !important; margin-bottom: 16px; } #elementContainer .description .readMore { display: block; margin: 4px 0; color: #888888; transition: all 0.2s; } #elementContainer .description .readMore:hover { color: #000000; } #elementContainer .description .descriptionBottom { display: flex; justify-content: space-between; font-size: 12px; color: var(--site-grey-light-color); height: 40px; align-items: center; margin-bottom: 24px; } #elementContainer .description .descriptionBottom .wishCompWrap { display: flex; gap: 20px; } .descriptionBottom .wishCompWrap a, .descriptionBottom .wishCompWrap a:visited { display: flex; font-size: 12px; color: var(--site-grey-light-color); text-align: center; align-items: center; gap: 12px; } .descriptionBottom .wishCompWrap .elem svg path { stroke: var(--site-grey-light-color); transition: all 0.2s ease-in-out; } .descriptionBottom .wishCompWrap .elem.active svg path { stroke: var(--site-accent-color); fill: var(--site-accent-color); } .descriptionBottom .wishCompWrap .elem:hover svg path { stroke: var(--site-accent-color); } .sizeContainer { color: #1e1e1e; font-size: 14px; font-weight: 500; font-family: var(--site-font-family); } .size { margin-top: 8px; border: 1px solid var(--site-gold-color); border-radius: 4px; padding: 8px; background-color: var(--site-grey-bg-color); width: fit-content; color: var(--site-grey-light-color); } .sizeContainer .btn-sticky { display: flex; flex-direction: column; max-height: 40px; overflow: hidden; margin-top: 44px; max-width: 185px; width: 100%; transition: transform 0.2s ease-in-out; } .sizeContainer .btn-sticky[data-in-basket="Y"] .g-button { transform: translateY(-100%); } .sizeContainer .g-button.orderFitting, .sizeContainer .g-button.orderFitting:visited { background-repeat: no-repeat; background-position: 95% center; padding-right: 40px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.68756 5H16.3126V5.625L16.3155 5.00001C16.6212 5.00144 16.9159 5.11415 17.1445 5.31706C17.3731 5.51996 17.52 5.79919 17.5578 6.10253L17.5588 6.11077L18.668 16.1094C18.668 16.1092 18.668 16.1095 18.668 16.1094C18.6876 16.2835 18.6705 16.4602 18.6176 16.6273C18.5647 16.7945 18.4772 16.9487 18.3607 17.0798C18.2443 17.211 18.1016 17.3162 17.9419 17.3886C17.7821 17.4609 17.609 17.4989 17.4336 17.5L17.4298 17.5H2.56653C2.39116 17.4989 2.21798 17.4609 2.05825 17.3886C1.89851 17.3162 1.7558 17.211 1.63938 17.0798C1.52296 16.9487 1.43544 16.7945 1.38251 16.6273C1.32967 16.4604 1.31248 16.2842 1.33206 16.1103C1.33209 16.11 1.33212 16.1097 1.33216 16.1094L2.44229 6.10253C2.48002 5.79918 2.62699 5.51996 2.85562 5.31706C3.08425 5.11415 3.37895 5.00144 3.68463 5.00001L3.68756 5ZM16.3099 6.25H3.69021C3.68841 6.25008 3.6867 6.25077 3.68535 6.25196C3.68414 6.25304 3.6833 6.25446 3.68293 6.25602L2.57422 16.25H17.4259L16.3172 6.25603C16.3168 6.25446 16.316 6.25304 16.3148 6.25196C16.3134 6.25077 16.3117 6.25008 16.3099 6.25Z' fill='%23FAF7F0'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 3.125C9.33696 3.125 8.70107 3.38839 8.23223 3.85723C7.76339 4.32607 7.5 4.96196 7.5 5.625V8.125C7.5 8.47018 7.22018 8.75 6.875 8.75C6.52982 8.75 6.25 8.47018 6.25 8.125V5.625C6.25 4.63044 6.64509 3.67661 7.34835 2.97335C8.05161 2.27009 9.00544 1.875 10 1.875C10.9946 1.875 11.9484 2.27009 12.6517 2.97335C13.3549 3.67661 13.75 4.63044 13.75 5.625V8.125C13.75 8.47018 13.4702 8.75 13.125 8.75C12.7798 8.75 12.5 8.47018 12.5 8.125V5.625C12.5 4.96196 12.2366 4.32607 11.7678 3.85723C11.2989 3.38839 10.663 3.125 10 3.125Z' fill='%23FAF7F0'/%3E%3C/svg%3E"); transition: all 0.2s ease-in-out; } .sizeContainer .g-button--grey.orderFitting, .sizeContainer .g-button--grey.orderFitting:visited { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.68756 5H16.3126V5.625L16.3155 5.00001C16.6212 5.00144 16.9159 5.11415 17.1445 5.31706C17.3731 5.51996 17.52 5.79919 17.5578 6.10253L17.5588 6.11077L18.668 16.1094C18.668 16.1092 18.668 16.1095 18.668 16.1094C18.6876 16.2835 18.6705 16.4602 18.6176 16.6273C18.5647 16.7945 18.4772 16.9487 18.3607 17.0798C18.2443 17.211 18.1016 17.3162 17.9419 17.3886C17.7821 17.4609 17.609 17.4989 17.4336 17.5L17.4298 17.5H2.56653C2.39116 17.4989 2.21798 17.4609 2.05825 17.3886C1.89851 17.3162 1.7558 17.211 1.63938 17.0798C1.52296 16.9487 1.43544 16.7945 1.38251 16.6273C1.32967 16.4604 1.31248 16.2842 1.33206 16.1103C1.33209 16.11 1.33212 16.1097 1.33216 16.1094L2.44229 6.10253C2.48002 5.79918 2.62699 5.51996 2.85562 5.31706C3.08425 5.11415 3.37895 5.00144 3.68463 5.00001L3.68756 5ZM16.3099 6.25H3.69021C3.68841 6.25008 3.6867 6.25077 3.68535 6.25196C3.68414 6.25304 3.6833 6.25446 3.68293 6.25602L2.57422 16.25H17.4259L16.3172 6.25603C16.3168 6.25446 16.316 6.25304 16.3148 6.25196C16.3134 6.25077 16.3117 6.25008 16.3099 6.25Z' fill='%2315110C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 3.125C9.33696 3.125 8.70107 3.38839 8.23223 3.85723C7.76339 4.32607 7.5 4.96196 7.5 5.625V8.125C7.5 8.47018 7.22018 8.75 6.875 8.75C6.52982 8.75 6.25 8.47018 6.25 8.125V5.625C6.25 4.63044 6.64509 3.67661 7.34835 2.97335C8.05161 2.27009 9.00544 1.875 10 1.875C10.9946 1.875 11.9484 2.27009 12.6517 2.97335C13.3549 3.67661 13.75 4.63044 13.75 5.625V8.125C13.75 8.47018 13.4702 8.75 13.125 8.75C12.7798 8.75 12.5 8.47018 12.5 8.125V5.625C12.5 4.96196 12.2366 4.32607 11.7678 3.85723C11.2989 3.38839 10.663 3.125 10 3.125Z' fill='%2315110C'/%3E%3C/svg%3E"); } .sizeContainer .g-button.orderFitting:hover { background-repeat: no-repeat !important; background-position: 95% center !important; padding-right: 40px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.68756 5H16.3126V5.625L16.3155 5.00001C16.6212 5.00144 16.9159 5.11415 17.1445 5.31706C17.3731 5.51996 17.52 5.79919 17.5578 6.10253L17.5588 6.11077L18.668 16.1094C18.668 16.1092 18.668 16.1095 18.668 16.1094C18.6876 16.2835 18.6705 16.4602 18.6176 16.6273C18.5647 16.7945 18.4772 16.9487 18.3607 17.0798C18.2443 17.211 18.1016 17.3162 17.9419 17.3886C17.7821 17.4609 17.609 17.4989 17.4336 17.5L17.4298 17.5H2.56653C2.39116 17.4989 2.21798 17.4609 2.05825 17.3886C1.89851 17.3162 1.7558 17.211 1.63938 17.0798C1.52296 16.9487 1.43544 16.7945 1.38251 16.6273C1.32967 16.4604 1.31248 16.2842 1.33206 16.1103C1.33209 16.11 1.33212 16.1097 1.33216 16.1094L2.44229 6.10253C2.48002 5.79918 2.62699 5.51996 2.85562 5.31706C3.08425 5.11415 3.37895 5.00144 3.68463 5.00001L3.68756 5ZM16.3099 6.25H3.69021C3.68841 6.25008 3.6867 6.25077 3.68535 6.25196C3.68414 6.25304 3.6833 6.25446 3.68293 6.25602L2.57422 16.25H17.4259L16.3172 6.25603C16.3168 6.25446 16.316 6.25304 16.3148 6.25196C16.3134 6.25077 16.3117 6.25008 16.3099 6.25Z' fill='%23FAF7F0'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 3.125C9.33696 3.125 8.70107 3.38839 8.23223 3.85723C7.76339 4.32607 7.5 4.96196 7.5 5.625V8.125C7.5 8.47018 7.22018 8.75 6.875 8.75C6.52982 8.75 6.25 8.47018 6.25 8.125V5.625C6.25 4.63044 6.64509 3.67661 7.34835 2.97335C8.05161 2.27009 9.00544 1.875 10 1.875C10.9946 1.875 11.9484 2.27009 12.6517 2.97335C13.3549 3.67661 13.75 4.63044 13.75 5.625V8.125C13.75 8.47018 13.4702 8.75 13.125 8.75C12.7798 8.75 12.5 8.47018 12.5 8.125V5.625C12.5 4.96196 12.2366 4.32607 11.7678 3.85723C11.2989 3.38839 10.663 3.125 10 3.125Z' fill='%23FAF7F0'/%3E%3C/svg%3E") !important; } #elementContainer .mainContainer .col { position: relative; display: table-cell; width: 50%; padding: 0; vertical-align: middle; } #elementContainer .mainContainer .secondCol { position: static; padding-right: 24px; vertical-align: top; padding-top: 90px; padding-left: 32px; } #elementContainer .mainContainer .col.hide { display: none; } #elementContainer .mainContainer .col:first-child { padding: 0; text-align: center; vertical-align: middle; padding-top: 40px; width: 50%; } #elementContainer .mainContainer .markerContainer { position: absolute; top: 24px; left: 24px; z-index: 3; } .titleItem { font-size: 26px; font-weight: 500; color: var(--site-text-color); } #elementContainer .marker { z-index: 2; margin-bottom: 8px; padding: 3px 4px; color: #ffffff; font: normal normal 12px "roboto_ltregular", arial, sans-serif; line-height: 16px; text-align: left; background-color: #424242; border-radius: 4px; } #elementContainer .brandImageWrap { display: block; } #elementContainer .brandImageWrap .tb { width: auto; } #elementContainer .brandImage { display: inline-block; margin-right: 66px; margin-bottom: 24px; vertical-align: middle; } #elementContainer .brandImage img { max-width: 200px; max-height: 34px; vertical-align: middle; transition: all 0.2s ease-in-out; } #elementContainer .brandImage:hover img { opacity: 0.7; } #elementContainer .bindAction { display: inline-block; margin-bottom: 24px; font-size: 13px; line-height: 18px; vertical-align: middle; } #elementContainer .bindActionImage { width: 38px; } #elementContainer .bindActionImage .image { display: block; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center center; background-size: contain; } #elementContainer .bindAction a { position: relative; font-size: 13px; text-decoration: none; transition: all 0.2s ease-in-out; } #elementContainer .bindAction a:active { position: relative; top: 1px; } #elementContainer .headingBox { display: table; width: 100%; table-layout: fixed; } #elementContainer .headingBox .heading { display: table-cell; padding-bottom: 12px; font-size: 14px; vertical-align: top; } #elementContainer .headingBox .moreProperties { display: table-cell; width: 40%; padding-right: 24px; padding-left: 12px; vertical-align: top; } #elementContainer .headingBox .morePropertiesLink { color: #888888; transition: all 0.2s; } #elementContainer .headingBox .morePropertiesLink:hover { color: #000000; } /* ======================================== СЛАЙДЕР ИЗОБРАЖЕНИЙ ======================================== */ #elementContainer #pictureContainer { position: relative; overflow: hidden; background: none; width: 592px; } #elementContainer #pictureContainer .pictureSlider { display: flex; flex-direction: column; table-layout: fixed; max-height: 748px; height: 100%; } #elementContainer #pictureContainer .pictureSlider .item { flex-shrink: 0; flex-grow: 0; display: flex !important; align-items: center; justify-content: center; overflow: hidden; padding: 0 !important; height: fit-content; height: 748px; } #elementContainer #pictureContainer .pictureSlider .item img.zoom { max-height: 100%; max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; cursor: pointer; } #elementContainer #pictureContainer .item a { display: block; text-align: center; } #elementContainer #pictureContainer .item a img { width: 100%; max-width: 592px; max-height: 748px; vertical-align: middle; } /* Стрелки слайдера */ #elementContainer #pictureContainer .slider-arrow { position: absolute; left: 50%; transform: translateX(-50%); width: 40px; height: 40px; background: white; font-size: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; user-select: none; text-decoration: none; transition: opacity 0.2s, background 0.2s; opacity: 1 !important; pointer-events: auto !important; border-radius: 50%; } #elementContainer #pictureContainer .slider-arrow:hover { background: rgba(255, 255, 255, 0.8); } #elementContainer #pictureContainer .arrow-up { top: 20px; } #elementContainer #pictureContainer .arrow-down { bottom: 20px; } #pictureContainer .g-button.buttonImage { position: absolute; z-index: 2; bottom: 20px; right: 20px; border: 1px solid var(--site-text-color); background-color: white; color: var(--site-text-color); padding: 4px 48px 4px 12px; background-position: 90% center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='33' height='11' viewBox='0 0 33 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4.94443H32M32 4.94443C32 4.94443 28.5467 4.0658 27.2475 2.82322C25.9484 1.58064 25.6634 0.0959473 25.6634 0.0959473M32 4.94443C32 4.94443 28.5467 5.82307 27.2475 7.06564C25.9484 8.30822 25.6634 10.0959 25.6634 10.0959' stroke='%2315110C' stroke-linejoin='round'/%3E%3C/svg%3E"); } .slider-desktop { display: block; } .slider-mobile { display: none; } /* ======================================== МИНИАТЮРЫ (КАРУСЕЛЬ) ======================================== */ #elementContainer #moreImagesCarousel { position: relative; margin-top: 10px; overflow: hidden; transition: all 0.3s ease-in-out; width: 93%; } #elementContainer #moreImagesCarousel.hide { display: none; } #elementContainer #moreImagesCarousel #moreImagesLeftButton, #elementContainer #moreImagesCarousel #moreImagesRightButton { position: absolute; top: 50%; z-index: 2; width: 14px; height: 16px; margin-top: 3px; background: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/carouselArrowSmall.png") 0 0 no-repeat transparent; } #elementContainer #moreImagesCarousel #moreImagesLeftButton:hover, #elementContainer #moreImagesCarousel #moreImagesRightButton:hover { opacity: 0.8; } #elementContainer #moreImagesCarousel #moreImagesLeftButton:active, #elementContainer #moreImagesCarousel #moreImagesRightButton:active { opacity: 1; } #elementContainer #moreImagesCarousel #moreImagesLeftButton { left: 32px; } #elementContainer #moreImagesCarousel #moreImagesRightButton { right: 32px; background-position: -14px 0; } #elementContainer #moreImagesCarousel .carouselWrapper { width: 100%; max-width: 592px; margin: auto; overflow-y: hidden; overflow-x: auto; } #elementContainer #moreImagesCarousel .slideBox { position: relative; display: flex; flex-wrap: nowrap; overflow-y: hidden; overflow-x: auto; gap: 12px; justify-content: flex-start; height: 80px; margin: 0; padding: 0; list-style: none; margin-left: 15px; -ms-overflow-style: none; scrollbar-width: none; } #elementContainer #moreImagesCarousel .slideBox::-webkit-scrollbar { display: none; height: 0px !important; background: transparent; } #elementContainer #moreImagesCarousel .slideBox .item, #elementContainer #moreImagesCarousel .thumb-item { position: relative; float: left; flex-shrink: 0; width: 80px; height: 80px; line-height: 80px; text-align: center; cursor: pointer; border: 2px solid transparent; transition: opacity 0.2s, border-color 0.2s; } #elementContainer #moreImagesCarousel .slideBox .item.selected::after { position: absolute; bottom: -12px; left: 50%; display: block; width: 30%; border-bottom: 2px solid #000000; transform: translateX(-50%); content: ""; } #elementContainer #moreImagesCarousel .slideBox .item a { display: block; height: 80px; line-height: 80px; } #elementContainer #moreImagesCarousel .slideBox .item img, #elementContainer #moreImagesCarousel .thumb-item img { max-width: 80px; max-height: 80px; height: 100%; width: 100%; object-fit: cover; display: block; } /* ======================================== МОДАЛЬНОЕ ОКНО ======================================== */ #simpleModal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(21, 12, 17, 0.7); z-index: 99999; justify-content: center; align-items: center; } #simpleModal #simpleModalInside { position: relative; display: flex; align-items: center; justify-content: center; height: 500px; width: 592px; background-color: white; padding: 48px 160px; } #simpleModal #modalImg { max-width: 90%; max-height: 90%; border: 3px solid #fff; z-index: 100001; } #simpleModal #modalClose, #simpleModal #modalPrev, #simpleModal #modalNext, #simpleModal #modalInfo { z-index: 100002; cursor: pointer; user-select: none; } #simpleModal #modalClose { position: absolute; top: 20px; right: 30px; color: black; font-size: 40px; } #simpleModal #modalPrev, #simpleModal #modalNext { position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; width: 48px; height: 48px; transform: translateY(-50%); text-decoration: none; border: 1px solid var(--site-gold-color); border-radius: 50%; } #simpleModal #modalPrev { left: 20px; } #simpleModal #modalNext { right: 20px; } #simpleModal #modalInfo { position: absolute; bottom: 20px; color: #fff; font-size: 14px; } /* ======================================== СВОЙСТВА ЭЛЕМЕНТА ======================================== */ #elementContainer .elementProperties .propertyTable { display: table; width: 100%; table-layout: fixed; max-width: 385px; font-size: 13px; } #elementContainer .elementProperties .propertyTable .propertyName, #elementContainer .elementProperties .propertyTable .propertyValue { position: relative; display: table-cell; padding: 2px 0; overflow: hidden; vertical-align: middle; background-color: #ffffff; } #elementContainer .elementProperties .propertyTable .propertyName { color: var(--site-gold-color); } #elementContainer .elementProperties .propertyTable .propertyValue { width: 40%; padding-left: 12px; } #elementContainer .elementProperties .propertyTable .analog { color: #000000; transition: all 0.2s; } #elementContainer .elementProperties .propertyTable .analog:hover { color: #888888; } #elementContainer .elementProperties .propertyTable .propertyName::after { position: absolute; width: 100%; height: 13px; margin-left: 12px; content: ""; } #elementContainer .elementSkuPropertyValue { transition: all 0.2s ease-in-out; } #elementContainer .elementSkuPropertyValue.loading { opacity: 0.5; } #elementContainer .elementSkuVariantLabel { margin-top: 12px; font-size: 16px; } #elementContainer .elementSkuPropertyName { color: #888888; font-size: 13px; } #elementContainer .elementSkuPropertyList { margin: 0 -2px 0 -4px; padding: 0; overflow: hidden; list-style: none; } #elementContainer .elementSkuProperty { margin: 6px 0 12px; overflow: hidden; } #elementContainer .elementSkuPropertyDropdown { margin: 6px 0 12px; } #elementContainer .elementSkuProperty li { float: left; box-sizing: border-box; min-width: 54px; padding: 4px 2px 2px 4px; overflow: hidden; } #elementContainer .elementSkuProperty .selected .elementSkuPropertyLink { position: relative; pointer-events: none; } #elementContainer .elementSkuProperty .disabled { display: none; } #elementContainer .elementSkuPropertyLink { display: block; padding: 8px 12px; color: #000000; font-size: 14px; line-height: 24px; text-align: center; text-decoration: none; background-color: #f5f5f5; border: 1px solid transparent; border-radius: 4px; transition: all 0.2s ease-in-out; } #elementContainer .selected .elementSkuPropertyLink { background-color: transparent; } #elementContainer .elementSkuPropertyPicture { position: relative; width: 54px; height: 54px; padding: 0; line-height: 54px; background-color: transparent; border: 1px solid transparent; border-radius: 4px; } #elementContainer .elementSkuPropertyPicture::after { position: absolute; top: 0; left: 0; width: 54px; height: 54px; background-color: rgb(0 0 0 / 4%); border-radius: 4px; content: ""; pointer-events: none; } #elementContainer .elementSkuPropertyLink:active { position: relative; top: 1px; } #elementContainer .elementSkuPropertyList img { max-width: 100%; max-height: 100%; vertical-align: middle; } #catalogElement .elementSkuDropDownProperty { overflow: visible; } #catalogElement .elementSkuDropDownProperty .skuDropdownListItem { float: none; box-sizing: content-box; min-width: auto; padding: 0; overflow: visible; } #catalogElement .skuDropdown { position: relative; display: block; width: 264px; margin-top: 4px; font-size: 13px; line-height: 13px; background-color: #ffffff; border: 1px solid #e7e8ea; border-radius: 2px; user-select: none; } #catalogElement .skuCheckedItem { display: block; padding: 12px 30px 12px 8px !important; background: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/selectArrow.png") 97% 50% no-repeat transparent; border-radius: 4px; cursor: pointer; } #catalogElement .skuCheckedItem:hover { opacity: 0.8; } #catalogElement .skuCheckedItem:active { position: relative; top: 1px; } #catalogElement .skuDropdown label::before, #catalogElement .skuCheckboxList label::before { display: none; } #catalogElement .skuDropdownList { position: absolute; top: 44px; 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; } #catalogElement .skuDropdownList.opened { visibility: visible; opacity: 1; } #catalogElement .pics .skuDropdownList { top: 52px; } #catalogElement .skuDropdownList .elementSkuPropertyValue { position: relative; display: block; border-top: 1px solid #e7e8ea; } #catalogElement .skuDropdownList .elementSkuPropertyValue:first-child { border-top: 0; } #catalogElement .skuDropdownList .selected { color: #ffffff; font-family: var(--site-font-family); background-color: #f9f9f9; cursor: pointer; opacity: 0.8; } #catalogElement .skuDropdownList .elementSkuPropertyValue:hover { color: #ffffff; background-color: #f9f9f9; cursor: pointer; opacity: 0.8; } #catalogElement .skuDropdownList .skuPropertyItemLink { display: block; padding: 12px 8px !important; color: #000000; font-size: 13px; line-height: 18px; text-align: left; text-decoration: none; border: 0; } #catalogElement .skuDropdownList .skuDropdownListItem.selected .skuPropertyItemLink { border: 0; } #catalogElement .skuDropdownList .skuDropdownListItem.disabled { display: none; } #catalogElement .skuDropdownList .elementSkuPropertyValue:active .skuPropertyItemLink, #catalogElement .skuDropdownList .skuPropertyItemLink:active { position: relative; top: 1px; } .changePropertiesNoGroup { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--site-input-border-color); } /* ======================================== ТЕКСТ И ТЕГИ ======================================== */ #elementContainer #detailText, #elementContainer #detailTags { clear: both; box-sizing: border-box; padding: 0 24px 60px; font-family: var(--site-font-family); overflow: hidden; font-size: 14px; color: var(--site-text-color-2); } #elementContainer #detailTags { padding-bottom: 0; } #elementContainer #detailText .heading, #elementContainer #detailTags .heading { padding: 36px 0 24px; font-weight: 500; font-size: 20px; font-family: var(--site-font-family-2); letter-spacing: 1px; } #elementContainer #detailText img { max-width: 100%; } #elementContainer #detailText .changeDescription { max-width: 725px; } #elementContainer .defailTagsItems { margin-bottom: 12px; } #elementContainer .detailTagsItems .detailTagsItem { display: inline-block; margin-right: 12px; margin-bottom: 12px; vertical-align: middle; } #elementContainer .detailTagsItems .detailTagsItem:last-child { margin-right: 0; } #elementContainer .detailTagsItems .detailTagsLink { display: block; padding: 6px 12px; color: #000000; text-decoration: none; background-color: #f4f4f4; border-radius: 4px; transition: all 0.2s ease-in-out; } #elementContainer .detailTagsItems .detailTagsLink.selected { font-family: var(--site-font-family); } #elementContainer .detailTagsItems .detailTagsLink.selected .reset { display: inline-block; margin-left: 6px; font-size: 13px; vertical-align: middle; } #elementContainer .detailTagsItems .detailTagsLink:hover { background-color: #f0f0f0; } #elementContainer .detailTagsItems .detailTagsLink:active { position: relative; top: 1px; } #elementContainer .detailTagsItems .moreButton .detailTagsLink { background-color: #ffffff; border: 1px solid #e7e8ea; } #elementContainer .detailTagsItems .moreButton .detailTagsLink:hover { background-color: #fbfbfb; } #elementContainer .detailTagsItems .detailTagsItem.showAll { display: inline-block !important; } /* ======================================== ДОПОЛНИТЕЛЬНЫЕ ФОТО ======================================== */ #morePhotoSlider { box-sizing: border-box; margin: 24px 48px 0; overflow: hidden; } #morePhotoSlider .morePhotos { overflow: hidden; visibility: hidden; opacity: 0; transition: opacity 0.6s ease-in-out; } #morePhotoSlider .morePhotos .photoItem { position: relative; float: left; text-align: center; opacity: 0.6; } #morePhotoSlider .morePhotos .photoItem.selected { padding-bottom: 24px; opacity: 1; } #morePhotoSlider .morePhotos .photoItem.selected::after { position: absolute; bottom: 0; left: 50%; display: block; width: 30%; border-bottom: 2px solid #000000; transform: translateX(-50%); content: ""; } #morePhotoSlider .morePhotos .photoItem a { display: inline-block; height: 100px; line-height: 100px; } #morePhotoSlider .morePhotos .photoItem img { max-width: 100%; max-height: 100%; vertical-align: middle; } #elementContainer .zoom { cursor: zoom-in; } /* ======================================== СВЯЗАННЫЕ ТОВАРЫ ======================================== */ #related, #detailText { width: 100%; max-width: 1280px; margin: auto; } #similar { max-width: 1280px; margin: auto; } #related .heading, #similar .heading { padding: 36px 24px; font-weight: 800; font-size: 20px; font-family: var(--site-font-family); letter-spacing: 1px; } #similar h2 { margin-top: 100px; margin-bottom: 40px; font-family: var(--site-font-family-2); font-size: 36px; margin-left: 32px; } .catalog__elements .catalog__elements_item { width: calc(100% / 3 - 20px) !important; } #catalogElement .productList { border-left: 0; } #catalogElement .product { height: 400px; width: auto; } #giftContainer { margin-top: 24px; padding-bottom: 24px; } #giftContainer .heading { display: block; padding: 36px 24px; font-weight: 800; font-size: 20px; font-family: var(--site-font-family); letter-spacing: 1px; text-transform: uppercase; border-top: 1px solid #e7e8ea; } /* ======================================== СВОЙСТВА ЭЛЕМЕНТА (ТАБЛИЦА) ======================================== */ #elementProperties { box-sizing: border-box; padding: 0 24px; overflow: auto; } #elementProperties .heading { display: block; padding: 36px 0 24px; font-weight: 800; font-size: 20px; font-family: var(--site-font-family); letter-spacing: 1px; text-transform: uppercase; border-top: 1px solid #efefef; } .elementProperties a { color: #000000; transition: all 0.2s ease-in-out; } #elementProperties .stats { width: 100%; padding: 12px; table-layout: fixed; border-collapse: collapse; } #elementProperties .stats a { color: #000000; transition: all 0.2s ease-in-out; } #elementProperties .stats a:active { position: relative; top: 1px; } #elementProperties .stats td { transition: all 0.2s ease-in-out; } #elementProperties .stats .question { display: inline-block; width: 19px; height: 19px; margin-left: 6px; vertical-align: middle; background: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/questions.png") 0 0 transparent; transition: all 0s ease-in-out; } #elementProperties .stats .question:hover { background: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/questions.png") -19px 0 transparent; } #elementProperties .stats .question:active { background: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/questions.png") -38px 0 transparent; } #elementProperties .stats tr.gray:last-child { border-bottom: 0; } #elementProperties .stats .gray td { background-color: #f9f9f9; } #elementProperties .stats tr:hover td { background: #eeeeee; } #elementProperties .stats .cap, #elementProperties .stats .cap:hover td { background-color: #ffffff !important; border: 0 !important; } #elementProperties .stats .cap td { padding: 12px 0; color: #000000; font-size: 18px; } #elementProperties .stats td { padding: 6px 0; } #elementProperties .stats .name { width: 40%; padding-left: 12px; overflow: hidden; text-overflow: ellipsis; } #elementProperties .stats .name span { display: inline-block; box-sizing: border-box; padding-right: 12px; vertical-align: middle; } #elementProperties .stats .analog { padding-bottom: 1px; color: #9d9d9d; font-size: 13px; text-decoration: none; border-bottom: 1px solid #d0d0d0; transition: all 0.2s ease-in-out; } #elementProperties .stats .analog:hover { color: #000000; border-bottom-color: #000000; } #elementProperties .stats .analog:active { position: relative; top: 1px; } #elementProperties .stats .right { padding-right: 10%; text-align: right; } #catalogElement .bx_pagination_bottom { box-sizing: border-box; padding: 0 24px; } /* ======================================== ФАЙЛЫ ======================================== */ #files { margin-top: 24px; } #files .wrap { box-sizing: border-box; padding: 0 24px; } #files .heading { display: block; padding: 36px 24px; font-weight: 800; font-size: 20px; font-family: var(--site-font-family); letter-spacing: 1px; text-transform: uppercase; border-top: 1px solid #efefef; } #files .items { overflow: hidden; } #files .item { float: left; width: 25%; height: 65px; margin-bottom: 24px; overflow: hidden; } #files .item .tb { display: table; width: 100%; table-layout: fixed; } #files .item .tbr { display: table-row; } #files .item .icon { display: table-cell; width: 20%; vertical-align: middle; } #files .item .icon a { display: block; } #files .item .icon img { max-width: 100%; vertical-align: middle; } #files .item .info { display: table-cell; width: 50%; padding-right: 18px; vertical-align: middle; } #files .item .info .name { display: block; height: 25px; overflow: hidden; color: #000000; font-size: 14px; line-height: 25px; transition: all 0.2s ease-in-out; } #files .item .info .name span { display: inline-block; line-height: 21px; vertical-align: middle; } #files .item small { display: block; } /* ======================================== ВИДЕО ======================================== */ #video { margin-top: 24px; } #video .wrap { box-sizing: border-box; padding: 0 24px; } #video .heading { display: block; padding: 36px 24px; font-weight: 800; font-size: 20px; font-family: var(--site-font-family); letter-spacing: 1px; text-transform: uppercase; border-top: 1px solid #efefef; } #video .items { margin: 0 -12px; overflow: hidden; } #video .items.sz1 { margin: 0; } #video .item { float: left; box-sizing: border-box; width: 33.33333%; padding: 0 12px 24px; } #video .item iframe { width: 100%; height: 200px; } #video .items.sz1 .item { width: 100%; padding: 0; } #video .items.sz1 iframe { height: 500px; } #video .items.sz2 .item { width: 50%; } #video .items.sz2 iframe { height: 300px; } /* ======================================== ОКНА ОШИБОК И ПОДСКАЗОК ======================================== */ #elementError { position: fixed; top: 0; left: 0; z-index: 998; display: none; width: 100%; height: 100%; overflow: visible; background-color: rgb(0 0 0 / 29.8%); } #elementErrorContainer { position: relative; top: 50%; left: 50%; z-index: 999; box-sizing: border-box; width: 300px; margin-top: -130px; margin-left: -150px; overflow: hidden; color: #000000; background-color: #ffffff; box-shadow: 1px 1px 12px rgb(0 0 0 / 50%); } #elementErrorContainer span.heading { display: block; height: 50px; margin: 0; padding: 0; color: #ffffff; font-size: 16px; line-height: 50px; text-align: center; background-color: #424242; } #elementErrorContainer p { padding: 12px; color: #000000; text-align: center; } #elementErrorContainer #elementErrorClose { position: absolute; top: 16px; right: 24px; display: block; width: 21px; height: 21px; margin-bottom: 24px; background: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/exit.png") 0 0 no-repeat transparent; } #elementErrorContainer #elementErrorClose:hover { background: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/exit.png") 0 -21px no-repeat transparent; } #elementErrorContainer #elementErrorClose:active { background: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/exit.png") 0 -42px no-repeat transparent; } #elementErrorContainer .close { display: block; width: 140px; height: 35px; margin: 0 auto 12px; color: #cccccc; line-height: 35px; text-align: center; text-decoration: none; background: #424242; transition: all 0.2s ease-in-out; } #elementErrorContainer .close:hover { background: #2b2b2b; } #elementErrorContainer .close:active { position: relative; top: 1px; } #catalogElement #hint { position: absolute; width: 300px; padding: 12px; background: #ffffff; border: 1px solid #bdbdbd; box-shadow: 1px 1px 12px #dbdbdb; } #catalogElement #hint span { display: block; font-weight: 600; font-size: 14px; line-height: 31px; } #catalogElement #hint ins { position: absolute; top: 12px; right: 12px; display: block; width: 10px; height: 9px; background: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/clear.png") no-repeat 0 0 transparent; cursor: pointer; } #catalogElement #hint ins:active { top: 13px; } /* ======================================== ТАБЛИЦА ПРЕДЛОЖЕНИЙ (SKU) ======================================== */ #skuOffersTable { box-sizing: border-box; margin-bottom: 30px; } #skuOffersTable .offersTableContainer { box-sizing: border-box; padding: 0 24px; } #skuOffersTable .offersTableContainerBtn { margin-top: 24px; text-align: center; } #skuOffersTable .catalogProductOffersNext img { display: inline-block; margin-top: -2px; margin-right: 8px; vertical-align: middle; } #skuOffersTable .catalogProductOffersNext.btn-simple { width: 156px; border-radius: 4px; } #skuOffersTable .heading { display: block; padding: 36px 24px; font-weight: 800; font-size: 20px; font-family: var(--site-font-family); text-transform: uppercase; border-top: 1px solid #e7e8ea; } #skuOffersTable .offersTable { width: 100%; } #skuOffersTable .tb { width: 100%; transition: all 0.2s ease-in-out; } #skuOffersTable .tableElem .tb:hover { background-color: #fdfdfd; } #skuOffersTable .tc { box-sizing: border-box; padding: 8px 6px; text-align: center; } #skuOffersTable .thead { background: #f1f1f1; border-radius: 4px; } #skuOffersTable .thead .tc { padding: 12px 6px; } #skuOffersTable .tableElem { margin-top: 8px; border: 1px solid #f1f1f1; border-radius: 4px; } #skuOffersTable .offersTable th, #skuOffersTable .offersTable td { text-align: center; } #skuOffersTable .offersTable th { padding: 12px 0; color: #000000; font-weight: 400; font-size: 14px; background-color: #f1f1f1; } #skuOffersTable .offersTable td { padding-top: 8px; padding-bottom: 8px; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; } #skuOffersTable .offersTable th { border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; } #skuOffersTable .offersTable th:first-child, #skuOffersTable .offersTable td:first-child { border-left: 1px solid #f3f3f3; } #skuOffersTable .offersTable th:last-child, #skuOffersTable .offersTable td:last-child { border-right: 1px solid #f3f3f3; } #skuOffersTable .offersTable .offersName { width: 220px; text-align: left; } #skuOffersTable .offersTable .offersName+td { padding-left: 12px; } #skuOffersTable .offersTable .offersPicture { width: 96px; } #skuOffersTable .offersTable .offersPicture img { width: auto; max-width: 42px; height: auto; max-height: 54px; vertical-align: middle; } #skuOffersTable .offersTable .priceWrap { width: 184px; } #skuOffersTable .offersTable .quantity img { display: inline-block; margin-top: -4px; padding-right: 6px; vertical-align: middle; } #skuOffersTable .offersTable .price { position: relative; font-size: 16px; font-family: var(--site-font-family); } #skuOffersTable .offersTable .getPricesWindow .priceIcon { display: none; } #skuOffersTable .offersTable .quanBaskWrap { width: 250px; padding: 0; } #skuOffersTable .offersTable .quanBaskWrap .tc { width: 50%; } #skuOffersTable .offersTable .basket { padding-right: 12px; } #skuOffersTable .offersTable .price .priceIcon { margin-right: 6px; } #skuOffersTable .offersTable .price .lnk { padding-bottom: 2px; border-bottom: 1px dashed #000000; transition: all 0.2s ease-in-out; } #skuOffersTable .offersTable .price:hover .lnk { border-color: #888888; } #skuOffersTable .offersTable .property { font-size: 14px; } #skuOffersTable .offersTable .discount { position: absolute; top: -16px; right: -12px; display: block; color: #888888; font-size: 13px; font-family: var(--site-font-family); } #skuOffersTable .offersTable .basket .addCart { display: inline-block; height: 30px; padding: 0 12px; color: #ffffff; line-height: 30px; text-align: center; text-decoration: none; border-radius: 4px; transition: all 0.2s ease-in-out; } #skuOffersTable .offersTable .basket .addCart.requestPrice { margin-top: 0; } #skuOffersTable .offersTable .basket .addCart:active { position: relative; top: 1px; } #skuOffersTable .offersTable .basket .addCart img { display: inline-block; margin-top: -4px; margin-right: 12px; vertical-align: middle; } #skuOffersTable .outOfStock { color: #888888; } /* ======================================== КОМПЛЕКТЫ ======================================== */ #complect { box-sizing: border-box; margin-bottom: 24px; padding: 0 24px; } #complect .heading { display: block; padding: 24px 0 12px; font-weight: 800; font-size: 20px; font-family: var(--site-font-family); letter-spacing: 1px; text-transform: uppercase; border-top: 1px solid #efefef; } #complect .complectList { margin: 0 -12px; overflow: hidden; } #complect .complectListItem { position: relative; float: left; width: 25%; height: 355px; } #complect .complectListItemWrap { box-sizing: border-box; padding: 12px; } #complect .complectListItemPicture img { max-width: 90%; max-height: 90%; vertical-align: middle; transition: all 0.5s ease-in-out; } #complect .complectListItemPicture:hover img { opacity: 0.8; } #complect .complectListItemPicLink { display: block; height: 240px; line-height: 240px; text-align: center; transition: all 0.5s ease-in-out; } #complect .complectListItemLink { 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; } #complect .complectListItemLink .middle { display: inline-block; line-height: 21px; vertical-align: top; } #complect .complectListItemPrice { display: block; margin-bottom: 12px; font-size: 18px; font-family: var(--site-font-family); text-decoration: none; } #complect .complectListItemPrice .measure { font-size: 16px; } #complect .complectListItemPrice .discount { padding-left: 4px; font-size: 14px; font-family: var(--site-font-family); } #complect .complectResult { box-sizing: border-box; height: 60px; padding-right: 24px; padding-left: 24px; overflow: hidden; line-height: 60px; background-color: #fdfdfd; border: 1px solid #e8e8e8; } #complect .complectPriceResult { display: inline-block; margin-left: 12px; font-size: 18px; font-family: var(--site-font-family); } #complect .complectResult .discount { margin-left: 12px; color: #888888; font-size: 14px; font-family: var(--site-font-family); } #complect .complectResultEconomy { float: right; padding-left: 24px; border-left: 1px solid #e8e8e8; } #complect .complectResultEconomyValue { margin-left: 12px; font-size: 16px; font-family: var(--site-font-family); } #complect .complectListItem::after { position: absolute; top: 50%; right: -12px; display: block; color: #888888; font-size: 48px; font-family: var(--site-font-family); transform: translateY(-50%); content: "+"; } #complect .complectListItem:last-child::after, #complect .complectListItem:nth-child(4n)::after { display: none; } /* ======================================== ЗУМЕР ======================================== */ #zoomer { transform: scale(0.7); visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; } #zoomer.opened { transform: scale(1); visibility: visible; opacity: 1; } #zoomer #zoomerExitLink { width: 50px; height: 50px; background: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/exitBig.png") 0 0 no-repeat transparent; opacity: 0.5; } #zoomer #zoomerExitLink:hover { opacity: 0.8; } #zoomer #zoomerExitLink:active { top: 25px; height: 48px; opacity: 1; } #zoomerMoreImagesContainerWrapper .item { transition: all 0.2s ease-in-out; } #zoomerMoreImagesContainerWrapper .item:hover { opacity: 0.9 !important; } #zoomerMoreImagesContainerWrapper .selected { opacity: 1 !important; } #zoomerBigPrevMore, #zoomerBigNextMore { background: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/carouselArrowsBig.png") 0 0 no-repeat transparent; opacity: 0.5; } #zoomerBigNextMore { background-position: -57px 0; } #zoomerNextMore, #zoomerPrevMore { background: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/carouselArrows.png") 0 0 no-repeat transparent; opacity: 0.5; } #zoomerNextMore { background-position: -80px 0; } #zoomerPrevMore:hover, #zoomerNextMore:hover, #zoomerBigPrevMore:hover, #zoomerBigNextMore:hover { opacity: 0.8; } #zoomerPrevMore:active, #zoomerNextMore:active, #zoomerBigPrevMore:active, #zoomerBigNextMore:active { opacity: 1; } #zoomerNextMore:active { right: -1px !important; } #zoomerPrevMore:active { left: -1px !important; } #zoomerBigPrevMore:active { left: 23px !important; } #zoomerBigNextMore:active { right: 23px !important; } #zoomerMoreImagesContainerWrapper .link:active { position: relative; top: 1px; } /* ======================================== ПАГИНАЦИЯ ======================================== */ .catalogProductOffersPager { text-align: center; } .catalogProductOffersNext { margin-top: 24px; } /* ======================================== ТАЙМЕР ======================================== */ .smallSpecialTime { padding-bottom: 12px; color: #ffffff; font-size: 0; line-height: 0; } .smallSpecialTime .specialTimeItem { display: inline-block; box-sizing: border-box; width: 48px; height: 42px; margin-left: 4px; padding: 8px 0; overflow: hidden; line-height: 14px; text-align: center; border-radius: 6px; } .smallSpecialTime .specialTimeItem:first-child { margin-left: 0; } .smallSpecialTime .specialTimeItemValue { font-size: 14px; font-family: var(--site-font-family); } .smallSpecialTime .specialTimeItemlabel { font-size: 12px; font-family: var(--site-font-family); } /* ======================================== ДЕТАЛЬНЫЙ ТЕКСТ ======================================== */ .detail-text-wrap { box-sizing: border-box; margin-top: 12px; padding: 0 24px 24px; border-top: 1px solid #e7e8ea; } .detail-text-wrap .heading { display: block; padding: 30px 0 0; color: #000000; font-weight: 400; font-size: 20px; font-family: var(--site-font-family); line-height: 24px; text-transform: uppercase; text-decoration: none; } #elementContainer .new-list-items-wrap { box-sizing: border-box; margin-top: 0; margin-bottom: 24px; padding: 0 24px; border-top: 1px solid #e7e8ea; } .new-list-items-wrap .heading { display: block; padding: 36px 0 18px; color: #000000; font-weight: 400; font-size: 20px; font-family: var(--site-font-family); line-height: 24px; text-transform: uppercase; text-decoration: none; } #elementContainer .new-list-items { max-width: none; margin: 0 -12px; font-size: 0; } .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: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: var(--site-font-family); } .new-list-items .old-price { position: absolute; top: -12px; right: 0; color: #888888; font-size: 13px; font-family: var(--site-font-family); line-height: 15px; } .new-list-items .active-link { display: inline-block; color: #000000; font-size: 14px; font-family: var(--site-font-family); text-decoration: none; border-bottom: 1px dashed #000000; cursor: pointer; transition: all 0.2s ease-in-out; } /* ======================================== АНИМАЦИИ ======================================== */ @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* ======================================== СКРЫТЫЕ ЭЛЕМЕНТЫ ======================================== */ #footerTabs, #footerTabsCaption { display: none !important; } .swiper-pagination-bullet { background-color: var(--site-grey-light-color) !important; } /* ======================================== БАННЕРЫ ======================================== */ .selection-banner, .helper-banner { width: 100%; margin: auto; position: relative; } .helper-banner { margin-bottom: -21px; margin-top: 125px; } .selection-banner__item-pic picture img, .helper-banner__item-pic picture img { width: 100%; } .selection-banner__item-pic.size-2, .selection-banner__item-pic.size-3, .selection-banner__item-pic.size-4, .helper-banner__item-pic.size-2, .helper-banner__item-pic.size-3, .helper-banner__item-pic.size-4 { display: none; } .selection-banner__wrapper, .helper-banner__wrapper { position: absolute; top: 64px; left: 0; right: 0; color: white; } .selection-banner__holder, .helper-banner__holder { max-width: 1280px; margin: auto; } /* .selection-banner__holder-down { margin-top: 262px; } */ .selection-banner__wrapper-down { margin-top: 28% !important; @media (max-width: 1145px) { margin-top: 25% !important; } @media (max-width: 1000px) { margin-top: 22% !important; } @media (max-width: 1000px) { margin-top: 22% !important; } @media (max-width: 850px) { margin-top: 18% !important; } @media (max-width: 850px) { margin-top: 18% !important; } @media (max-width: 790px) { margin-top: 331px !important; } @media (max-width: 450px) { margin-top: 262px !important; } } .selection-banner__text-title, .helper-banner__text-title { font-weight: 400; font-family: var(--site-font-family-2); font-size: 36px; } .selection-banner__text-text, .helper-banner__text-text { font: 400 16px/1.5 var(--site-font-family); max-width: 500px; } /* === МОДАЛЬНОЕ ОКНО НАЛИЧИЯ В МАГАЗИНАХ === */ #storesModal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; justify-content: center; align-items: center; } #storesModal.active { display: flex; } #storesModal .storesModalOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } #storesModal .storesModalContent { position: relative; background: #fff; max-width: 600px; width: 90%; max-height: 80vh; overflow-y: auto; border-radius: 8px; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3); z-index: 10001; } #storesModal .storesModalClose { position: absolute; top: 15px; right: 20px; font-size: 28px; cursor: pointer; color: #333; line-height: 1; z-index: 10002; } #storesModal .storesModalClose:hover { color: #000; } #storesModal .storesModalHeader { padding: 20px 20px 10px; border-bottom: 1px solid #e7e8ea; } #storesModal .storesModalHeader h3 { margin: 0; font-size: 18px; font-weight: 500; } #storesModal .storesModalBody { padding: 20px; } /* Стили для списка магазинов */ #storesModal .catalog-store-amount { margin: 0; } #storesModal .catalog-store-amount .store-item { padding: 15px 0; border-bottom: 1px solid #e7e8ea; } #storesModal .catalog-store-amount .store-item:last-child { border-bottom: none; } #storesModal .catalog-store-amount .store-title { font-weight: 500; margin-bottom: 8px; } #storesModal .catalog-store-amount .store-address { color: #888; font-size: 13px; margin-bottom: 8px; } #storesModal .catalog-store-amount .store-quantity { display: inline-block; padding: 4px 12px; border-radius: 4px; font-size: 13px; } #storesModal .catalog-store-amount .store-quantity.in-stock { background: #e8f5e9; color: #2e7d32; } #storesModal .catalog-store-amount .store-quantity.little { background: #fff3e0; color: #ef6c00; } /* ======================================== BREADCRUMB ======================================== */ .b-breadcrumb { position: absolute; top: 112px; left: 50%; font-size: 12px; color: var(--site-grey-light-color); z-index: 2; font-family: var(--site-text-color); flex-wrap: wrap; } .b-breadcrumb a { margin-right: 4px; } .b-breadcrumb span { margin-right: 8px; } .b-breadcrumb a:visited, .b-breadcrumb a:hover, .b-breadcrumb a:active { color: var(--site-grey-light-color) !important; } .b-breadcrumb .last-item { font-weight: 500; color: var(--site-text-color); } .b-breadcrumb a, .page-holder .b-breadcrumb a { color: var(--site-grey-light-color); } .store-availability-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; } .store-availability-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); } .store-availability-content { position: relative; background: #fff; max-width: 700px; width: 90%; max-height: 80vh; overflow-y: auto; border-radius: 8px; padding: 20px; z-index: 1; } .store-availability-header { display: flex; justify-content: space-between; align-items: center; margin-top: 0px; margin-bottom: 12px; color: var(--site-text-color); font-size: 30px; } .store-availability-title { margin: 0; font-weight: 400; color: var(--site-text-color); font-size: 30px; } .store-availability-close { background: none; border: none; font-size: 24px; cursor: pointer; color: var(--site-text-color-2); padding: 0; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; margin-right: 0px; margin-left: auto; } .store-availability-close:hover { color: #333; } .store-info-text { font-size: 14px; color: var(--site-text-color-2); line-height: 1.5; padding-bottom: 8px; max-width: 385px; } .store-item { padding-top: 16px; padding-bottom: 8px; border-top: 1px solid var(--site-light-red-color); color: var(--site-text-color-2); } .store-item:last-child { border-bottom: none; } .store-header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 10px; } .store-title { font-size: 18px; font-weight: 600; margin: 0; color: var(--site-default-color); } .store-status { font-size: 14px; font-weight: 600; color: #4CAF50; } .store-status.out-of-stock { color: #f44336; } .store-address { color: #666; line-height: 1.5; margin: 0; } .store-item.out-of-stock { opacity: 0.65; } #storesModal .catalog-store-amount .store-item.out-of-stock span { color: var(--site-text-color-2); } @media (max-width: 768px) { .store-availability-content { padding: 20px; width: 95%; } .store-header { flex-direction: column; align-items: flex-start; } .store-status { margin-top: 5px; } } /* ======================================== КАСТОМНЫЙ СКРОЛЛ ДЛЯ МОДАЛЬНОГО ОКНА ======================================== */ .store-availability-content::-webkit-scrollbar { width: 8px; } .store-availability-content::-webkit-scrollbar-track { background: #ffff; border-radius: 4px; margin-right: 4px; } .store-availability-content::-webkit-scrollbar-thumb { background: var(--site-gold-color); border-radius: 4px; transition: background 0.2s ease; margin-right: 4px; } .store-availability-content::-webkit-scrollbar-thumb:hover { background: var(--site-gold-color); } .store-availability-content::-webkit-scrollbar-thumb:active { background: var(--site-gold-color); } /* Firefox */ .store-availability-content { scrollbar-width: thin; scrollbar-color: var(--site-gold-color) #fff; margin-right: 4px; margin-top: 56px; } .store-availability-content { max-height: 50vh; overflow-y: auto; padding-right: 10px; } .store-availability-content::-webkit-scrollbar { width: 8px; } .store-availability-content::-webkit-scrollbar-track { background: #fff; border-radius: 4px; } .store-availability-content::-webkit-scrollbar-thumb { background: var(--site-gold-color); border-radius: 4px; transition: background 0.2s ease; } .store-availability-content::-webkit-scrollbar-thumb:hover { background: var(--site-gold-color); } .store-availability-content { scrollbar-width: thin; scrollbar-color: var(--site-gold-color) #fff; scroll-margin-top: 54px; } .store-availability-content { scroll-behavior: smooth; -webkit-overflow-scrolling: touch; /* Для iOS */ } @media (max-width: 768px) { .store-availability-content::-webkit-scrollbar { width: 6px; } .stores-list { max-height: 60vh; } } /* Если скроллбар не нужен (контент помещается) */ .store-availability-content:not(:hover)::-webkit-scrollbar-thumb { background: transparent; } .store-availability-content:not(:hover)::-webkit-scrollbar-track { background: transparent; } /* ======================================== MEDIA QUERIES ======================================== */ @media (max-width: 1200px) { #elementContainer #pictureContainer { width: 100%; } #elementContainer #moreImagesCarousel { width: 100%; } #elementContainer #moreImagesCarousel .slideBox { gap: 5px; } .advantages { padding-left: 32px !important; padding-right: 32px !important; } #similar h2 { margin-left: 32px; } .swiper-holder--products { margin-left: 32px; margin-right: 32px; } .swiper-container.products--slider { max-width: 1000px !important; } } @media (max-width: 1000px) { .b-breadcrumb { left: 55%; } .products--slider .catalog__elements { gap: 20px; } .swiper-holder--products .swiper-button-prev, .page-holder .swiper-holder--products .swiper-button-prev { left: 0 !important; } .swiper-holder--products .swiper-button-next, .page-holder .swiper-holder--products .swiper-button-next { right: 0 !important; } .swiper-container.products--slider { max-width: 800px !important; } .footer-bottom__links, .footer-bottom__info { max-width: 33%; } } @media (max-width: 900px) { .catalog__elements .catalog__elements_item { width: calc(100% / 2 - 20px) !important; } } @media (max-width: 768px) { #elementContainer .mainContainer .col:first-child { width: 100%; padding: 92px 32px 0; } #similar { margin: 0 !important; } .b-breadcrumb { top: 90px; left: 32px; height: fit-content; } #elementContainer .mainContainer .markerContainer { top: 92px } #elementContainer #moreImagesCarousel .slideBox { gap: 12px; } #elementContainer #detailText, #elementContainer #detailTags { padding-bottom: 60px; } .selection-banner__item-pic.size-1, .helper-banner__item-pic.size-1 { display: none; } .selection-banner__item-pic.size-2, .helper-banner__item-pic.size-2 { display: block; } .slider-desktop { display: none !important; } .swiper-container.products--slider { max-width: 600px !important; } .selection-banner__text-title, .helper-banner__text-title { font-size: 30px; } .selection-banner__text-text, .helper-banner__text-text { font-size: 14px; max-width: 600px; } .advantages { padding: 65px 23px 0 !important; } .advantages__body { gap: 40px 32px !important; } .advantages__title { max-width: 620px !important; } #similar h2 { font-size: 30px; margin-left: 20px; } .swiper-holder--products { margin-left: 12px; margin-right: 12px; } .catalog__elements .catalog__elements_item { width: 100% !important; } } @media (max-width: 800px) { .swiper-container.products--slider { max-width: 700px !important; } } @media (max-width: 700px) { .swiper-container.products--slider { max-width: 600px !important; } .footer-bottom__links, .footer-bottom__info { max-width: 33%; } } @media all and (min-width: 1101px) { #catalogElement .mainTool .addCartContainer:hover .addCart.requestPrice span, #catalogElement .mainTool .addCartContainer:hover .addCart.subscribe span, #catalogElement .mainTool .addCartContainer:hover .addCart.disabled span, #catalogElement .mainTool .addCartContainer:hover .addCart.added span, #catalogElement .mainTool .addCart span { position: absolute; top: 50%; left: 50%; display: inline-block; transform: translate(-50%, -50%); transition: all 0.2s ease-in-out; } #catalogElement .mainTool .qtyBlock { margin-bottom: 0; } #catalogElement .mainTool .addCartContainer { position: relative; width: 220px; overflow: hidden; } #catalogElement .mainTool .qtyBlockContainer { position: absolute; top: 16px; right: 18px; transform: translateX(50px); visibility: hidden; opacity: 0; transition: all 0.1s ease-in-out; } #catalogElement .mainTool .addCartContainer:hover .qtyBlockContainer { transform: translateX(0); visibility: visible; opacity: 1; transition: all 0.2s ease-in-out; } #catalogElement .mainTool .addCartContainer:hover .addCart span { left: 0%; transform: translate(24px, -50%); } #catalogElement .mainTool .addCartContainer:hover .addCart .icon { width: 0; height: 0; margin: 0; padding: 0; visibility: hidden; opacity: 0; transition: all 0.4s ease-in-out; } #catalogElement .mainTool .addCartContainer:hover .addCart.requestPrice .icon, #catalogElement .mainTool .addCartContainer:hover .addCart.subscribe .icon, #catalogElement .mainTool .addCartContainer:hover .addCart.disabled .icon, #catalogElement .mainTool .addCartContainer:hover .addCart.added .icon { width: auto; height: auto; margin-top: -6px; padding-right: 12px; visibility: visible; opacity: 1; } #catalogElement .mainTool .qtyBlockContainer .qty { 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; } #catalogElement .mainTool .qtyBlockContainer .qty.error { color: #ff0000; } #catalogElement .mainTool .qtyBlock .plus, #catalogElement .mainTool .qtyBlock .minus { display: inline-block; width: 24px; min-width: auto; height: 24px; padding: 0; vertical-align: middle; background-color: rgb(255 255 255 / 10%); border: 0; } #catalogElement .mainTool .qtyBlock .minus, #catalogElement .mainTool .qtyBlock .plus { background-repeat: no-repeat; background-position: 50% 50%; } #catalogElement .mainTool .qtyBlock .plus { background-image: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/basket-add-plus.png"); border-radius: 2px 2px 0 0; } #catalogElement .mainTool .qtyBlock .minus { background-image: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/basket-add-minus.png"); border-radius: 0 0 2px 2px; } #catalogElement .mainTool .qtyBlock .plus:hover, #catalogElement .mainTool .qtyBlock .minus:hover { background-color: rgb(255 255 255 / 15%); } #catalogElement .mainTool .qtyBlock .minus:active, #catalogElement .mainTool .qtyBlock .plus:active { position: relative; top: 1px; } #catalogElement .mainTool .qtyBlock .plus .error, #catalogElement .mainTool .qtyBlock .minus.error { background-color: #bc1414; } } @media screen and (min-width: 600px) { #elementContainer .detailTagsItems .desktopHidden { display: none; } .changePropertiesNoGroup { display: block; } } @media screen and (max-width: 600px) { #elementContainer .mainContainer .col:first-child { padding-top: 60px; } #elementContainer .mainContainer .markerContainer { top: 90px !important; } #elementContainer .detailTagsItems .mobileHidden, #elementContainer #detailTags.mobileHidden { display: none; } #morePhotoSlider { display: none; } #elementContainer #moreImagesCarousel { display: none; } #similar { max-width: 95%; } .selection-banner__item-pic.size-3, .helper-banner__item-pic.size-3 { display: block; } .selection-banner__item-pic.size-2, .helper-banner__item-pic.size-2 { display: none; } .helper-banner__text-block { max-width: 85%; } .selection-banner__text-title, .helper-banner__text-title { font-size: 30px; } .selection-banner__text-text, .helper-banner__text-text { font-size: 14px; } #pictureContainer { display: none; } .slider-mobile { display: block; position: relative; max-width: 100%; overflow: hidden; padding-bottom: 40px; } .mobile-slider-track { display: flex; transition: transform 0.3s ease-in-out; width: 100%; } .mobile-slide-item { width: 100%; flex-shrink: 0; } .mobile-slide-item img { width: 95%; height: auto; display: block; object-fit: contain; height: 700px; object-position: center; } /* Точки навигации */ .slider-dots { display: flex; justify-content: center; gap: 8px; padding: 0; position: absolute; bottom: 1px; left: 0; right: 0; z-index: 10; } .slider-dot { width: 4px; height: 4px; border-radius: 50%; border: 2px solid var(--site-grey-light-color); background: var(--site-grey-light-color); cursor: pointer; padding: 0; transition: all 0.2s ease; } .slider-dot:hover { background: var(--site-grey-bg-color); } .slider-dot.active { background: var(--site-grey-light-color); border-radius: 50px; width: 30px; } #mobileSlider .g-button.buttonImage { position: absolute; z-index: 2; bottom: 60px; right: 20px; border: 1px solid var(--site-text-color); background-color: white; color: var(--site-text-color); padding: 4px 48px 4px 12px; background-position: 90% center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='33' height='11' viewBox='0 0 33 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4.94443H32M32 4.94443C32 4.94443 28.5467 4.0658 27.2475 2.82322C25.9484 1.58064 25.6634 0.0959473 25.6634 0.0959473M32 4.94443C32 4.94443 28.5467 5.82307 27.2475 7.06564C25.9484 8.30822 25.6634 10.0959 25.6634 10.0959' stroke='%2315110C' stroke-linejoin='round'/%3E%3C/svg%3E"); } .b-breadcrumb { top: 80px; left: 24px; } #elementContainer .mainContainer .secondCol { padding: 24px 12px 0; } #elementContainer #detailText .heading, #elementContainer #detailTags .heading { font-size: 26px; padding-left: 12px; } #elementContainer .description { margin-bottom: 0; } .changePropertiesNoGroup { margin-top: 20px; } #elementContainer #detailText .heading, #elementContainer #detailTags .heading { font-size: 20px; padding-left: 0; } #elementContainer #detailText, #elementContainer #detailTags { padding: 12px; } .selection-banner__wrapper, .helper-banner__wrapper { top: 47px; } .selection-banner__wrapper .l-wrapper, .helper-banner__wrapper .l-wrapper { padding-left: 12px; } .advantages .l-wrapper { padding-left: 0; } #similar h2 { margin: 90px 0 75px; margin-left: 0; margin-top: 90px; } #elementContainer .changeShortDescription { width: 90%; } } @media screen and (max-width: 790px) { .changePropertiesNoGroup { display: block !important; } .selection-banner__item-pic picture img, .helper-banner__item-pic picture img { height: 600px; } .b-breadcrumb :not(a.prev-link) { display: inline-block !important; } } @media (max-width: 515px) { .advantages { padding: 64px 12px !important; } .advantages .l-wrapper { padding-right: 0; } .advantages__body { gap: 32px 24px !important; } .sizeContainer .btn-sticky { position: fixed; bottom: 0; left: 0; width: 95%; z-index: 1000; padding: 8px 12px; background-color: #fff; } .l-footer.footer { padding-bottom: 56px; } .sizeContainer .g-button.orderFitting { width: 86%; margin: 0; } .inStockContainer { width: 100%; } .g-button.inStock { width: 89%; } .helper-banner__form-button .g-button, .selection-banner__form-button .g-button { width: 90%; } } @media (max-width: 400px) { .mobile-slide-item { width: 100%; flex-shrink: 0; } .mobile-slide-item img { height: 448px; } .inStockContainer { width: 100%; } .helper-banner__form-button .g-button, .selection-banner__form-button .g-button, .g-button.inStock { width: 87%; } .sizeContainer .g-button.orderFitting { width: 82%; margin: 0; } #similar { padding-left: 12px !important; padding-right: 12px !important; } } @media (max-width: 552px) { .selection-banner__form-button { display: flex; flex-direction: column; gap: 16px; } } @media (max-width: 450px) { .sizeContainer .g-button.orderFitting { width: 82%; } .helper-banner__form-button .g-button, .selection-banner__form-button .g-button, .g-button.inStock { width: 85%; } } @media (max-width: 340px) { #elementContainer { margin-left: 0; margin-right: 0; } #elementContainer #pictureContainer .pictureSlider .item, #elementContainer #pictureContainer .pictureSlider, #elementContainer #pictureContainer { max-height: 448px; } #elementContainer .changeShortDescription { font-size: 22px; } #elementContainer .mainContainer .secondCol { padding-left: 12px !important; padding-right: 12px !important; max-width: 90%; } #elementContainer .description { margin-bottom: 16px; } .descriptionBottom .wishCompWrap a { font-size: 0; } #elementContainer .description .descriptionBottom .wishCompWrap { gap: 0; } .sizeContainer .g-button.orderFitting { width: 78%; } #elementContainer #detailText, #elementContainer #detailTags { padding-left: 0; padding-right: 12px; padding-top: 5px; max-width: 90%; } .selection-banner__item-pic.size-3, .helper-banner__item-pic.size-3 { display: none; } .selection-banner__item-pic.size-4, .helper-banner__item-pic.size-4 { display: block; } .selection-banner__text-text, .helper-banner__text-text { max-width: 90%; } #similar { padding: 0 !important; margin-left: 12px !important; margin-right: 12px; max-width: 90%; } .mobile-slide-item { width: 100%; max-width: 300px; } .mobile-slide-item img { height: 448px; width: 95%; } #elementContainer .mainContainer .col:first-child { padding: 20px 12px 0; } .b-breadcrumb { top: 50px; left: 14px; } #mobileSlider .g-button.buttonImage { position: absolute; z-index: 2; bottom: 60px; right: 20px; border: 1px solid var(--site-text-color); background-color: white; color: var(--site-text-color); padding: 4px 48px 4px 12px; background-position: 90% center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='33' height='11' viewBox='0 0 33 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4.94443H32M32 4.94443C32 4.94443 28.5467 4.0658 27.2475 2.82322C25.9484 1.58064 25.6634 0.0959473 25.6634 0.0959473M32 4.94443C32 4.94443 28.5467 5.82307 27.2475 7.06564C25.9484 8.30822 25.6634 10.0959 25.6634 10.0959' stroke='%2315110C' stroke-linejoin='round'/%3E%3C/svg%3E"); } #elementContainer .mainContainer .secondCol { margin-top: 0px; padding-top: 0; } .inStockContainer { width: 100%; margin-left: 0; margin-right: 0; } .inStockContainer .g-button.inStock { width: 94%; } .selection-banner__wrapper, .helper-banner__wrapper { top: 24px } .selection-banner__text-title, .helper-banner__text-title { font-size: 28px; } .selection-banner__text-text, .helper-banner__text-text { max-width: 100%; } .advantages { padding: 64px 12px !important; } .advantages .l-wrapper { padding-right: 0; } .advantages__body { gap: 32px 24px !important; } .helper-banner__text-block { max-width: 100%; } .helper-banner__form-button .g-button { width: 83%; } } .stores-data-hidden { display: none !important; } .popup-window-content .stores-data-hidden, .popup-window-content #storesContainer_*, .popup-window-content div[id^="storesContainer_"] { display: block !important; visibility: visible !important; opacity: 1 !important; } /* End */ /* Start:/bitrix/components/dresscode/catalog.item/templates/detail/css/review.css?17790849858077*/ #catalogReviews { margin-top: 24px; overflow: hidden; } #catalogReviews .heading { padding: 36px 24px; font-weight: 800; font-size: 20px; font-family: robotobold; letter-spacing: 1px; text-transform: uppercase; border-top: 1px solid #e7e8ea; } #catalogReviews .heading .reviewAddButton { display: inline-block; margin-left: 24px; padding-bottom: 4px; color: #888888; font-weight: 400; font-size: 12px; font-family: robotoregular; text-decoration: none; vertical-align: middle; border-bottom: 1px dashed #888888; transition: all 0.2s ease-in-out; } #catalogReviews .heading .reviewAddButton:active { position: relative; top: 1px; } #catalogReviews .heading .label { display: inline-block; color: #888888; font-weight: 400; font-size: 14px; font-family: robotoregular; letter-spacing: 0; text-transform: none; } #catalogReviews .ratingContainer { float: right; line-height: 20px; } #catalogReviews .ratingContainer .rating, #reviews .rating { position: relative; z-index: 2; display: inline-block; width: 79px; height: 15px; margin-top: 0; margin-left: 6px; vertical-align: middle; } #catalogReviews .ratingContainer .rating { margin-left: 12px; } #catalogReviews .ratingContainer .rating i, #reviews .rating i { position: absolute; top: 0; left: 0; display: block; width: 79px; height: 15px; background: url("/bitrix/components/dresscode/catalog.item/templates/detail/css/../images/rating.svg") repeat 0 0 transparent; } #catalogReviews .ratingContainer .rating i.m, #reviews .rating i.m { z-index: 10; width: 0; background: url("/bitrix/components/dresscode/catalog.item/templates/detail/css/../images/rating.svg") repeat 0 -14px transparent; } #reviews .rating { margin-top: -4px; } #catalogElement .ratingContainer .newReview { float: right; margin-right: 12px; color: #000000; } #catalogElement .newReview:hover { color: #0074d9; } #catalogElement #reviews, #catalogElement #reviews ul { margin: 0; padding: 0; list-style: none; } #catalogElement #reviews .reviewItem { position: relative; margin-bottom: 24px; padding-top: 24px; border-top: 1px solid #f7f7f7; } #catalogElement #reviews .reviewItem:first-child { padding-top: 24px; border-top: 1px solid #e7e8ea; } #reviews .reviewTable { display: table; width: 100%; table-layout: fixed; } #reviews .reviewTable .reviewColumn { position: relative; display: table-cell; padding: 0 24px; font-size: 14px; vertical-align: top; } #reviews .reviewTable .reviewColumn .label { display: inline-block; font-size: 14px; } #reviews .reviewTable .reviewColumn .reviewRating, #reviews .reviewTable .reviewColumn .reviewName { margin-top: 12px; } #reviews .reviewTable .reviewColumn .reviewDate, #reviews .reviewTable .reviewColumn .reviewName { line-height: 21px; } #reviews .reviewTable .reviewColumn .advantages, #reviews .reviewTable .reviewColumn .limitations { margin-bottom: 12px; } #reviews .reviewTable .reviewColumn .advantages .label, #reviews .reviewTable .reviewColumn .impressions .label, #reviews .reviewTable .reviewColumn .limitations .label { margin-bottom: 4px; font-size: 14px; } #reviews .reviewTable .reviewColumn .advantages p, #reviews .reviewTable .reviewColumn .impressions p, #reviews .reviewTable .reviewColumn .limitations p { font-size: 13px; } #reviews .reviewTable .reviewColumn:first-child { width: 30%; text-align: center; vertical-align: middle; } #reviews .reviewTable .reviewColumn .reviewDate { color: #888888; } #reviews .reviewTable .reviewColumn .reviewName, #reviews .reviewTable .reviewColumn .reviewName .label { font-size: 16px; } #catalogElement #reviews .controls { /* float: right; */ width: 260px; height: 35px; margin-top: 24px; line-height: 35px; text-align: center; background: #f4f4f4; } #catalogElement #reviews .controls a { text-decoration: none; } #catalogElement #reviews .controls a:active { position: relative; top: 1px; } #catalogElement #reviews .controls .good { margin-right: 4px; color: #009e02; } #catalogElement #reviews .controls .good:hover { color: #008902; } #catalogElement #reviews .controls .bad { color: #ff0000; } #catalogElement #reviews .controls .bad:hover { color: #9d9d9d; } #catalogElement #reviews p { margin: 0; color: #666666; line-height: 21px; } #catalogElement #reviews .comment { clear: both; } #catalogElement #reviews .hide { display: none; } #showallReviews { display: block; width: 200px; height: 40px; margin: 24px 24px 24px auto; color: #000000; line-height: 40px; text-align: center; text-decoration: none; border: 1px solid #e7e8ea; border-radius: 4px; transition: all 0.2s ease-in-out; } #catalogElement #newReview { display: none; } #catalogElement #newReview .heading { display: block; margin-bottom: 24px; padding: 36px 24px; font-weight: 800; font-size: 20px; font-family: robotobold; letter-spacing: 1px; text-transform: uppercase; border-top: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; } #catalogElement #newReview form { padding: 0 24px; } #catalogElement #newReview ins { display: block; margin-bottom: 4px; font-size: 14px; text-decoration: none; } #catalogElement #newReview #newRating { position: relative; } #catalogElement #newReview .rating { position: absolute; top: -3px; left: 100px; z-index: 10; width: 150px; cursor: pointer; } #catalogElement #newReview .rating i { position: absolute; top: 0; left: 0; display: block; width: 150px; height: 22px; background: url("/bitrix/components/dresscode/catalog.item/templates/detail/css/../images/newRating.svg") repeat 0 0 transparent; } #catalogElement #newReview .rating i.m { z-index: 10; width: 0; background: url("/bitrix/components/dresscode/catalog.item/templates/detail/css/../images/newRating.svg") repeat 0 -22px transparent; } #catalogElement #newReview .usedSelect { clear: both; margin: 0; padding: 0; overflow: hidden; list-style: none; } #catalogElement #newReview .usedSelect li { float: left; margin-right: 12px; margin-bottom: 12px; } #catalogElement #newReview .usedSelect li a { display: block; height: 35px; padding: 0 12px; color: #000000; font-size: 13px; line-height: 35px; text-align: center; text-decoration: none; border: 1px solid #e7e8ea; border-radius: 4px; transition: all 0.2s ease-in-out; } #catalogElement #newReview .usedSelect li a:hover { color: #696969; } #catalogElement #newReview .usedSelect li a:active { position: relative; top: 1px; } #catalogElement #newReview .usedSelect li a.selected { color: #ffffff; } #catalogElement #newReview table { width: 100%; table-layout: fixed; border-collapse: collapse; } #catalogElement #newReview table td { width: 50%; vertical-align: top; } #catalogElement #newReview table td:first-child { padding-right: 24px; } #catalogElement #newReview label { display: block; margin: 12px 0; } #catalogElement #newReview textarea { box-sizing: border-box; width: 100%; height: 90px; padding-top: 12px; padding-left: 12px; font-family: "roboto_ltregular"; background: #ffffff; border: 1px solid #e4e4e4; transition: all 0.2s ease-in-out; resize: none; } #catalogElement #newReview textarea:focus { border: 1px solid #cccccc; outline: none; } #catalogElement #newReview input { display: inline-block; box-sizing: border-box; width: 74%; height: 50px; margin-bottom: 12px; padding-left: 12px; font-family: "roboto_ltregular"; vertical-align: top; background: #ffffff; border: 1px solid #e4e4e4; transition: all 0.2s ease-in-out; } #catalogElement #newReview input:focus { border: 1px solid #cccccc; } #catalogElement #newReview .submit { display: inline-block; width: 23%; height: 50px; margin-left: 3%; color: #ffffff; line-height: 50px; text-align: center; text-decoration: none; vertical-align: middle; border-radius: 4px; transition: all 0.2s ease-in-out; } #catalogElement #newReview .submit:active { position: relative; top: 1px; } #catalogElement #newReview .reviewError { padding: 0 24px; overflow: hidden; } #catalogElement #newReview .reviewError .cap { color: #000000; font-size: 16px; } #catalogElement #newReview .reviewError img { float: left; margin-right: 24px; vertical-align: middle; } #catalogElement .countReviewsTools { cursor: pointer; } /* End */ /* Start:/bitrix/components/dresscode/catalog.item/templates/detail/css/media.css?177908498521049*/ @media all and (min-width: 2450px) { #catalogElement .product { width: 20%; } #tableContainer .column:nth-child(2) { width: 1124px; } #catalogElement .product:nth-child(5n + 5) { border-right-width: 0; } #complect .complectListItem { width: 20%; } #skuOffersTable .offersTable .offersName { width: 22%; } #skuOffersTable .offersTable .priceWrap { width: 18%; } #skuOffersTable .offersTable .quanBaskWrap { width: 24%; } } @media all and (max-width: 1900px) { #catalogElement .product { width: 33.333333%; } } @media all and (max-width: 1800px) { #skuOffersTable .offersTable .quanBaskWrap { width: 120px; padding: 8px 6px; } #skuOffersTable .offersTable .quanBaskWrap .tc { display: block; width: 100%; padding: 0; } #skuOffersTable .offersTable .quanBaskWrap .quantity { padding-bottom: 6px; } .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 all and (max-width: 1700px) { #elementTools { width: 280px; } #files .item .icon { width: 22%; } } @media all and (max-width: 1600px) { .limiter #left { width: 280px; } #elementNavigation { width: 280px; } #files .item { width: 33.33333%; } #files .item .icon { width: 20%; } #complect .complectListItem { width: 33.33333%; } #complect .complectListItem:nth-child(4n)::after { display: block; } #complect .complectListItem:nth-child(3n)::after, #complect .complectListItem:last-child::after { display: none; } .new-list-items-wrap .heading { padding: 36px 0 30px; } #elementContainer .new-list-items { margin: 0 -6px; } } @media all and (max-width: 1520px) { .limiter #left { width: 320px; } #elementTools { width: 300px; } #tableContainer #elementNavigation { display: none; } #elementSmallNavigation { display: block; } #files .item .icon { width: 14%; } #skuOffersTable .offersTable .quanBaskWrap { width: 250px; padding: 0; } #skuOffersTable .offersTable .quanBaskWrap .tc { display: table-cell; width: 50%; padding: 8px 6px; } #skuOffersTable .offersTable .quanBaskWrap .quantity { padding: 8px 6px; } #catalogElement #newReview input { width: 67%; } #catalogElement #newReview .submit { width: 30%; } } @media all and (max-width: 1366px) { .limiter #left { width: 280px; } .smallSpecialTime .specialTime { padding: 12px 0; } } @media all and (max-width: 1340px) { #elementSmallNavigation .tab:first-child { margin-left: 0; padding-left: 0; border-left: 0; } #elementSmallNavigation .tab { margin-left: 24px; border-right: 0; } } @media all and (max-width: 1280px) { .limiter #left { width: 330px; } #elementTools { width: 270px; padding: 12px 24px 0; } .smallSpecialTime { padding-bottom: 6px; } #files .item .icon { width: 18%; } .ya-share-label { margin-top: 0; } #elementContainer .brandImage { margin-right: 24px; margin-bottom: 12px; } #elementContainer .bindAction { margin-bottom: 12px; } .reviewsBtnWrap { margin-top: 0; padding-bottom: 0; } .reviewsBtnWrap .row { margin: 0 24px 12px 0; } #elementContainer .elementSkuVariantLabel { display: none; } .productDetailText .heading { font-size: 14px; } #catalogElement .product { width: 33.333%; } #catalogElement .product:nth-child(4n + 4) { border-right-width: 1px; } #catalogElement .product:nth-child(3n + 3) { border-right-width: 0; } #catalogElement .smallSpecialTime { margin-bottom: 12px; } } @media all and (max-width: 1250px) { #skuOffersTable { display: none; } } @media all and (max-width: 1100px) { #tableContainer #elementTools { display: none; } #smallElementTools { display: block; clear: both; margin: 24px 0 36px; } .ya-share-label { display: none; } .new-list-items .list-item-wrap { width: 50%; } #smallElementTools .smallElementToolsContainer { border: 0; border-radius: 4px; box-shadow: 0 0 25px rgb(0 0 0 / 5%); } #smallElementTools .mobilePriceContainer, #smallElementTools .mobileButtonsContainer { display: table-cell; width: 50%; vertical-align: middle; } #smallElementTools .columnRow.mobileFastBackContainer { display: block; width: 100%; margin-top: 12px; padding: 0; } #catalogElement .mainTool .addCart { width: 50%; padding: 0; } #smallElementTools .columnRow .quickBuy { color: #000000; font-size: 16px; background: #f2f2f2; border: 0; border-radius: 4px; } #smallElementTools .columnRow .quickBuy img { display: none; } #catalogElement .mainTool .qtyBlock { box-sizing: border-box; width: 50%; margin: 0; padding: 0 0 0 12px; background: #ffffff; } #catalogElement .mainTool .qtyBlock .qty { display: inline-block; width: 45px; height: 40px; font-size: 14px; vertical-align: middle; background-color: #ffffff; border: 0; } #catalogElement .mainTool .qtyBlockContainer { position: relative; height: 60px; padding-left: 12px; line-height: 60px; border: 1px solid #f3f3f3; border-radius: 4px; } #catalogElement .mainTool .minus, #catalogElement .mainTool .plus { 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%); } #catalogElement .mainTool .minus { right: 60px; background-image: url("/bitrix/components/dresscode/catalog.item/templates/detail/css/../images/mobile-basket-add-minus.png"); } #catalogElement .mainTool .plus { right: 24px; background-image: url("/bitrix/components/dresscode/catalog.item/templates/detail/css/../images/mobile-basket-add-plus.png"); } #catalogElement .mainTool .qtyBlockContainer .qty.error { color: #ff0000; } #catalogElement .smallElementToolsContainer { padding: 0; } #catalogElement .smallElementToolsContainer .secondTool .row:last-child, #catalogElement .columnRow .quickBuy { margin-bottom: 0; } #catalogElement .secondTool { box-sizing: border-box; margin-top: 24px; padding: 24px 0; text-align: center; border-top: 1px solid #e7e8ea; } #elementTools .row, #smallElementTools .row { margin-bottom: 0; } #catalogElement .mainTool { box-sizing: border-box; padding: 24px 72px 0; } #catalogElement .mainToolContainer { display: table; width: 100%; border-radius: 4px; border-collapse: collapse; } #smallElementTools .secondTool .row { margin-right: 60px; } #catalogElement .mainTool .addCart.added, #catalogElement .mainTool .addCart.subscribe, #catalogElement .mainTool .addCart.requestPrice { width: 100%; } #catalogElement .priceContainer { font-size: 24px; line-height: 30px; } #catalogElement .priceBlock { margin-bottom: 6px; } #elementContainer #smallElementTools .purchaseBonus { margin-top: 18px; font-size: 16px; } #elementTools .price .oldPriceLabel, #smallElementTools .price .oldPriceLabel { font-size: 16px; } #elementTools .price, #smallElementTools .price { margin-bottom: 0; } #catalogElement .getPricesWindow .priceIcon { margin-top: -4px; } #catalogElement .mainTool .addCart { padding-right: 0; } } @media all and (max-width: 1024px) { .limiter #left { width: 100%; } #left .collapsed { position: static; } } @media all and (max-width: 1023px) { #files .item { width: 50%; } #files .item .icon { width: 14%; } } @media all and (max-width: 1000px) { .pictureSlider { margin-top: 24px; } #elementContainer .mainContainer .col { box-sizing: border-box; } #elementContainer .brandImage { margin-bottom: 18px; } #elementContainer .bindAction { margin-bottom: 18px; } #complect .heading { border: none; } #elementTools .addCart { margin-top: 12px; } .newReviewTable .left { width: 100%; padding: 0; } .newReviewTable .right { width: 100%; margin-top: 18px; } } @media all and (max-width: 900px) { #catalogElement .mainTool { padding: 24px 48px 0; } #smallElementTools .secondTool .row { margin-right: 48px; } } @media all and (max-width: 800px) { #files .item .icon { width: 70px; } #files .item .info { width: 100%; } #reviews .reviewTable { display: block; } #reviews .reviewTable .reviewColumn { display: block; } #reviews .reviewTable .reviewColumn:first-child { margin-bottom: 24px; text-align: left; } #showallReviews { margin: 0 0 0 24px; } #zoomerMoreImagesContainer { display: none !important; } #zoomerBigPrevMore, #zoomerBigNextMore { display: none !important; } #imageContainerSlider { height: 100% !important; } #complect .complectList { margin: 0 -24px 12px; border-top: 1px solid #e7e8ea; } #complect .complectListItem { box-sizing: border-box; width: 50%; height: 140px; border-right: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; } #complect .complectListItem:nth-child(2n) { border-right-width: 0; } #complect .complectListItem::after { display: none; } .complectListItemTable { display: table; width: 100%; table-layout: fixed; } .complectListItemCelImage { display: table-cell; width: 110px; padding-right: 12px; vertical-align: middle; } .complectListItemCelText { display: table-cell; vertical-align: middle; } #complect .complectListItemPicLink { height: 120px; line-height: 120px; } #complect .complectListItemPrice .discount { display: block; padding: 0; } #complect .complectListItemPrice { margin: 0; font-size: 14px; } #complect .complectListItemPrice .discount { color: #888888; font-size: 13px; line-height: 16px; } #complect .complectListItemLink { height: 36px; margin-bottom: 2px; line-height: 36px; } #complect .complectListItemLink .middle { line-height: 18px; vertical-align: middle; } #elementProperties .stats { table-layout: auto; } #elementProperties .stats td { padding: 12px 0; } #elementProperties .stats .name span { padding: 0; } #elementProperties .stats tr td:first-child { padding: 0 6px; } #elementProperties .stats tr.cap td:first-child { padding: 12px 0; } #elementProperties .stats tr td:nth-child(2) { padding-right: 6px; } #elementProperties .stats tr td:nth-child(n + 3) { width: 0; max-width: 0; padding: 0; overflow: hidden; white-space: nowrap; text-indent: 100px; } #elementProperties .stats .name { width: 70%; } #catalogElement .mainTool { padding: 24px 36px 0; } #smallElementTools .secondTool .row { margin-right: 24px; } } @media screen and (max-width: 790px) { #catalogElement .product { width: 50%; } #catalogElement .product:nth-child(3n + 3) { border-right-width: 1px; } #catalogElement .product:nth-child(2n + 2) { border-right-width: 0; } #elementContainer .mainContainer .col { display: block; box-sizing: border-box; width: 100%; padding: 24px 24px 0; } #elementContainer .brandImageWrap { padding-top: 24px; border-top: 1px solid #e7e8ea; } .changePropertiesNoGroup { display: none; } #elementContainer .new-list-items { margin: 0 -3px; } .new-list-items { margin: 0 -3px; } .new-list-items .list-item-wrap { width: 100%; padding: 3px; } #elementContainer .new-list-items .list-item { padding: 24px; } #elementContainer .new-list-items .image { width: 72px; text-align: center; } #elementContainer .new-list-items .image-container img { display: inline-block; vertical-align: middle; } #catalogElement .new-list-items .list-item-wrap { margin-bottom: 12px; } #catalogElement .new-list-items .list-item-wrap:last-child { margin-bottom: 0; } #smallElementTools .mobilePriceContainer { width: 40%; } #smallElementTools .mobileButtonsContainer { width: 60%; } #catalogElement .mainTool { padding: 24px 24px 0; } } @media all and (max-width: 750px) { #smallElementTools .smallElementToolsContainer .secondTool .share-items { display: block; margin-top: 24px; padding-top: 24px; border-top: 1px solid #e7e8ea; } #smallElementTools .secondTool .row { margin-right: 48px; } #catalogElement .ya-share-label { margin-right: 12px; } #catalogElement .ya-share-label, #catalogElement .ya-share2 { display: inline-block; margin-bottom: 0; vertical-align: middle; } #catalogElement .priceContainer { font-size: 21px; line-height: 24px; } #elementContainer #smallElementTools .purchaseBonus { font-size: 14px; } #elementTools .price .oldPriceLabel, #smallElementTools .price .oldPriceLabel { font-size: 14px; } #catalogElement .mainTool .addCart, #smallElementTools .columnRow .quickBuy, #catalogElement .mainTool .qtyBlockContainer { height: 55px; line-height: 55px; } #smallElementTools .secondTool .available-block { margin-right: 0; } } @media all and (max-width: 700px) { #elementContainer .mainContainer .markerContainer { top: 12px; left: 24px; } #elementContainer .wishCompWrap { top: 12px; right: 24px; } #stores th, #stores td { display: none; } #stores th.name, #stores td.name, #stores th.amount, #stores td.amount { display: table-cell; } #storesContainer #stores .storeTable { table-layout: auto; } #storesContainer #stores .wrap { padding: 0; } #storesContainer #stores .storeTable .name { width: 70%; padding: 12px 12px 12px 24px; line-height: 16px; } #storesContainer #stores th.amount { font-family: robotomedium; text-align: right; } #storesContainer #stores .storeTable .green { padding: 12px 24px 12px 0; text-align: right; } #storeMap { display: none !important; } #video .item { float: unset; width: 100% !important; } #reviews .reviewTable .reviewColumn:first-child { width: 100%; } #reviews .rating { margin-left: 0; } #tableContainer .column:nth-child(2), #video .item:last-child { padding-bottom: 0; } #elementContainer .mainContainer .secondCol { margin-top: 18px; padding: 18px 24px 0; border-top: 1px solid #e7e8ea; } #elementContainer .brandImageWrap { display: none; } .reviewsBtnWrap { border-bottom: none; } .reviewsBtnWrap .row img { display: none; } .reviewsBtnWrap .row { margin: 0 18px 6px 0; } .productDetailText { margin: 6px 0 12px; } .new-list-items-wrap { padding: 0 12px; } } @media all and (max-width: 680px) { .secondTool .addCompare, .secondTool .quickBuy { display: none; } #files .item { width: 100%; } #smallElementTools .mobilePriceContainer, #smallElementTools .mobileButtonsContainer { display: block; width: 100%; } #smallElementTools .mobileButtonsContainer { margin-top: 24px; } #catalogElement .mainTool { padding: 24px 24px 0; } #elementContainer #smallElementTools .purchaseBonus { margin-top: 12px; } .smallSpecialTime .specialTimeItem { width: 60px; } } @media all and (max-width: 620px) { #elementSmallNavigation { display: none; } #elementContainer .new-list-items-wrap { margin-top: 0; border: 0; } #catalogElement #set { padding: 0 24px 24px; } #catalogElement #set .setTools { margin: 24px 0 0; } #catalogElement #set .setList { border-top: 0; } #catalogElement #set .setElement:nth-child(n) { border: 0; } #catalogReviews, #related, #similar, #stores, #files, #video { padding: 0 24px; } .sale-products-gift { padding: 0 24px; } .changePropertiesGroup { margin-bottom: 24px; } #catalogElement h2:not(.noTabs).heading.active, #elementContainer #detailText h2:not(.noTabs).heading.active, #elementContainer #detailTags h2:not(.noTabs).heading.active { margin-bottom: 24px; } #catalogElement #catalogReviews .ratingContainer { display: none; } #catalogElement h2.heading.active::after { background-image: url("/bitrix/components/dresscode/catalog.item/templates/detail/css/../images/mobile-tab-hide.png"); } #catalogElement .storeTable tr:last-child td { border-bottom: 1px solid #e7e8ea; } #storesContainer #stores .storeTable .name { font-size: 14px; } #catalogElement #newReview { margin-top: 24px; } #catalogElement #newReview .heading { padding: 18px 24px; font-size: 14px; font-family: robotomedium; line-height: 16px; text-transform: uppercase; } #reviews .reviewTable .reviewColumn { padding: 0; } #catalogElement #reviews .reviewItem:last-child { margin-bottom: 0; } #catalogElement #reviews .reviewItem:first-child { padding: 0; border: 0; } #catalogElement #elementProperties h2.heading.active { margin-bottom: 12px; } #catalogElement #files .item:last-child { margin-bottom: 0; } #catalogElement #files .item { height: auto; } #catalogElement #video .wrap { padding: 0; } #video .items.sz1 iframe { height: 350px; } #catalogElement .secondTool { padding: 0; border: 0; } #smallElementTools .secondTool .row:first-child { border: 0; } #smallElementTools .secondTool .row { position: relative; display: block; width: 100%; margin-right: 0; padding: 12px 0; text-align: left; border-top: 1px solid #e7e8ea; } #catalogElement #smallElementTools .secondTool .share-items { margin-top: 0; margin-bottom: 0; padding-bottom: 0; border-top: 1px solid #e7e8ea; } #catalogElement .ya-share-label { display: none; } #catalogElement .secondTool { margin-top: 0; padding: 0 48px 24px; } #smallElementTools .secondTool .cheaper-container::after, #smallElementTools .secondTool .delivery-button-container::after { position: absolute; top: 0; right: 12px; bottom: 0; display: block; width: 25px; height: 25px; margin: auto; background-color: #f2f2f2; background-image: url("/bitrix/components/dresscode/catalog.item/templates/detail/css/../images/mobile-tab-show.png"); background-repeat: no-repeat; background-position: 50% 50%; border-radius: 25px; content: ""; pointer-events: none; } #smallElementTools .getStoresWindow.inStock span { border-bottom: 0 !important; } #smallElementTools .label { width: 100%; } #catalogElement .productList { border-left: 1px solid #e7e8ea; } #catalogElement .product:nth-child(2n + 2) { border-right-width: 1px; } } @media all and (max-width: 600px) { #complect .complectListItem:nth-child(n) { width: 100%; border-right-width: 0; } .complectListItemCelImage { width: 40%; min-width: 110px; max-width: 160px; } #elementProperties .stats { font-size: 13px; } #elementProperties .stats .question { display: none; } } @media all and (max-width: 550px) { #elementContainer #moreImagesCarousel { margin-top: 12px; padding: 0; } #elementContainer #moreImagesCarousel .carouselWrapper { width: 90%; } #elementContainer #moreImagesCarousel #moreImagesLeftButton { left: 0; margin-top: -12px; } #elementContainer #moreImagesCarousel #moreImagesRightButton { right: 0; margin-top: -12px; } #elementContainer #moreImagesCarousel .slideBox .item { box-sizing: border-box; padding: 0 6px; } #elementContainer #moreImagesCarousel .slideBox .item { height: 30px; } #elementContainer #moreImagesCarousel .slideBox .item a { height: 30px; line-height: 30px; } #elementContainer #moreImagesCarousel .slideBox { height: 36px; } #elementContainer #moreImagesCarousel .slideBox .item.selected::after { bottom: -6px; } #elementProperties .stats .right { width: 0 !important; } #elementProperties .stats .analog { display: none; } #elementProperties .stats .name { width: 60%; } #catalogElement #newReview input { width: 100%; } #catalogElement #newReview .submit { width: 100%; margin: 0; } #catalogReviews .heading .ratingContainer { display: none; } #elementContainer .mainContainer .secondCol { padding: 24px 12px 0; } #similar { padding: 0; } } @media all and (max-width: 480px) { #catalogElement .secondTool { padding: 0 24px 24px; } #catalogElement .mainTool { padding: 24px 24px 0; } #complect .complectListItem { width: 100%; } #elementProperties .stats .name { width: 100%; } #elementProperties .stats td:nth-child(2) { width: 90px; padding-right: 6px; font-family: robotomedium; text-align: right; } #storesContainer #stores .storeTable .name { width: 66%; } #storesContainer #stores .storeTable .icon { display: none; } #catalogElement .mainTool .minus { right: 48px; } #catalogElement .mainTool .plus { right: 12px; } #catalogElement .mainTool .qtyBlockContainer { padding-left: 6px; } } @media screen and (max-width: 400px) { .new-list-items .price { font-size: 16px; } .new-list-items .name { max-height: 36px; } #catalogElement .secondTool { padding: 0 12px 24px; } #catalogElement .mainTool { padding: 24px 12px 0; } #catalogElement .mainTool .qtyBlock .qty { width: 35px; } } @media screen and (max-width: 350px) { #catalogElement .mainTool .qtyBlockContainer { padding-left: 4px; } .smallSpecialTime .specialTimeItem { width: 54px; } #catalogElement .mainTool .qtyBlock .qty { width: 20px; padding-left: 2px; } } /* End */ /* Start:/bitrix/components/dresscode/catalog.item/templates/detail/css/set.css?177908498510259*/ #set { box-sizing: border-box; padding-bottom: 24px; /* margin-top: 24px; */ } #set .heading { display: block; margin-top: 30px; padding: 36px 24px; font-weight: 800; font-size: 20px; font-family: robotobold; letter-spacing: 1px; text-transform: uppercase; border-top: 1px solid #e7e8ea; } #set .setList .heading2 { display: block; margin-bottom: 12px; font-size: 14px; } #set .setList { overflow: hidden; } #set .setTools { box-sizing: border-box; height: 60px; margin: 12px 24px 0; padding: 0 0 0 24px; overflow: hidden; line-height: 60px; list-style: none; background-color: #ffffff; border: 1px solid #e6e6e6; } #set .setTools li { float: left; } #set .setTools .rt { float: right; } #set .setTools .heading2 { margin-right: 24px; font-size: 14px; } #set .setTools .price { position: relative; display: block; color: #000000; font-size: 18px; font-family: robotobold; text-decoration: none; } #set .setTools .price #setDisnt { display: inline-block; padding-left: 12px; color: #888888; font-size: 14px; font-family: "roboto_ltregular"; } #setDisnt.hidden, #setWDisnt.hidden { visibility: hidden; } #set .setTools .addCart { display: inline-block; width: 250px; height: 60px; color: #ffffff; font-size: 16px; line-height: 60px; text-align: center; text-decoration: none; vertical-align: top; transition: all 0.2s ease-in-out; } #set .setTools .icon { display: inline-block; vertical-align: middle; } #set .setTools .addCart .icon { margin-top: -6px; padding-right: 12px; } #set .setTools .addSet { display: inline-block; width: 250px; height: 60px; color: #000000; font-size: 14px; font-family: "roboto_condensedlight"; line-height: 60px; text-align: center; text-decoration: none; vertical-align: top; background: #f8f8f8; border-left: 1px solid #e6e6e6; transition: all 0.2s ease-in-out; } #set .setTools .addSet:hover { background: #f6f6f6; } #set .disabled .wrap { transform: scale(0.9); opacity: 0.5; } #set .setElement { /* border-left: 1px solid #e7e8ea; */ position: relative; float: left; box-sizing: border-box; width: 25%; padding: 0 24px; transition: all 0.2s; } #set .setElement .wrap { transition: all 0.3s ease-in-out; } #set .setElement:first-child { border: 0; } #set .setElement::after { position: absolute; top: 50%; right: -8px; display: block; color: #888888; font-size: 48px; font-family: "roboto_thregular"; transform: translateY(-50%); content: "+"; } #set .setElement:last-child::after { /* right: 4px; content: "="; */ display: none; } #set .setElement .picture { display: block; height: 250px; margin-top: 12px; line-height: 250px; text-align: center; transition: all 0.2s ease-in-out; /* opacity: 0.8; */ } #set .setElement:hover .picture, #set .setElement.general .picture { opacity: 1; } #set .setElement.disabled .picture { opacity: 0.8; } #set .setElement .picture img { max-width: 90%; max-height: 90%; vertical-align: middle; } #set .setElement .name { display: block; height: 44px; margin-top: 12px; margin-bottom: 12px; overflow: hidden; color: #000000; font-size: 14px; line-height: 44px; text-decoration: none; transition: 0.2s all ease-in-out; } #setWindowTable .setElement .name { font-size: 13px; } #set .setElement .middle { display: inline-block; line-height: 21px; vertical-align: middle; } #set .setElement .price { position: relative; display: block; margin-bottom: 12px; color: #000000; font-size: 16px; font-family: robotobold; text-decoration: none; } #set .setElement .price .discount { display: inline-block; padding-left: 8px; color: #888888; font-size: 14px; font-family: "roboto_ltregular"; } #set .sCheck, #set .sWindowCheck { position: absolute; top: 12px; right: 0; z-index: 2; display: block; width: 30px; height: 30px; background: url("/bitrix/components/dresscode/catalog.item/templates/detail/css/../images/sCheck.png") 0 0 no-repeat transparent; cursor: pointer; } #set .sCheck { right: 24px; } #set .sCheck:hover, #set .sWindowCheck:hover { background-position: -30px 0; } #set .sCheck:active, #set .sWindowCheck:active { background-position: -60px 0; } #set .sCheck.disabled, #set .sWindowCheck.disabled { background-position: -90px 0; } #set .sCheck.disabled:hover, #set .sWindowCheck.disabled:hover { background-position: -120px 0; } #set .sCheck.disabled:active, #set .sWindowCheck.disabled:active { background-position: -150px 0; } #setWindow { position: fixed; top: 0; left: 0; z-index: 999; display: none; width: 100%; height: 100%; background-color: rgb(0 0 0 / 50%); } #setWindow .container { position: relative; top: 50%; left: 50%; width: 900px; max-height: 440px; overflow: hidden; background-color: #ffffff; transform: translateX(-50%) translateY(-50%); } #setWindow .container .wp { overflow: hidden; } #setWindow #setWindowTable { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; } #setWindow #setWindowTable td { padding: 0; } #setWindow .heading3 { position: relative; height: 60px; color: #ffffff; font-size: 18px; line-height: 60px; text-align: center; background-color: #424242; } #setWindow .container .wElement { width: 240px; } #setWindow .setElement .picture { height: 140px; line-height: 140px; } #setWindow #wProduct { width: 100%; border-right: 1px solid #e7e8ea; } #setWindow #wProduct .picture { opacity: 1; } #setWindow .fr { display: inline-block; padding-top: 12px; font-size: 13px; } #setWindow .setElement:last-child::after { display: none; } #setWindow .close { position: absolute; top: 20px; right: 20px; display: block; width: 21px; height: 21px; background: url("/bitrix/components/dresscode/catalog.item/templates/detail/css/../images/exit.png") 0 0 no-repeat transparent; } #setWindow .close:hover { background-position: 0 -21px; } #setWindow .close:active { background-position: 0 -42px; } #setWindowPrice { position: relative; height: 60px; overflow: hidden; color: #ffffff; font-size: 18px; line-height: 60px; text-align: center; background-color: #424242; } #setWindowPrice ul { margin: 0; padding: 0; list-style: none; } #setWindowPrice li { float: left; } #setWindowPrice li:last-child { float: right; color: #ffffff; text-align: right; } #setWindowPrice li .heading4 { margin-right: 12px; padding-left: 12px; font-size: 14px; } #setWindowPrice .discount { display: inline-block; margin-left: 12px; padding-left: 8px; color: #888888; font-size: 14px; font-family: "roboto_ltregular"; } #setWindowPrice .addCart { display: inline-block; min-width: 152px; height: 60px; padding: 0 24px; color: #ffffff; font-size: 16px; font-family: "roboto_condensedlight"; line-height: 60px; text-align: center; text-decoration: none; vertical-align: top; transition: all 0.2s ease-in-out; } #setWindowPrice .icon { display: inline-block; vertical-align: middle; } #setWindowPrice .addCart .icon { margin-top: -6px; padding-right: 12px; } #setWindowPrice .closeWindow { float: left; padding: 0 24px; color: #ffffff; font-size: 14px; text-decoration: none; border-left: 1px solid #4c4c4c; transition: all 0.2s ease-in-out; } #setWindowPrice .closeWindow:hover { background-color: #262626; } #setWindowPrice .closeWindow img { margin-right: 12px; vertical-align: middle; } #setWindow .container .slideBox, #setCarousel { position: relative; border: 0; } #setWindow .setBtnLeft, #setWindow .setBtnRight { position: absolute; top: 50%; z-index: 22; width: 35px; height: 70px; background: url("/bitrix/components/dresscode/catalog.item/templates/detail/css/../images/slideArrowSmall.png") 0 0 no-repeat transparent; transform: translateY(-50%); } #setWindow .setBtnLeft { left: 0; } #setWindow .setBtnRight { right: 0; } #setWindow .setBtnLeft:hover { background-position: -35px 0; } #setWindow .setBtnLeft:active { background-position: -70px 0; } #setWindow .setBtnRight { background-position: 0 -70px; } #setWindow .setBtnRight:hover { background-position: -35px -70px; } #setWindow .setBtnRight:active { background-position: -70px -70px; } @media all and (max-width: 1366px) { #set .setElement .picture { height: 200px; line-height: 200px; } } @media all and (max-width: 900px) { #set .setTools .addSet { display: none; } } @media all and (max-width: 800px) { #set .setList { border-top: 1px solid #e7e8ea; } #set .setElement { height: 140px; padding: 12px; overflow: hidden; } #set .setElement:nth-child(n) { width: 50%; border-right: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; } #set .setElement:nth-child(2n) { border-right-width: 0; } #set .setElement::after { display: none; } .setListTable { display: table; width: 100%; table-layout: fixed; } .setListColImage { display: table-cell; width: 110px; padding-right: 12px; vertical-align: middle; } .setListColText { display: table-cell; padding-right: 24px; vertical-align: middle; } #set .setElement .picture { height: 120px; margin: 0; line-height: 120px; } #set .sCheck { top: 6px; right: 6px; } #set .setElement .name { height: 36px; margin-top: 0; margin-bottom: 2px; line-height: 36px; } #set .setElement .middle { line-height: 18px; } #set .setElement .price { margin-bottom: 0; font-size: 14px; } #set .setElement .price .discount { display: block; padding: 0; font-size: 13px; line-height: 16px; } #set .setTools .heading2 { display: none; } #set .setTools .addCart { width: 200px; } } @media all and (max-width: 600px) { #set .setElement:nth-child(n) { width: 100%; border-right-width: 0; } .setListColImage { width: 40%; min-width: 110px; max-width: 160px; } } @media all and (max-width: 550px) { #set .setTools { height: auto; margin: 0; padding: 0 24px; overflow: hidden; border: 0; } #set .setTools li { float: unset; } #set .setTools .rt { display: block; float: unset; clear: both; text-align: left; } #set .setTools .addCart { clear: both; } #set .setTools li { margin-top: 24px; line-height: 21px; } #set .setTools li:last-child { /* display: none; */ } #set .setTools .heading2 { display: block !important; font-size: 16px; } } @media all and (max-width: 400px) { .setListColImage { width: 50%; } } /* End */ /* Start:/local/templates/sanamcarpet/components/bitrix/sale.products.gift/.default/style.min.css?177865064358*/ .detail-gift-container .items.productList{margin-bottom:0} /* End */ /* Start:/local/templates/sanamcarpet/components/bitrix/form.result.new/modal/style.min.css?17786506437730*/ .webformModal{position:fixed;top:0;left:0;z-index:1000;display:none;width:100%;height:100%;overflow:hidden;color:#000;background:rgb(0 0 0 / 40%);transition:.1s all ease-in-out}.webformModalHideScrollBar{position:relative;width:120%;height:100%;overflow:auto}.webformModalcn100{position:relative;width:100%;width:100vw;height:100%}.webformModal.visible{display:block}.webformModalContainer{position:absolute;top:24px;left:50%;box-sizing:border-box;width:100%;min-width:320px;max-width:500px;margin-bottom:24px;background-color:#fff;box-shadow:1px 1px 12px rgb(60 60 60 / 30%);transform:translateX(-50%) translateY(0);animation-name:zoomIn;animation-duration:.2s;animation-fill-mode:none}.small .webformModalContainer{top:50%;margin-bottom:0;padding:24px;border-radius:8px;transform:translateX(-50%) translateY(-50%)}.webFormDw form{box-sizing:border-box;transition:all .2s ease-in-out}.webFormDw form.loading{opacity:.8;pointer-events:none}.webFormModalHeading{position:relative;color:#000;font-size:18px;font-family:robotomedium;line-height:60px;text-align:center;background-color:#f9f9f9;border-radius:8px}.webformModal .webFormModalHeadingExit{position:absolute;top:20px;right:20px;display:block;width:21px;height:21px}.webformModal .webFormModalHeadingExit{background:url(/local/templates/sanamcarpet/components/bitrix/form.result.new/modal/images/exit.svg) 0 0 no-repeat transparent}.webformModal .webFormModalHeadingExit:hover{background-position:0 -21px}.webformModal .webFormModalHeadingExit:active{background-position:0 -42px}.webFormDescription{max-width:800px;margin:24px 0 0}.webformModal .webFormDescription{padding:0 24px}.webformModal .webFormError,.webformModal .webFormItems,.webformModal .webFormTools{padding:0 24px}.webFormItem{margin-top:24px}.webFormItemCaption{margin-bottom:12px;font-family:robotoMedium;line-height:21px}.webFormItemImage{display:inline-block;padding-right:6px;vertical-align:middle}.webFormItemLabel{display:inline-block;color:#555;vertical-align:middle}.webFormItemRequired{display:inline-block;padding-left:4px;color:red}.webFormItemFieldVariant{display:inline-block;margin-left:12px}.webFormItemFieldVariant:first-child{margin-left:0}.webFormItemField input[type=password],.webFormItemField input[type=text],.webFormItemField select{box-sizing:border-box;width:100%;max-width:100%;height:55px;padding-left:12px;color:#555;font-size:14px;font-family:roboto_ltregular;line-height:55px;border:1px solid #e7e7e7;outline:0;transition:all .2s ease-in-out}.webFormItemField textarea{box-sizing:border-box;width:100%;max-width:100%;height:150px;padding-top:12px;padding-left:12px;color:#555;font-size:14px;font-family:roboto_ltregular;line-height:21px;border:1px solid #e7e7e7;outline:0;transition:all .2s ease-in-out}.webFormItemField input[id*=form_date_]{margin-bottom:6px}.webFormItemField input[type=password]:focus,.webFormItemField input[type=text]:focus,.webFormItemField textarea:focus{border:1px solid #aaa}.webFormItemField input[type=checkbox]+label,.webFormItemField input[type=radio]+label{cursor:pointer}.webFormItemField input[type=checkbox]:not(checked),.webFormItemField input[type=radio]:not(checked){position:absolute;opacity:0}.webFormItemField input[type=checkbox]:not(checked)+label,.webFormItemField input[type=radio]:not(checked)+label{position:relative;padding-left:28px}.webFormItemField input[type=checkbox].error+label::before{border:1px solid red!important}.webFormItemField input[type=checkbox]+label::before{background:url(/local/templates/sanamcarpet/components/bitrix/form.result.new/modal/images/checkBox.png) 0 0 no-repeat transparent}.webFormItemField input[type=radio]+label::before{background:url(/local/templates/sanamcarpet/components/bitrix/form.result.new/modal/images/radio.png) 0 0 no-repeat transparent}.webFormItemField input[type=checkbox]:not(checked)+label::before,.webFormItemField input[type=radio]:not(checked)+label::before{position:absolute;top:0;left:0;width:17px;height:17px;content:" "}.webFormItemField input[type=checkbox]:not(checked)+label:hover::before,.webFormItemField input[type=radio]:not(checked)+label:hover::before{background-position:0 -17px}.webFormItemField input[type=checkbox]:checked+label::before,.webFormItemField input[type=radio]:checked+label::before{background-position:0 -34px}.webFormItemField input[type=checkbox]:checked+label:hover::before,.webFormItemField input[type=radio]:checked+label:hover::before{background-position:0 -51px}.webFormItemField input[type=checkbox]:disabled+label,.webFormItemField input[type=radio]:disabled+label{cursor:default}.webFormItemField input[type=checkbox]:disabled+label::before,.webFormItemField input[type=radio]:disabled+label::before{background-position:0 -68px!important}.webFormItemField img.calendar-icon{margin:0!important;vertical-align:middle!important;border:0!important}.webFormItemField [multiple]{height:120px;padding:12px;line-height:120px}.webFormCaptchaPicture{margin-top:12px}.webFormCaptchaPicture img{max-width:100%;vertical-align:middle}.webFormCaptchaLabel{margin-top:12px;margin-bottom:12px}.webFormItemField input.captcha_word{max-width:300px}.webFormTools{box-sizing:border-box;margin-top:24px}.webFormTools input[type=reset],.webFormTools input[type=submit]{box-sizing:border-box;width:100%;height:55px;padding:0;color:#fff;font-size:14px;font-family:roboto_ltregular;line-height:55px;text-align:center;border:1px solid #fff;border-radius:6px;outline:0;cursor:pointer;transition:background-color .2s ease-in-out}.webFormTools .tc:first-child{padding-right:12px}.webFormTools .tc:last-child{padding-left:12px}.webFormTools input[type=submit]:active{position:relative;top:1px}.webFormTools input[type=submit].loading{color:#ddd;background-color:#000!important;background-image:url(/local/templates/sanamcarpet/components/bitrix/form.result.new/modal/images/loading.gif);background-repeat:no-repeat;background-position:50% 50%;border:1px solid #000;opacity:.1;pointer-events:none}.webFormTools input[type=reset]{color:#000;background-color:#fff;border:1px solid #aaa;transition:all .2s ease-in-out}.webFormTools input[type=reset]:hover{border:1px solid #ccc}.webFormTools input[type=reset]:active{position:relative;top:1px}.webFormError,.webFormItemError{display:none;margin-bottom:12px;color:red;font-size:12px;font-family:robotoMedium}.webFormError{margin-top:24px;margin-bottom:0}.webFormError.visible,.webFormItemError.visible{display:block}.webFormItemField .error{border:1px solid red!important}.webFormMessage{position:fixed;top:0;left:0;z-index:1000;display:none;width:100%;height:100%;overflow:auto;color:#000;line-height:250px;background:rgb(0 0 0 / 40%);transition:.1s all ease-in-out}.webFormMessageContainer{position:absolute;top:50%;left:50%;box-sizing:border-box;width:450px;height:250px;margin-top:-125px;margin-left:-225px;padding:0 24px;text-align:center;background-color:#fff;border-radius:2px;box-shadow:1px 1px 12px rgb(0 0 0 / 40%)}.webFormMessageMiddle{display:inline-block;line-height:21px;vertical-align:middle}.webFormMessageHeading{margin-bottom:24px;font-weight:500;font-size:18px;text-align:center}.webFormMessageDescription{text-align:center}.webFormMessageExit{display:inline-block;height:40px;margin-top:24px;padding:0 24px;color:#fff;line-height:40px;text-align:center;text-decoration:none;background-color:#000;border-radius:2px;transition:all .2s ease-in-out}.webFormMessageExit:hover{opacity:.8}.webFormMessageExit:active{position:relative;top:1px}@media all and (max-width:650px){.webFormItemField input[id*=form_date_]{margin-bottom:12px}.webFormItemField img.calendar-icon{margin-left:0!important}.webFormTools input[type=reset]{margin-bottom:0}}@media all and (max-width:500px){.webFormMessageContainer{width:400px;margin-left:-200px}}@media all and (max-width:420px){.webFormMessageContainer{width:300px;margin-left:-150px}}@media all and (max-width:400px){.webFormTools input[type=reset],.webFormTools input[type=submit]{display:block;width:100%;max-width:300px;margin-bottom:24px}} /* End */ /* Start:/local/templates/sanamcarpet/js/libs/swiper/swiper-bundle.min.css?177865064318456*/ /** * Swiper 11.2.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 19, 2025 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* /local/templates/sanamcarpet/components/ma/breadcrumb/crumbs/style.css?17791671071459 */ /* /bitrix/components/dresscode/catalog.item/templates/detail/style.css?177987378980580 */ /* /bitrix/components/dresscode/catalog.item/templates/detail/css/review.css?17790849858077 */ /* /bitrix/components/dresscode/catalog.item/templates/detail/css/media.css?177908498521049 */ /* /bitrix/components/dresscode/catalog.item/templates/detail/css/set.css?177908498510259 */ /* /local/templates/sanamcarpet/components/bitrix/sale.products.gift/.default/style.min.css?177865064358 */ /* /local/templates/sanamcarpet/components/bitrix/form.result.new/modal/style.min.css?17786506437730 */ /* /local/templates/sanamcarpet/js/libs/swiper/swiper-bundle.min.css?177865064318456 */