/* Start:/local/templates/.default/components/dresscode/catalog/.default/style.css?17868115792339*/ .steelCatalogHeader { display: flex; align-items: center; justify-content: space-between; gap: 32px; box-sizing: border-box; margin: 0 0 24px; } .steelCatalogHeader__title { display: flex; align-items: baseline; flex: 0 0 auto; gap: 16px; min-width: 0; } .steelCatalogHeader__title h1 { margin: 0; } .steelCatalogHeader__count { color: #83909c; font-size: 13px; font-weight: 400; line-height: 1.2; white-space: nowrap; } .steelCatalogNav { display: flex; align-items: stretch; justify-content: flex-end; min-width: 0; } .steelCatalogNav__link { display: flex; align-items: center; gap: 12px; box-sizing: border-box; min-width: 0; min-height: 42px; padding: 0 0 0 28px; color: #22262b; font-size: 14px; font-weight: 400; line-height: 1.35; text-decoration: none; transition: color 0.2s ease; } .steelCatalogNav__link + .steelCatalogNav__link { margin-left: 28px; border-left: 1px solid #d8dde1; } .steelCatalogNav__link:hover, .steelCatalogNav__link:focus { color: #f6a000; text-decoration: none; } .steelCatalogNav__link:focus-visible { outline: 2px solid #f6a000; outline-offset: 4px; } .steelCatalogNav__meta { color: #5f6b76; white-space: nowrap; } .steelCatalogNav__arrow { display: block; flex: 0 0 18px; width: 18px; height: 18px; transition: transform 0.2s ease; } .steelCatalogNav__link:hover .steelCatalogNav__arrow, .steelCatalogNav__link:focus .steelCatalogNav__arrow { transform: translateX(3px); } @media all and (max-width: 1200px) { .steelCatalogHeader { align-items: flex-start; flex-direction: column; gap: 14px; } .steelCatalogNav { justify-content: flex-start; width: 100%; } .steelCatalogNav__link:first-child { padding-left: 0; } } @media all and (max-width: 700px) { .steelCatalogHeader { gap: 12px; margin-bottom: 18px; } .steelCatalogHeader__title { gap: 10px; } .steelCatalogHeader__count { font-size: 12px; } .steelCatalogNav { align-items: stretch; flex-direction: column; } .steelCatalogNav__link, .steelCatalogNav__link:first-child { justify-content: space-between; min-height: 44px; padding: 0; font-size: 13px; } .steelCatalogNav__link + .steelCatalogNav__link { margin-left: 0; border-top: 1px solid #e7eaed; border-left: 0; } .steelCatalogNav__meta { white-space: normal; } } /* End */ /* Start:/bitrix/components/dresscode/catalog.item/templates/detail/style.min.css?176928182341167*/ #left{position:relative}#left .collapsed{position:absolute;z-index:99;width:100%}.changeName+br{display:none}.cheaper-product-name{visibility:hidden}.videoFrame{border:0}#catalogElement{position:relative;border-top:1px solid #e7e8ea}#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 .2s ease-in-out;content:"";pointer-events:none}#catalogElement .getStoresWindow{text-decoration:none}#elementSmallNavigation{display:none;box-sizing:border-box;height:50px;padding:0 24px;overflow:hidden;line-height:50px;background-color:#f9f9f9;border-bottom:1px solid #e7e8ea}#elementSmallNavigation .tab{float:left;margin-left:18px;padding-right:18px}#elementSmallNavigation .tab:first-child{margin-left:0;padding-left:18px;border-left:1px solid #e7e8ea}#elementSmallNavigation a{position:relative;display:block;color:#000;font-size:13px;text-align:center;text-transform:uppercase;text-decoration:none;transition:all .2s ease-in-out}#elementSmallNavigation a:hover{color:#888}#elementSmallNavigation a:active{position:relative;top:1px}#elementSmallNavigation a img{padding-right:12px;vertical-align:middle}#tableContainer{display:table;width:100%;table-layout:fixed;border-collapse:collapse}#tableContainer .column{display:table-cell}#tableContainer .column:nth-child(2){padding-bottom:24px;vertical-align:middle}#elementNavigation{position:relative;width:355px;padding-left:24px;text-align:right;background-color:#fcfcfc}#elementNavigation .tabs{position:sticky;top:0;right:0}#elementNavigation .tabs a{display:inline-block;padding:16px 24px;color:#000;font-size:13px;text-decoration:none;transition:all .2s ease-in-out}#elementNavigation .tabs .tab{padding:0;transition:all .2s ease-in-out}#elementNavigation .tabs .tab.disabled,#elementSmallNavigation .tabs .tab.disabled{display:none}#elementNavigation .tabs .tab.active a{background-color:#fff;transition:all .2s}#elementNavigation .tabs img{padding-left:24px;vertical-align:middle;opacity:.8;transition:all .2s}#elementNavigation .tabs a:hover{color:#888}#elementNavigation .tabs a:hover img{opacity:1}#smallElementTools{display:none;padding:0 24px}#smallElementTools .quickBuy{display:inline-block;width:220px;height:45px;margin-bottom:12px;font-family:roboto_ltregular;line-height:45px;text-align:center;background:#fff;border-radius:2px}.smallElementToolsContainer{margin-bottom:18px;padding:24px 24px 12px;border:1px solid #e7e8ea}#elementTools .priceContainer{display:inline-block}#smallElementTools .priceContainer{display:inline-block;vertical-align:middle}#elementContainer #smallElementTools .purchaseBonus{display:block;margin:12px 0 0;vertical-align:middle}#smallElementTools .columnRowWrap{font-size:0}#smallElementTools .columnRow{display:inline-block;box-sizing:border-box;width:50%;padding-right:6px;vertical-align:middle}#smallElementTools .columnRow:last-child{padding:0 0 0 6px}#smallElementTools .columnRow .quickBuy{box-sizing:border-box;height:60px;line-height:60px;border:1px solid #d8d8d8;border-radius:4px}#smallElementTools .columnRow .addCart{margin-top:0}#smallElementTools .columnRow .addCart{width:100%;margin-bottom:6px}#smallElementTools .columnRow .quickBuy{width:100%;margin-bottom:6px}#smallElementTools .secondTool .row{display:inline-block;margin-right:24px;vertical-align:middle}#smallElementTools .smallElementToolsContainer .secondTool .row:last-child{margin-right:0;margin-bottom:12px}#elementTools{position:relative;z-index:1;box-sizing:border-box;width:400px;padding:24px 24px 0;background-color:#fcfcfc}#elementTools.fixed .fixContainer{position:fixed;top:0;z-index:33;width:400px;margin-top:12px;background-color:#fcfcfc}#elementTools .fixContainer.maxScroll{position:absolute;top:unset;bottom:0;left:24px;padding-bottom:12px}#elementTools .picture{display:none}#elementTools .picture img{max-width:280px}#elementTools.fixed .fixContainer .picture{display:block}#elementTools .row,#smallElementTools .row{margin-bottom:12px}#elementTools .secondTool .row:last-child{margin-bottom:0}#elementTools .row img,#smallElementTools .row img{margin-top:-4px;padding-right:6px;vertical-align:middle}#elementTools .requestPrice{cursor:pointer}#elementTools .label,#smallElementTools .label{color:#717171;font-size:14px;text-decoration:none;transition:all .2s ease-in-out}#smallElementTools .label{display:inline-block;vertical-align:middle}#smallElementTools .qtyBlock img{margin-top:0}#elementTools .label:hover,#smallElementTools .label:hover{color:#000}#elementTools .label:active,#smallElementTools .label:active{position:relative;top:1px}#elementTools .article,#smallElementTools .article{margin-bottom:12px;color:#888;font-size:14px}#elementTools .price,#smallElementTools .price{position:relative;display:block;margin-bottom:12px;color:#000;font-size:21px;font-family:robotobold;text-decoration:none}#elementTools .price .discount,#smallElementTools .price .discount{color:#888}#elementTools .price .oldPriceLabel,#smallElementTools .price .oldPriceLabel{display:inline-block;margin-right:12px;margin-bottom:6px;color:#888;font-size:14px;font-family:roboto_condensedlight;text-decoration:none}#elementTools .purchaseBonus{display:block;margin-top:6px;color:#888;font-size:14px;font-family:roboto_condensedlight}#elementTools .priceBlock,#smallElementTools .priceBlock{display:block}#elementTools .purchaseBonus span{display:inline-block;padding-right:6px;font-family:roboto_cnregular;vertical-align:top}#smallElementTools .purchaseBonus{margin-top:6px;color:#888;font-size:14px;font-family:roboto_condensedlight}#smallElementTools .purchaseBonus span{display:inline-block;padding-right:6px;font-family:roboto_cnregular;vertical-align:top}#elementTools .priceValue,#smallElementTools .priceValue{display:inline-block;padding-bottom:8px;color:#000;border-bottom:1px dashed #bbb;transition:all .2s ease-in-out}#elementTools .priceValue:hover,#smallElementTools .priceValue:hover{color:#333}#elementTools .priceValue:active,#smallElementTools .priceValue:active{position:relative;top:1px}#elementTools .priceIcon,#smallElementTools .priceIcon{margin-right:12px}#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:#fff;font-size:16px;line-height:60px;text-align:center;text-decoration:none;vertical-align:middle;border-radius:6px;transition:all .2s ease-in-out}@media all and (min-width:1101px){#catalogElement .mainTool .addCart span,#catalogElement .mainTool .addCartContainer:hover .addCart.added span,#catalogElement .mainTool .addCartContainer:hover .addCart.disabled span,#catalogElement .mainTool .addCartContainer:hover .addCart.requestPrice span,#catalogElement .mainTool .addCartContainer:hover .addCart.subscribe span{position:absolute;top:50%;left:50%;display:inline-block;transform:translate(-50%,-50%);transition:all .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 .1s ease-in-out}#catalogElement .mainTool .addCartContainer:hover .qtyBlockContainer{transform:translateX(0);visibility:visible;opacity:1;transition:all .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 .4s ease-in-out}#catalogElement .mainTool .addCartContainer:hover .addCart.added .icon,#catalogElement .mainTool .addCartContainer:hover .addCart.disabled .icon,#catalogElement .mainTool .addCartContainer:hover .addCart.requestPrice .icon,#catalogElement .mainTool .addCartContainer:hover .addCart.subscribe .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:#fff;font-size:12px;text-align:center;vertical-align:middle;background-color:transparent;border:0}#catalogElement .mainTool .qtyBlockContainer .qty.error{color:red}#catalogElement .mainTool .qtyBlock .minus,#catalogElement .mainTool .qtyBlock .plus{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 .minus:hover,#catalogElement .mainTool .qtyBlock .plus: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 .minus.error,#catalogElement .mainTool .qtyBlock .plus.error{background-color:#bc1414}}#catalogElement .mainTool .addCart.added+.qtyBlock,#catalogElement .mainTool .addCart.disabled+.qtyBlock,#catalogElement .mainTool .addCart.requestPrice+.qtyBlock,#catalogElement .mainTool .addCart.subscribe+.qtyBlock{display:none}#elementTools .addCart .icon,#smallElementTools .addCart .icon{margin-top:-6px;padding-right:12px}#elementTools .quickBuy{display:inline-block;width:220px;height:50px;margin-top:18px;margin-bottom:12px;color:#000;font-size:14px;line-height:50px;text-align:center;background:#fff;border:1px solid #e7e8ea;border-radius:6px}#elementTools .addCart.added,#smallElementTools .addCart.added{background:#2b2b2b}#elementTools .addCart.added:hover,#smallElementTools .addCart.added:hover{background:#3b3b3b}#elementContainer .mainContainer .rating,#elementTools .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}#elementContainer .mainContainer .rating i,#elementTools .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}#elementContainer .mainContainer .rating i.m,#elementTools .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%;table-layout:fixed;border-collapse:collapse}#elementContainer .description{margin:12px 0;font-family:roboto_ltregular}#elementContainer .description .heading{margin-bottom:6px;font-size:16px}#elementContainer .changeShortDescription{font-size:13px;line-height:16px}#elementContainer .description .readMore{display:block;margin:4px 0;color:#888;transition:all .2s}#elementContainer .description .readMore:hover{color:#000}#elementContainer .mainContainer .col{position:relative;display:table-cell;width:50%;padding:24px 0;vertical-align:middle}#elementContainer .mainContainer .secondCol{position:static;padding-right:24px;vertical-align:top}#elementContainer .mainContainer .col.hide{display:none}#elementContainer .mainContainer .col:first-child{padding:24px 12px;text-align:center;vertical-align:middle}#elementContainer #pictureContainer .pictureSlider{table-layout:fixed}#elementContainer #pictureContainer .pictureSlider .item:first-child{display:block}#elementContainer #pictureContainer .pictureSlider .item{display:none;padding:0 24px}#elementContainer #pictureContainer .item a{display:block;text-align:center}#elementContainer #pictureContainer .item a img{max-width:90%;max-height:100%;vertical-align:middle}#elementContainer #moreImagesCarousel{position:relative;margin-top:24px;padding-top:24px;overflow:hidden;visibility:hidden;opacity:0;transition:all .3s ease-in-out}#elementContainer #moreImagesCarousel.show{visibility:visible;opacity:1}#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;opacity:.5}#elementContainer #moreImagesCarousel #moreImagesLeftButton:hover,#elementContainer #moreImagesCarousel #moreImagesRightButton:hover{opacity:.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:80%;margin:auto;overflow:hidden}#elementContainer #moreImagesCarousel .slideBox{position:relative;height:62px;margin:0;padding:0;overflow:hidden;list-style:none}#elementContainer #moreImagesCarousel .slideBox .item{position:relative;float:left;height:50px;line-height:50px;text-align:center;opacity:.5;transition:all .2s ease-in-out}#elementContainer #moreImagesCarousel .slideBox .item.selected{opacity:1}#elementContainer #moreImagesCarousel .slideBox .item.selected::after{position:absolute;bottom:-12px;left:50%;display:block;width:30%;border-bottom:2px solid #000;transform:translateX(-50%);content:""}#elementContainer #moreImagesCarousel .slideBox .item a{display:block;height:50px;line-height:50px}#elementContainer #moreImagesCarousel .slideBox .item img{max-width:100%;max-height:100%;vertical-align:middle}#elementContainer .mainContainer .markerContainer{position:absolute;top:24px;left:24px;z-index:3}#elementContainer .wishCompWrap{position:absolute;top:24px;right:30px;z-index:2}#elementContainer .wishCompWrap .elem{position:relative;display:block;width:34px;height:34px;margin-bottom:8px;font-size:0;line-height:34px;text-align:center;background:#fff;border:1px solid #f1f1f1;border-radius:4px;transition:all .2s ease-in-out}#elementContainer .wishCompWrap .elem::after,#elementContainer .wishCompWrap .elem::before{position:absolute;top:9px;left:9px;width:16px;height:16px;background:url(/bitrix/components/dresscode/catalog.item/templates/detail/images/wishCompImage.png) 0 0 no-repeat;transition:all .2s ease-in-out;content:""}#elementContainer .wishCompWrap .elem::after{opacity:0}#elementContainer .wishCompWrap .addWishlist::before{background-position:0 0}#elementContainer .wishCompWrap .addWishlist::after{background-position:-16px 0}#elementContainer .wishCompWrap .addCompare::before{background-position:0 -16px}#elementContainer .wishCompWrap .addCompare::after{background-position:-16px -16px}#elementContainer .wishCompWrap .elem:hover{background:#e7e8ea;border-color:#e7e8ea}#elementContainer .wishCompWrap .elem:active{top:1px}#elementContainer .wishCompWrap .elem.added::before{opacity:0}#elementContainer .wishCompWrap .elem.added::after{opacity:1}#elementContainer .wishCompWrap .elem img{display:none;display:inline-block;vertical-align:middle}#elementContainer .marker{z-index:2;margin-bottom:8px;padding:3px 4px;color:#fff;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 .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 .2s ease-in-out}#elementContainer .bindAction a:active{position:relative;top:1px}.newReviewTable{font-size:0}.newReviewTable .left{display:inline-block;box-sizing:border-box;width:50%;padding-right:24px;font-size:14px;vertical-align:top}.newReviewTable .right{display:inline-block;width:50%;font-size:14px;vertical-align:top}.reviewsBtnWrap{margin-top:6px;padding-bottom:6px;border-bottom:1px dotted #f3f3f3}.reviewsBtnWrap .row{display:inline-block;margin:0 36px 12px 0;font-size:13px;font-family:roboto_ltregular;vertical-align:top}.reviewsBtnWrap .row:last-child{margin-right:0}.reviewsBtnWrap .row img{margin-top:-4px;padding-right:6px;vertical-align:middle}.reviewsBtnWrap .label{color:#717171;line-height:21px;text-decoration:none;transition:all .2s ease-in-out}.reviewsBtnWrap .labelDotted{display:inline-block;color:#000;border-bottom:1px dashed #b9b9b9;transition:all .2s ease-in-out}.reviewsBtnWrap a.label:hover .labelDotted{border-color:#000}.reviewsBtnWrap a.label:hover{color:#000}.reviewsBtnWrap a.label:active{position:relative;top:1px}#elementContainer .brandImage img{max-width:200px;max-height:34px;vertical-align:middle;transition:all .2s ease-in-out}#elementContainer .brandImage:hover img{opacity:.7}#elementContainer .headingBox{display:table;width:100%;table-layout:fixed}#elementContainer .headingBox .heading{display:table-cell;padding-bottom:12px;font-size:16px;vertical-align:top}#elementContainer .headingBox .moreProperties{display:table-cell;width:40%;padding-right:24px;padding-left:12px;vertical-align:top}#elementContainer .headingBox .morePropertiesLink{color:#888;transition:all .2s}#elementContainer .headingBox .morePropertiesLink:hover{color:#000}#elementContainer .elementProperties .propertyTable{display:table;width:100%;table-layout:fixed}#elementContainer .elementProperties .propertyTable{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:#fff}#elementContainer .elementProperties .propertyTable .propertyValue{width:40%;padding-left:12px}#elementContainer .elementProperties .propertyTable .analog{color:#000;transition:all .2s}#elementContainer .elementProperties .propertyTable .analog:hover{color:#888}#elementContainer .elementProperties .propertyTable .propertyName::after{position:absolute;width:100%;height:13px;margin-left:12px;border-bottom:1px dotted #eee;content:""}#elementContainer .elementSkuPropertyValue{transition:all .2s ease-in-out}#elementContainer .elementSkuPropertyValue.loading{opacity:.5}#elementContainer .elementSkuVariantLabel{margin-top:12px;font-size:16px}#elementContainer .elementSkuPropertyName{color:#888;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:#000;font-size:14px;line-height:24px;text-align:center;text-decoration:none;background-color:#f5f5f5;border:1px solid transparent;border-radius:4px;transition:all .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:#fff;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:.8}#catalogElement .skuCheckedItem:active{position:relative;top:1px}#catalogElement .skuCheckboxList label::before,#catalogElement .skuDropdown 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:#fff;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:#fff;font-family:robotomedium;background-color:#f9f9f9;cursor:pointer;opacity:.8}#catalogElement .skuDropdownList .elementSkuPropertyValue:hover{color:#fff;background-color:#f9f9f9;cursor:pointer;opacity:.8}#catalogElement .skuDropdownList .skuPropertyItemLink{display:block;padding:12px 8px!important;color:#000;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}#elementContainer #detailTags,#elementContainer #detailText{clear:both;box-sizing:border-box;padding:0 24px 24px;overflow:hidden;font-size:14px}#elementContainer #detailTags{padding-bottom:0}#elementContainer #detailTags .heading,#elementContainer #detailText .heading{padding:36px 0;font-weight:800;font-size:20px;font-family:robotobold;letter-spacing:1px;text-transform:uppercase;border-top:1px solid #e7e8ea}#elementContainer #detailText img{max-width:100%}#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:#000;text-decoration:none;background-color:#f4f4f4;border-radius:4px;transition:all .2s ease-in-out}#elementContainer .detailTagsItems .detailTagsLink.selected{font-family:robotomedium}#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:#fff;border:1px solid #e7e8ea}#elementContainer .detailTagsItems .moreButton .detailTagsLink:hover{background-color:#fbfbfb}#elementContainer .detailTagsItems .detailTagsItem.showAll{display:inline-block!important}@media screen and (min-width:600px){#elementContainer .detailTagsItems .desktopHidden{display:none}}@media screen and (max-width:600px){#elementContainer #detailTags.mobileHidden,#elementContainer .detailTagsItems .mobileHidden{display:none}}#morePhotoSlider{box-sizing:border-box;margin:24px 48px 0;overflow:hidden}#morePhotoSlider .morePhotos{overflow:hidden;visibility:hidden;opacity:0;transition:opacity .6s ease-in-out}#morePhotoSlider .morePhotos .photoItem{position:relative;float:left;text-align:center;opacity:.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 #000;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,#similar{margin-top:24px}#related .heading,#similar .heading{padding:36px 24px;font-weight:800;font-size:20px;font-family:robotobold;letter-spacing:1px;text-transform:uppercase;border-top:1px solid #e7e8ea}#catalogElement .productList{border-left:0}#catalogElement .product{width:25%}#giftContainer{margin-top:24px;padding-bottom:24px}#giftContainer .heading{display:block;padding:36px 24px;font-weight:800;font-size:20px;font-family:robotobold;letter-spacing:1px;text-transform:uppercase;border-top:1px solid #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:robotobold;letter-spacing:1px;text-transform:uppercase;border-top:1px solid #efefef}.elementProperties a{color:#000;transition:all .2s ease-in-out}#elementProperties .stats{width:100%;padding:12px;table-layout:fixed;border-collapse:collapse}#elementProperties .stats a{color:#000;transition:all .2s ease-in-out}#elementProperties .stats a:active{position:relative;top:1px}#elementProperties .stats td{transition:all .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:#eee}#elementProperties .stats .cap,#elementProperties .stats .cap:hover td{background-color:#fff!important;border:0!important}#elementProperties .stats .cap td{padding:12px 0;color:#000;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 .2s ease-in-out}#elementProperties .stats .analog:hover{color:#000;border-bottom-color:#000}#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:robotobold;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:#000;font-size:14px;line-height:25px;transition:all .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:robotobold;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:#000;background-color:#fff;box-shadow:1px 1px 12px rgb(0 0 0 / 50%)}#elementErrorContainer span.heading{display:block;height:50px;margin:0;padding:0;color:#fff;font-size:16px;line-height:50px;text-align:center;background-color:#424242}#elementErrorContainer p{padding:12px;color:#000;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:#ccc;line-height:35px;text-align:center;text-decoration:none;background:#424242;transition:all .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:#fff;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}#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:robotomedium;text-transform:uppercase;border-top:1px solid #e7e8ea}#skuOffersTable .offersTable{width:100%}#skuOffersTable .tb{width:100%;transition:all .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 td,#skuOffersTable .offersTable th{text-align:center}#skuOffersTable .offersTable th{padding:12px 0;color:#000;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 td:first-child,#skuOffersTable .offersTable th:first-child{border-left:1px solid #f3f3f3}#skuOffersTable .offersTable td:last-child,#skuOffersTable .offersTable th: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:robotomedium}#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 #000;transition:all .2s ease-in-out}#skuOffersTable .offersTable .price:hover .lnk{border-color:#888}#skuOffersTable .offersTable .property{font-size:14px}#skuOffersTable .offersTable .discount{position:absolute;top:-16px;right:-12px;display:block;color:#888;font-size:13px;font-family:roboto_ltregular}#skuOffersTable .offersTable .basket .addCart{display:inline-block;height:30px;padding:0 12px;color:#fff;line-height:30px;text-align:center;text-decoration:none;border-radius:4px;transition:all .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:#888}#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:robotobold;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 .5s ease-in-out}#complect .complectListItemPicture:hover img{opacity:.8}#complect .complectListItemPicLink{display:block;height:240px;line-height:240px;text-align:center;transition:all .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:.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:robotobold;text-decoration:none}#complect .complectListItemPrice .measure{font-size:16px}#complect .complectListItemPrice .discount{padding-left:4px;font-size:14px;font-family:roboto_ltregular}#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:robotobold}#complect .complectResult .discount{margin-left:12px;color:#888;font-size:14px;font-family:roboto_ltregular}#complect .complectResultEconomy{float:right;padding-left:24px;border-left:1px solid #e8e8e8}#complect .complectResultEconomyValue{margin-left:12px;font-size:16px;font-family:robotobold}#complect .complectListItem::after{position:absolute;top:50%;right:-12px;display:block;color:#888;font-size:48px;font-family:roboto_thregular;transform:translateY(-50%);content:"+"}#complect .complectListItem:last-child::after,#complect .complectListItem:nth-child(4n)::after{display:none}#zoomer{transform:scale(.7);visibility:hidden;opacity:0;transition:all .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:.5}#zoomer #zoomerExitLink:hover{opacity:.8}#zoomer #zoomerExitLink:active{top:25px;height:48px;opacity:1}#zoomerMoreImagesContainerWrapper .item{transition:all .2s ease-in-out}#zoomerMoreImagesContainerWrapper .item:hover{opacity:.9!important}#zoomerMoreImagesContainerWrapper .selected{opacity:1!important}#zoomerBigNextMore,#zoomerBigPrevMore{background:url(/bitrix/components/dresscode/catalog.item/templates/detail/images/carouselArrowsBig.png) 0 0 no-repeat transparent;opacity:.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:.5}#zoomerNextMore{background-position:-80px 0}#zoomerBigNextMore:hover,#zoomerBigPrevMore:hover,#zoomerNextMore:hover,#zoomerPrevMore:hover{opacity:.8}#zoomerBigNextMore:active,#zoomerBigPrevMore:active,#zoomerNextMore:active,#zoomerPrevMore: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}#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}.smallSpecialTime{padding-bottom:12px;color:#fff;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:robotomedium}.smallSpecialTime .specialTimeItemlabel{font-size:12px;font-family:roboto_ltregular}.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:#000;font-weight:400;font-size:20px;font-family:robotomedium;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:#000;font-weight:400;font-size:20px;font-family:robotomedium;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 .2s ease-in-out}.new-list-items .image-container:hover{opacity:.9}.new-list-items .image-container:active{position:relative;top:1px}.new-list-items .text{color:#000}.new-list-items .name{display:block;max-height:18px;margin-bottom:12px;overflow:hidden;color:#000;font-size:14px;line-height:18px;text-decoration:none}.new-list-items .name:active{position:relative;top:1px}.new-list-items .price{position:relative;display:inline-block;padding-right:18px;font-size:18px;font-family:robotobold}.new-list-items .old-price{position:absolute;top:-12px;right:0;color:#888;font-size:13px;font-family:roboto_ltregular;line-height:15px}.new-list-items .active-link{display:inline-block;color:#000;font-size:14px;font-family:roboto_ltregular;text-decoration:none;border-bottom:1px dashed #000;cursor:pointer;transition:all .2s ease-in-out}@keyframes fadein{from{opacity:0}to{opacity:1}} /* End */ /* Start:/bitrix/components/dresscode/catalog.item/templates/detail/css/review.min.css?17692818236973*/ #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:#888;font-weight:400;font-size:12px;font-family:robotoregular;text-decoration:none;vertical-align:middle;border-bottom:1px dashed #888;transition:all .2s ease-in-out}#catalogReviews .heading .reviewAddButton:active{position:relative;top:1px}#catalogReviews .heading .label{display:inline-block;color:#888;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:#000}#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 .reviewName,#reviews .reviewTable .reviewColumn .reviewRating{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:#888}#reviews .reviewTable .reviewColumn .reviewName,#reviews .reviewTable .reviewColumn .reviewName .label{font-size:16px}#catalogElement #reviews .controls{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:red}#catalogElement #reviews .controls .bad:hover{color:#9d9d9d}#catalogElement #reviews p{margin:0;color:#666;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:#000;line-height:40px;text-align:center;text-decoration:none;border:1px solid #e7e8ea;border-radius:4px;transition:all .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:#000;font-size:13px;line-height:35px;text-align:center;text-decoration:none;border:1px solid #e7e8ea;border-radius:4px;transition:all .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:#fff}#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:#fff;border:1px solid #e4e4e4;transition:all .2s ease-in-out;resize:none}#catalogElement #newReview textarea:focus{border:1px solid #ccc;outline:0}#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:#fff;border:1px solid #e4e4e4;transition:all .2s ease-in-out}#catalogElement #newReview input:focus{border:1px solid #ccc}#catalogElement #newReview .submit{display:inline-block;width:23%;height:50px;margin-left:3%;color:#fff;line-height:50px;text-align:center;text-decoration:none;vertical-align:middle;border-radius:4px;transition:all .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:#000;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.min.css?176928182318050*/ @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:last-child::after,#complect .complectListItem:nth-child(3n)::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 .mobileButtonsContainer,#smallElementTools .mobilePriceContainer{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:#000;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:#fff}#catalogElement .mainTool .qtyBlock .qty{display:inline-block;width:45px;height:40px;font-size:14px;vertical-align:middle;background-color:#fff;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:red}#catalogElement .smallElementToolsContainer{padding:0}#catalogElement .columnRow .quickBuy,#catalogElement .smallElementToolsContainer .secondTool .row:last-child{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.requestPrice,#catalogElement .mainTool .addCart.subscribe{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;padding:24px 24px 0}#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}#zoomerBigNextMore,#zoomerBigPrevMore{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:#888;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,#catalogElement .mainTool .qtyBlockContainer,#smallElementTools .columnRow .quickBuy{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 td,#stores th{display:none}#stores td.amount,#stores td.name,#stores th.amount,#stores th.name{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}#catalogElement #elementContainer .addCompare{display:none}}@media all and (max-width:680px){.secondTool .addCompare,.secondTool .quickBuy{display:none}#files .item{width:100%}#smallElementTools .mobileButtonsContainer,#smallElementTools .mobilePriceContainer{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}#catalogElement .heading:not(.noTabs)+div{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}#catalogElement h2:not(.noTabs).heading,#elementContainer #detailTags h2:not(.noTabs).heading,#elementContainer #detailText h2:not(.noTabs).heading{position:relative;margin:0;padding:16px;font-weight:400;font-size:14px;font-family:roboto_ltregular;line-height:16px;text-align:left;text-transform:uppercase;background-color:#f2f2f2;border:0;border-radius:4px;cursor:pointer}#catalogReviews,#files,#related,#similar,#stores,#video{padding:0 24px}.sale-products-gift{padding:0 24px}.changePropertiesGroup{margin-bottom:24px}#catalogElement h2:not(.noTabs).heading.active,#elementContainer #detailTags h2:not(.noTabs).heading.active,#elementContainer #detailText h2:not(.noTabs).heading.active{margin-bottom:24px}#catalogElement #catalogReviews .ratingContainer{display:none}#catalogElement h2.heading:not(.noTabs)::after{position:absolute;top:0;right:12px;bottom:0;display:block;width:25px;height:25px;margin:auto;background-color:#fff;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:""}#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}}@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.min.css?17692818238402*/ #set{box-sizing:border-box;padding-bottom: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:#fff;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:#000;font-size:18px;font-family:robotobold;text-decoration:none}#set .setTools .price #setDisnt{display:inline-block;padding-left:12px;color:#888;font-size:14px;font-family:roboto_ltregular}#setDisnt.hidden,#setWDisnt.hidden{visibility:hidden}#set .setTools .addCart{display:inline-block;width:250px;height:60px;color:#fff;font-size:16px;line-height:60px;text-align:center;text-decoration:none;vertical-align:top;transition:all .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:#000;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 .2s ease-in-out}#set .setTools .addSet:hover{background:#f6f6f6}#set .disabled .wrap{transform:scale(.9);opacity:.5}#set .setElement{position:relative;float:left;box-sizing:border-box;width:25%;padding:0 24px;transition:all .2s}#set .setElement .wrap{transition:all .3s ease-in-out}#set .setElement:first-child{border:0}#set .setElement::after{position:absolute;top:50%;right:-8px;display:block;color:#888;font-size:48px;font-family:roboto_thregular;transform:translateY(-50%);content:"+"}#set .setElement:last-child::after{display:none}#set .setElement .picture{display:block;height:250px;margin-top:12px;line-height:250px;text-align:center;transition:all .2s ease-in-out}#set .setElement.general .picture,#set .setElement:hover .picture{opacity:1}#set .setElement.disabled .picture{opacity:.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:#000;font-size:14px;line-height:44px;text-decoration:none;transition:.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:#000;font-size:16px;font-family:robotobold;text-decoration:none}#set .setElement .price .discount{display:inline-block;padding-left:8px;color:#888;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:#fff;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:#fff;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:#fff;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:#fff;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:#888;font-size:14px;font-family:roboto_ltregular}#setWindowPrice .addCart{display:inline-block;min-width:152px;height:60px;padding:0 24px;color:#fff;font-size:16px;font-family:roboto_condensedlight;line-height:60px;text-align:center;text-decoration:none;vertical-align:top;transition:all .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:#fff;font-size:14px;text-decoration:none;border-left:1px solid #4c4c4c;transition:all .2s ease-in-out}#setWindowPrice .closeWindow:hover{background-color:#262626}#setWindowPrice .closeWindow img{margin-right:12px;vertical-align:middle}#setCarousel,#setWindow .container .slideBox{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 .heading2{display:block!important;font-size:16px}}@media all and (max-width:400px){.setListColImage{width:50%}} /* End */ /* Start:/local/components/blades/steel.passport/templates/grade-link/style.css?17868214162649*/ .steelGradeLink { --steel-grade-link-accent: #d78a0b; --steel-grade-link-ink: #252a2f; --steel-grade-link-muted: #69737c; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "copy availability" "copy action"; gap: 6px 22px; align-items: start; margin-top: 18px; padding: 14px 16px 13px 18px; border: 1px solid #d8e1e6; border-left: 3px solid var(--steel-grade-link-accent); border-radius: 5px; background: #f7fafb; color: var(--steel-grade-link-ink); box-sizing: border-box; } .steelGradeLink *, .steelGradeLink *::before, .steelGradeLink *::after { box-sizing: border-box; } .steelGradeLink__copy { grid-area: copy; min-width: 0; } .steelGradeLink__copy h3 { margin: 0; color: var(--steel-grade-link-ink); font-size: 18px; font-weight: 500; line-height: 1.25; } .steelGradeLink__copy p { margin: 5px 0 0; color: var(--steel-grade-link-muted); font-size: 12px; line-height: 1.4; } .steelGradeLink__availability { grid-area: availability; color: #47718a; font-size: 12px; line-height: 1.35; text-align: right; white-space: nowrap; } .steelGradeLink__action { grid-area: action; align-self: end; color: var(--steel-grade-link-accent); font-size: 13px; font-weight: 500; line-height: 1.35; text-align: right; text-decoration: none; white-space: nowrap; } .steelGradeLink__action span { display: inline-block; margin-left: 6px; transition: transform .16s ease; } .steelGradeLink__action:hover, .steelGradeLink__action:focus-visible { color: #a96500; text-decoration: underline; text-underline-offset: 3px; } .steelGradeLink__action:hover span, .steelGradeLink__action:focus-visible span { transform: translateX(2px); } .steelGradeLink__action:focus-visible { outline: 2px solid var(--steel-grade-link-accent); outline-offset: 3px; } @media (max-width: 700px) { .steelGradeLink { gap: 5px 14px; margin-top: 16px; padding: 12px 12px 11px 14px; } .steelGradeLink__copy h3 { font-size: 17px; } .steelGradeLink__copy p, .steelGradeLink__availability { font-size: 11px; } .steelGradeLink__action { font-size: 12px; } } @media (max-width: 350px) { .steelGradeLink { grid-template-columns: 1fr; grid-template-areas: "copy" "availability" "action"; } .steelGradeLink__availability, .steelGradeLink__action { text-align: left; } } /* End */ /* Start:/bitrix/templates/dresscode/components/bitrix/sale.products.gift/.default/style.min.css?176928183558*/ .detail-gift-container .items.productList{margin-bottom:0} /* End */ /* Start:/local/components/blades/steel.passport/templates/.default/style.css?178628677314793*/ .steelPassport { --steel-passport-accent: #d99218; --steel-passport-accent-soft: #fff6e7; --steel-passport-text: #24272a; --steel-passport-muted: #687078; --steel-passport-line: #dde1e3; --steel-passport-panel: #f5f6f6; --steel-passport-score-1: #c95f63; --steel-passport-score-2: #d47a5f; --steel-passport-score-3: #d2a146; --steel-passport-score-4: #a5aa4d; --steel-passport-score-5: #6e9d69; --steel-passport-score-6: #3f8962; /* Shared grade blocks keep one visual contract on grade and product pages. */ --steel-grade-accent: #d78a0b; --steel-grade-accent-dark: #a96500; --steel-grade-ink: #282d33; --steel-grade-muted: #737c86; --steel-grade-line: #dfe3e6; --steel-grade-soft: #f5f6f7; box-sizing: border-box; margin: 44px 0; padding: 0 24px; color: var(--steel-passport-text); font-size: 14px; } .steelPassport *, .steelPassport *::before, .steelPassport *::after { box-sizing: border-box; } #detailText + .steelPassport { margin-top: 30px; } .steelPassport a { color: var(--steel-passport-text); text-decoration-color: var(--steel-passport-accent); text-underline-offset: 3px; } .steelPassport__primary { display: grid; grid-template-columns: minmax(360px, .88fr) minmax(0, 1.12fr); align-items: stretch; gap: 18px; } .steelPassport > .steelGrade__chemistryBlock { margin-top: 18px; } .steelPassport__card { min-width: 0; border: 1px solid var(--steel-passport-line); border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(36, 39, 42, .025); overflow: hidden; } .steelPassport__gradeCard { position: relative; isolation: isolate; padding: 26px 28px; border-color: #a9ccdc; } .steelPassport__gradeCard > *:not(.steelGrade__sectionIcon) { position: relative; z-index: 1; } .steelPassport__gradeCard .steelGrade__sectionIcon { position: absolute; z-index: 0; inset: 0; display: block; width: 100%; height: 100%; color: #397a9b; opacity: .085; pointer-events: none; -webkit-mask-image: linear-gradient(110deg, rgba(0, 0, 0, .38) 0%, #000 84%); mask-image: linear-gradient(110deg, rgba(0, 0, 0, .38) 0%, #000 84%); } .steelPassport__gradeCard .steelGrade__sectionIcon svg { display: block; width: 100%; height: 100%; fill: currentColor; } .steelPassport__blankCard { padding: 24px 24px 20px; background: #fafbfb; } .steelPassport__cardHeader { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; } .steelPassport__gradeHeader { margin-bottom: 20px; } .steelPassport__eyebrow { display: block; margin-bottom: 9px; color: #2f708f; font-size: 11px; font-weight: 700; letter-spacing: .075em; line-height: 1.35; text-transform: uppercase; } .steelPassport__cardHeader h3 { margin: 0; color: var(--steel-passport-text); font-size: 22px; font-weight: 720; line-height: 1.15; } .steelPassport__processing { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 0; overflow: hidden; border: 1px solid var(--steel-passport-line); border-radius: 10px; background: var(--steel-passport-line); } .steelPassport__processing > div { min-width: 0; padding: 13px 15px; background: #fff; } .steelPassport__processing > div + div { padding: 13px 15px; } .steelPassport__processing dt, .steelPassport__blankFacts dt { margin: 0 0 6px; color: var(--steel-passport-muted); font-size: 10px; font-weight: 650; letter-spacing: .035em; text-transform: uppercase; } .steelPassport__processing dd, .steelPassport__blankFacts dd { margin: 0; overflow-wrap: anywhere; font-size: 14px; font-weight: 650; line-height: 1.35; } .steelPassport__processingNotes { margin-top: 16px; padding: 14px 16px; border: 1px solid rgba(104, 164, 197, .32); border-radius: 9px; background: rgba(245, 250, 253, .9); } .steelPassport__processingNotes strong { display: block; margin-bottom: 6px; font-size: 12px; font-weight: 800; } .steelPassport__processingNotes p { margin: 0; color: #4e5b65; font-size: 13px; line-height: 1.55; } .steelPassport__use { margin-top: 20px; padding-top: 18px; border-top: 1px solid #e7eaec; } .steelPassport__use > strong { display: block; margin: 0; font-size: 13px; font-weight: 800; line-height: 1.4; } .steelPassport__applications { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; } .steelPassport__applications span { display: inline-flex; min-height: 30px; align-items: center; padding: 5px 10px; border: 1px solid #dfe3e6; border-radius: 999px; background: #f5f6f6; color: #555e67; font-size: 12px; font-weight: 600; line-height: 1.3; } .steelPassport__blankHeader { align-items: flex-end; } .steelPassport__dimensions { max-width: 58%; color: var(--steel-passport-text); font-size: 18px; line-height: 1.2; text-align: right; } .steelPassport__drawing { display: flex; align-items: center; min-height: 168px; margin: 10px -4px 2px; overflow: hidden; } .steelPassport__drawingSvg { display: block; width: 100%; height: auto; } .steelPassport__blank polygon { stroke: #747d84; stroke-linejoin: round; stroke-width: 1.25; } .steelPassport__blankTop { fill: #eef1f3; } .steelPassport__blankFront { fill: #b7bec4; } .steelPassport__blankSide { fill: #98a2aa; } .steelPassport__dimension { fill: var(--steel-passport-accent); stroke: var(--steel-passport-accent); stroke-width: 1.6; } .steelPassport__guide { stroke: #b7bdc1; stroke-dasharray: 3 4; stroke-width: 1; } .steelPassport__dimensionText { fill: var(--steel-passport-text); font-family: inherit; font-size: 13px; font-weight: 600; } .steelPassport__blankFacts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 0; padding: 1px; border-radius: 10px; overflow: hidden; background: var(--steel-passport-line); } .steelPassport__blankFacts > div { min-width: 0; padding: 11px 12px; background: #fff; } .steelPassport__section { margin-top: 30px; } .steelPassport__sectionHeader { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 13px; } .steelPassport__sectionTitle { margin: 0; color: var(--steel-passport-text); font-size: 19px; font-weight: 700; } .steelPassport__sectionHeader > span { color: var(--steel-passport-muted); font-size: 11px; } .steelPassport__chemistrySection .steelPassport__sectionHeader { align-items: flex-end; } .steelPassport__chemistrySection .steelChemistryLegend { margin-top: 8px; } .steelPassport__chemistryStage { position: relative; min-width: 0; } .steelPassport__chemistry { display: grid; grid-template-columns: repeat( var(--steel-passport-chemistry-columns), minmax(0, 1fr) ); gap: 9px; } .steelPassport__chemistryInfo { position: absolute; z-index: 2; inset: 0; display: grid; align-content: center; box-sizing: border-box; min-height: 100%; padding: 17px 52px 17px 20px; border: 1px solid var(--steel-passport-accent); border-radius: 9px; color: var(--steel-passport-text); background: var(--steel-passport-accent-soft); box-shadow: 0 8px 24px rgba(36, 39, 42, .08); } .steelPassport__chemistryInfo[hidden] { display: none; } .steelPassport__chemistryInfoTitle { display: block; font-size: 17px; font-weight: 750; line-height: 1.25; } .steelPassport__chemistryInfoCopy { max-width: 920px; margin: 7px 0 0; color: #4e555b; font-size: 13px; line-height: 1.48; } .steelPassport__chemistryClose { position: absolute; top: 9px; right: 10px; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; color: var(--steel-passport-muted); background: transparent; cursor: pointer; font-size: 24px; font-weight: 300; line-height: 1; } .steelPassport__chemistryClose:hover, .steelPassport__chemistryClose:focus-visible { color: var(--steel-passport-text); background: rgba(217, 146, 24, .12); } .steelPassport__chemistryClose:focus-visible { outline: 2px solid var(--steel-passport-accent); outline-offset: 1px; } .steelPassport__details { margin-top: 22px; border: 1px solid var(--steel-passport-line); border-radius: 10px; background: #fff; } .steelPassport__details > summary { display: flex; align-items: center; justify-content: space-between; min-height: 56px; padding: 0 18px; cursor: pointer; font-size: 14px; font-weight: 680; list-style: none; } .steelPassport__details > summary::-webkit-details-marker { display: none; } .steelPassport__details > summary:focus-visible { outline: 2px solid var(--steel-passport-accent); outline-offset: 3px; } .steelPassport__detailsIcon { position: relative; width: 16px; height: 16px; flex: 0 0 16px; } .steelPassport__detailsIcon::before, .steelPassport__detailsIcon::after { position: absolute; top: 7px; left: 2px; width: 12px; height: 2px; border-radius: 1px; background: currentColor; content: ""; transition: transform .18s ease; } .steelPassport__detailsIcon::after { transform: rotate(90deg); } .steelPassport__details[open] .steelPassport__detailsIcon::after { transform: rotate(0); } .steelPassport__detailsBody { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 34px; padding: 20px 18px 18px; border-top: 1px solid var(--steel-passport-line); } .steelPassport__detailsColumn { display: grid; align-content: start; min-width: 0; gap: 20px; } .steelPassport__group h3 { margin: 0 0 8px; font-size: 15px; font-weight: 700; } .steelPassport__group dl { margin: 0; } .steelPassport__row { display: grid; grid-template-columns: minmax(130px, 42%) minmax(0, 1fr); gap: 14px; padding: 7px 0; border-bottom: 1px solid var(--steel-passport-line); } .steelPassport__row:last-child { border-bottom: 0; } .steelPassport__row dt { color: var(--steel-passport-muted); } .steelPassport__row dd { min-width: 0; margin: 0; overflow-wrap: anywhere; } .steelPassport__files { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; } .steelPassport__files a { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px; border: 1px solid var(--steel-passport-line); border-radius: 8px; background: var(--steel-passport-panel); text-decoration: none; transition: border-color .18s ease, background-color .18s ease; } .steelPassport__files a:hover { border-color: var(--steel-passport-accent); background: #fffaf2; } .steelPassport__fileBadge { display: inline-flex; align-items: center; justify-content: center; width: 42px; min-height: 34px; border: 1px solid #e4b76d; border-radius: 6px; color: #9c5f00; background: #fff7e9; font-size: 10px; font-weight: 800; letter-spacing: .05em; } .steelPassport__fileCopy { display: grid; min-width: 0; gap: 3px; } .steelPassport__fileCopy strong { font-size: 13px; font-weight: 700; } .steelPassport__fileCopy small { min-width: 0; overflow: hidden; color: var(--steel-passport-muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; } .steelPassport__fileAction { color: #8c5700; font-size: 12px; font-weight: 700; white-space: nowrap; } .steelPassportLegacy { margin: -24px 0 38px; border-top: 1px solid var(--steel-passport-line); } .steelPassportLegacy > summary { display: inline-flex; align-items: center; min-height: 40px; cursor: pointer; color: var(--steel-passport-muted); font-size: 12px; list-style-position: inside; } .steelPassportLegacy > #elementProperties { margin-top: 10px; } @media (max-width: 900px) { .steelPassport__primary { grid-template-columns: minmax(0, 1fr); } .steelPassport__chemistry { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (max-width: 720px) { .steelPassport { margin: 32px 0; padding: 0 24px; } .steelPassport__gradeCard, .steelPassport__blankCard { padding: 20px; } .steelPassport__drawing { min-height: 0; margin-right: -8px; margin-left: -8px; } .steelPassport__chemistry { grid-template-columns: repeat(3, minmax(0, 1fr)); } .steelPassport__details:not([open]) > .steelPassport__detailsBody { display: none; } .steelPassport__details[open] > .steelPassport__detailsBody { display: grid; } .steelPassport__detailsBody { grid-template-columns: minmax(0, 1fr); gap: 20px; } } @media (max-width: 480px) { .steelPassport__blankFacts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .steelPassport__cardHeader { display: block; } .steelPassport__blankHeader { display: flex; } .steelPassport__dimensions { font-size: 14px; } .steelPassport__processing { grid-template-columns: minmax(0, 1fr); gap: 11px; } .steelPassport__processing > div, .steelPassport__processing > div + div { padding: 0; border-left: 0; } .steelPassport__chemistry { grid-template-columns: repeat(2, minmax(0, 1fr)); } .steelPassport__sectionHeader { display: block; } .steelPassport__sectionHeader > span { display: block; margin-top: 4px; } .steelPassport__detailsBody { padding-right: 12px; padding-left: 12px; } .steelPassport__row { grid-template-columns: minmax(0, 43%) minmax(0, 1fr); gap: 10px; font-size: 12px; } .steelPassport__files a { grid-template-columns: auto minmax(0, 1fr); } .steelPassport__fileAction { grid-column: 2; justify-self: start; } } /* End */ /* Start:/local/components/blades/shared/steel-chemical-tile.css?17870535465017*/ .steelChemical { --steel-chemical-bg: #f3f5f6; --steel-chemical-border: #dce1e4; --steel-chemical-independent-hatch: rgba(72, 81, 90, .12); --steel-chemical-ink: #48515a; position: relative; display: grid; width: 100%; min-width: 0; min-height: 122px; grid-template-rows: auto minmax(50px, 1fr) auto; align-items: center; padding: 11px 12px 10px; overflow: hidden; border: 1px solid var(--steel-chemical-border); border-radius: 10px; background: var(--steel-chemical-bg); color: #282d33; font: inherit; text-align: left; } .steelChemical--transition-metal { --steel-chemical-bg: #f8ecec; --steel-chemical-border: #ebcdcf; --steel-chemical-independent-hatch: rgba(149, 65, 74, .13); --steel-chemical-ink: #95414a; } .steelChemical--metalloid { --steel-chemical-bg: #e9f4f2; --steel-chemical-border: #c9dfda; --steel-chemical-independent-hatch: rgba(49, 115, 109, .13); --steel-chemical-ink: #31736d; } .steelChemical--nonmetal { --steel-chemical-bg: #eef5e8; --steel-chemical-border: #d2e1c7; --steel-chemical-independent-hatch: rgba(77, 113, 57, .13); --steel-chemical-ink: #4d7139; } .steelChemical--provenance-independent { background-color: var(--steel-chemical-bg); background-image: repeating-linear-gradient( 135deg, transparent 0, transparent 9px, var(--steel-chemical-independent-hatch) 9px, var(--steel-chemical-independent-hatch) 11px ); } .steelChemical--provenance-standard { box-shadow: inset 0 3px 0 var(--steel-grade-accent, var(--steel-passport-accent, #d78a0b)); } .steelChemistryLegend { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: 7px 14px; color: #68717a; font-size: 11px; line-height: 1.25; } .steelChemistryLegend__item { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; } .steelChemistryLegend__sample { width: 20px; height: 10px; flex: 0 0 20px; border: 1px solid #aeb6bc; border-radius: 3px; background: #f5f7f7; } .steelChemistryLegend__sample--independent { background-color: #f5f7f7; background-image: repeating-linear-gradient( 135deg, transparent 0, transparent 4px, rgba(72, 81, 90, .28) 4px, rgba(72, 81, 90, .28) 5px ); } .steelChemistryLegend__sample--standard { box-shadow: inset 0 3px 0 var(--steel-grade-accent, var(--steel-passport-accent, #d78a0b)); } button.steelChemical { margin: 0; appearance: none; } .steelChemical--interactive { cursor: pointer; transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; } .steelChemical--interactive:hover, .steelChemical--interactive:focus-visible, .steelChemical--interactive[aria-expanded="true"] { border-color: var(--steel-grade-accent, var(--steel-passport-accent, #d78a0b)); box-shadow: 0 6px 18px rgba(36, 39, 42, .1); outline: none; transform: translateY(-1px); } .steelChemical--interactive:focus-visible { outline: 2px solid var(--steel-grade-accent, var(--steel-passport-accent, #d78a0b)); outline-offset: 2px; } .steelChemical__identity { display: inline-flex; min-width: 0; align-items: baseline; justify-self: start; gap: 5px; color: var(--steel-chemical-ink); } .steelChemical__number { color: #7b848c; font-size: 9px; font-variant-numeric: tabular-nums; font-weight: 650; line-height: 1; } .steelChemical__symbol { font-size: 23px; font-weight: 780; letter-spacing: -.035em; line-height: 1; } .steelChemical__value { align-self: center; justify-self: center; color: var(--steel-chemical-ink); font-size: 26px; font-variant-numeric: tabular-nums; font-weight: 820; letter-spacing: -.035em; line-height: 1; text-align: center; } .steelChemical__range { position: absolute; top: calc(50% + 20px); left: 50%; max-width: calc(100% - 16px); overflow: hidden; color: var(--steel-chemical-ink); font-size: 9px; font-variant-numeric: tabular-nums; font-weight: 650; line-height: 1.1; opacity: .68; text-align: center; text-overflow: ellipsis; transform: translateX(-50%); white-space: nowrap; } .steelChemical__name { justify-self: center; max-width: 100%; overflow: hidden; color: #68717a; font-size: 11px; line-height: 1.2; text-align: center; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 620px) { .steelChemical { min-height: 112px; padding: 10px; } .steelChemical__symbol { font-size: 21px; } .steelChemical__value { font-size: 24px; } .steelChemical__range { top: calc(50% + 18px); font-size: 8px; } .steelChemistryLegend { gap: 6px 11px; font-size: 10px; } } /* End */ /* Start:/local/components/blades/steel.grade.page/templates/.default/style.css?178723389365627*/ .steelGrade { --steel-grade-accent: #d78a0b; --steel-grade-accent-dark: #a96500; --steel-grade-ink: #282d33; --steel-grade-muted: #737c86; --steel-grade-line: #dfe3e6; --steel-grade-soft: #f5f6f7; color: var(--steel-grade-ink); font-family: inherit; } .steelGrade *, .steelGrade *::before, .steelGrade *::after { box-sizing: border-box; } .steelGrade a { color: inherit; } .steelGrade--summary { margin: 22px 0 32px; } .steelGrade__hero { display: grid; grid-template-columns: minmax(0, 1fr); } .steelGrade__intro, .steelGrade__block { border: 1px solid var(--steel-grade-line); border-radius: 14px; background: #fff; } .steelGrade__intro { padding: 32px; } .steelGrade__eyebrow, .steelGrade__cardHeader span { display: block; margin-bottom: 9px; color: var(--steel-grade-muted); font-size: 11px; font-weight: 700; letter-spacing: 0.075em; line-height: 1.35; text-transform: uppercase; } .steelGrade__brandLockup { display: flex; min-height: 76px; align-items: center; gap: 22px; margin-bottom: 20px; } .steelGrade__brandLogo { display: inline-flex; max-width: 220px; min-width: 0; min-height: 52px; align-items: center; justify-content: flex-start; flex: 0 1 220px; text-decoration: none; } .steelGrade__brandLogo img { display: block; width: auto; max-width: 100%; height: auto; max-height: 72px; object-fit: contain; object-position: left center; } .steelGrade__brandLogo--text { color: #343a40; font-size: 21px; font-weight: 800; letter-spacing: -.025em; line-height: 1.1; } .steelGrade__brandLogo:hover, .steelGrade__brandLogo:focus-visible { opacity: .72; outline: none; } .steelGrade__gradeMark { display: flex; min-height: 58px; align-items: center; padding-left: 22px; border-left: 1px solid var(--steel-grade-line); color: var(--steel-grade-ink); font-size: 38px; font-weight: 800; letter-spacing: -.04em; line-height: 1; white-space: nowrap; } .steelGrade__lead { max-width: 850px; margin: 0; font-size: 17px; font-weight: 500; line-height: 1.62; } .steelGrade__editorial { display: flex; width: fit-content; max-width: 100%; align-items: center; flex-wrap: wrap; gap: 7px; margin-top: 16px; color: var(--steel-grade-muted); font-size: 12px; line-height: 1.4; } .steelGrade__editorial strong { color: #424a51; font-size: inherit; } .steelGrade__editorialDot { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: #d18b13; box-shadow: 0 0 0 3px rgba(209, 139, 19, .12); } .steelGrade__editorial--verified .steelGrade__editorialDot { background: #329b50; box-shadow: 0 0 0 3px rgba(50, 155, 80, .12); } .steelGrade__editorialInfo { display: inline-flex; width: 17px; height: 17px; align-items: center; justify-content: center; border: 1px solid #cbd1d6; border-radius: 50%; color: #717b84; font-size: 10px; font-weight: 700; cursor: help; } .steelGrade__heroGrid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(250px, .62fr); align-items: stretch; gap: 32px; } .steelGrade__heroCopy { min-width: 0; padding: 4px 0 6px; } .steelGrade__snapshot { position: relative; display: flex; min-width: 0; overflow: hidden; flex-direction: column; justify-content: center; padding: 24px 26px; border: 1px solid #30373d; border-radius: 12px; background: radial-gradient(circle at 100% 0, rgba(215, 138, 11, .19), transparent 42%), linear-gradient(145deg, #20262b 0%, #2b3238 100%); box-shadow: 0 14px 30px rgba(31, 37, 42, .12); color: #fff; } .steelGrade__snapshot > * { position: relative; z-index: 1; } .steelGrade__snapshot--empty { background: linear-gradient(145deg, #20262b 0%, #2b3238 100%); } .steelGrade__snapshotEyebrow { display: block; margin-bottom: 7px; color: #f1b34d; font-size: 11px; font-weight: 700; letter-spacing: .075em; line-height: 1.35; text-transform: uppercase; } .steelGrade__snapshotEyebrow::before { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: #e89a18; box-shadow: 0 0 0 4px rgba(232, 154, 24, .13); content: ''; vertical-align: 1px; } .steelGrade__snapshot--empty .steelGrade__snapshotEyebrow { color: rgba(255, 255, 255, .58); } .steelGrade__snapshot--empty .steelGrade__snapshotEyebrow::before { background: #8b959d; box-shadow: 0 0 0 4px rgba(139, 149, 157, .12); } .steelGrade__snapshotCount, .steelGrade__snapshotEmpty { display: block; color: #fff; font-weight: 800; letter-spacing: -.035em; line-height: 1.1; } .steelGrade__snapshotCount { font-size: 34px; } .steelGrade__snapshotEmpty { max-width: 230px; font-size: 22px; line-height: 1.2; } .steelGrade__snapshotHint { display: block; max-width: 260px; margin-top: 10px; color: rgba(255, 255, 255, .65); font-size: 13px; line-height: 1.5; } .steelGrade__snapshotFacts { display: grid; gap: 7px; margin: 22px 0 0; } .steelGrade__snapshotFacts > div { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding-top: 7px; border-top: 1px solid rgba(255, 255, 255, .14); } .steelGrade__snapshotFacts dt, .steelGrade__snapshotFacts dd { margin: 0; font-size: 13px; line-height: 1.4; } .steelGrade__snapshotFacts dt { color: rgba(255, 255, 255, .62); } .steelGrade__snapshotFacts dd { color: #fff; font-weight: 700; text-align: right; } .steelGrade__snapshotFact--price dd { color: #ffc45f; font-weight: 800; } .steelGrade__snapshotAction { display: flex; min-height: 42px; align-items: center; justify-content: space-between; gap: 18px; margin-top: 18px; padding: 10px 13px 10px 15px; border-radius: 8px; background: #e99a19; color: #171b1f !important; font-size: 13px; font-weight: 800; line-height: 1.35; text-decoration: none; transition: background-color .18s ease, transform .18s ease; } .steelGrade__snapshotAction span:last-child { font-size: 18px; line-height: 1; } .steelGrade__snapshotAction:hover, .steelGrade__snapshotAction:focus-visible { background: #ffb136; outline: none; transform: translateY(-1px); } .steelGrade__passportFacts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin: 28px 0 0; padding-top: 20px; border-top: 1px solid var(--steel-grade-line); } .steelGrade__passportFacts > div { min-width: 0; padding: 0 22px; } .steelGrade__passportFacts > div:first-child { padding-left: 0; } .steelGrade__passportFacts > div + div { border-left: 1px solid var(--steel-grade-line); } .steelGrade__passportFacts dt { margin: 0 0 7px; color: var(--steel-grade-muted); font-size: 11px; font-weight: 700; letter-spacing: .055em; line-height: 1.35; text-transform: uppercase; } .steelGrade__passportFacts dd { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px 10px; margin: 0; font-size: 15px; line-height: 1.5; } .steelGrade__passportFacts dd strong, .steelGrade__passportFacts dd a { font-weight: 800; } .steelGrade__passportFacts dd span { color: #66717a; } .steelGrade__passportFacts a { text-decoration-color: #c7ccd0; text-underline-offset: 3px; } .steelGrade__passportAnalogs ul { display: flex; flex-wrap: wrap; gap: 5px 12px; margin: 0; padding: 0; list-style: none; } .steelGrade__passportAnalogs dd { display: grid; gap: 7px; } .steelGrade__passportRelationGroup { display: grid; grid-template-columns: 68px minmax(0, 1fr); align-items: baseline; gap: 6px 10px; } .steelGrade__passportRelationLabel { color: #75808a; font-size: 11px; font-weight: 750; letter-spacing: .035em; line-height: 1.35; text-transform: uppercase; } .steelGrade__passportRelationEmpty { color: #8c959d; } .steelGrade__passportAnalogs li a, .steelGrade__passportAnalogs li > span { color: var(--steel-grade-ink); font-weight: 750; } .steelGrade__passportAnalogs li a::after { margin-left: 5px; color: var(--steel-grade-muted); content: '→'; } .steelGrade__passportAnalogs li a:hover, .steelGrade__passportAnalogs li a:focus-visible { color: var(--steel-grade-accent-dark); outline: none; } .steelGrade__meta, .steelGrade__signals, .steelGrade__technicalList, .steelGrade__facts { margin: 0; } .steelGrade__meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--steel-grade-line); border-radius: 10px; background: var(--steel-grade-line); } .steelGrade__meta > div { min-width: 0; padding: 13px 15px; background: #fff; } .steelGrade__meta dt, .steelGrade__signals dt, .steelGrade__technicalList dt, .steelGrade__facts dt { margin: 0 0 5px; color: var(--steel-grade-muted); font-size: 10px; font-weight: 600; letter-spacing: 0.035em; line-height: 1.35; text-transform: uppercase; } .steelGrade__meta dd, .steelGrade__signals dd, .steelGrade__technicalList dd, .steelGrade__facts dd { margin: 0; overflow-wrap: anywhere; font-size: 14px; font-weight: 700; line-height: 1.4; } .steelGrade__meta a { text-decoration-color: #c7ccd0; text-underline-offset: 3px; } .steelGrade__metaAnalogs { grid-column: 1 / -1; } .steelGrade__metaAnalogs dd > small { display: block; margin-top: 7px; color: var(--steel-grade-muted); font-size: 10px; font-weight: 400; line-height: 1.4; } .steelGrade__metaAnalogList { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; list-style: none; } .steelGrade__metaAnalogList a, .steelGrade__metaAnalogList span { display: inline-flex; min-height: 30px; align-items: center; padding: 5px 10px; border: 1px solid var(--steel-grade-line); border-radius: 999px; background: var(--steel-grade-soft); font-size: 12px; font-weight: 700; line-height: 1.3; text-decoration: none; } .steelGrade__metaAnalogList a:hover, .steelGrade__metaAnalogList a:focus-visible { border-color: var(--steel-grade-accent); color: var(--steel-grade-accent-dark); outline: none; } .steelGrade__applications { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 18px; } .steelGrade__applications span { display: inline-flex; align-items: center; min-height: 30px; padding: 5px 10px; border: 1px solid #dfe3e6; border-radius: 999px; background: var(--steel-grade-soft); color: #555e67; font-size: 12px; font-weight: 600; line-height: 1.3; } .steelGrade__profileVisual { display: grid; min-width: 0; place-items: center; padding: 0 22px; scroll-margin-top: 20px; } .steelGrade--details { margin: 44px 0 20px; scroll-margin-top: 20px; } .steelGrade__blockHeader h3 { margin: 0; color: var(--steel-grade-ink); font-weight: 800; letter-spacing: -0.025em; } .steelGrade__detailsBody { display: grid; gap: 18px; } .steelGrade__storyGrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr)); align-items: center; gap: 18px; } .steelGrade__storyGrid > * { min-width: 0; } .steelGrade__storyGrid .steelGrade__description { display: flex; grid-template-columns: 1fr; flex-direction: column; justify-content: flex-start; gap: 0; } .steelGrade__descriptionHeader { margin-bottom: 20px; } .steelGrade__descriptionHeader h2 { margin: 0; color: var(--steel-grade-ink); font-size: 22px; font-weight: 720; line-height: 1.15; } .steelGrade__description { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; padding: 24px 28px; border: 1px solid var(--steel-grade-line); border-radius: 14px; background: #fff; } .steelGrade__description p, .steelGrade__note p, .steelGrade__treatment p, .steelGrade__methodology { margin: 0; color: #4f5861; font-size: 14px; line-height: 1.7; } .steelGrade__description p + p { margin-top: 18px; } .steelGrade__storyGrid .steelGrade__description.is-carousel-ready { display: grid; height: 580px; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr) auto; } .steelGrade__descriptionViewport { position: relative; min-height: 0; overflow: hidden; } .steelGrade__descriptionSource, .steelGrade__descriptionPages, .steelGrade__descriptionPage { min-width: 0; } .steelGrade__descriptionPages, .steelGrade__descriptionPage { position: absolute; inset: 0; } .steelGrade__descriptionPage { overflow: hidden; } .steelGrade__descriptionPage[hidden] { display: none; } .steelGrade__descriptionControls { display: flex; min-height: 32px; align-items: center; gap: 14px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--steel-grade-line); } .steelGrade__descriptionControls[hidden] { display: none; } .steelGrade__descriptionDots { display: flex; min-width: 0; align-items: center; gap: 7px; flex: 1 1 auto; } .steelGrade__descriptionDot { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 999px; background: #d6dade; cursor: pointer; transition: width .18s ease, background-color .18s ease; } .steelGrade__descriptionDot.is-active { width: 22px; background: var(--steel-grade-ink); } .steelGrade__descriptionDot:focus-visible, .steelGrade__descriptionArrow:focus-visible { outline: 2px solid var(--steel-grade-accent); outline-offset: 2px; } .steelGrade__descriptionCounter { display: inline-flex; align-items: baseline; gap: 4px; color: var(--steel-grade-muted); font-size: 11px; font-variant-numeric: tabular-nums; font-weight: 700; letter-spacing: .06em; } .steelGrade__descriptionActions { display: flex; align-items: center; gap: 7px; } .steelGrade__descriptionArrow { display: inline-grid; width: 32px; height: 32px; padding: 0; place-items: center; border: 1px solid var(--steel-grade-line); border-radius: 999px; background: #fff; color: var(--steel-grade-ink); cursor: pointer; font: inherit; font-size: 16px; line-height: 1; } .steelGrade__descriptionArrow:hover:not(:disabled) { border-color: #bdc4c9; background: var(--steel-grade-soft); } .steelGrade__descriptionArrow:disabled { color: #b7bdc2; cursor: default; } .steelGrade__block { min-width: 0; padding: 26px 28px; scroll-margin-top: 20px; } .steelGrade__chemistryBlock, .steelGrade__tests, .steelGrade__treatment, .steelGrade__workshop { position: relative; overflow: hidden; isolation: isolate; } .steelGrade__chemistryBlock { border-color: #cbb4df; } .steelGrade__tests { border-color: #d2dad6; } .steelGrade__treatment { border-color: #e8b49e; } .steelGrade__workshop { border-color: #a9ccdc; } .steelGrade__chemistryBlock .steelGrade__eyebrow { color: #7b4e9f; } .steelGrade__tests .steelGrade__eyebrow { color: #28724a; } .steelGrade__treatment .steelGrade__eyebrow { color: #b24d2c; } .steelGrade__workshop .steelGrade__eyebrow { color: #2f708f; } .steelGrade__chemistryBlock > *:not(.steelGrade__sectionIcon), .steelGrade__tests > *:not(.steelGrade__sectionIcon), .steelGrade__treatment > *:not(.steelGrade__sectionIcon), .steelGrade__workshop > *:not(.steelGrade__sectionIcon) { position: relative; z-index: 1; } .steelGrade__blockHeader { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 20px; } .steelGrade__blockHeader h3 { font-size: 22px; line-height: 1.25; } .steelGrade__blockHeader > span, .steelGrade__blockHeaderAside > span { color: var(--steel-grade-muted); font-size: 11px; line-height: 1.4; } .steelGrade__blockHeaderAside { display: flex; align-items: center; gap: 14px; } .steelGrade__chemistryBlock .steelChemistryLegend { margin-top: 9px; } .steelGrade__sectionIcon { position: absolute; z-index: 0; inset: 0; display: block; width: 100%; height: 100%; opacity: .08; pointer-events: none; } .steelGrade__sectionIcon svg { display: block; width: 100%; height: 100%; fill: currentColor; } .steelGrade__sectionIcon--chemistry { color: #8d5fb5; -webkit-mask-image: linear-gradient(105deg, rgba(0, 0, 0, .42) 0%, #000 82%); mask-image: linear-gradient(105deg, rgba(0, 0, 0, .42) 0%, #000 82%); } .steelGrade__sectionIcon--heat { color: #d9633d; opacity: .085; -webkit-mask-image: linear-gradient(135deg, rgba(0, 0, 0, .38) 0%, #000 92%); mask-image: linear-gradient(135deg, rgba(0, 0, 0, .38) 0%, #000 92%); } .steelGrade__sectionIcon--workshop { color: #397a9b; opacity: .085; -webkit-mask-image: linear-gradient(110deg, rgba(0, 0, 0, .38) 0%, #000 84%); mask-image: linear-gradient(110deg, rgba(0, 0, 0, .38) 0%, #000 84%); } .steelGrade__chemistryStage { position: relative; } .steelGrade__chemistry { display: grid; grid-template-columns: repeat(var(--steel-grade-chemistry-columns), minmax(76px, 1fr)); gap: 8px; } .steelGrade__componentChemistryLead { max-width: 760px; margin: -4px 0 16px; color: #59616a; font-size: 12px; line-height: 1.55; } .steelGrade__componentChemistry { display: grid; gap: 14px; } .steelGrade__componentChemistryRow { min-width: 0; padding: 14px; border: 1px solid rgba(123, 78, 159, .2); border-radius: 12px; background: rgba(255, 255, 255, .84); } .steelGrade__componentChemistryRow > header { display: flex; align-items: baseline; gap: 10px; margin-bottom: 11px; } .steelGrade__componentChemistryRow > header > span { color: var(--steel-grade-muted); font-size: 10px; font-weight: 750; letter-spacing: .045em; line-height: 1.3; text-transform: uppercase; } .steelGrade__componentChemistryRow > header > strong, .steelGrade__componentChemistryRow > header > a { color: var(--steel-grade-ink); font-size: 17px; font-weight: 800; line-height: 1.3; } .steelGrade__componentChemistryRow > header > a { text-decoration-color: rgba(123, 78, 159, .35); text-underline-offset: 3px; } .steelGrade__componentChemistryRow > header > a:hover, .steelGrade__componentChemistryRow > header > a:focus-visible { color: #6f3e94; text-decoration-color: currentColor; outline: none; } .steelGrade__componentChemistryViewport { min-width: 0; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; } .steelGrade__componentChemistryGrid { display: grid; min-width: 100%; grid-template-columns: repeat(var(--steel-grade-component-columns), minmax(112px, 1fr)); gap: 8px; } .steelGrade__componentChemistryGrid .steelChemical, .steelGrade__chemicalMissing { min-height: 116px; } .steelGrade__chemicalMissing { display: grid; min-width: 0; grid-template-rows: auto minmax(46px, 1fr) auto; align-items: center; padding: 11px 12px 10px; border: 1px dashed #cfd5d9; border-radius: 10px; background: rgba(245, 247, 248, .72); color: #8a9299; } .steelGrade__chemicalMissingIdentity { display: inline-flex; align-items: baseline; justify-self: start; gap: 5px; } .steelGrade__chemicalMissingIdentity small { font-size: 9px; font-weight: 650; line-height: 1; } .steelGrade__chemicalMissingIdentity strong { font-size: 23px; font-weight: 780; letter-spacing: -.035em; line-height: 1; } .steelGrade__chemicalMissing > b { justify-self: center; font-size: 26px; line-height: 1; } .steelGrade__chemicalMissing > span:last-child { justify-self: center; overflow: hidden; font-size: 9px; line-height: 1.2; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .steelGrade__chemistryInfo { position: relative; margin-top: 10px; padding: 18px 54px 18px 20px; border: 1px solid #e1d1b4; border-radius: 10px; background: #fbf7ef; } .steelGrade__chemistryInfo[hidden] { display: none; } .steelGrade__chemistryInfo > strong { display: block; font-size: 15px; line-height: 1.35; } .steelGrade__chemistryInfo > span { display: block; margin-top: 4px; color: var(--steel-grade-muted); font-size: 11px; line-height: 1.4; } .steelGrade__chemistryInfo p { margin: 10px 0 0; color: #4e565d; font-size: 13px; line-height: 1.6; } .steelGrade__chemistryClose { position: absolute; top: 7px; right: 7px; display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #6d757c; font-size: 24px; line-height: 1; cursor: pointer; } .steelGrade__chemistryClose:hover, .steelGrade__chemistryClose:focus-visible { background: rgba(0, 0, 0, 0.055); color: var(--steel-grade-ink); outline: none; } .steelGrade__note { margin-top: 14px; padding: 13px 15px; border-left: 3px solid #cfd5d9; background: var(--steel-grade-soft); } .steelGrade__chemicalAnalogs { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 20px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--steel-grade-line); } .steelGrade__chemicalAnalogsIntro { max-width: 460px; } .steelGrade__chemicalAnalogsIntro strong, .steelGrade__chemicalAnalogsIntro span { display: block; } .steelGrade__chemicalAnalogsIntro strong { font-size: 14px; line-height: 1.4; } .steelGrade__chemicalAnalogsIntro span { margin-top: 4px; color: var(--steel-grade-muted); font-size: 11px; line-height: 1.45; } .steelGrade__sectionIcon--tests { color: #7e8b84; opacity: .05; -webkit-mask-image: linear-gradient(115deg, rgba(0, 0, 0, .32) 0%, #000 88%); mask-image: linear-gradient(115deg, rgba(0, 0, 0, .32) 0%, #000 88%); } .steelGrade__chemicalRelationGroup { display: grid; gap: 6px; } .steelGrade__chemicalRelationGroup > strong { color: var(--steel-grade-muted); font-size: 10px; font-weight: 750; letter-spacing: .045em; line-height: 1.35; text-transform: uppercase; } .steelGrade__chemicalAnalogs ul { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; margin: 0; padding: 0; list-style: none; } .steelGrade__chemicalAnalogs li a, .steelGrade__chemicalAnalogs li > span, .steelGrade__chemicalAnalogs li button { display: inline-flex; min-height: 32px; align-items: center; padding: 6px 11px; border: 1px solid var(--steel-grade-line); border-radius: 999px; background: #fff; font-size: 12px; font-weight: 700; line-height: 1.3; } .steelGrade__chemicalAnalogs li button { color: inherit; font: inherit; cursor: pointer; appearance: none; } .steelGrade__chemicalAnalogs li a { text-decoration: none; } .steelGrade__chemicalAnalogs li a:hover, .steelGrade__chemicalAnalogs li a:focus-visible, .steelGrade__chemicalAnalogs li button:hover, .steelGrade__chemicalAnalogs li button:focus-visible, .steelGrade__chemicalAnalogs li button[aria-expanded="true"] { border-color: var(--steel-grade-accent); color: var(--steel-grade-accent-dark); outline: none; } .steelGrade__chemicalAnalogs li > span { color: var(--steel-grade-muted); } .steelGrade__analogPanels { flex: 0 0 100%; width: 100%; } .steelGrade__analogPanel { padding: 18px; border: 1px solid #e1d1b4; border-radius: 10px; background: #fbf7ef; } .steelGrade__analogPanel[hidden] { display: none; } .steelGrade__analogPanel > header { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 14px; } .steelGrade__analogPanel > header strong { font-size: 14px; line-height: 1.4; } .steelGrade__analogPanel > header span, .steelGrade__analogPanel > p { color: var(--steel-grade-muted); font-size: 11px; line-height: 1.45; } .steelGrade__analogPanel > p { margin: 0; } .steelGrade__analogTable { overflow-x: auto; border: 1px solid #e4dccd; border-radius: 8px; background: #fff; } .steelGrade__analogRow { display: grid; min-width: 520px; grid-template-columns: minmax(72px, 0.65fr) repeat(2, minmax(120px, 1fr)) minmax(92px, 0.8fr); border-top: 1px solid #ece6db; } .steelGrade__analogRow:first-child { border-top: 0; } .steelGrade__analogRow > * { min-width: 0; padding: 9px 11px; overflow-wrap: anywhere; border-left: 1px solid #ece6db; font-size: 11px; font-style: normal; line-height: 1.35; } .steelGrade__analogRow > *:first-child { border-left: 0; } .steelGrade__analogRow--head { background: #f4f1eb; color: #6f685d; font-weight: 700; } .steelGrade__analogRow > strong { font-size: 13px; } .steelGrade__analogDelta--higher { color: #a75223; } .steelGrade__analogDelta--lower { color: #267042; } .steelGrade__analogDelta--equal, .steelGrade__analogDelta--unknown { color: var(--steel-grade-muted); } .steelGrade__detailGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .steelGrade__technicalList { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--steel-grade-line); border-radius: 10px; background: var(--steel-grade-line); } .steelGrade__technicalList > div { padding: 13px 15px; background: #fff; } .steelGrade__technicalList dd { font-size: 13px; } .steelGrade__workshop .steelGrade__technicalList { grid-template-columns: repeat(3, minmax(0, 1fr)); } .steelGrade__workshopNote { position: relative; z-index: 1; margin-top: 16px; padding: 14px 16px; border: 1px solid rgba(104, 164, 197, .32); border-radius: 9px; background: rgba(245, 250, 253, .9); } .steelGrade__workshopNote strong { display: block; margin-bottom: 6px; font-size: 12px; font-weight: 800; } .steelGrade__workshopNote p { margin: 0; color: #4e5b65; font-size: 13px; line-height: 1.55; } .steelGrade__warning { margin-top: 16px !important; padding: 13px 15px; border-radius: 9px; background: #fff7e7; color: #665330 !important; } .steelGrade__use { margin-top: 20px; padding-top: 18px; border-top: 1px solid #e7eaec; } .steelGrade__use > strong, .steelGrade__sourceGrid h4 { display: block; margin: 0; font-size: 13px; font-weight: 800; line-height: 1.4; } .steelGrade__use .steelGrade__applications { margin-top: 10px; } .steelGrade__facts { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--steel-grade-line); border-radius: 10px; background: var(--steel-grade-line); } .steelGrade__facts > div { padding: 14px 15px; background: #fff; } .steelGrade__methodology { margin-top: 16px; padding: 13px 15px; border-radius: 9px; background: var(--steel-grade-soft); font-size: 12px; } .steelGrade__sourceGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 18px; } .steelGrade__sourceGroup { min-width: 0; padding: 18px; border: 1px solid #e2e6e9; border-radius: 12px; background: #f8fafb; } .steelGrade__sourceGroup--documents { background: #fbfaf9; } .steelGrade__sourceGroup:only-child { grid-column: 1 / -1; } .steelGrade__sourceGroupHeader { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 11px; margin-bottom: 15px; } .steelGrade__sourceGroupIcon { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 10px; background: #eef3f6; color: #587383; } .steelGrade__sourceGroup--documents .steelGrade__sourceGroupIcon { background: #fff0ed; color: #b94d45; } .steelGrade__sourceGroupIcon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.55; } .steelGrade__sourceGroupHeading { min-width: 0; } .steelGrade__sourceGrid .steelGrade__sourceGroupHeading h4 { margin: 0 0 2px; font-size: 14px; } .steelGrade__sourceGroupHeading > span { display: block; overflow: hidden; color: var(--steel-grade-muted); font-size: 10px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; } .steelGrade__sourceGroupCount { display: inline-flex; min-width: 25px; height: 25px; align-items: center; justify-content: center; padding: 0 7px; border: 1px solid #dfe4e7; border-radius: 999px; background: #fff; color: #65717a; font-size: 10px; font-weight: 800; } .steelGrade__linkList { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; } .steelGrade__linkList--sources { counter-reset: steel-grade-source; } .steelGrade__linkList--sources li { position: relative; padding-left: 32px; counter-increment: steel-grade-source; } .steelGrade__linkList--sources li::before { position: absolute; top: 50%; left: 0; display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%; background: #eef1f2; color: #68717a; content: counter(steel-grade-source); font-size: 10px; font-weight: 700; transform: translateY(-50%); } .steelGrade__linkList a { display: grid; min-width: 0; align-items: center; gap: 12px; padding: 12px 13px; border: 1px solid var(--steel-grade-line); border-radius: 9px; background: #fff; text-decoration: none; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; } .steelGrade__linkList--documents a { grid-template-columns: 42px minmax(0, 1fr) auto; } .steelGrade__linkList--sources a { grid-template-columns: minmax(0, 1fr) 25px; } .steelGrade__linkList a:hover, .steelGrade__linkList a:focus-visible { border-color: #bcc5cb; box-shadow: 0 7px 18px rgba(40, 45, 51, .07); outline: none; transform: translateY(-1px); } .steelGrade__fileBadge { position: relative; display: inline-flex; width: 38px; height: 42px; align-items: center; justify-content: center; color: #c44941; } .steelGrade__fileBadge > svg { width: 31px; height: 36px; fill: #fff7f5; stroke: currentColor; stroke-linejoin: round; stroke-width: 1.4; } .steelGrade__fileBadge > span { position: absolute; bottom: 7px; left: 5px; display: block; padding: 1px 3px; border-radius: 2px; background: #c44941; color: #fff; font-size: 7px; font-weight: 800; letter-spacing: .04em; line-height: 1.25; } .steelGrade__linkCopy { display: flex; min-width: 0; flex-direction: column; gap: 4px; } .steelGrade__linkCopy strong { overflow-wrap: anywhere; font-size: 13px; line-height: 1.4; } .steelGrade__linkCopy > span { color: var(--steel-grade-muted); font-size: 11px; line-height: 1.35; } .steelGrade__linkAction { display: inline-flex; align-items: center; gap: 6px; color: #59656e; font-size: 11px; font-weight: 700; } .steelGrade__linkAction svg, .steelGrade__externalIcon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; } .steelGrade__externalIcon { display: inline-flex; width: 25px; height: 25px; align-items: center; justify-content: center; border-radius: 7px; background: #f0f3f5; color: #65747e; } .steelGradeCatalogEmpty { display: grid; grid-template-columns: minmax(260px, .72fr) minmax(0, 1.8fr); overflow: hidden; margin: 24px 0 38px; border: 1px solid var(--steel-grade-line); border-radius: 14px; background: #fff; } .steelGradeCatalogEmpty__status, .steelGradeCatalogEmpty__alternatives { min-width: 0; padding: 28px 30px; } .steelGradeCatalogEmpty__status { display: flex; flex-direction: column; border-right: 1px solid var(--steel-grade-line); background: #fff; } .steelGradeCatalogEmpty__category { display: block; color: #2a72d8; font-size: 10px; font-weight: 800; letter-spacing: .07em; line-height: 1.35; text-transform: uppercase; } .steelGradeCatalogEmpty h2 { margin: 0; color: var(--steel-grade-ink); font-size: 24px; font-weight: 800; letter-spacing: -.025em; line-height: 1.18; } .steelGradeCatalogEmpty__status > p { margin: 13px 0 0; color: var(--steel-grade-muted); font-size: 13px; line-height: 1.55; } .steelGradeCatalogEmpty__actions { display: grid; gap: 12px; margin-top: auto; padding-top: 25px; } .steelGradeCatalogEmpty__notify { display: flex; min-height: 44px; align-items: center; justify-content: space-between; gap: 18px; max-width: 215px; padding: 10px 14px 10px 16px; border-radius: 7px; background: #eb9913; color: #171b1f !important; font-size: 13px; font-weight: 800; line-height: 1.35; text-decoration: none; transition: background-color .18s ease, transform .18s ease; } .steelGradeCatalogEmpty__notify span:last-child { font-size: 18px; line-height: 1; } .steelGradeCatalogEmpty__notify:hover, .steelGradeCatalogEmpty__notify:focus-visible { background: #ffae28; outline: none; transform: translateY(-1px); } .steelGradeCatalogEmpty__compare { width: fit-content; border-bottom: 1px dashed #c98517; color: #394047 !important; font-size: 12px; font-weight: 700; line-height: 1.45; text-decoration: none; } .steelGradeCatalogEmpty__compare:hover, .steelGradeCatalogEmpty__compare:focus-visible { border-bottom-style: solid; color: var(--steel-grade-accent-dark) !important; outline: none; } .steelGradeCatalogEmpty__header { margin-bottom: 22px; } .steelGradeCatalogEmpty__header h2 { font-size: 21px; } .steelGradeCatalogEmpty__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); } .steelGradeCatalogEmpty__option { position: relative; display: flex; min-width: 0; flex-direction: column; padding: 3px 24px 0; } .steelGradeCatalogEmpty__option:first-child { padding-left: 0; } .steelGradeCatalogEmpty__option:last-child { padding-right: 0; } .steelGradeCatalogEmpty__option + .steelGradeCatalogEmpty__option { border-left: 1px solid var(--steel-grade-line); } .steelGradeCatalogEmpty__category { margin-top: 8px; } .steelGradeCatalogEmpty__grade { display: block; margin-top: 0; color: var(--steel-grade-ink) !important; font-size: 18px; font-weight: 800; letter-spacing: -.02em; line-height: 1.25; text-decoration: none; } a.steelGradeCatalogEmpty__grade:hover, a.steelGradeCatalogEmpty__grade:focus-visible { color: var(--steel-grade-accent-dark) !important; outline: none; } .steelGradeCatalogEmpty__option > p { min-height: 38px; margin: 7px 0 0; color: var(--steel-grade-muted); font-size: 12px; line-height: 1.5; } .steelGradeCatalogEmpty__stock { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 11px; margin-top: 17px; color: var(--steel-grade-muted); font-size: 11px; line-height: 1.35; } .steelGradeCatalogEmpty__stockLabel { display: inline-flex; align-items: center; gap: 7px; color: #3f7447; font-weight: 700; } .steelGradeCatalogEmpty__stockLabel i { width: 7px; height: 7px; border-radius: 50%; background: #34a340; box-shadow: 0 0 0 3px rgba(52, 163, 64, .10); } .steelGradeCatalogEmpty__optionFooter { display: flex; min-height: 34px; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; } .steelGradeCatalogEmpty__optionFooter strong { color: var(--steel-grade-ink); font-size: 14px; font-weight: 800; line-height: 1.35; } .steelGradeCatalogEmpty__optionFooter > span { color: var(--steel-grade-muted); font-size: 11px; } .steelGradeCatalogEmpty__arrow { display: inline-flex; align-items: center; justify-content: center; padding: 3px 0 3px 8px; color: #333a40 !important; font-size: 17px; line-height: 1; text-decoration: none; transition: border-color .18s ease, color .18s ease, transform .18s ease; } .steelGradeCatalogEmpty__arrow:hover, .steelGradeCatalogEmpty__arrow:focus-visible { color: var(--steel-grade-accent-dark) !important; outline: none; transform: translateX(2px); } .steelGradeCatalogEmpty__note { margin: 24px 0 0; padding-top: 14px; border-top: 1px solid var(--steel-grade-line); color: #858d94; font-size: 11px; line-height: 1.5; } .steelGradeCatalogEmpty__fallback { padding: 22px; border: 1px solid var(--steel-grade-line); border-radius: 9px; background: #f7f8f8; } .steelGradeCatalogEmpty__fallback p { margin: 0; color: var(--steel-grade-muted); font-size: 13px; line-height: 1.55; } .steelGradeCatalogEmpty__fallback a { display: inline-block; margin-top: 12px; color: var(--steel-grade-accent-dark) !important; font-size: 12px; font-weight: 800; } @media (max-width: 1180px) { .steelGrade__hero { grid-template-columns: 1fr; } .steelGrade__meta { grid-template-columns: repeat(2, minmax(0, 1fr)); } .steelGrade__facts { grid-template-columns: repeat(3, minmax(0, 1fr)); } .steelGradeCatalogEmpty { grid-template-columns: minmax(230px, .62fr) minmax(0, 1.7fr); } .steelGradeCatalogEmpty__status, .steelGradeCatalogEmpty__alternatives { padding: 24px; } .steelGradeCatalogEmpty__option { padding-right: 16px; padding-left: 16px; } } @media (max-width: 820px) { .steelGrade__heroGrid { grid-template-columns: minmax(0, 1fr); gap: 22px; } .steelGrade__snapshot { display: grid; grid-template-columns: minmax(180px, .7fr) minmax(260px, 1.3fr); grid-template-rows: auto 1fr; align-items: start; gap: 16px 24px; } .steelGrade__snapshotEyebrow { grid-column: 1; grid-row: 1; margin-bottom: 0; } .steelGrade__snapshotCount, .steelGrade__snapshotEmpty { grid-column: 1; grid-row: 2; } .steelGrade__snapshotFacts { grid-column: 2; grid-row: 1 / span 2; margin-top: 0; } .steelGrade__snapshotHint { grid-column: 2; grid-row: 1 / span 2; align-self: center; margin-top: 0; } .steelGrade__snapshotAction { grid-column: 1 / -1; grid-row: 3; margin-top: 2px; } .steelGrade__chemistry { grid-template-columns: repeat(4, minmax(0, 1fr)); } .steelGrade__detailGrid, .steelGrade__sourceGrid { grid-template-columns: 1fr; } .steelGrade__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .steelGradeCatalogEmpty { grid-template-columns: minmax(0, 1fr); } .steelGradeCatalogEmpty__status { border-right: 0; border-bottom: 1px solid var(--steel-grade-line); } .steelGradeCatalogEmpty__actions { grid-template-columns: minmax(190px, .65fr) minmax(0, 1fr); align-items: center; margin-top: 0; } } @media (max-width: 620px) { .steelGrade--summary { margin: 14px 0 22px; } .steelGrade__hero { display: flex; flex-direction: column; gap: 10px; } .steelGrade__profileVisual { padding: 8px 0; } .steelGrade__intro { padding: 20px 17px; } .steelGrade__heroGrid { gap: 18px; } .steelGrade__snapshot { display: block; padding: 18px; } .steelGrade__snapshotCount { font-size: 27px; } .steelGrade__snapshotFacts { margin-top: 18px; } .steelGrade__snapshotAction { margin-top: 16px; } .steelGrade__passportFacts { grid-template-columns: minmax(0, 1fr); gap: 13px; margin-top: 22px; padding-top: 17px; } .steelGrade__passportFacts > div, .steelGrade__passportFacts > div:first-child { padding: 0; } .steelGrade__passportFacts > div + div { padding-top: 13px; border-top: 1px solid var(--steel-grade-line); border-left: 0; } .steelGrade__brandLockup { min-height: 54px; gap: 14px; margin-bottom: 17px; } .steelGrade__brandLogo { max-width: 145px; min-height: 38px; flex-basis: 145px; } .steelGrade__brandLogo img { max-height: 50px; } .steelGrade__brandLogo--text { font-size: 17px; } .steelGrade__gradeMark { min-height: 44px; padding-left: 14px; font-size: 30px; } .steelGrade__lead { font-size: 15px; line-height: 1.55; } .steelGrade__meta { grid-template-columns: repeat(2, minmax(0, 1fr)); } .steelGrade--details { margin-top: 32px; padding-bottom: 84px; } .steelGrade__detailsBody { gap: 10px; } .steelGrade__description { grid-template-columns: 1fr; gap: 0; padding: 18px 12px; border: 0; border-radius: 0; } .steelGrade__storyGrid .steelGrade__description.is-carousel-ready { height: 560px; height: min(560px, calc(100svh - 32px)); padding: 18px 16px; border: 1px solid var(--steel-grade-line); border-radius: 12px; } .steelGrade__descriptionControls { gap: 10px; margin-top: 12px; padding-top: 10px; } .steelGrade__descriptionHeader { margin-bottom: 16px; } .steelGrade__descriptionHeader h2 { font-size: 20px; } .steelGrade__block { padding: 20px 12px; border-radius: 9px; } .steelGrade__blockHeader { align-items: flex-start; margin-bottom: 15px; } .steelGrade__blockHeaderAside { align-items: flex-start; gap: 8px; } .steelGrade__blockHeaderAside > span { max-width: 90px; text-align: right; } .steelGrade__sectionIcon, .steelGrade__sectionIcon--chemistry, .steelGrade__sectionIcon--tests, .steelGrade__sectionIcon--heat, .steelGrade__sectionIcon--workshop { inset: 0; width: 100%; height: 100%; opacity: .065; transform: none; } .steelGrade__sectionIcon--tests { opacity: .05; } .steelGrade__blockHeader h3 { font-size: 20px; } .steelGrade__chemistry { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; } .steelGrade__componentChemistry { gap: 10px; } .steelGrade__componentChemistryRow { padding: 12px; } .steelGrade__componentChemistryGrid { grid-template-columns: repeat(var(--steel-grade-component-columns), minmax(108px, 1fr)); gap: 6px; scroll-snap-type: x proximity; } .steelGrade__componentChemistryGrid > * { scroll-snap-align: start; } .steelGrade__chemistryInfo { margin: 8px 0 2px; padding: 17px 50px 17px 15px; } .steelGrade__chemicalAnalogs { flex-direction: column; gap: 12px; } .steelGrade__chemicalAnalogs ul { justify-content: flex-start; } .steelGrade__chemicalRelationGroup { width: 100%; } .steelGrade__analogPanel { padding: 14px 10px 10px; } .steelGrade__analogPanel > header { display: block; } .steelGrade__analogPanel > header span { display: block; margin-top: 4px; } .steelGrade__technicalList, .steelGrade__workshop .steelGrade__technicalList, .steelGrade__facts { grid-template-columns: 1fr; } .steelGrade__sourceGroup { padding: 14px; } .steelGrade__sourceGroupHeader { grid-template-columns: 36px minmax(0, 1fr) auto; gap: 9px; } .steelGrade__sourceGroupIcon { width: 36px; height: 36px; } .steelGrade__linkList--documents a { grid-template-columns: 38px minmax(0, 1fr) 20px; gap: 10px; padding: 11px; } .steelGrade__linkAction > span { display: none; } .steelGrade__linkList--sources li { padding-left: 29px; } .steelGradeCatalogEmpty { margin: 18px 0 30px; border-radius: 10px; } .steelGradeCatalogEmpty__status, .steelGradeCatalogEmpty__alternatives { padding: 20px 17px; } .steelGradeCatalogEmpty h2 { font-size: 21px; } .steelGradeCatalogEmpty__actions { grid-template-columns: minmax(0, 1fr); gap: 11px; padding-top: 20px; } .steelGradeCatalogEmpty__grid { grid-template-columns: minmax(0, 1fr); } .steelGradeCatalogEmpty__option, .steelGradeCatalogEmpty__option:first-child, .steelGradeCatalogEmpty__option:last-child { padding: 17px 0; } .steelGradeCatalogEmpty__option:first-child { padding-top: 0; } .steelGradeCatalogEmpty__option + .steelGradeCatalogEmpty__option { border-top: 1px solid var(--steel-grade-line); border-left: 0; } .steelGradeCatalogEmpty__category, .steelGradeCatalogEmpty__option > p { min-height: 0; } .steelGradeCatalogEmpty__stock { margin-top: 13px; } .steelGradeCatalogEmpty__note { margin-top: 10px; } } .steelGrade__testIntroduction { max-width: 880px; margin: -4px 0 20px; color: #4e5c54; font-size: 14px; line-height: 1.65; } .steelGrade__testSeriesList, .steelGrade__testCards { display: grid; gap: 14px; } .steelGrade__testSeries { overflow: hidden; border: 1px solid #d5ddd9; border-radius: 11px; background: rgba(252, 253, 252, .98); } .steelGrade__testSeriesHeader { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 16px 18px; border-bottom: 1px solid #dce2df; background: #f4f6f5; } .steelGrade__testSeriesHeader > div { min-width: 0; } .steelGrade__testSeriesHeader strong { display: block; overflow-wrap: anywhere; font-size: 14px; line-height: 1.4; } .steelGrade__testSeriesHeader > span { flex: 0 0 auto; color: #5d6a62; font-size: 12px; line-height: 1.4; } .steelGrade__testMethod { display: block; margin-bottom: 4px; color: #657169; font-size: 10px; font-weight: 800; letter-spacing: .075em; line-height: 1.35; text-transform: uppercase; } .steelGrade__testCards { padding: 14px; } .steelGrade__testCard { overflow: hidden; border: 1px solid #d9e0dc; border-radius: 9px; background: #fff; } .steelGrade__testResult { display: flex; align-items: stretch; justify-content: space-between; gap: 20px; padding: 18px; } .steelGrade__testResult > div { display: flex; min-width: 0; flex-direction: column; gap: 4px; } .steelGrade__testResult span { color: var(--steel-grade-muted); font-size: 10px; font-weight: 700; letter-spacing: .055em; line-height: 1.35; text-transform: uppercase; } .steelGrade__testResult strong { color: #1f5e3c; font-size: 26px; font-variant-numeric: tabular-nums; font-weight: 820; letter-spacing: -.035em; line-height: 1.1; } .steelGrade__testHardness { align-items: flex-end; padding-left: 20px; border-left: 1px solid #e3e8e5; text-align: right; } .steelGrade__testHardness strong { color: var(--steel-grade-ink); font-size: 20px; } .steelGrade__testBadges { display: flex; flex-wrap: wrap; gap: 7px; padding: 0 18px 16px; } .steelGrade__testBadges span { display: inline-flex; min-height: 25px; align-items: center; padding: 4px 8px; border: 1px solid #d4ded8; border-radius: 999px; background: #f5f8f6; color: #526158; font-size: 10px; font-weight: 700; line-height: 1.3; } .steelGrade__testBadges .is-partial { border-color: #ead7ac; background: #fff8e8; color: #80642b; } .steelGrade__testBadges .is-complete { border-color: #bcdac8; background: #edf8f1; color: #276943; } .steelGrade__testDetails { border-top: 1px solid #d8dfdb; } .steelGrade__testDetails summary { display: flex; min-height: 46px; align-items: center; justify-content: center; gap: 10px; padding: 12px 18px; color: #38443d; cursor: pointer; font-size: 14px; font-weight: 750; line-height: 1.4; list-style: none; } .steelGrade__testDetails summary::-webkit-details-marker { display: none; } .steelGrade__testDetails summary:focus-visible { outline: 2px solid var(--steel-grade-accent); outline-offset: -3px; } .steelGrade__testDetailsLabel { min-width: 0; flex: 0 1 auto; text-align: center; } .steelGrade__testDetailsMarker { display: inline-flex; width: 30px; height: 30px; flex: 0 0 30px; align-items: center; justify-content: center; animation: steelGradeTestDetailsMarker 1.25s ease-in-out infinite; } .steelGrade__testDetailsMarker img { width: 22px; height: 22px; transform: rotate(90deg); transition: transform .2s ease; } .steelGrade__testDetails[open] .steelGrade__testDetailsMarker { animation: none; } .steelGrade__testDetails[open] .steelGrade__testDetailsMarker img { transform: rotate(-90deg); } @keyframes steelGradeTestDetailsMarker { 0%, 100% { transform: translateY(-2px); } 50% { transform: translateY(3px); } } .steelGrade__testFacts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 0 18px 16px; overflow: hidden; border: 1px solid #e1e7e3; border-radius: 8px; background: #e1e7e3; } .steelGrade__testFacts > div { min-width: 0; padding: 11px 12px; background: #fff; } .steelGrade__testFacts dt { margin: 0 0 4px; color: var(--steel-grade-muted); font-size: 9px; font-weight: 700; letter-spacing: .045em; line-height: 1.35; text-transform: uppercase; } .steelGrade__testFacts dd { margin: 0; overflow-wrap: anywhere; color: #39433d; font-size: 12px; font-weight: 650; line-height: 1.5; } .steelGrade__testSource { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 0 18px 18px; color: #276943; font-size: 12px; font-weight: 750; line-height: 1.4; text-decoration: underline; text-decoration-color: rgba(39, 105, 67, .35); text-underline-offset: 3px; } .steelGrade__testSource::after { content: '↗'; } .steelGrade__testSource span { margin-left: auto; color: var(--steel-grade-muted); font-size: 10px; font-weight: 600; } .steelGrade__testSource:hover, .steelGrade__testSource:focus-visible { color: #17482d; outline: none; text-decoration-color: currentColor; } .steelGrade__testWarning { margin: 16px 0 0; padding: 13px 15px; border-left: 3px solid #c38a22; border-radius: 0 8px 8px 0; background: rgba(255, 248, 232, .94); color: #67542f; font-size: 12px; line-height: 1.55; } /* CATRA evidence card: desktop report with compact responsive disclosure. */ .steelGrade__testIntroduction { max-width: 980px; margin: 0; color: #4d5952; font-size: 14px; line-height: 1.65; } .steelGrade__testIntroductionRow { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: -2px 0 24px; } .steelGrade__testRatingLink { display: inline-flex; min-height: 42px; flex: 0 0 auto; align-items: center; gap: 9px; padding: 9px 14px; border: 1px solid #bad0c2; border-radius: 7px; background: #f5f9f6; color: #17613a; font-size: 12px; font-weight: 750; line-height: 1.35; text-decoration: none; transition: border-color .16s ease, background-color .16s ease, color .16s ease; } .steelGrade__testRatingLink img { width: 17px; height: 17px; transform: none; } .steelGrade__testRatingLink:hover, .steelGrade__testRatingLink:focus-visible { border-color: #77a88a; background: #eaf4ed; color: #0d4b2b; outline: none; } .steelGrade__testSeriesList, .steelGrade__testCards { gap: 16px; } .steelGrade__testSeries { border-color: #d5ddd9; border-radius: 12px; background: rgba(252, 253, 252, .98); } .steelGrade__testSeriesHeader { align-items: center; padding: 18px 22px; border-bottom-color: #dce2df; background: #f4f6f5; } .steelGrade__testSeriesHeader strong { font-size: 14px; font-weight: 760; line-height: 1.45; } .steelGrade__testSeriesHeader > span { color: #4e5a53; font-size: 12px; } .steelGrade__testMethod { margin-bottom: 5px; color: #657169; font-size: 9px; letter-spacing: .085em; } .steelGrade__testCards { padding: 14px; } .steelGrade__testCard { border-color: #d9e0dc; border-radius: 10px; box-shadow: 0 8px 24px rgba(42, 51, 46, .04); } .steelGrade__testSummary { display: grid; grid-template-columns: minmax(320px, .75fr) minmax(510px, 1.25fr); align-items: center; gap: 28px; padding: 22px 24px; } .steelGrade__testMetrics { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(130px, .85fr); align-items: stretch; gap: 20px; } .steelGrade__testMetric { display: flex; min-width: 0; flex-direction: column; justify-content: center; gap: 5px; } .steelGrade__testMetric > span { color: var(--steel-grade-muted); font-size: 9px; font-weight: 750; letter-spacing: .065em; line-height: 1.35; text-transform: uppercase; } .steelGrade__testMetric > strong { color: #1d673f; font-size: clamp(24px, 2vw, 30px); font-variant-numeric: tabular-nums; font-weight: 820; letter-spacing: -.04em; line-height: 1.08; } .steelGrade__testHardness { align-items: flex-start; justify-content: center; padding-left: 22px; border-left-color: #e0e6e2; text-align: left; } .steelGrade__testHardness > strong { color: #17251d; font-size: clamp(21px, 1.55vw, 25px); } .steelGrade__testStatuses { display: grid; min-width: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; } .steelGrade__testStatuses li { display: grid; min-width: 0; min-height: 48px; grid-template-columns: 24px minmax(0, 1fr); align-items: center; gap: 9px; padding: 4px 18px; border-left: 1px solid #e1e7e3; color: #4c5851; font-size: 11px; font-weight: 650; line-height: 1.45; } .steelGrade__testStatuses img { width: 23px; height: 23px; } .steelGrade__testStatuses .is-partial { color: #745b29; } .steelGrade__testStatuses .is-complete { color: #285f42; } .steelGrade__testDisclosure { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: start; gap: 12px; margin: 0 14px 14px; padding: 14px 16px; border: 1px solid #e8d3a9; border-left: 3px solid #c67f0b; border-radius: 7px; background: #fff8e9; } .steelGrade__testDisclosure > img { width: 26px; height: 26px; } .steelGrade__testDisclosure strong { color: #594117; font-size: 12px; font-weight: 780; } .steelGrade__testDisclosure p { margin: 4px 0 7px; color: #66583f; font-size: 11px; line-height: 1.55; } .steelGrade__testDisclosure a { display: inline-flex; align-items: center; gap: 5px; color: #21683f; font-size: 11px; font-weight: 720; text-decoration: underline; text-decoration-color: rgba(33, 104, 63, .35); } .steelGrade__testDisclosure a img { width: 13px; height: 13px; } .steelGrade__testDetails { border-top-color: #d8dfdb; } .steelGrade__testDetails summary { min-height: 54px; padding: 13px 18px; background: #eef1ef; box-shadow: inset 0 1px 0 rgba(51, 65, 56, .12), inset 0 -1px 0 rgba(51, 65, 56, .12); color: #26342c; font-size: 14px; font-weight: 760; transition: background-color .16s ease, box-shadow .16s ease; } .steelGrade__testDetails summary:hover { background: #e3e9e5; box-shadow: inset 0 1px 0 rgba(51, 65, 56, .17), inset 0 -1px 0 rgba(51, 65, 56, .17); } .steelGrade__testDetails summary:active { background: #d8e1db; } .steelGrade__testDetails[open] summary { background: #f6f8f6; box-shadow: inset 0 -1px 0 rgba(51, 65, 56, .13); } .steelGrade__testDetailsBody { padding: 22px 18px 18px; } .steelGrade__testFactColumns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; } .steelGrade__testFactGroup { min-width: 0; padding: 0 26px 0 0; } .steelGrade__testFactGroup + .steelGrade__testFactGroup { padding: 0 0 0 26px; border-left: 1px solid #dfe5e1; } .steelGrade__testFactGroup > header { display: flex; min-height: 42px; align-items: center; gap: 11px; margin-bottom: 10px; } .steelGrade__testFactGroup h4, .steelGrade__testUncertainty h4, .steelGrade__testSourcePanel h4 { margin: 0; color: #175f3a; font-size: 14px; font-weight: 780; line-height: 1.35; } .steelGrade__testFactIcon { display: inline-flex; width: 38px; height: 38px; flex: 0 0 38px; align-items: center; justify-content: center; border-radius: 50%; background: #edf6f0; } .steelGrade__testFactIcon img { width: 22px; height: 22px; } .steelGrade__testFactList { margin: 0; } .steelGrade__testFactList > div { display: grid; min-width: 0; grid-template-columns: minmax(126px, .72fr) minmax(0, 1.28fr); gap: 16px; padding: 9px 0; border-bottom: 1px dashed #dfe4e1; } .steelGrade__testFactList > div:last-child { border-bottom: 0; } .steelGrade__testFactList dt, .steelGrade__testFactList dd { margin: 0; overflow-wrap: anywhere; } .steelGrade__testFactList dt { color: #727b75; font-size: 11px; font-weight: 620; line-height: 1.5; } .steelGrade__testFactList dd { color: #2b352f; font-size: 11px; font-weight: 650; line-height: 1.5; } .steelGrade__testEvidence { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr); margin-top: 18px; overflow: hidden; border: 1px solid #eadfca; border-left: 3px solid #d08b13; border-radius: 7px; background: #fff9ed; } .steelGrade__testEvidence.is-source-only { grid-template-columns: minmax(0, 1fr); } .steelGrade__testUncertainty, .steelGrade__testSourcePanel { display: grid; min-width: 0; grid-template-columns: 30px minmax(0, 1fr); align-items: start; gap: 12px; padding: 16px 18px; } .steelGrade__testSourcePanel { border-left: 1px solid #eadfca; } .steelGrade__testEvidence.is-source-only .steelGrade__testSourcePanel { border-left: 0; } .steelGrade__testUncertainty > img, .steelGrade__testSourcePanel > img { width: 27px; height: 27px; } .steelGrade__testUncertainty h4, .steelGrade__testSourcePanel h4 { color: #263a2e; font-size: 12px; } .steelGrade__testUncertainty p { margin: 5px 0 0; color: #5f5647; font-size: 11px; line-height: 1.55; } .steelGrade__testSourceHost, .steelGrade__testSource { display: inline-flex; align-items: center; gap: 6px; color: #435047; font-size: 11px; line-height: 1.45; text-decoration: none; } .steelGrade__testSourceHost { margin-top: 5px; } .steelGrade__testSource { margin: 10px 0 0; color: #21683f; font-weight: 720; text-decoration: underline; text-decoration-color: rgba(33, 104, 63, .35); text-underline-offset: 3px; } .steelGrade__testSource::after { content: none; } .steelGrade__testSourceHost img, .steelGrade__testSource img { width: 12px; height: 12px; opacity: .72; } .steelGrade__testSourceHost:hover, .steelGrade__testSourceHost:focus-visible, .steelGrade__testSource:hover, .steelGrade__testSource:focus-visible { color: #17482d; outline: none; text-decoration-color: currentColor; } .steelGrade__testWarning { margin-top: 14px; padding: 12px 14px; border-left-color: #d08b13; background: #fff8e9; color: #62533a; font-size: 11px; } @media (max-width: 1180px) { .steelGrade__testSummary { grid-template-columns: minmax(0, 1fr); gap: 20px; } .steelGrade__testStatuses li:first-child { border-left: 0; } } @media (max-width: 820px) { .steelGrade__testFactColumns, .steelGrade__testEvidence { grid-template-columns: minmax(0, 1fr); } .steelGrade__testFactGroup, .steelGrade__testFactGroup + .steelGrade__testFactGroup { padding: 0; border-left: 0; } .steelGrade__testFactGroup + .steelGrade__testFactGroup { margin-top: 22px; padding-top: 20px; border-top: 1px solid #dfe5e1; } .steelGrade__testSourcePanel { border-top: 1px solid #eadfca; border-left: 0; } } @media (max-width: 620px) { .steelGrade__testIntroductionRow { align-items: stretch; flex-direction: column; gap: 12px; margin-bottom: 18px; } .steelGrade__testIntroduction { font-size: 13px; } .steelGrade__testRatingLink { justify-content: space-between; } .steelGrade__testSeriesHeader { align-items: flex-start; flex-direction: column; gap: 7px; padding: 15px; } .steelGrade__testCards { padding: 8px; } .steelGrade__testSummary { gap: 16px; padding: 17px 15px; } .steelGrade__testMetrics { grid-template-columns: minmax(0, 1fr); gap: 14px; } .steelGrade__testHardness { padding: 13px 0 0; border-top: 1px solid #e0e6e2; border-left: 0; } .steelGrade__testStatuses { grid-template-columns: minmax(0, 1fr); gap: 0; } .steelGrade__testStatuses li { min-height: 42px; padding: 8px 0; border-top: 1px solid #e1e7e3; border-left: 0; } .steelGrade__testDetails summary { padding: 12px 15px; } .steelGrade__testDetailsMarker { width: 28px; height: 28px; flex-basis: 28px; } .steelGrade__testDetailsMarker img { width: 20px; height: 20px; } .steelGrade__testDetailsBody { padding: 18px 14px 14px; } .steelGrade__testFactList > div { grid-template-columns: minmax(0, 1fr); gap: 3px; padding: 10px 0; } .steelGrade__testUncertainty, .steelGrade__testSourcePanel { padding: 14px; } } @media (prefers-reduced-motion: reduce) { .steelGrade__testDetails summary { transition: none; } .steelGrade__testDetailsMarker { animation: none; } .steelGrade__testDetailsMarker img { transition: none; } } @media (max-width: 360px) { .steelGrade__brandLockup { gap: 10px; } .steelGrade__brandLogo { max-width: 112px; flex-basis: 112px; } .steelGrade__gradeMark { padding-left: 10px; font-size: 26px; } .steelGrade__meta { grid-template-columns: 1fr; } } /* End */ /* Start:/bitrix/templates/dresscode/components/bitrix/catalog.comments/product_questions/style.min.css?178506135321397*/ .blog-comment-fields { margin-bottom: 24px; } .bx_soc_comments_div { margin-bottom: 24px; } .item_comments { display: block; padding-left: 0; } .item_comments li { display: block; padding-bottom: 10px; } .item_comments_username { display: inline-block; color: #5d90bd; font-size: 14px; } .item_comments_date { display: inline-block; color: #b8b8b8; font-size: 14px; margin-left: 10px; } .item_comments_container p { margin-top: 5px; color: #3f3f3f; font-size: 14px; } div.blog-comment-form { width: 100% !important; } div.blog-comment .blog-author { font-size: 0.85em; } .blog-comment-content { font-size: 13px; overflow: hidden !important; padding-top: 0 !important; } div.blog-comment-buttons input { font-size: 14px !important; padding: 12px 8px 10px; min-width: 126px; } .blog-post-rating { padding: 10px 0 0 0; } @media (max-width: 540px) { .bx_soc_comments_div .bx-catalog-tab-list li a { font-size: 11px; } } .bx_soc_comments_div.bx_important .bx_medium.bx_bt_button, .bx_soc_comments_div.bx_important .bx_medium.bx_bt_button_type_2 { padding: 0 13px; height: 25px; font-weight: bold; line-height: 25px; } .bx_soc_comments_div.bx_important .bx_medium.bx_bt_button { height: 27px; line-height: 27px; } .bx_soc_comments_div.bx_important .bx_medium.bx_bt_button:hover { } .bx_soc_comments_div.bx_important .bx_medium.bx_bt_button:active { } .bx_soc_comments_div.bx_important .bx_medium.bx_bt_button_type_2 { font-weight: bold; } .bx_soc_comments_div.bx_important .bx_medium.bx_bt_button_type_2:hover { } .bx_soc_comments_div.bx_important .bx_medium.bx_bt_button_type_2:active { } .bx_soc_comments_div.bx_important .blog-comment-nav { } .bx_soc_comments_div.bx_important .blog-comment-nav a, .bx_soc_comments_div.bx_important .blog-comment-nav a:link, .bx_soc_comments_div.bx_important .blog-comment-nav a:visited, .bx_soc_comments_div.bx_important .blog-comment-info a, .bx_soc_comments_div.bx_important .blog-comment-info a:link, .bx_soc_comments_div.bx_important .blog-comment-info a:visited { text-decoration: none; color: #969696 !important; } .bx_soc_comments_div.bx_important .blog-comment-nav a:hover, .bx_soc_comments_div.bx_important .blog-comment-nav a:active, .bx_soc_comments_div.bx_important .blog-comment-info a:hover, .bx_soc_comments_div.bx_important .blog-comment-info a:active { text-decoration: underline; color: #969696 !important; } .bx_soc_comments_div.bx_important .blog-comment-info a, .bx_soc_comments_div.bx_important .blog-comment-info a:link, .bx_soc_comments_div.bx_important .blog-comment-info a:visited { font-size: 0.85em; } .bx_soc_comments_div.bx_important .blog-comment-info a:hover, .bx_soc_comments_div.bx_important .blog-comment-info a:active { font-size: 0.85em; } .bx_soc_comments_div .bx-catalog-tab-section-container { position: relative; } .similar-to-a-similar { text-align: left; padding: 0; margin: 16px 0; } .bx_soc_comments_div .bx-catalog-tab-list { display: inline-block; text-align: left; padding: 0; vertical-align: middle; margin: 0 66px 0 0; } .open-form-with-comments { display: inline-block; vertical-align: middle; margin-top: 4px; } /* BLADES CUSTOMIZATION: PRODUCT QUESTION FORM START */ .productQuestionAddButton { cursor: pointer; } /* BLADES CUSTOMIZATION: PRODUCT QUESTION FORM END */ .bx_soc_comments_div .bx-catalog-tab-list li { vertical-align: bottom; border: 1px solid #d9e1e3; border-bottom: none; display: inline-block; border-radius: 3px 3px 0 0; background: #f7f7f7; box-shadow: inset 0 -10px 5px -10px rgba(0, 0, 0, 0.12); } .bx_soc_comments_div .bx-catalog-tab-section-container .bx-catalog-tab-list li:before { content: none; } .bx_soc_comments_div .bx-catalog-tab-list li a, .bx_soc_comments_div .bx-catalog-tab-list li > span { display: block; cursor: pointer; line-height: 30px; height: 30px; color: #999; text-decoration: none; font-size: 13px; padding: 0 20px; box-shadow: none; } .bx_soc_comments_div .bx-catalog-tab-list li:hover, .bx_soc_comments_div .bx-catalog-tab-list li.active { background: #fff; } .bx_soc_comments_div .bx-catalog-tab-list li.active a, .bx_soc_comments_div .bx-catalog-tab-list li.active > span { background: #fff; line-height: 35px; height: 35px; color: #3f3f3f; position: relative; bottom: -2px; } .bx_soc_comments_div .bx-catalog-tab-body-container .bx-catalog-tab-container > div.tab-off { opacity: 0; height: 0; overflow: hidden; -webkit-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .bx_soc_comments_div .bx-catalog-tab-body-container .bx-catalog-tab-container > div { opacity: 1; -webkit-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; padding: 0 10px; } .bx_soc_comments_div .bx-catalog-tab-body-container .bx-catalog-tab-container .hidden { display: none; } .bx_soc_comments_div .bx-catalog-tab-body-container .bx-catalog-tab-container-no-padding > div { padding: 0; } .bx-catalog-tab-container-no-padding div.blog-textinfo { margin: 16px 0; } .bx-catalog-tab-section-container div.bx-html-editor { z-index: 2; } /* BLADES CUSTOMIZATION: PRODUCT QUESTIONS LAYOUT START */ #catalogQuestions { margin-top: 24px; overflow: hidden; } #catalogQuestions > .heading { padding: 36px 24px; font-weight: 800; font-size: 20px; font-family: robotobold; letter-spacing: 1px; text-transform: uppercase; border-top: 1px solid #e7e8ea; } #catalogQuestions > .heading .productQuestionAddButton { 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; } #catalogQuestions > .heading .productQuestionAddButton:active { position: relative; top: 1px; } #catalogQuestions .productQuestionsCount { white-space: nowrap; } #catalogQuestions .catalogQuestionsContainer, #catalogQuestions .bx_soc_comments_div, #catalogQuestions .bx-catalog-tab-section-container, #catalogQuestions .bx-catalog-tab-body-container, #catalogQuestions .bx-catalog-tab-container { box-sizing: border-box; width: 100%; } #catalogQuestions .bx_soc_comments_div { margin: 0; } #catalogQuestions .productQuestionsServiceTabs { display: none !important; } #catalogQuestions .bx-catalog-tab-body-container { padding: 0 24px 24px; } #catalogQuestions .bx-catalog-tab-container > .tab-off, #catalogQuestions .bx-catalog-tab-container > .hidden { display: none; } #catalogQuestions .bx-catalog-tab-container > div:not(.tab-off):not(.hidden) { display: block; } #catalogQuestions .blog-comment-line { margin-right: 0; border-color: #f0f0f0; } #catalogQuestions .blog-comment { box-sizing: border-box; max-width: 100%; padding-top: 18px; padding-bottom: 18px; } #catalogQuestions .blog-comment-info, #catalogQuestions .blog-comment-content, #catalogQuestions .blog-comment-buttons { max-width: 100%; } #catalogQuestions .blog-comment-content { color: #666666; font-size: 13px; line-height: 21px; } #catalogQuestions .blog-comment-info { display: flex; align-items: baseline; flex-wrap: wrap; column-gap: 22px; row-gap: 6px; } #catalogQuestions .blog-comment-info .blog-author, #catalogQuestions .blog-comment-info .blog-comment-date { display: inline-block; vertical-align: baseline; } #catalogQuestions .blog-comment-info .blog-author { color: #22262a; font-family: "robotobold"; font-size: 16px; font-weight: 700; line-height: 22px; } #catalogQuestions .blog-comment-info .blog-author a, #catalogQuestions .blog-comment-info .blog-author a:link, #catalogQuestions .blog-comment-info .blog-author a:visited { color: #22262a !important; font-family: "robotobold"; font-size: 16px; font-weight: 700; line-height: 22px; text-decoration: none; } #catalogQuestions .blog-comment-info .blog-comment-date { padding-left: 0; color: #777d84; font-size: 13px; font-weight: 400; line-height: 21px; } #catalogQuestions .blog-comment-cont-white { background: #ffffff; } #catalogQuestions .product-question-root, #catalogQuestions .product-question-answer { box-sizing: border-box; } #catalogQuestions .product-question-store-answer .blog-author, #catalogQuestions .product-question-store-answer .product-question-store-name, #catalogQuestions .product-question-store-answer .blog-author a, #catalogQuestions .product-question-store-answer .blog-author a:link, #catalogQuestions .product-question-store-answer .blog-author a:visited { color: #e31b14 !important; } /* BLADES CUSTOMIZATION: THREAD SEPARATORS START */ #catalogQuestions .product-question-thread .blog-comment-line { display: none !important; } #catalogQuestions .product-question-thread + .product-question-thread { border-top: 1px solid #e1e1e1; } /* BLADES CUSTOMIZATION: THREAD SEPARATORS END */ #catalogQuestions .product-question-replies.is-collapsed, #catalogQuestions .product-question-replies.is-expanded { display: block; } #catalogQuestions .product-question-replies.is-collapsed .product-question-secondary-answer { display: none; } #catalogQuestions .product-question-replies.is-expanded .product-question-reply-item { display: block; } #catalogQuestions .product-question-replies .product-question-flat-reply { padding-left: 48px !important; } #catalogQuestions .product-question-replies .blog-comment-line { margin-left: 0 !important; } #catalogQuestions .product-question-replies [id^="new_comment_cont_"], #catalogQuestions .product-question-replies [id^="form_comment_"] { padding-left: 0 !important; } #catalogQuestions .product-question-reply-to { color: #555c64; } #catalogQuestions .product-question-reply-to strong { color: #30343a; font-family: "robotobold"; font-weight: 700; } #catalogQuestions .product-question-replies-toggle a, #catalogQuestions .product-question-replies-toggle a:link, #catalogQuestions .product-question-replies-toggle a:visited { color: #727980 !important; font-family: "robotoregular"; font-weight: 400; } #catalogQuestions .blog-comment-content { margin-top: 14px; color: #30343a; font-size: 14px; line-height: 1.55; } #catalogQuestions .blog-comment-content p { margin: 0 0 8px; } #catalogQuestions .blog-comment-content p:last-child { margin-bottom: 0; } #catalogQuestions .blog-comment-meta { margin-top: 14px; line-height: 20px; } #catalogQuestions .blog-comment-meta a, #catalogQuestions .blog-comment-meta a:link, #catalogQuestions .blog-comment-meta a:visited { color: #8a9097 !important; font-size: 14px; text-decoration: none; } #catalogQuestions .blog-comment-meta a:hover, #catalogQuestions .blog-comment-meta a:active { color: #646a71 !important; text-decoration: underline; } #catalogQuestions .no-comments-wrap { box-sizing: border-box; margin: 0; padding: 18px; background: #f8f8f8; } #catalogQuestions .blog-textinfo, #catalogQuestions .blog-errors { box-sizing: border-box; margin: 0 0 24px; } #catalogQuestions div.blog-comment-form { box-sizing: border-box; width: 100% !important; margin-top: 24px; } #catalogQuestions div.blog-comment-fields { padding: 0; background: none; } #catalogQuestions .blog-comment-field-user { box-sizing: border-box; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 24px; row-gap: 0; width: 100%; } #catalogQuestions .blog-comment-field-author, #catalogQuestions .blog-comment-field-email { box-sizing: border-box; width: auto !important; min-width: 0; margin: 0; } #catalogQuestions .blog-comment-field-author > span, #catalogQuestions .blog-comment-field-email > span, #catalogQuestions .blog-comment-field-author input, #catalogQuestions .blog-comment-field-email input { box-sizing: border-box; display: block; width: 100% !important; min-width: 0; } #catalogQuestions .blog-comment-field-user-sep { display: none !important; } #catalogQuestions .blog-comment-field-text { margin: 12px 0; font-size: 14px; } #catalogQuestions .blog-comment-field input[type="text"], #catalogQuestions .blog-comment-field input[type="email"] { box-sizing: border-box; width: 100%; height: 50px; padding: 0 12px; font-family: "roboto_ltregular"; background: #ffffff; border: 1px solid #e4e4e4; transition: all 0.2s ease-in-out; } #catalogQuestions .blog-comment-field input:focus { border-color: #cccccc; outline: none; } #catalogQuestions .feed-add-post { box-sizing: border-box; padding: 0; background: #ffffff; border: 1px solid #e4e4e4; border-radius: 0; } #catalogQuestions .feed-add-post-form, #catalogQuestions .feed-add-post-text, #catalogQuestions .bx-editor-iframe, #catalogQuestions iframe.bx-editor-iframe { box-sizing: border-box; width: 100% !important; min-height: 100px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } #catalogQuestions .blog-comment-field-captcha { margin-top: 12px; overflow: hidden; } #catalogQuestions .blog-comment-field-captcha-label, #catalogQuestions .blog-comment-field-captcha-image { display: inline-block; vertical-align: bottom; } #catalogQuestions .blog-comment-field-captcha-image { margin-left: 18px; } #catalogQuestions .blog-comment-buttons { margin-top: 12px; text-align: left; } #catalogQuestions .blog-comment-buttons .btn-simple.btn-small { box-sizing: border-box; min-width: 160px; height: 50px; padding: 0 18px; font-size: 14px; line-height: 50px; border-radius: 4px; } @media all and (max-width: 620px) { #catalogQuestions { box-sizing: border-box; margin-top: 24px; padding: 0 24px; overflow: visible; } #catalogQuestions > .heading { position: relative; margin: 0; padding: 16px; font-weight: 400; font-size: 14px; font-family: "roboto_ltregular"; line-height: 16px; text-align: left; text-transform: uppercase; background-color: #f2f2f2; border: 0; border-radius: 4px; cursor: pointer; } #catalogQuestions > .heading.active { margin-bottom: 24px; } #catalogQuestions > .heading::after { position: absolute; top: 0; right: 12px; bottom: 0; display: block; width: 25px; height: 25px; margin: auto; background-color: #ffffff; background-image: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/mobile-tab-show.png"); background-repeat: no-repeat; background-position: 50% 50%; border-radius: 25px; content: ""; } #catalogQuestions > .heading.active::after { background-image: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/mobile-tab-hide.png"); } #catalogQuestions > .heading .productQuestionAddButton { display: block; width: max-content; max-width: calc(100% - 42px); margin: 8px 42px 0 0; font-size: 12px; line-height: 16px; } #catalogQuestions .catalogQuestionsContainer { display: none; } #catalogQuestions .bx-catalog-tab-body-container { padding: 0 0 24px; } #catalogQuestions .blog-comment { padding-top: 16px; padding-bottom: 16px; } #catalogQuestions .blog-comment-info { column-gap: 12px; row-gap: 4px; } #catalogQuestions .blog-comment-info .blog-author { font-size: 15px; line-height: 21px; } #catalogQuestions .blog-comment-info .blog-comment-date { padding-left: 0; font-size: 12px; line-height: 20px; } #catalogQuestions .blog-comment-content { margin-top: 10px; font-size: 14px; line-height: 1.5; } #catalogQuestions .blog-comment-meta { margin-top: 10px; } #catalogQuestions .blog-comment-meta a, #catalogQuestions .blog-comment-meta a:link, #catalogQuestions .blog-comment-meta a:visited { font-size: 12px; } #catalogQuestions .product-question-replies .product-question-flat-reply { padding-left: 20px !important; } #catalogQuestions .product-question-reply-to { display: inline; } #catalogQuestions .blog-comment-field-user { display: block; } #catalogQuestions .blog-comment-field-author, #catalogQuestions .blog-comment-field-email { width: 100%; } #catalogQuestions .blog-comment-field-captcha-label, #catalogQuestions .blog-comment-field-captcha-image { display: block; } #catalogQuestions .blog-comment-field-captcha-image { margin: 12px 0 0; } #catalogQuestions .blog-comment-buttons .btn-simple.btn-small { width: 100%; } } /* BLADES CUSTOMIZATION: PRODUCT QUESTIONS LAYOUT END */ /* BLADES CUSTOMIZATION: PRODUCT QUESTION GUEST FORM START */ #catalogQuestions .product-question-form { box-sizing: border-box; margin-top: 24px; padding: 24px; background: #fafafa; border: 1px solid #eeeeee; border-radius: 4px; } #catalogQuestions .product-question-form .blog-comment-fields { margin: 0; } #catalogQuestions .product-question-form .blog-comment-field-user { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; width: 100%; } #catalogQuestions .product-question-form .blog-comment-field-author, #catalogQuestions .product-question-form .blog-comment-field-email, #catalogQuestions .product-question-form .blog-comment-field > span { box-sizing: border-box; display: block; width: 100%; min-width: 0; } #catalogQuestions .product-question-form .blog-comment-field-text { margin: 0 0 8px; color: #454545; font-size: 13px; line-height: 18px; } #catalogQuestions .product-question-form .blog-comment-field input[type="text"], #catalogQuestions .product-question-form .blog-comment-field input[type="email"] { height: 46px; font-size: 14px; } #catalogQuestions .product-question-form .feed-add-post-form, #catalogQuestions .product-question-form .feed-add-post-text, #catalogQuestions .product-question-form .bx-editor-iframe, #catalogQuestions .product-question-form iframe.bx-editor-iframe { min-height: 170px !important; } #catalogQuestions .product-question-form .blog-comment-field-captcha { margin-top: 16px; } #catalogQuestions .product-question-form .blog-comment-buttons { margin-top: 14px; } #catalogQuestions .blog-errors.blog-note-error { margin: 0 0 16px; padding: 12px 16px; color: #f44336; background: #fffafa; border: 1px solid #ffd6d2; } #catalogQuestions .blog-errors.blog-note-error .blog-error-text { font-size: 14px; line-height: 20px; } #catalogQuestions.is-question-form-open > .heading .productQuestionAddButton { color: #666666; border-bottom-color: #666666; } #catalogQuestions form.product-question-submit-form { position: relative; } #catalogQuestions .product-question-submit-overlay { position: absolute; z-index: 50; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; visibility: hidden; opacity: 0; background: rgba(255, 255, 255, 0.78); backdrop-filter: blur(1px); transition: opacity 0.18s ease, visibility 0.18s ease; pointer-events: none; } #catalogQuestions form.product-question-submit-form.is-submitting .product-question-submit-overlay { visibility: visible; opacity: 1; pointer-events: auto; } #catalogQuestions .product-question-knife-loader { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; min-width: 120px; min-height: 86px; padding-top: 52px; color: #66748a; } #catalogQuestions .product-question-knife-loader__blade { --blade-angle: 0deg; position: absolute; top: 22px; left: 50%; display: block; width: 19px; height: 5px; margin-left: 4px; background: currentColor; clip-path: polygon(0 16%, 72% 16%, 100% 50%, 72% 84%, 0 84%, 12% 50%); transform-origin: -8px 50%; animation: productQuestionKnifeSpin 1.05s linear infinite; } #catalogQuestions .product-question-knife-loader__blade::before { content: ""; position: absolute; left: -5px; top: 1px; width: 6px; height: 3px; border-radius: 1px; background: #2f3948; } #catalogQuestions .product-question-knife-loader__blade:nth-child(1) { --blade-angle: 0deg; } #catalogQuestions .product-question-knife-loader__blade:nth-child(2) { --blade-angle: 120deg; } #catalogQuestions .product-question-knife-loader__blade:nth-child(3) { --blade-angle: 240deg; } #catalogQuestions .product-question-knife-loader__text { color: #4f5968; font-size: 13px; line-height: 18px; } @keyframes productQuestionKnifeSpin { from { transform: rotate(var(--blade-angle)); } to { transform: rotate(calc(var(--blade-angle) + 360deg)); } } @media (prefers-reduced-motion: reduce) { #catalogQuestions .product-question-knife-loader__blade { animation: none; } } @media all and (max-width: 620px) { #catalogQuestions .product-question-form { margin-top: 16px; padding: 16px; } #catalogQuestions .blog-comment-field-user, #catalogQuestions .product-question-form .blog-comment-field-user { grid-template-columns: minmax(0, 1fr); column-gap: 0; row-gap: 14px; } #catalogQuestions .product-question-form .feed-add-post-form { min-height: 0 !important; } #catalogQuestions .product-question-form .feed-add-post-text, #catalogQuestions .product-question-form .bx-editor-iframe, #catalogQuestions .product-question-form iframe.bx-editor-iframe { height: 82px !important; min-height: 82px !important; } } /* BLADES CUSTOMIZATION: PRODUCT QUESTION GUEST FORM END */ /* End */ /* Start:/local/css/discussion.css?17905080228641*/ /* Shared discussion presentation. Contexts keep separate data, permissions and controllers. */ :is(#editorial-comments, #catalogQuestions) { --discussion-text: #30383e; --discussion-muted: #65717b; --discussion-border: #e2e7ea; --discussion-size: 16px; --discussion-indent: 40px; } #catalogQuestions { --discussion-size: 14px; --discussion-indent: 48px; } #catalogQuestions.discussion-enhanced { overflow: visible; } :is(#editorial-comments, #catalogQuestions) [hidden] { display: none !important; } :is(#editorial-comments, #catalogQuestions) .blog-comment { box-sizing: border-box; min-width: 0; max-width: 100%; padding-top: 22px; padding-bottom: 22px; color: var(--discussion-text); font: normal var(--discussion-size)/1.6 'robotoregular', Arial, sans-serif; } :is(#editorial-comments, #catalogQuestions) .blog-comment .blog-comment-cont, :is(#editorial-comments, #catalogQuestions) .blog-comment .blog-comment-cont-white { margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; } :is(#editorial-comments, #catalogQuestions) .blog-comment .blog-comment-info { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; margin: 0; padding: 0; } :is(#editorial-comments, #catalogQuestions) .blog-comment .blog-author { float: none; padding: 0; margin: 0; color: #242c32; font: normal 16px/1.4 'robotobold', Arial, sans-serif; } :is(#editorial-comments, #catalogQuestions) .blog-comment .blog-comment-date { float: none; padding: 0; margin: 0; background: transparent; color: var(--discussion-muted); font: normal 13px/1.5 'robotoregular', Arial, sans-serif; } :is(#editorial-comments, #catalogQuestions) .blog-comment .blog-comment-content { margin: 12px 0 0; padding: 0; color: var(--discussion-text); font: normal var(--discussion-size)/1.6 'robotoregular', Arial, sans-serif; overflow-wrap: anywhere; display: flow-root; overflow: visible !important; /* Override legacy !important clipping around the action menu. */ } :is(#editorial-comments, #catalogQuestions) .blog-comment-content p { margin: 0 0 10px; font: inherit; } :is(#editorial-comments, #catalogQuestions) .blog-comment-content p:last-child { margin-bottom: 0; } :is(#editorial-comments, #catalogQuestions) .blog-comment-content img { max-width: 100%; height: auto; } :is(#editorial-comments, #catalogQuestions) .blog-comment .blog-comment-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 18px; margin: 12px 0 0; padding: 0; font: normal 14px/1.5 'robotoregular', Arial, sans-serif; } :is(#editorial-comments, #catalogQuestions) .blog-comment-meta .blog-vert-separator { display: none; } :is(#editorial-comments, #catalogQuestions) .blog-comment-meta a, :is(#editorial-comments, #catalogQuestions) .blog-comment-meta a:visited { color: var(--discussion-muted) !important; font: inherit; text-decoration: none; text-underline-offset: 3px; } :is(#editorial-comments, #catalogQuestions) .blog-comment-meta a:hover { color: #242c32 !important; text-decoration: underline; } :is(#editorial-comments, #catalogQuestions) .blog-comment-meta .blog-comment-answer a { display: inline-flex; align-items: center; min-height: 36px; font-family: 'robotomedium', Arial, sans-serif; } :is(#editorial-comments, #catalogQuestions) .discussion-actions { position: relative; margin-left: auto; } :is(#editorial-comments, #catalogQuestions) .discussion-actions summary { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid transparent; border-radius: 8px; list-style: none; cursor: pointer; font: bold 22px/1 Arial, sans-serif; color: var(--discussion-muted); } :is(#editorial-comments, #catalogQuestions) .discussion-actions summary::-webkit-details-marker { display: none; } :is(#editorial-comments, #catalogQuestions) .discussion-actions summary:hover, :is(#editorial-comments, #catalogQuestions) .discussion-actions[open] summary { background: #f2f5f6; } :is(#editorial-comments, #catalogQuestions) .discussion-actions__items { position: absolute; right: 0; top: 40px; z-index: 10; display: grid; min-width: 180px; padding: 6px; border: 1px solid var(--discussion-border); border-radius: 10px; background: #fff; box-shadow: 0 8px 28px #17232d1a; } :is(#editorial-comments, #catalogQuestions) .discussion-actions__items span { display: block; } :is(#editorial-comments, #catalogQuestions) .discussion-actions__items a { display: block; padding: 10px 12px; border-radius: 6px; white-space: nowrap; } :is(#editorial-comments, #catalogQuestions) .discussion-actions__items a:hover { background: #f3f5f6; text-decoration: none; } :is(#editorial-comments, #catalogQuestions) .discussion-reply-to { display: block; margin: 10px 0 0; color: var(--discussion-muted); font: normal 13px/1.5 'robotoregular', Arial, sans-serif; text-decoration: none; overflow-wrap: anywhere; } :is(#editorial-comments, #catalogQuestions) a.discussion-reply-to:hover { text-decoration: underline; } #catalogQuestions .blog-comment .product-question-reply-to { margin: 0 0 8px; } :is(#editorial-comments, #catalogQuestions) .discussion-toggle { border: 0; border-radius: 6px; background: transparent; padding: 8px 0; min-height: 40px; color: #4a6476; font: normal 14px/1.5 'robotomedium', Arial, sans-serif; cursor: pointer; text-align: left; } :is(#editorial-comments, #catalogQuestions) .discussion-toggle:hover { text-decoration: underline; text-underline-offset: 3px; } :is(#editorial-comments, #catalogQuestions) .blog-comment :focus-visible { outline: 2px solid #1986b6; outline-offset: 3px; } :is(#editorial-comments, #catalogQuestions) .no-comments-wrap { padding: 20px 0; border: 0; background: transparent; color: var(--discussion-muted); font: normal 14px/1.6 'robotoregular', Arial, sans-serif; } :is(#editorial-comments, #catalogQuestions) .no-comments-wrap img { display: none; } /* Editorial adapter: one visual reply level; native editor placeholders stay in place. */ #editorial-comments .discussion-thread + .discussion-thread { border-top: 1px solid var(--discussion-border); } #editorial-comments .blog-comment-line { display: none; } #editorial-comments .discussion-message { padding-left: 0 !important; } #editorial-comments .discussion-message--reply { padding-left: var(--discussion-indent) !important; } #editorial-comments .discussion-message--reply .discussion-message--reply { padding-left: 0 !important; } #editorial-comments [id^="new_comment_cont_"] { padding-left: 0 !important; } #editorial-comments.discussion-enhanced .blog-comment-parent { display: none; } #editorial-comments .blog-comment .blog-post-rating { display: none; } /* Keep the existing text rating control below the message. */ #editorial-comments .discussion-message > [id^="blg-comment-"] > .blog-textinfo, #editorial-comments .discussion-notice { border: 0; border-left: 2px solid var(--discussion-border); background: #f7f9fa; padding: 12px 16px; color: var(--discussion-muted); font: normal 14px/1.6 'robotoregular', Arial, sans-serif; } #editorial-comments .similar-to-a-similar { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px; padding: 0 0 16px; margin: 0; border-bottom: 1px solid var(--discussion-border); } #editorial-comments .similar-to-a-similar .bx-catalog-tab-list { float: none; margin: 0; padding: 0; list-style: none; } #editorial-comments .similar-to-a-similar .bx-catalog-tab-list li { margin: 0; padding: 0; color: #242c32; font: normal 20px/1.4 'robotobold', Arial, sans-serif; letter-spacing: 0; text-transform: none; } #editorial-comments .similar-to-a-similar .open-form-with-comments { float: none; margin: 0; color: #526674; font: normal 14px/1.5 'robotomedium', Arial, sans-serif; letter-spacing: 0; text-transform: none; cursor: pointer; padding: 8px 0; min-height: 40px; border: 0; background: transparent; } #editorial-comments .open-form-with-comments:focus-visible { outline: 2px solid #1986b6; outline-offset: 3px; } #editorial-comments .bx-catalog-tab-body-container { padding: 0; } #editorial-comments .discussion-message:target { background: #f7f9fa; } @media (max-width: 600px) { :is(#editorial-comments, #catalogQuestions) { --discussion-indent: 20px; } :is(#editorial-comments, #catalogQuestions) .blog-comment { padding-top: 18px; padding-bottom: 18px; } :is(#editorial-comments, #catalogQuestions) .blog-comment .blog-comment-info { gap: 4px 12px; } :is(#editorial-comments, #catalogQuestions) .blog-comment .blog-comment-meta { gap: 4px 14px; } } /* End */ /* Start:/bitrix/components/bitrix/blog/templates/.default/style.min.css?176928182130185*/ .blog-posts{display:inline;float:left;margin-right:1%;overflow:hidden;width:79%}.blog-post{margin:0;padding-bottom:2.5em;padding-right:.8em}.blog-post-title{font-size:1.65em;font-weight:var(--ui-font-weight-bold);line-height:1.3em;margin:0;padding:.2em;padding-left:.6em;font-family:Arial}.blog-post-title a{text-decoration:none !important}.blog-post-title a :hover{text-decoration:underline !important}.blog-post-info{padding:.2em .6em .2em}.blog-post-content{padding:.4em .6em .4em;overflow:hidden;border-bottom:1px dotted;line-height:1.4em}.blog-post-meta{font-size:.85em;line-height:1.4em;margin:0;padding:0;padding-top:.3em;padding-bottom:.3em;padding-left:.6em}.blog-post-date{margin:.1em 0;padding:0 0 0 .3em;line-height:1.4em;display:inline}.blog-post-current .blog-post{padding-right:0}.blog-post-edit-link,.blog-post-delete-link,.blog-post-comments-link,.blog-post-views-link,.blog-post-publish-link,.blog-post-hide-link,.blog-post-show-link{background-repeat:no-repeat;padding-left:18px;height:16px;display:inline-block;padding-right:.5em;font-size:1.2em}.blog-post-comments-link{padding-left:15px}.blog-post-show-link{padding-left:19px}.blog-post-tag{padding-top:.4em}.blog-post-tag a{text-decoration:none !important}.blog-post-tag a:hover{text-decoration:underline !important}.blog-post-avatar img{float:right}.blog-post-avatar{padding:.1em .3em .3em .3em}.blog-post-content div[align="left"],.blog-post-content div[align="right"],.blog-post-content div[align="center"],.blog-post-content div[align="justify"]{min-height:1em}div.blog-post-field-text textarea{width:100%}div.blog-post-field-text{padding-bottom:.2em}div.blog-post-field-title input,div.blog-post-field-category input{width:100%}div.blog-post-field-code input{width:40%}div.blog-post-field-user{width:100%}div.blog-post-field-title,div.blog-post-field-category,div.blog-post-field-favorite,div.blog-post-field-date,div.blog-post-field-enable-comments{width:100%}div.blog-post-field-access,div.blog-post-field-seo,div.blog-post-field-category{padding-top:10px}div.blog-post-field-date{padding-top:.5em}div.blog-post-field-favorite div,div.blog-post-field-enable-comments div{display:inline}div.blog-post-field-favorite,div.blog-post-field-enable-comments{padding-bottom:.4em}div.blog-post-field-sep{width:2%;float:left}div.blog-post-image-item{float:left;padding-right:1em;padding-bottom:2em;height:150px}div.blog-post-image-item-border{border:1px solid;height:100px;text-align:center;vertical-align:middle;width:100px}div.blog-post-image-item-input{padding-top:.5em}div.blog-post-image-item-input input{width:100px}div.blog-post-buttons{padding-top:1em;padding-bottom:.4em}div.blog-post-field-category div.blog-post-field-text label,div.blog-post-field-access-title,div.blog-post-field-code div.blog-post-field-text label,div.blog-post-field-seo label{font-weight:var(--ui-font-weight-bold);font-size:1.1em}div.blog-post-bbcode-line{padding-top:.2em}.blog-group-edit{background-repeat:no-repeat;width:16px;height:16px;display:inline-block}.blog-group-delete{background-repeat:no-repeat;width:16px;height:16px;display:inline-block}div.blog-post-edit-form{width:97%;padding:.8em}div.blog-buttons{padding-top:1em}.blog-comment{margin:0;padding-top:.7em}.blog-comment-info{display:block}.blog-comment-content{display:block;overflow:hidden;padding-top:.5em}.blog-comment-meta{font-size:.85em;padding-top:.5em;padding-bottom:.5em}.blog-comment-date{font-size:.85em;display:inline}.blog-comment-author-info{display:inline}.blog-comment-avatar{float:left;margin-right:.5em;width:30px;height:30px;border:1px solid #c4c4c4;background-color:#eceaec}.blog-comment-meta a{text-decoration:none !important}.blog-comment-meta a:hover{text-decoration:underline !important}.blog-comment-link,.blog-comment-delete,.blog-comment-parent,.blog-comment-answer,.blog-comment-edit,.blog-comment-show,.blog-comment-hide{display:inline-block}.blog-add-comment{text-align:center;padding-top:0;padding-bottom:1.5em}.blog-comment-nav{padding-bottom:.6em}div.blog-comment-form{margin-bottom:.7em;margin-top:.7em;width:80%}div.blog-comment-field-text{width:100%}div.blog-comment-field-text textarea{width:99.9%}.blog-comment-field-subject{margin-bottom:15px}div.blog-comment-field-tags{display:none}div.blog-comment-field-tags input{width:80%}div.blog-comment-field-captcha input{width:180px}div.blog-comment-field-settings input{width:1.55em;height:1.55em;margin:0 0 0 -0.25em;vertical-align:middle;font-size:1em}div.blog-comment-field-settings label{vertical-align:middle}div.blog-comment-fields{padding:.8em;zoom:1}div.blog-comment-field-title input,div.blog-comment-field-desc input{width:80%}div.blog-comment-field-user{width:100%;padding-bottom:5px}div.blog-comment-field-author,div.blog-comment-field-email{float:left;width:47%}div.blog-comment-field-text{padding-bottom:.2em}div.blog-comment-field-user-sep{width:5%;float:left}div.blog-comment-field-author input,div.blog-comment-field-email input{width:100%}div.blog-comment-field-bbcode{padding-top:.7em}div.blog-comment-field-captcha-image{padding-top:.4em}div.blog-comment-buttons{margin-top:1em;padding-bottom:.4em}div.blog-comment-buttons input{padding:0 .5em;font-size:1.184em}div.blog-menu-box{margin-bottom:1em;padding-bottom:.5em;line-height:1.5em;zoom:1}div.blog-menu-box span{white-space:nowrap;display:inline-block}div.blog-settings-menu-box{margin-bottom:1em;padding-bottom:.5em;line-height:1.5em;zoom:1}div.blog-settings-menu-box span{white-space:nowrap;display:inline-block}.blog-sidebar{display:inline;float:right;overflow:hidden;width:20%}.blog-sidebar ul,.blog-sidebar ul li ul{margin:0;padding:0;list-style:none !important}.blog-sidebar ul li{margin:0;padding:0;list-style:none !important;text-align:left}.blog-sidebar h3{font-size:1em;font-weight:var(--ui-font-weight-bold);letter-spacing:1px;border-bottom:1px solid;padding:0;padding-bottom:.6em;margin:0}.blog-sidebar li ul li{margin:0;padding:0;border:0}.blog-sidebar ul li ul li{text-align:left;margin:0;padding:0}.blog-sidebar ul li ul li a{text-decoration:none;outline:0}.blog-sidebar ul li ul li a:hover{text-decoration:underline}.blog-sidebar ul{padding:1em}.blog-sidebar ul li ul{padding-top:.4em}.blog-sidebar-title a{text-decoration:none}.blog-sidebar-avatar{text-align:center}div.blog-errors{border-width:1px;border:1px solid;margin:1.117em;padding:.4em 1.117em}div.blog-errors ul{padding:.3em 0 .3em 2em;margin:0}div.blog-errors ul li{margin:0;padding:0}div.blog-notes{border-width:1px;border:1px solid;margin:1.117em;padding:.4em 1.117em}div.blog-notes ul{padding:.3em 0 .3em 2em;margin:0}div.blog-notes ul li{margin:0;padding:0}div.blog-textinfo{border:1px solid;margin:1.117em;padding:.4em 1.117em}div.blog-textinfo ul{padding:.3em 0 .3em 2em;margin:0}div.blog-textinfo ul li{margin:0;padding:0}div.blog-clear-float{clear:both}table.blog-table-header-left,table.blog-table-header-top{border-collapse:collapse;border:0}table.blog-table-header-left th,table.blog-table-header-left td,table.blog-table-header-top th,table.blog-table-header-top td{padding:.5em;vertical-align:top;border-top:1px solid}table.blog-table-header-left th{text-align:right}table.blog-table-header-top th{text-align:center}table.blog-edit-perms-table{border:0}table.blog-edit-perms-table th,table.blog-edit-perms-table td{padding:.2em;vertical-align:top;border:0;border-top:0}table.blog-edit-perms-table th{text-align:center}div.blog-line{background-repeat:no-repeat;height:3px;width:100%}.blog-author{margin:0;padding:0;display:inline;font-weight:var(--ui-font-weight-bold)}.blog-author-icon{width:16px;height:16px;display:block;float:left;background-repeat:no-repeat;padding-right:.2em;line-height:1em}div.blog-bbcode-line{margin-right:3px;float:left}div.blog-smiles-line,div.blog-more-smiles{float:left;white-space:nowrap;margin-left:5px;font-size:.95em}div.blog-bbcode-closeall{float:right}div.blog-bbcode-line img,div.blog-smiles-line img{border:0}div.blog-bbcode-line a,div.blog-smiles-line a{vertical-align:middle}div.blog-bbcode-line a{width:20px;height:20px;float:left;margin-right:.2em;background-position:center center;background-repeat:no-repeat;display:block}div.blog-bbcode-line a,div.blog-bbcode-line img,div.blog-smiles-line a,div.blog-smiles-line img{outline:0}div.blog-bbcode-line select{float:left;margin-left:3px;padding:0;height:20px}div.blog-bbcode-closeall a{padding-left:1em;vertical-align:middle;float:left} /*BBCode Icons*/ a.blog-bbcode-bold {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_bold.gif);} a.blog-bbcode-italic {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_italic.gif);} a.blog-bbcode-color {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_color.gif);} a.blog-bbcode-underline{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_underline.gif);} a.blog-bbcode-strike{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_strike.gif);} a.blog-bbcode-url{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_link.gif);} a.blog-bbcode-img-upload{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_image.gif);} a.blog-bbcode-img{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_image_upload.gif);} a.blog-bbcode-video{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_video.gif);} a.blog-bbcode-code{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_code.gif);} a.blog-bbcode-quote{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_quote.gif);} a.blog-bbcode-video{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_video.gif);} a.blog-bbcode-list{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_list.gif);} a.blog-bbcode-cut{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/cut.gif);} div.blog-mainpage{width:100%}div.blog-mainpage-side-left{float:left;width:52%;padding-right:.5em}div.blog-mainpage-side-right{float:right;width:46%}.blog-mainpage-item{margin:0;padding-bottom:.6em;padding-top:.5em}.blog-mainpage-title{margin:0;padding-bottom:.5em;padding-top:.4em;font-weight:var(--ui-font-weight-bold)}.blog-mainpage-content{line-height:1.4em;font-size:.95em;display:block}.blog-mainpage-meta{font-size:.89em;line-height:1.4em;margin:0;padding:0;padding-top:.4em}.blog-mainpage-meta a{text-decoration:none !important}.blog-mainpage-meta a:hover{text-decoration:underline !important}div.blog-mainpage-comment .blog-mainpage-meta{display:inline;padding-left:.4em;font-size:.89em}div.blog-mainpage-comment .blog-mainpage-content{padding-top:.4em}div.blog-mainpage-comment .blog-mainpage-content a{text-decoration:none !important}div.blog-mainpage-comment .blog-mainpage-content a:hover{text-decoration:underline !important}div.blog-mainpage-item .blog-author{font-weight:normal}div.blog-mainpage-comment .blog-mainpage-title{font-weight:normal}div.blog-mainpage-blogs .blog-mainpage-content a{text-decoration:none}div.blog-mainpage-blogs .blog-mainpage-content a:hover{text-decoration:none}.blog-tab{padding:0;margin:0;min-height:31px;height:100%;width:96%;line-height:2.35em;display:block}.blog-tab-left{background-repeat:no-repeat;padding:0;margin:0;width:3px;height:31px;float:left}.blog-tab-right{background-repeat:no-repeat;padding:0;margin:0;width:3px;height:31px;float:right}.blog-tab-container{width:100%;display:block}.blog-tab-items{float:right;font-size:.95em;padding-right:.6em;display:inline;white-space:nowrap}.blog-tab-items a{text-decoration:none !important;padding-left:.6em}.blog-tab-items a:hover{text-decoration:underline !important}.blog-tab-title{font-weight:var(--ui-font-weight-bold);padding-left:.5em;float:left;display:inline;overflow:hidden}.blog-tab-title a{text-decoration:none !important}.blog-tab-title a:hover{text-decoration:underline !important}div.blog-tab-content{padding-top:.2em;padding-left:.6em;padding-right:.6em;padding-bottom:1.7em}div.blog-mainpage-search-cloud{padding-top:.4em}.blog-calendar{text-align:center}.blog-calendar table th{font-weight:normal}.blog-rss div{padding-top:.6em}.blog-rss-icon{background-repeat:no-repeat;width:17px;height:17px;display:block;line-height:1em}.blog-group-icon{width:16px;height:16px;display:block;float:left;background-repeat:no-repeat;padding-right:.2em;line-height:1em}.blog-search-form{padding-top:.6em}.blog-search-form div{padding-bottom:.4em}.blog-mainpage-create-blog{padding-bottom:1em;padding-left:.6em}.blog-rss-subscribe{padding-bottom:1.5em}.blog-rss-subscribe .blog-tab-items{padding-top:.55em}.blog-group-rss{padding-top:1em}table.blogquote,table.blogcode{font-size:1em;margin:.5em 1em;width:80%;border:1px solid}table.blogquote td,table.blogcode td{padding:.95em 1.5em}table.blogcode td{font-family:"Courier New";white-space:pre-wrap}table.blogcode pre{font-family:"Courier New";font-size:12px;margin:0;line-height:15px;white-space:pre-wrap}div.blog-post-quote,div.blog-post-code{padding-top:.6em;padding-bottom:.6em}div.blog-post-quote span,div.blog-post-code span{padding-left:.6em}div.blog-post-quote table.blogquote,div.blog-post-code table.blogcode{margin:0}div.blog-page-navigation{padding-bottom:.8em}div.blog-page-navigation a,span.blog-page-current,span.blog-page-dots{padding-left:.75em;padding-right:.5em;text-decoration:none}div.blog-page-navigation a.blog-page-first,div.blog-page-navigation span.blog-page-first{padding-left:.5em}span.blog-page-current{font-weight:var(--ui-font-weight-bold)}ul.blog-navigation{list-style-position:outside;list-style-type:none;padding:0;margin:0;padding-bottom:1em}ul.blog-navigation li{display:inline}.blog-post-content{border-bottom-color:#ccc}.blog-post-meta,.blog-comment-meta,.blog-comment-nav{color:#969696}.blog-post-tag a,.blog-comment-meta a,.blog-mainpage-meta a{color:#969696 !important}.blog-post-date,.blog-comment-date{color:#767676}div.blog-post-date span.blog-post-time,div.blog-post-date span.blog-post-day{display:none}div.blog-post-edit-form,div.blog-comment-fields{background-color:#f1f1f1}div.blog-post-image-item-border{border-color:#d8d8d8}.blog-sidebar{background-color:#f5f5f5}.blog-sidebar h3{border-bottom-color:#dadada}.blog-bottombar h3{color:#333}.blog-sidebar-title{color:#000 !important}.blog-sidebar-title a{color:#000 !important}div.blog-errors{border:solid 1px #dfbdac;background:#f6dbce}div.blog-notes{border:solid 1px #dad7a7;background:#f6f9d3}div.blog-textinfo{border:solid 1px #d5d5d5;background:#f6f6f6}.blog-required-field{color:red}table.blog-table-header-left th,table.blog-table-header-left td,table.blog-table-header-top th,table.blog-table-header-top td{border-top-color:#d5d5d5}div.blog-post-quote>span,div.blog-post-code>span{color:#7d7d7d;display:none}div.blog-post-code table.blogcode{border-color:#e8e8e8;color:#7d7d7d;background-color:#f7f7f7}div.blog-post-quote table.blogquote{border-color:#e8e8e8;color:#555;background:url(/bitrix/components/bitrix/blog/templates/.default/images/quote-gray.png) no-repeat scroll left top #f7f7f7}div.blog-mainpage-comment .blog-mainpage-content a,div.blog-mainpage-blogs .blog-mainpage-content a:hover,div.blog-mainpage-blogs .blog-mainpage-content a,div.blog-mainpage-comment .blog-mainpage-content a:hover{color:#333}.blog-tab,.blog-tab-container{background-color:#ededed}.blog-tab-items{color:#767676}.blog-tab-items a{color:#767676 !important}.blog-tab-title a{color:#000 !important}.blog-comment-cont-white{background-color:#fff;padding:1px} /*images*/ div.blog-tab-left {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/plashka_start.gif);} div.blog-tab-right {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/plashka_end.gif);} div.blog-line {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/line_gradient.gif);} .blog-rss-icon {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/rss_icon.gif);} div.blog-comment-new .blog-comment-date{background-color:#fff4ca;padding-top:2px;padding-bottom:3px;padding-left:4px;padding-right:4px}div.blog-comment-hidden .blog-comment-cont-white,div.blog-comment-hidden .blog-comment-date{background-color:#ededed}div#special_perms{padding-top:.5em}div.blog-post-meta div.blog-post-info-bottom{display:none}.blog-post-meta span.blog-post-link-counter,.blog-post-meta span.microblog-post-link-counter{padding:0 0 0 .3em}div.blog-post-rating{float:right}div.blog-post-share{position:relative;float:right}img.linked{border:0;cursor:pointer;height:21px;left:2px;position:relative;top:6px;width:11px}div.blog-edit-field-code label.blog-edit-field-caption{font-weight:var(--ui-font-weight-bold)}span#post-code-input{display:none}a#post-code-text{background-color:#fff4ca;border-bottom:dashed 1px;text-decoration:none}div.blog-post-field-code{padding-top:.5em}div.blog-tags-cloud{text-align:center}div.blog-comment-preview div.blog-comment-cont-white{border-top:1px solid red;border-bottom:1px solid red}div.blog-post-edit-micro #lhe_btn_sourcebb,div.blog-post-edit-micro #blog-post-image{display:none}div.blog-post-edit-micro{margin-bottom:2em;width:78%}div.blog-post-edit-micro #blogpost-length{font-weight:var(--ui-font-weight-bold);display:inline}div.blog-post-edit-micro div.blog-post-edit-form{padding:0;background-color:white;width:100%}div.blog-post-edit-micro div.blog-post-buttons{text-align:left;padding-top:.7em;padding-bottom:.1em}div.blog-post-edit-micro #edit-post-text{padding:0;border:1px solid #c2c2c2;border-radius:2px}div.blog-post-edit-micro .lhe-stat-toolbar-cont,div.blog-post-edit-micro .lhe-button,div.blog-post-edit-micro div.lhe-tlbr-smile-cont{border:0}div.blog-post-edit-micro #blog-post-micro-lhe-hide{display:inline-block;float:right}div.blog-post-edit-micro .lhe-button-cont{padding-left:3px}div.blog-post-edit-micro #blog-post-micro-lhe-but{display:inline-block;padding-top:3px} div.blog-post-edit-micro .lhe-button-cont #lhe_btn_image { background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/icon_image.gif) !important; background-position:3px 2px !important;background-repeat:no-repeat;cursor:pointer;} div.blog-post-edit-micro .lhe-button-cont #lhe_btn_createlink { background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/icon_link.gif) !important; background-position:2px 2px !important;background-repeat:no-repeat;cursor:pointer}div.blog-post-edit-micro .lhe-button-cont #lhe_btn_bloginputvideo{width:17px;height:15px;padding-top:2px;cursor:pointer}div.blog-post-edit-micro .lhe-button-over{background-color:#fff}div.blog-post-edit-micro .blog-post-group-text{color:#999}div.blog-post-edit-micro #blog-post-micro-lhe-hide{position:absolute;top:2px;right:2px}div.blog-post-edit-micro #blog-post-micro-lhe-hide div{display:inline-block;cursor:pointer;width:17px;height:17px;vertical-align:middle; background: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/icon_close.gif) no-repeat;}div.blog-post-edit-micro .blog-post-field-bbcode{position:relative}div.blog-comment .blog-author{line-height:30px}div.microblog-post .blog-post-avatar{float:left;margin-right:.5em;width:30px;height:30px;border:1px solid #c4c4c4;background-color:#eceaec;padding:0}div.microblog-post .blog-post-info{background:0;padding:0}div.microblog-post .blog-author{line-height:30px}div.microblog-post div.blog-post-content{border:0;padding:0;padding-top:.5em}div.microblog-post{border-bottom:1px solid #e5e5e5;padding:1px;margin-bottom:1.5em}div.microblog-post div.blog-post-meta{padding-top:.5em;padding-bottom:.5em;font-size:.85em;padding-left:0}div.microblog-post div.blog-post-meta a{color:#969696 !important;text-decoration:none !important}div.microblog-post div.blog-post-meta a:hover{text-decoration:underline !important}div.microblog-post .blog-post-date{font-size:.85em;color:#969696} div.blog-comment-line {background-color: #ededed; height:1px; background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/line-start.gif); background-repeat: no-repeat; background-position: left;} span.blog-vert-separator{height:7px;width:1px;margin-left:.2em;margin-right:.2em;background-color:#e0e0e0;display:inline-block}div.blog-post-meta-util span{display:inline-block}div.blog-post-meta-util *{text-decoration:none !important}div.microblog-post div.blog-post-date a{color:#969696 !important;text-decoration:none !important}div.microblog-post div.blog-post-meta-util a{color:#969696 !important;text-decoration:none !important}.blog-post-meta .bx-rating span,.blog-post-meta-util.bx-rating a{font-size:13px}.blog-post-current-micro .bx-rating span,.blog-post-current-micro .bx-rating a{font-size:11px}.blog-mainpage-meta .bx-rating span{color:#969696}.blog-mainpage-meta span.ilike-light-blog-post *,.blog-mainpage-meta span.ilike-light-microblog *{color:#969696 !important;text-decoration:none !important;font-size:1em}.blog-post-meta-util a span{cursor:pointer}.blog-post-meta-util .ilike-light .bx-ilike-right{font-size:1.2em}.blog-post-meta-util .ilike-light .bx-ilike-text{padding:0;font-size:1.2em}.microblog-post .blog-post-meta-util .ilike-light .bx-ilike-right{font-size:11px}.microblog-post .blog-post-meta-util .ilike-light .bx-ilike-text{font-size:11px}.blog-comment-nav-item{cursor:pointer}div.blog-comments .blog-comment-nav a.blog-comment-nav-item-sel{font-weight:var(--ui-font-weight-bold);text-decoration:none;color:#969696;cursor:default}a.blogPostAutoSave{float:right;display:block;width:18px;height:18px;margin:3px 3px 0 0;position:relative;z-index:2}.blog-post-edit-micro a.blogPostAutoSave{margin-right:10px;margin-left:-12px;margin-top:2px}.blog-notify-bar{width:100%;height:2.5em;line-height:2.5em; background: url("/bitrix/js/main/core/images/panel/sprite03.png") repeat-x scroll 0 -1178px #FFEB8D !important; position:relative}.blog-micro-notify-bar{width:100%;height:3em;line-height:1.5em; background: url("/bitrix/js/main/core/images/panel/sprite03.png") repeat-x scroll 0 -1178px #FFEB8D !important; position:relative}.blog-notify-close{display:block !important;height:12px !important;margin:3px 6px 0 0;padding:0 !important;position:absolute !important;right:5px !important;top:5px !important;width:12px !important;} .blog-notify-close a { background: url("/bitrix/js/main/core/images/panel/sprite03.png") no-repeat scroll -268px -243px transparent !important; display:block !important;height:12px !important;width:12px !important;cursor:pointer}.blog-notify-text{color:#000 !important;margin:0 !important;text-align:center !important}.blog-notify-text a.blogPostAutoRestore{position:relative;color:red;cursor:pointer;text-decoration:underline;margin-right:9px;margin-top:5px;z-index:2}span.blog-post-group-value{margin-left:.5em;border-bottom:dashed 1px;overflow:hidden;white-space:nowrap;max-width:300px; } span.blog-post-group-delete1 { background: url("/bitrix/js/main/core/images/controls-sprite.png") no-repeat scroll -21px 8px transparent; cursor:pointer;display:inline-block;height:20px;width:15px;vertical-align:top;margin-left:2px}#blog-post-group-selector{display:inline-block;cursor:pointer}.blog-post-sonet-group{padding-bottom:.5em}.blog-post-edit-micro #blog-post-group-selector{display:inline-block;float:right;font-family:Arial;color:#b2b2b2;padding-right:5px}span.blog-post-group-delete{display:inline-block;cursor:pointer;width:13px;height:16px;vertical-align:top; background: url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat 0 -282px;}div.blog-post-group-selector-text{display:inline-block;float:right;font-family:Arial;color:#b2b2b2;padding-right:5px;overflow:hidden;width:350px;white-space:nowrap;text-align:right}.blog-small-button,.blog-small-button-left,.blog-small-button-icon,.blog-small-button-right,.blog-small-button-text{display:inline-block;vertical-align:top;height:27px;cursor:pointer;text-decoration:none !important;outline:0}.blog-small-button{margin:0;background:url(/bitrix/js/main/core/images/controls-sprite.png) repeat-x 0 -551px}.blog-small-button-left{width:4px;background:url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat -15px -493px;margin-right:8px}.blog-small-button-text{font:normal normal normal 13px/24px var(--ui-font-family-primary,var(--ui-font-family-helvetica));color:#4f4f4f}.blog-small-button-right{width:6px;background:url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat -22px -493px;margin-left:8px}.blog-small-button:hover{background:url(/bitrix/js/main/core/images/controls-sprite.png) repeat-x 0 -985px}.blog-small-button:hover .blog-small-button-left{background:url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat -15px -927px}.blog-small-button:hover .blog-small-button-right{background:url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat -22px -927px}.blog-arrow{width:30px;height:17px; background: url("/bitrix/components/bitrix/blog/templates/.default/images/arrow.png") no-repeat 5px 5px; display:inline-block}.feed-com-files{padding-top:10px}.feed-com-files-title{color:#5c6470;font-size:12px;font-weight:var(--ui-font-weight-bold);float:left;min-width:50px}.feed-com-files-cont{overflow:hidden;padding:1px 0 1px 10px;zoom:1}.feed-com-file-wrap{cursor:pointer;display:inline-block;font-size:12px;line-height:14px;margin:0 12px 12px 0;vertical-align:middle}.feed-com-file-wrap:hover .feed-com-file-name{text-decoration:underline}.feed-con-file-icon {background:url("/bitrix/components/bitrix/blog/templates/.default/images/live_feed_sprite.png") no-repeat -55px -220px; display:inline-block; margin-right:5px; height:16px; vertical-align:middle; width:16px;} .feed-com-file-name{color:#2067b0;display:inline-block;font-weight:var(--ui-font-weight-bold);margin-right:4px;max-width:120px;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-com-file-size{color:#5c6470;display:inline-block;font-size:12px;vertical-align:top}.feed-com-files-photo{border:1px solid #eee;border-radius:1px;box-shadow:0 0 1px #eee,inset 0 0 1px #eee;display:inline-block;height:48px;margin:0 8px 8px 0;padding:3px;width:48px}.feed-com-files-cont .feed-com-files-photo{height:69px;width:69px}.feed-file-icon-bmp {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-css {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;} .feed-file-icon-csv {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -224px !important;} .feed-file-icon-dib {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;} .feed-file-icon-doc {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -288px !important;} .feed-file-icon-docp {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -288px !important;} .feed-file-icon-docx {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -288px !important;} .feed-file-icon-gif {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-htm {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;} .feed-file-icon-html {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;} .feed-file-icon-jfif {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-jpe {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-jpeg {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-jpg {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-js {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;} .feed-file-icon-pdf {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -415px !important;} .feed-file-icon-php {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;} .feed-file-icon-png {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-ppt {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -256px !important;} .feed-file-icon-pptp {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -256px !important;} .feed-file-icon-pptx {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -256px !important;} .feed-file-icon-rar {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -96px !important;} .feed-file-icon-rtf {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -288px !important;} .feed-file-icon-swf {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;} .feed-file-icon-tif {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-tiff {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-txt {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -192px !important;} .feed-file-icon-xls {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -224px !important;} .feed-file-icon-xlsp {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -224px !important;} .feed-file-icon-xlsx {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -224px !important;} .feed-file-icon-xml {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;} .feed-file-icon-zip {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -96px !important;} .feed-add-photo-block-wrap{margin-top:-17px}.feed-add-photo-block{display:inline-block;margin:17px 17px 0 0;min-height:92px;width:102px;padding-right:21px;position:relative;vertical-align:top}.feed-add-photo-block .feed-add-post-del-but{background-position:6px -19px;background-color:#fff;height:22px;top:1px;z-index:0}.feed-add-img-wrap{background:#fff;border:1px solid #e2e6e6;-moz-box-shadow:0 0 2px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 2px rgba(0,0,0,0.3);box-shadow:0 0 2px rgba(137,137,137,0.3);display:block;text-align:center;padding:4px;position:relative;z-index:2}.feed-add-img-title{color:#2067b0;display:block;font-weight:var(--ui-font-weight-bold);font-size:12px;margin-top:3px;overflow:hidden}.feed-add-photo-block .feed-add-close-icon{background-color:#fff;background-position:8px -19px;height:22px;top:1px;right:1px;width:22px}.feed-add-photo-block .feed-add-close-icon:hover{background-position:-57px -60px}.feed-add-post-del-but { background: url("/bitrix/components/bitrix/blog/templates/.default/images/live_feed_sprite.png") no-repeat; cursor:pointer;right:0;top:0;height:20px;position:absolute;width:20px}.feed-add-photo-block .feed-add-post-del-but{background-position:6px -19px;background-color:white;height:22px;top:1px;z-index:0}#blog-upload-file,#blog-show-seo{color:#2067b0;border-bottom:dashed 1px #2067b0;text-decoration:none}#blog-post-user-fields-UF_BLOG_POST_DOC .file-selectdialog-switcher{display:none}.blg-cancel-com,.blg-cancel-com:link,.blg-cancel-com:visited,.blg-cancel-com:active{color:#5c6470 !important;font-size:12px;text-decoration:none;padding-left:15px}.blg-cancel-com:hover{text-decoration:underline}#blog-show-seo-fields input,textarea{width:100%} /* End */ /* Start:/bitrix/components/bitrix/blog/templates/.default/themes/green/style.css?17692818211140*/ /*color*/ .body-blog a:link, .body-blog a:visited, .body-blog a:active, .blog-navigation-box li a {color:#33882a;} .body-blog a:hover {color:#d04747;} .blog-post-title {background-color: #e7efd3;} .blog-post-title span, .blog-post-title a:link, .blog-post-title a:visited, .blog-post-title a:active {color: #42783d !important;} /*images*/ .blog-group-icon {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/user_group.gif);} .blog-author-icon {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/user.gif);} .blog-group-edit, .blog-post-edit-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_edit.gif);} .blog-group-delete, .blog-post-delete-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_delete.gif);} .blog-post-comments-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_comment.gif);} .blog-post-views-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_view.gif); } .blog-post-publish-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_publish.gif);} .blog-post-show-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_show.gif);} .blog-post-hide-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_hide.gif);} .blog-comment-cont{} .blog-comment-info {} .blog-post-info-back {} .blog-post-info {background-color: #f5f5f5; border-top: 1px solid #fff;} /* End */ /* Start:/bitrix/templates/dresscode/components/bitrix/catalog.comments/product_questions/themes/black/style.css?176928183523*/ /* catalog_comments */ /* End */ /* Start:/bitrix/templates/dresscode/components/bitrix/system.pagenavigation/round/style.min.css?17692818351664*/ .bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{position:relative;text-align:center}.bx-pagination .bx-pagination-container ul{display:inline-block;margin:0;padding:0;list-style:none}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px}.bx-pagination .bx-pagination-container ul li span{display:block;box-sizing:border-box;min-width:32px;height:32px;padding:0 8px;color:#444;font-size:14px;line-height:32px;vertical-align:middle;background:#eff0f1;border-radius:16px;transition:color .3s ease,background-color .3s ease,border-color .3s ease}.bx-pagination .bx-pagination-container ul li a{display:block;min-width:32px;height:32px;color:#444;line-height:32px;text-decoration:none;vertical-align:middle;border-radius:16px}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span{padding:0 18px;color:#444;line-height:28px;background:#fff;border:2px solid #eff0f1}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span{padding:0 18px;color:#aab1b4;line-height:28px;background:#fff;border:2px solid #eff0f1}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span{color:#000;background:#fff;border-color:#dadada} /* End */ /* /local/templates/.default/components/dresscode/catalog/.default/style.css?17868115792339 */ /* /bitrix/components/dresscode/catalog.item/templates/detail/style.min.css?176928182341167 */ /* /bitrix/components/dresscode/catalog.item/templates/detail/css/review.min.css?17692818236973 */ /* /bitrix/components/dresscode/catalog.item/templates/detail/css/media.min.css?176928182318050 */ /* /bitrix/components/dresscode/catalog.item/templates/detail/css/set.min.css?17692818238402 */ /* /local/components/blades/steel.passport/templates/grade-link/style.css?17868214162649 */ /* /bitrix/templates/dresscode/components/bitrix/sale.products.gift/.default/style.min.css?176928183558 */ /* /local/components/blades/steel.passport/templates/.default/style.css?178628677314793 */ /* /local/components/blades/shared/steel-chemical-tile.css?17870535465017 */ /* /local/components/blades/steel.grade.page/templates/.default/style.css?178723389365627 */ /* /bitrix/templates/dresscode/components/bitrix/catalog.comments/product_questions/style.min.css?178506135321397 */ /* /local/css/discussion.css?17905080228641 */ /* /bitrix/components/bitrix/blog/templates/.default/style.min.css?176928182130185 */ /* /bitrix/components/bitrix/blog/templates/.default/themes/green/style.css?17692818211140 */ /* /bitrix/templates/dresscode/components/bitrix/catalog.comments/product_questions/themes/black/style.css?176928183523 */ /* /bitrix/templates/dresscode/components/bitrix/system.pagenavigation/round/style.min.css?17692818351664 */