/* Start:/local/templates/dresscodeV2/components/bitrix/menu/personal/style.min.css?17811583561055*/ #personalMenu{margin:0 0 24px;padding:0;overflow:hidden;list-style:none;border-bottom:1px solid #f1f1f1}#personalMenu li{float:left;margin-right:24px;margin-bottom:24px}#personalMenu li:last-child{margin-right:0}#personalMenu li a{color:#000;font-size:16px;text-decoration:none;transition:all .2s ease-in-out}#personalMenu li a:active{position:relative;top:1px}#personalMenu li .selected{padding-bottom:4px;font-family:robotobold;border-bottom:1px dashed #000}#personalMenu li .selected:hover{color:#000}@media all and (max-width:1024px){#personalMenuWrap{position:relative;min-width:100%;height:40px;overflow:hidden;overflow-x:auto}#personalMenuWrap ul{overflow:auto;white-space:nowrap}#personalMenu li{display:inline-block;float:none;margin-right:18px;margin-bottom:18px;white-space:nowrap;vertical-align:top}#personalMenu::after{position:absolute;top:0;right:0;width:35px;height:100%;background:linear-gradient(left,rgb(255 255 255 / 20%),#fff 100%);background:linear-gradient(to right,rgb(255 255 255 / 20%),#fff 100%);content:"";pointer-events:none}} /* End */ /* Start:/local/templates/dresscodeV2/components/dresscode/simple.offers/.default/style.min.css?17811583772646*/ #catalogLine{border:1px solid #e7e8ea;margin-bottom:24px;border-radius:4px;line-height:55px;padding:0 12px;height:55px}#catalogLine .column{display:inline-block;margin-left:12px}#catalogLine .column:first-child{margin-left:0}#catalogLine .column:last-child{float:right}#catalogLine .label{display:inline-block;margin-right:12px}#catalogLine select{border:1px solid #e7e8ea;border-radius:4px;padding:0 12px;color:#888;height:30px}#catalogLine .viewList{vertical-align:middle;display:inline-block;overflow:hidden}#catalogLine .viewList .element{margin-left:12px;float:left}#catalogLine .viewList .element:first-child{margin-left:0}#catalogLine .viewList .element a{background:url(/local/templates/dresscodeV2/components/dresscode/simple.offers/.default/images/catalogView.png) 0 0 no-repeat transparent;vertical-align:middle;display:inline-block;height:55px;width:30px}#catalogLine .viewList .element .squares{background-position:0 0}#catalogLine .viewList .element .squares:hover{background-position:-30px 0}#catalogLine .viewList .element .squares.selected{background-position:-60px 0}#catalogLine .viewList .element .line{background-position:0 -55px}#catalogLine .viewList .element .line:hover{background-position:-30px -55px}#catalogLine .viewList .element .line.selected{background-position:-60px -55px}#catalogLine .viewList .element .table{background-position:0 -110px}#catalogLine .viewList .element .table:hover{background-position:-30px -110px}#catalogLine .viewList .element .table.selected{background-position:-60px -110px}#catalogLine .viewList .element .line:active,#catalogLine .viewList .element .squares:active,#catalogLine .viewList .element .table:active{position:relative;top:1px}#left .heading .arrow{background-position:-27px 50%;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}#left .heading.opened .arrow{-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}#nextSection{border-right:1px solid #e7e8ea;border-left:1px solid #e7e8ea;border-top:1px solid #e7e8ea;margin-bottom:24px;border-radius:4px;margin-top:24px}#nextSection .title{background-color:#f3f3f3;text-transform:uppercase;text-align:center;padding-bottom:12px;padding-top:12px;cursor:pointer;font-size:14px;display:block}#nextSection ul{list-style:none;padding:0;margin:0}#nextSection .title,#nextSection li{border-bottom:1px solid #e7e8ea}#nextSection li a{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-decoration:none;display:inline-block;padding:12px 24px;font-size:13px;color:#000}#nextSection li .selected,#nextSection li a:hover{color:#ffa800}#nextSection li .cnt{color:#888;float:right} /* End */ /* Start:/bitrix/components/dresscode/cast.smart.filter/templates/.default/style.min.css?177193713012642*/ #smartFilter{margin-top:24px;border:1px solid #e7e8ea;position:relative;border-radius:4px}#smartFilterForm{padding-bottom:24px}#smartFilter a{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#smartFilter span.heading{font-family:robotobold;text-transform:uppercase;background:#f3f3f3;text-align:center;padding-left:0;font-size:14px;cursor:pointer;color:#000}#smartFilter .paramsBox{border-bottom:1px solid #e7e8ea;padding:24px;position:relative;clear:both;font-size:14px}#smartFilter .paramsBoxTitle{display:inline-block;margin-bottom:18px;position:relative;font-size:14px;line-height:20px}#smartFilter .paramsBoxTitle span{cursor:pointer}#smartFilter .propExpander{background:url(/bitrix/components/dresscode/cast.smart.filter/templates/.default/images/expander.png) 50% 8px no-repeat transparent;vertical-align:middle;display:inline-block;position:relative;line-height:16px;cursor:pointer;height:26px;width:21px;top:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#smartFilter .propExpander.expanded{-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}#smartFilter .showALL{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#smartFilter .showALL:active{position:relative;top:1px}#smartFilter .params{transition:all .2s ease;clear:both;opacity:1}#smartFilter .params.collapsed{display:block;margin-top:-18px;overflow:hidden;opacity:0;max-height:0}#smartFilter .checkbox,#smartFilter .radio{list-style:none;padding:0;margin:0}#smartFilter .checkbox li,#smartFilter .radio li{padding-bottom:12px}#smartFilter .checkbox label,#smartFilter .radio label{-webkit-transition:all .1s;-o-transition:all .1s;transition:all .1s}#smartFilter .checkbox .off,#smartFilter .radio .off{display:none}#smartFilter .checkbox li:last-child,#smartFilter .radio li:last-child{padding-bottom:0}#smartFilter .disabled{cursor:default!important;color:#888}#smartFilter .disabled .wrap{opacity:.6}#smartFilter .dropdown{background-color:#fff;border:1px solid #e7e8ea;position:relative;line-height:13px;font-size:13px;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;border-radius:4px}#smartFilter .checkedItem{padding:12px 30px 12px 8px!important;border-radius:4px;background:url(/bitrix/components/dresscode/cast.smart.filter/templates/.default/images/selectArrow.png) 97% 50% no-repeat transparent;display:block;cursor:pointer}#smartFilter .checkboxList label:before,#smartFilter .dropdown label:before{display:none}#smartFilter .dropdownList{background-color:#fff;border:1px solid #e7e8ea;position:absolute;list-style:none;margin:0 -1px;opacity:0;padding:0;z-index:2;top:47px;right:0;left:0;visibility:hidden}#smartFilter .dropdownList.opened{visibility:visible;opacity:1}#smartFilter .pics .dropdownList{top:52px}#smartFilter .dropdownList .item{padding:8px!important;display:block}#smartFilter .dropdownList .item:hover,#smartFilter .dropdownList .selected{cursor:pointer;color:#fff}#smartFilter .dropdown input{top:-44px}#smartFilter .rangeSlider input[type=text]{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;background-color:#fff;border-color:#e7e8ea;border-radius:4px;color:#888;height:26px;width:68px}#smartFilter .rangeSlider input[type=text]:nth-of-type(1){margin-right:12px}#smartFilter .rangeSlider label{display:inline-block;margin-right:12px}#smartFilter .slider{background:url(/bitrix/components/dresscode/cast.smart.filter/templates/.default/images/uiBg.png) 3px 0 repeat-x transparent;margin:24px auto 0;position:relative;max-width:300px;height:54px;width:100%}#smartFilter .slider .trans{-webkit-transition:width .2s ease-in-out,visibility .2s linear;-moz-transition:width .2s ease-in-out,visibility .2s linear;-o-transition:width .2s ease-in-out,visibility .2s linear;transition:width .2s ease-in-out,visibility .2s linear}#smartFilter .handler{position:absolute;cursor:pointer;height:14px;width:100%;top:19px}#smartFilter .slider .blackoutLeft,#smartFilter .slider .blackoutRight{background:url(/bitrix/components/dresscode/cast.smart.filter/templates/.default/images/handler.png) 0 0 repeat-x transparent;position:absolute;height:14px;width:0;top:0}#smartFilter .slider .blackoutLeft{-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-bottomleft:4px;border-top-left-radius:4px;border-bottom-left-radius:4px;left:0}#smartFilter .slider .blackoutRight{-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;right:0}#smartFilter .slider ins{background:url(/bitrix/components/dresscode/cast.smart.filter/templates/.default/images/motionButton.png) 0 0 no-repeat transparent;position:absolute;cursor:pointer;display:block;height:34px;width:34px;z-index:10;top:-10px}#smartFilter .slider ins:hover{background-position:-34px 0}#smartFilter .slider ins:active{background-position:-68px 0}#smartFilter .slider .left{right:-24px}#smartFilter .slider .right{left:-24px}#smartFilterControls{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;padding:0 12px;margin:24px 0 0;overflow:hidden;list-style:none}#smartFilterControls li{width:48%;float:left}#smartFilterControls li:last-child{float:right}#del_filter,#set_filter{line-height:46px;font-size:16px;height:46px}#set_filter{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-decoration:none;border-radius:4px;font-size:13px;display:block;color:#fff}#set_filter:active{position:relative;top:1px}#del_filter{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;background-color:#2b2b2b;text-decoration:none;border-radius:4px;text-align:center;color:#fff;font-size:13px;display:block;border:none}#del_filter:hover{background-color:#1e1e1e}#del_filter:active{position:relative;top:1px}#smartFilter .checkboxList{list-style:none;padding:0;margin:0}#smartFilter .checkboxList li{padding-bottom:12px;position:relative;cursor:pointer}#smartFilter .checkboxList li:last-child{padding-bottom:0}#smartFilter .checkboxList label{padding-left:0!important;display:block;vertical-align:middle}#smartFilter .checkboxList.inline li{display:inline-block}#smartFilter .checkboxList input{top:10px}#smartFilter .checkboxList .icon,#smartFilter .dropdown .icon{vertical-align:middle;border:1px solid #e7e8ea;display:inline-block;margin-right:12px;padding:6px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:border-color .3s ease;-moz-transition:border-color .3s ease;-o-transition:border-color .3s ease;transition:border-color .3s ease}#smartFilter .checkboxList .disabled .icon,#smartFilter .dropdown .disabled .icon{border-color:#e7e8ea!important}#smartFilter .checkboxList .icon .wrap,#smartFilter .dropdown .icon .wrap{-webkit-background-size:contain;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;vertical-align:middle;display:inline-block;height:24px;width:24px}#smartFilter .dropdown .icon{padding:4px}#smartFilter .dropdown .icon .wrap{height:20px;width:20px}#smartFilter .checkboxList .value,#smartFilter .dropdown .value{vertical-align:middle;display:inline-block;line-height:16px}#smartFilter .filterCalendar{position:relative;display:block;float:left;width:45%}#smartFilter .filterCalendar+.filterCalendar{margin-left:10%}#smartFilter .filterCalendar .calendar-icon{position:absolute;top:5px;right:5px;z-index:2;opacity:0}#smartFilter .filterCalendar .fakeCalendarIcon{position:absolute;top:6px;right:5px;z-index:1;height:20px;width:20px;background-color:#ccc}#smartFilter .filterCalendar input[type=text]{background-color:#2d2d2d;border-color:#454545;padding-right:30px;text-align:center;display:block;height:32px;width:100%}#smartFilter .hint{display:inline-block;vertical-align:top;position:relative;margin-right:6px;cursor:pointer;height:18px;width:18px}#smartFilter .hint:hover{background-position:-18px 0}#smartFilter .hintValue{background-color:#fff;border:1px solid #e7e8ea;position:absolute;line-height:18px;min-width:250px;margin-top:8px;font-size:13px;cursor:default;display:none;padding:16px;z-index:3;top:100%}#smartFilter .hintValue .heading{line-height:18px;font-size:16px;margin:0 0 8px;color:#fff;padding:0}#smartFilter .hintValue .close{text-decoration:none;position:absolute;font-size:22px;cursor:pointer;z-index:2;right:6px;top:6px}#smartFilter button,#smartFilter input,#smartFilter select,#smartFilter textarea{box-sizing:border-box}#smartFilter button:focus,#smartFilter input:focus,#smartFilter select:focus,#smartFilter textarea:focus{outline:0}#smartFilter button,#smartFilter select{text-transform:none}#smartFilter button{overflow:visible}#smartFilter button,#smartFilter input[type=reset],#smartFilter input[type=submit]{cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}#smartFilter input[type=file]{background:0 0;border:1px solid transparent}#smartFilter input[type=email],#smartFilter input[type=password],#smartFilter input[type=tel],#smartFilter input[type=text],#smartFilter input[type=url],#smartFilter select,#smartFilter textarea{background:rgba(0,0,0,.5);border:1px solid #373737;height:42px;padding:0 8px;font-size:13px;color:#fff;margin:0}#smartFilter textarea{padding:4px 8px}#smartFilter input[type=email]:focus,#smartFilter input[type=password]:focus,#smartFilter input[type=tel]:focus,#smartFilter input[type=text]:focus,#smartFilter input[type=url]:focus,#smartFilter select:focus,#smartFilter textarea:focus{border-color:#ccc}#smartFilter input[type=checkbox]+label,#smartFilter input[type=radio]+label{cursor:pointer}#smartFilter input[type=checkbox]:not(checked),#smartFilter input[type=radio]:not(checked){position:absolute;opacity:0}#smartFilter input[type=checkbox]:not(checked)+label,#smartFilter input[type=radio]:not(checked)+label{position:relative;padding-left:28px}#smartFilter input[type=checkbox]+label:before{background:url(/bitrix/components/dresscode/cast.smart.filter/templates/.default/images/checkBox.png) 0 0 no-repeat transparent}#smartFilter input[type=radio]+label:before{background:url(/bitrix/components/dresscode/cast.smart.filter/templates/.default/images/radio.png) 0 0 no-repeat transparent}#smartFilter input[type=checkbox]:not(checked)+label:before,#smartFilter input[type=radio]:not(checked)+label:before{position:absolute;content:" ";height:17px;width:17px;left:0;top:0}#smartFilter input[type=checkbox]:not(checked)+label:hover:before,#smartFilter input[type=radio]:not(checked)+label:hover:before{background-position:0 -17px}#smartFilter input[type=checkbox]:checked+label:before,#smartFilter input[type=radio]:checked+label:before{background-position:0 -34px}#smartFilter input[type=checkbox]:checked+label:hover:before,#smartFilter input[type=radio]:checked+label:hover:before{background-position:0 -51px}#smartFilter input[type=checkbox]:disabled+label,#smartFilter input[type=radio]:disabled+label{cursor:default}#smartFilter input[type=checkbox]:disabled+label:before,#smartFilter input[type=radio]:disabled+label:before{background-position:0 -68px!important}#smartFilter textarea{resize:vertical;overflow:auto;height:auto}#smartFilter button::-moz-focus-inner,#smartFilter input::-moz-focus-inner{padding:0;border:0}#smartFilter input::-moz-placeholder,#smartFilter textarea::-moz-placeholder{color:#fff}#smartFilter input:focus::-moz-placeholder,#smartFilter textarea:focus::-moz-placeholder{color:transparent}#smartFilter input::-ms-input-placeholder,#smartFilter textarea::-ms-input-placeholder{color:#fff}#smartFilter input:focus::-webkit-input-placeholder,#smartFilter textarea:focus::-webkit-input-placeholder{color:#fff}#smartFilter input:focus::-webkit-input-placeholder{color:transparent}#smartFilter textarea:focus::-webkit-input-placeholder{color:transparent}#smartFilter input[type=search]{-webkit-appearance:textfield}#smartFilter input[type=search]::-webkit-search-cancel-button,#smartFilter input[type=search]::-webkit-search-decoration{-webkit-appearance:none}#modef{-webkit-transition:top .2s ease;-moz-transition:top .2s ease;-o-transition:top .2s ease;transition:top .2s ease;position:absolute;line-height:38px;padding-left:7px;text-align:center;font-size:12px;width:193px;height:38px;left:400px;color:#fff;z-index:99}#modef .close{background:url(/bitrix/components/dresscode/cast.smart.filter/templates/.default/images/closeModef.png) 0 0 no-repeat;vertical-align:middle;display:inline-block;margin-right:8px;margin-top:-2px;height:12px;width:12px}#modef .close:hover{opacity:.8}#modef .close:active{position:relative;top:1px}#modef_send{margin-left:8px;color:#fff}#modef_send:hover{opacity:.9}#modef_num{display:inline-block}#modef_send{display:inline-block}#smartFilter .elCount{text-decoration:none} /* End */ /* Start:/local/templates/dresscodeV2/components/bitrix/system.pagenavigation/round/style.min.css?17811583661664*/ .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 */ /* Start:/local/templates/dresscodeV2/components/bitrix/catalog.section/catalog_karat/style.css?17873007698623*/ @media (min-width: 1200px){ /*lg*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-md-2:nth-child(6n+1), .product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-md-3:nth-child(4n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } @media (min-width: 992px) and (max-width:1199px){ /*md*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-md-2:nth-child(6n+1), .product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-md-3:nth-child(4n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } @media (min-width: 768px) and (max-width: 991px){ /*sm*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), .product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-1-4 > .col-sm-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } @media (max-width: 767px){ /*xs*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } .catalog-section-header{ font-size:14px; font-weight: bold; text-align: left; margin:5px 0; padding:5px 15px; border-bottom: 2px solid #d9dee6; color: #000; } .catalog_list { margin-bottom: 25px; } /* === exterier.ru adaptation: local grid without changing global styles === */ #ajaxSection .catalog_list.row { display: flex; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; } #ajaxSection .product_item_catalog { box-sizing: border-box; width: 33.333333%; padding-right: 12px; padding-left: 12px; margin-top: 12px; margin-bottom: 12px; } @media (max-width: 991px) { #ajaxSection .product_item_catalog { width: 50%; } } @media (max-width: 575px) { #ajaxSection .catalog_list.row { margin-right: -5px; margin-left: -5px; } #ajaxSection .product_item_catalog { flex: 0 0 50%; max-width: 50%; width: 50%; padding-right: 1px; padding-left: 1px; margin-top: 6px; margin-bottom: 6px; } #ajaxSection > .row.bx-blue { display: block; width: 100%; margin-left: 0; margin-right: 0; clear: both; } #ajaxSection > .row.bx-blue > .btn.btn-default.btn-lg.center-block[data-use^="show-more-"] { max-width: calc(100% - 30px); min-width: 0; box-sizing: border-box; white-space: normal; text-align: center; } } #ajaxPager { clear: both; width: 100%; } /* BXGET_CATALOG_SHOW_MORE_V2 */ #ajaxSection > .row.bx-blue { display: flex; justify-content: center; width: 100%; margin-right: 0; margin-left: 0; clear: both; } #ajaxSection .bxget-catalog-show-more { position: relative; display: inline-flex !important; align-items: center; justify-content: center; box-sizing: border-box; min-width: 230px; min-height: 46px; margin: 24px auto 32px !important; padding: 0 28px; border: 1px solid #30ba0d !important; border-radius: 3px; background: #30ba0d !important; box-shadow: none !important; color: #ffffff !important; font-size: 14px; font-weight: 500; line-height: 44px; text-align: center; text-shadow: none; white-space: nowrap; cursor: pointer; transition: background-color .18s ease, border-color .18s ease, opacity .18s ease; } #ajaxSection .bxget-catalog-show-more:hover, #ajaxSection .bxget-catalog-show-more:focus { border-color: #289f0b !important; background: #289f0b !important; color: #ffffff !important; outline: none; text-decoration: none; } #ajaxSection .bxget-catalog-show-more:active { top: 1px; } #ajaxSection .bxget-catalog-show-more.bxget-catalog-show-more--loading { pointer-events: none; opacity: .78; cursor: default; } #ajaxSection .bxget-catalog-show-more.bxget-catalog-show-more--loading::before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 8px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; vertical-align: -3px; animation: bxgetCatalogShowMoreSpin 0.7s linear infinite; } @keyframes bxgetCatalogShowMoreSpin { to { transform: rotate(360deg); } } @media (max-width: 575px) { #ajaxSection .bxget-catalog-show-more { width: calc(100% - 20px); max-width: 320px; min-width: 0; min-height: 44px; margin-top: 18px !important; margin-bottom: 24px !important; padding-right: 20px; padding-left: 20px; white-space: normal; } } #ajaxInfiniteSentinel { width: 100%; height: 1px; } /* BXGET_CATALOG_EMPTY_V1 */ .bxget-catalog-empty { width: 100%; margin: 24px 0; padding: 28px 24px; background: #ffffff; border: 1px solid #e7e8ea; border-radius: 4px; text-align: center; } .bxget-catalog-empty__title { margin-bottom: 8px; color: #252525; font-size: 20px; font-weight: 600; line-height: 26px; } .bxget-catalog-empty__text { margin-bottom: 18px; color: #666666; font-size: 15px; line-height: 22px; } .bxget-catalog-empty__button { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 18px; color: #ffffff; background: #2b2b2b; border: 1px solid #2b2b2b; border-radius: 4px; font-size: 14px; line-height: 40px; text-decoration: none; } .bxget-catalog-empty__button:hover { color: #ffffff; opacity: .9; text-decoration: none; } @media (max-width: 575px) { .bxget-catalog-empty { margin: 16px 0; padding: 22px 14px; } .bxget-catalog-empty__title { font-size: 17px; line-height: 23px; } .bxget-catalog-empty__text { font-size: 14px; line-height: 20px; } .bxget-catalog-empty__button { width: 100%; } } /* End */ /* Start:/local/templates/dresscodeV2/components/bitrix/catalog.item/block_v3/style.css?179146833648506*/ .add_favour.active { background: #e53935; box-shadow: 0 2px 12px rgba(229, 57, 53, .35); } .add_favour.active:not(:hover) { color: #fff; } .add_favour.active svg:not(:hover), .add_favour.active i:not(:hover), .add_favour.active path:not(:hover) { fill: #fff; color: #fff; stroke: #fff; } .add_compare.active { background: #1e88e5; color: #fff; box-shadow: 0 2px 12px rgba(30, 136, 229, .35); } .add_compare.active svg, .add_compare.active i, .add_compare.active path { fill: #fff; color: #fff; stroke: #fff; } .slider .owl-carousel .owl-stage-outer { overflow-y: visible; overflow-x: clip; } .product-item-container .btn_one_click { margin-bottom: 10px; } .product-item-container .btn_one_click span { color: #A88F66; } .product-item-container .btn_one_click:hover span { color: #212121; } .product-item-container { position: relative; } .product-item-container.hover { z-index: 17; } .product-item { display: block; box-sizing: border-box; padding: 15px 0 5px; width: 100%; border: 1px solid transparent; border-radius: 2px; } .product-item-line-card .product-item { width: auto; border-bottom: 1px solid #dadada; }@media (max-width: 991px) { .product-item-line-card .product-item .col-sm-6:nth-child(2n) { clear: both; }} .bx-retina .product-item { border-width: .5px; } .product-item * { transition: opacity 300ms ease; }@media (max-width: 767px) { .product-item { padding: 15px 5px 5px } .product-item-line-card .product-item .col-xs-12:nth-child(2n) { clear: both; }} .bx-no-touch .product-item-container.hover .product_item-wrp { position: absolute; right: 0; left: 0; width: auto; } .bx-touch .product-item { padding: 15px 0 0; width: auto; background: #fff; } .bx-no-touch .product-item-container.hover .product_item-wrp { -webkit-animation: product-item-hover 300ms 1 ease; }@-webkit-keyframes product-item-hover { 0% { position: absolute; left: 0; right: 0; } 100% { }}/*Image*/ .product-item-image-wrapper { position: relative; display: block; margin-bottom: 15px; padding-top: 116%; width: 100%; transition: all 300ms ease; } .product-item-image-wrapper:hover { } .product-item-container.hover.product-item-scalable-card .product-item-image-wrapper { padding-top: 54%; } .product-item-image-original, .product-item-image-alternative { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; transition: opacity 300ms linear; } .product-item-image-original { z-index: 11; } .product-item-image-alternative { z-index: 13; opacity: 0; } .bx-no-touch .product-item-container.hover .product-item-image-original { opacity: 0; } .bx-no-touch .product-item-container.hover .product-item-image-alternative { opacity: 1; } .product-item-big-card .product-item-image-wrapper { margin-bottom: 25px; }/*Image Slider*/ .product-item-image-slider-slide-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; overflow: hidden; width: 100%; height: 100%; transition: opacity 300ms ease; } .product-item-image-slide { position: relative; display: none; height: 100%; background-color: #fff; background-position: center; background-size: contain; background-repeat: no-repeat; transition: .6s ease-in-out left; }@media all and (transform-3d), (-webkit-transform-3d) { .product-item-image-slide { transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .product-item-image-slide.next, .product-item-image-slide.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .product-item-image-slide.prev, .product-item-image-slide.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .product-item-image-slide.next.left, .product-item-image-slide.prev.right, .product-item-image-slide.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }} .product-item-image-slider-slide-container > .active, .product-item-image-slider-slide-container > .next, .product-item-image-slider-slide-container > .prev { display: block; } .product-item-image-slider-slide-container > .active { left: 0; } .product-item-image-slider-slide-container > .next, .product-item-image-slider-slide-container > .prev { position: absolute; top: 0; width: 100%; } .product-item-image-slider-slide-container > .next { left: 100%; } .product-item-image-slider-slide-container > .prev { left: -100%; } .product-item-image-slider-slide-container > .next.left, .product-item-image-slider-slide-container > .prev.right { left: 0; } .product-item-image-slider-progress-bar-container { position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 1px; } .product-item-image-slider-progress-bar { position: absolute; top: 0; bottom: 0; left: 0; height: 1px; background-color: #f42c2c; opacity: .8; } .product-item-image-slider-control-container { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; padding: 0; text-align: center; opacity: 0; transition: opacity 300ms ease; } .product-item-container.hover .product-item-image-slider-control-container, .product-item-line-card:hover .product-item-image-slider-control-container { opacity: 1; } .product-item-image-slider-control, .product-item-image-slider-control.active { display: inline-block; width: 12px; height: 12px; border-radius: 50%; background-color: rgba(128, 128, 128, .8); opacity: .6; cursor: pointer; transition: all 300ms ease; } .product-item-image-slider-control:hover, .product-item-image-slider-control.active:hover { cursor: pointer; }/*Label*/ .product-item-label-text, .product-item-label-ring { position: absolute; z-index: 15; } .product-item-label-text span, .product-item-label-ring { display: inline-block; clear: both; margin-bottom: 2px; background: #f42c2c; color: #fff; vertical-align: middle; text-align: center; transition: all 250ms ease; } .bx-red .product-item-label-text span, .bx-red .product-item-label-ring { background-color: #fba90c; } .product-item-label-text > div, .product-item-label-ring > div { line-height: 0; }/* TEXT */ .product-item-label-text span { padding: 2px 5px; vertical-align: middle; font-weight: bold; }/*SMALL*/ .product-item-label-text.product-item-label-small span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-small span { margin-bottom: 1px; padding: 2px 7px; font-weight: normal; font-size: 13px; line-height: 14px; } .product-item-big-card .product-item-label-text.product-item-label-small span { padding: 5px 12px; font-size: 16px; line-height: 21px; }/* BIG */ .product-item-label-text.product-item-label-big span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-big span { padding: 4px 10px; font-size: 13px; line-height: 17px; } .product-item-big-card .product-item-label-text.product-item-label-big span { padding: 5px 17px; font-size: 22px; line-height: 33px; }@media (max-width: 767px) { .product-item-label-text > div { line-height: 0; } .product-item-label-text.product-item-label-small span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-small span { margin-bottom: 1px; padding: 2px 7px; font-size: 10px; line-height: 14px; } .product-item-big-card .product-item-label-text.product-item-label-small span, .product-item-label-text.product-item-label-big span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-big span { margin-bottom: 1px; padding: 3px 12px; font-size: 14px; line-height: 16px; } .product-item-big-card .product-item-label-text.product-item-label-big span { padding: 3px 12px; font-size: 20px; line-height: 25px; }}/*RING*/ .product-item-label-ring { box-sizing: border-box; border-radius: 50%; font-weight: bold; } .product-item-label-ring.product-item-label-small, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-small { width: 40px; height: 40px; font-size: 14px; line-height: 40px; } .product-item-big-card .product-item-label-ring.product-item-label-small { width: 100px; height: 100px; font-size: 30px; line-height: 100px; } .product-item-label-ring.product-item-label-big, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-big { width: 50px; height: 50px; font-size: 18px; line-height: 50px; } .product-item-big-card .product-item-label-ring.product-item-label-big { width: 120px; height: 120px; font-size: 42px; line-height: 120px; }@media (max-width: 767px) { .product-item-label-ring.product-item-label-small, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-small { width: 35px; height: 35px; font-size: 12px; line-height: 35px; } .product-item-big-card .product-item-label-ring.product-item-label-small, .product-item-label-ring.product-item-label-big, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-big { width: 35px; height: 35px; font-size: 12px; line-height: 35px; } .product-item-big-card .product-item-label-ring.product-item-label-big { width: 70px; height: 70px; font-size: 24px; line-height: 70px; }} .product-item-label-top { top: -5px; } .product-item-label-center { left: 50%; transform: translateX(-50%); } .product-item-label-center > div { text-align: center; } .product-item-label-left { left: -5px; } .product-item-label-left > div { text-align: left; } .product-item-label-bottom { bottom: -5px; } .product-item-label-middle { top: 50%; transform: translateY(-50%); } .product-item-label-right { right: -5px; } .product-item-label-right > div { text-align: right; } .product-item-label-center.product-item-label-middle { transform: translateY(-50%) translateX(-50%); }/*Title*/ .product-item-title { overflow: hidden; margin-bottom: 15px; text-overflow: ellipsis; white-space: nowrap; } .bx-touch .product-item-title, .product-item-container.hover .product-item-title { overflow: auto; white-space: normal; } .product-item-title a { color: #3f3f3f; text-decoration: none; font-size: 13px; } .product-item-big-card .product-item-title a { font-size: 21px; } .product-item-line-card .product-item-title a { font-size: 20px; }/*Price*/ .product-item-price-container { margin: 5px 0 10px; } .product-item-price-current { color: #3f3f3f; white-space: nowrap; font-weight: bold; font-size: 13px; } .product-item-price-old { color: #a5a5a5; text-decoration: line-through; white-space: nowrap; font-size: 12px; } .product-item-big-card .product-item-price-current, .product-item-big-card .product-item-price-old { vertical-align: middle; line-height: 20px; } .product-item-big-card .product-item-price-container { margin: 0 0 10px; } .product-item-big-card .product-item-price-current { font-size: 18px; } .product-item-big-card .product-item-price-old { font-size: 15px; }/*Info*/ .product-item-line-card .product-item-info-container { text-align: center; }/*.product-item-info-container { margin-bottom: 8px; }*/ .product-item-info-container-title { color: #000; font-weight: bold; font-size: 13px; } .bx-no-touch .product-item-container .product-item-info-container.product-item-hidden { display: none; opacity: 0; transition: opacity 300ms ease; } .bx-touch .product-item-info-container.product-item-touch-hidden { display: none } .bx-touch .product-item-info-container.product-item-hidden, .bx-no-touch .product-item-container.hover .product-item-info-container.product-item-hidden, .product-item-line-card .product-item-container .product-item-info-container.product-item-hidden { display: block; opacity: 1; }/*Amount*/ .product-item-amount { padding: 0 0 2px; text-align: center; } .product-item-amount-field-container { } .product-item-amount-field-btn-plus, .product-item-amount-field-btn-minus { position: relative; display: inline-block; min-width: 22px; height: 22px; border-radius: 2px; background-color: #f2f2f2; color: #fff; vertical-align: middle; text-align: center; cursor: pointer; transition: background 300ms ease, opacity 300ms ease; } .bx-retina .product-item-amount-field-btn-plus, .bx-retina .product-item-amount-field-btn-minus { border-width: .5px; } .product-item-amount-field-btn-plus:hover, .product-item-amount-field-btn-minus:hover { background: #d3d3d3; } .product-item-amount-field-btn-plus:after, .product-item-amount-field-btn-minus:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; opacity: .8; transition: opacity 300ms ease, background 300ms ease; } .product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:after, .product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:after { opacity: .3; cursor: default; } .product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:hover, .product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:hover { background-color: #f2f2f2; } .product-item-amount-field-btn-plus:after { background: url(data:image/svg+xml; base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxwYXRoIGZpbGw9IiM1MjVDNjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LDEyIEwxOCwwIEwxMiwwIEwxMiwxMiBMMCwxMiBMMCwxOCBMMTIsMTggTDEyLDMwIEwxOCwzMCBMMTgsMTggTDMwLDE4IEwzMCwxMiBMMTgsMTIgWiIvPjwvc3ZnPg==) no-repeat center; background-size: 10px; } .product-item-amount-field-btn-minus:after { background: url(data:image/svg+xml; base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSI2IiB5PSIxMiIgZmlsbD0iIzUyNUM2OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat center; background-size: 10px; } .product-item-amount-field-btn-plus:hover:after, .product-item-amount-field-btn-minus:hover:after { opacity: 1; } .product-item-amount-field { display: inline-block; padding: 0; max-width: 50px; width: auto; height: 22px; border: 1px solid transparent; border-radius: 2px; background: transparent; color: #000; vertical-align: middle; text-align: center; font-weight: bold; line-height: 22px; transition: border 300ms ease; } .bx-retina .product-item-amount-field { border-width: .5px; } .product-item-amount-field:focus { outline: none; } .bx-no-touch input.product-item-amount-field::-webkit-outer-spin-button, .bx-no-touch input.product-item-amount-field::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; appearance: none } .product-item-amount-description-container { color: #a5a5a5; white-space: nowrap; font-size: 12px; display: block; } .product-item-big-card .product-item-amount-field-container { text-align: left; } .product-item-amount-description-container strong { color: #333; white-space: nowrap; } .product-item-amount-label-container { margin: 5px 0; color: #a5a5a5; font-weight: bold; font-size: 12px; }/**/ .product-item-quantity { color: #333; font-weight: normal; font-size: 12px; }/*Properties */ .product-item-properties { display: block; overflow: hidden; margin: 0; color: #A87F66 ; font-size: 12px; } .product-item-properties a:hover { text-decoration: underline; } .product-item-properties dl { clear: both; } .product-item-properties dt { float: left; clear: both; font-weight: normal; } .product-item-properties dd { float: right; margin-bottom: 3px; margin-left: 5px; color: #000; } /*Compare*/ .product-item-compare-container { /*position: relative;*/ /*display: none;*/ /*margin: 0 -15px;*/ /*padding: 4px 15px;*/ /*min-height: 30px;*/ /*border-top: 1px solid #e6e6e6;*/ /*background: #f3f3f3;*/ /*box-shadow: inset 0 1px 1px 0 #eee;*/ /*vertical-align: middle;*/ /*font-size: 12px;*/ /*line-height: 20px;*/ } .product-item-line-card .product-item-compare-container { margin: 0; border: none; background-color: transparent; box-shadow: none; text-align: center; } .bx-touch .product-item-compare-container { display: none; } .product-item-line-card .product-item-compare-container, .product-item-container.hover .product-item-compare-container { display: block; } .product-item-compare .checkbox { margin: 0; padding: 0; } /* SCU */ .product-item-scu-container { padding: 0 0 2px; } .product-item-scu-container-title { color: #333; font-size: 12px; } .product-item-scu-block { } .product-item-scu-list { margin: 0; } .product-item-scu-item-list { overflow: hidden; margin: 0 0 0 -2px; padding: 0; list-style: none; } .product-item-scu-item-color-container, .product-item-scu-item-text-container { /* float: left; */ display: inline-block; box-sizing: border-box; padding: 5px 3px; max-width: 100%; } .product-item-scu-item-text-container { min-width: 32px; } .product-item-scu-item-color-container { max-width: 38px; width: 25%; } .product-item-scu-item-color-block { position: relative; padding-top: 100%; outline: 1px solid #c0cfda; cursor: pointer; } .bx-no-touch .product-item-scu-item-color-block { transition: outline 200ms ease; } .bx-retina .product-item-scu-item-color-block { outline-width: .5px; } .product-item-scu-item-color-container.selected .product-item-scu-item-color-block { outline-width: 2px; } .bx-retina .product-item-scu-item.selected .product-item-scu-item-color-block { outline-width: 1px; } .product-item-scu-item-color { position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; background-position: center; background-size: contain; background-repeat: no-repeat; } .product-item-scu-item-text-block { position: relative; padding: 0 5px; outline: 1px solid #c0cfda; cursor: pointer; } .bx-no-touch .product-item-scu-item-text-block { transition: outline 300ms ease; } .bx-retina .product-item-scu-item-text-block { outline-width: .5px; } .product-item-scu-item-text-container.selected .product-item-scu-item-text-block { outline-width: 2px; } .bx-retina .product-item-scu-item.selected .product-item-scu-item-text-block { outline-width: 1px; } .product-item-scu-item-text { overflow: hidden; max-width: 100%; vertical-align: middle; text-align: center; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; line-height: 18px; } .product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block, .product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block { position: relative; outline-color: #a9adb4; } .product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block:after, .product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block:after { position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; background: rgba(255, 255, 255, 0.75) url(data:image/svg+xml; base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4gIDxwYXRoIGZpbGw9IiNBOUFEQjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjM5MjEyNjgsMTMuMjMyMzAyOSBMMjUuOTkyLDEuNDE4IEwyNC42LDAgTDEyLjk5OTk5NTYsMTEuODE0NDM2NCBMMS40LDAgTDAuMDA5LDEuNDE5IEwxMS42MDc4Njg3LDEzLjIzMjI5NzUgTDAuNDczLDI0LjU3MyBMMS44NjUsMjUuOTkxIEwxMi45OTk5OTkzLDE0LjY1MDE2NDUgTDI0LjEzNCwyNS45OSBMMjUuNTI2LDI0LjU3MiBMMTQuMzkyMTI2OCwxMy4yMzIzMDI5IFoiLz48L3N2Zz4=) no-repeat center; background-size: 80% 80%; content: ""; }@media (max-width: 991px) { .product-item-line-card .product-item-scu-container-title { text-align: center; } .product-item-line-card .product-item-scu-item-list { text-align: center; } .product-item-line-card .product-item-scu-item-color-container, .product-item-line-card .product-item-scu-item-text-container { display: inline-block; float: none; }} /*Description*/ .product-item-description-container { } .product-item-description-container p { color: #575757; font-size: 13px; }/*Buttons*/ .product-item-button-container { text-align: center; width: 100%; height: 100%; } .product-item-button-container .btn { margin-bottom: 2px; } /*Stickers*/ .product-item-sticker, .product-item-sticker-round { display: none; } /*More*/ .product-item-more-container { position: relative; display: block; box-sizing: border-box; padding: 15px 15px 5px; width: 100%; border: 1px solid transparent; border-radius: 2px; transition: all 300ms ease; } .product-item-more-wrapper { position: relative; display: block; margin-bottom: 15px; padding-top: 116%; width: 100%; } .product-item-more { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background: #f3f3f3 url(data:image/svg+xml; base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjk3LjYxMyAyOTcuNjEzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjxjaXJjbGUgY3g9IjE1LjI3OSIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iMTQuODMiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjU5Ljc2OSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTAzLjgxIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIxNC44MyIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE0OC4zMDIiIGN5PSIxMDMuODEiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE5Mi4zNDMiIGN5PSI1OS43NjkiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjM4LjIzOCIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNS4yNzkiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjI4Mi43ODIiIHI9IjE0LjgzMSIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMjgyLjc4MiIgcj0iMTQuODMxIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjgyLjMzNCIgY3k9IjE0Ny44NTIiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjwvc3ZnPg==) no-repeat center; background-size: 50%; opacity: .7; transition: opacity 300ms ease; } .bx-touch .product-item-more, .product-item-container.hover .product-item-more { opacity: 1; } .product-item-more-title { overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }input[type='number'] { -moz-appearance: textfield; }input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } /* ==========================================================================\ EXTERIER.RU — catalog.item / block_v3 Clean listing-card styles (V22). One source of truth; no versioned override layers. ========================================================================== */ .product_item, .product_item * { box-sizing: border-box; } .product_item { width: 100%; height: 100%; min-width: 0; font-family: inherit; } .product_item .product_item-wrp, .bx-no-touch .product-item-container.hover .product_item-wrp, .product_item.product-item-container.hover .product_item-wrp { position: relative; right: auto; left: auto; display: flex; flex-direction: column; width: 100%; height: 100%; min-width: 0; overflow: hidden; background: #fff; border: 0; border-radius: 14px; box-shadow: 0 3px 12px rgba(26, 38, 26, .05); transition: box-shadow .18s ease; } .bx-no-touch .product_item:hover .product_item-wrp, .bx-no-touch .product_item.product-item-container.hover .product_item-wrp { box-shadow: 0 8px 24px rgba(26, 38, 26, .11); } .product_item.product-item-container.hover .catalog_item-wrapper { box-shadow: none; } /* Image / hover gallery */ .product_item .catalog_pic, .product_item .catalog_pic[data-kk-gallery="1"] { position: relative; display: block; flex: 0 0 auto; width: 100%; height: auto; min-height: 0; aspect-ratio: 4 / 5; margin: 0; overflow: hidden; background: #fff; border-radius: 14px 14px 0 0; } .product_item .catalog_pic-abs, .product_item .kk-card-image-link { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-width: 0; min-height: 0; overflow: hidden; } .product_item .kk-card-main-img { display: block; width: 100%; height: 100%; max-width: 100%; max-height: none; object-fit: contain; opacity: 1; transition: opacity .14s ease; } .product_item .kk-card-main-img.is-fading { opacity: .58; } .product_item .catalog_pic::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 9; height: 42%; pointer-events: none; background: linear-gradient(to top, rgba(0,0,0,.28), rgba(0,0,0,0)); opacity: 0; transition: opacity .18s ease; } .bx-no-touch .product_item:hover .catalog_pic::after { opacity: 1; } .product_item .labels { position: absolute; top: 10px; left: 10px; z-index: 13; display: flex; flex-direction: column; align-items: flex-start; gap: 5px; pointer-events: none; } .product_item .label_item { display: inline-flex; align-items: center; min-height: 22px; padding: 4px 8px; color: #fff; font-size: 10px; font-weight: 600; line-height: 14px; border-radius: 6px; } .product_item .kk-card-actions { position: absolute; top: 10px; right: 10px; z-index: 13; display: flex; gap: 5px; } .product_item .kk-card-action { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; background: rgba(255,255,255,.96); border: 0; border-radius: 50%; box-shadow: 0 1px 4px rgba(0,0,0,.10); text-decoration: none; } .product_item .kk-card-action.added, .product_item .kk-card-action.active { box-shadow: 0 0 0 1px #30ba0e; } .product_item .kk-action-icon { display: block; width: 16px; height: 16px; } .product_item .kk-card-action.added .kk-action-icon, .product_item .kk-card-action.active .kk-action-icon { filter: brightness(0) saturate(100%) invert(49%) sepia(90%) saturate(1324%) hue-rotate(71deg) brightness(94%) contrast(96%); } .product_item .kk-gallery-thumbs { position: absolute; left: 50%; bottom: 60px; z-index: 12; display: flex; justify-content: center; gap: 4px; width: max-content; max-width: calc(100% - 24px); padding: 4px; background: rgba(255,255,255,.96); border-radius: 7px; box-shadow: 0 2px 10px rgba(0,0,0,.12); opacity: 0; pointer-events: none; transform: translateX(-50%); transition: opacity .18s ease; } .bx-no-touch .product_item:hover .kk-gallery-thumbs { opacity: 1; pointer-events: auto; } .product_item .kk-thumb { flex: 0 0 43px; width: 43px; min-width: 43px; aspect-ratio: 1 / 1; height: auto; padding: 0; overflow: hidden; background: #fff; border: 2px solid transparent; border-radius: 5px; cursor: pointer; } .product_item .kk-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; } .product_item .kk-thumb.is-active { border-color: #fff; box-shadow: 0 0 0 1px rgba(0,0,0,.16); } .product_item .kk-gallery-dots { position: absolute; left: 50%; bottom: 6px; z-index: 12; display: none; align-items: center; justify-content: center; gap: 5px; width: auto; margin: 0; padding: 4px; background: rgba(255,255,255,.55); border-radius: 10px; transform: translateX(-50%); } .product_item .kk-dot { display: block; flex: 0 0 5px; width: 5px; height: 5px; min-width: 5px; min-height: 5px; padding: 0; border: 0; border-radius: 50%; background: rgba(0,0,0,.22); box-shadow: none; cursor: pointer; } .product_item .kk-dot.is-active { background: #000; } .product_item .getFastView { position: absolute; left: 50%; bottom: 12px; z-index: 12; display: block; width: auto; min-width: 150px; height: 38px; margin: 0; padding: 0 14px; color: #2fae17; font-size: 12px; font-weight: 500; line-height: 38px; text-align: center; text-decoration: none; white-space: nowrap; background: rgba(255,255,255,.97); border-radius: 7px; box-shadow: 0 3px 14px rgba(0,0,0,.12); visibility: hidden; opacity: 0; transform: translateX(-50%); transition: opacity .18s ease, visibility .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease; } .bx-no-touch .product_item:hover .getFastView, .product_item .catalog_pic:focus-within .getFastView { visibility: visible; opacity: 1; } .product_item .getFastView:hover, .product_item .getFastView:focus-visible { color: #218a29; background: #edf8ef; box-shadow: 0 4px 16px rgba(0,0,0,.18); text-decoration: none; } @media (min-width: 768px) { .product_item .kk-gallery-dots { display: none; } } /* Content */ .product_item .catalog_item-wrapper { display: flex; flex: 1 1 auto; flex-direction: column; width: 100%; min-width: 0; padding: 16px; background: #fff; } .product_item .catalog_name { min-height: 36px; margin: 0 0 16px; overflow: hidden; color: #17181a; font-size: 14px; font-weight: 600; line-height: 18px; } .product_item .catalog_name a { color: inherit; text-decoration: none; } .product_item .catalog_name .name { display: -webkit-box; margin: 0; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .product_item .catalog_price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 7px; margin: 0 0 8px; } .product_item .catalog_curr-price, .product_item .catalog_curr-price.fz-small { margin: 0; color: #17181a; font-size: 18px; font-weight: 700; line-height: 22px; } .product_item .kk-price-prefix { margin-right: 2px; color: inherit; font-size: inherit; font-weight: inherit; } .product_item .catalog_curr-price-value { white-space: nowrap; } .product_item .catalog_old-price { margin: 0; color: #8a909a; font-size: 11px; line-height: 16px; text-decoration: line-through; } .product_item .kk-card-status-actions { margin: 0 0 8px; } .product_item .kk-card-status-actions .kk-availability-badge { display: inline-flex; align-items: center; gap: 5px; min-height: 18px; padding: 0; color: #1e7a2e; font-size: 11px; font-weight: 600; line-height: 18px; white-space: nowrap; background: transparent; border: 0; } .product_item .kk-card-status-actions .kk-availability-badge::before { content: ""; flex: 0 0 7px; width: 7px; height: 7px; border-radius: 50%; background: #30ba0e; } .product_item .kk-card-status-actions .kk-availability-badge.is-unavailable { color: #8a909a; } .product_item .kk-card-status-actions .kk-availability-badge.is-unavailable::before { background: #a8a8a8; } /* Sizes */ .product_item .kk-sizes { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; width: 100%; margin: 0 0 12px; } .product_item .kk-size-list { display: contents; } .product_item .kk-size-pill, .product_item .kk-size-more { display: inline-flex; align-items: center; justify-content: center; height: 28px; min-height: 28px; padding: 0 8px; font-size: 11px; font-weight: 500; line-height: 26px; white-space: nowrap; border-radius: 14px; cursor: pointer; } .product_item .kk-size-pill { color: #3b4149; background: #f5f6f8; border: 1px solid #f5f5f5; } .product_item .kk-size-pill:hover { border-color: #b7dcae; } .product_item .kk-size-pill.is-active { color: #1e7a2e; background: #eaf6ec; border-color: #30ba0e; box-shadow: none; } .product_item .kk-size-pill.is-disabled { color: #aaa; text-decoration: line-through; background: #f7f7f7; border-color: #e7e7e7; cursor: default; } .product_item .kk-size-pill.is-hidden { display: none; } .product_item .kk-size-more { padding: 0 2px; color: #30ba0e; background: transparent; border: 0; } .product_item .kk-size-more.is-hidden { display: none; } .product_item .kk-sizes.is-expanded { display: block; } .product_item .kk-sizes.is-expanded .kk-size-list { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 4px; max-height: 116px; padding-right: 5px; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #d8d8d8 transparent; } .product_item .kk-sizes.is-expanded .kk-size-list::-webkit-scrollbar { width: 4px; } .product_item .kk-sizes.is-expanded .kk-size-list::-webkit-scrollbar-thumb { background: #d8d8d8; border-radius: 4px; } .product_item .kk-sizes.is-expanded .kk-size-more { height: 22px; min-height: 22px; margin-top: 5px; padding: 0; line-height: 22px; } /* Characteristics: standard DISPLAY_PROPERTIES output. */ .product_item .kk-card-characteristics { display: grid; gap: 4px; width: 100%; margin: 0 0 20px; font-size: 11px; line-height: 15px; } .product_item .kk-card-char-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 8px; align-items: start; min-width: 0; } .product_item .kk-card-char-label { min-width: 0; overflow: hidden; color: #8a909a; white-space: nowrap; text-overflow: ellipsis; } .product_item .kk-card-char-value { display: block; min-width: 0; color: #3b4149; text-align: right; overflow-wrap: anywhere; } .product_item .kk-card-char-country { display: inline-flex; align-items: center; justify-content: flex-end; gap: 5px; } .product_item .kk-country-flag { display: block; flex: 0 0 16px; width: 16px; height: 11px; object-fit: cover; border: 0; border-radius: 1px; } /* Actions */ .product_item .kk-card-bottom-actions { display: flex; flex-direction: column; width: 100%; margin-top: auto; } .product_item .catalog_btns.product-item-info-container.product-item-hidden { display: block; opacity: 1; } .product_item .catalog_btns, .product_item .mask_box, .product_item .catalog_bot-flex, .product_item .btns_wrp, .product_item .product-item-button-container, .product_item [id$="_basket_actions"] { width: 100%; max-width: 100%; min-width: 0; height: auto; padding: 0; margin: 0; } .product_item .catalog_prop, .product_item .properties_block, .product_item .compare_box, .product_item .btn_one_click { display: none; } .product_item .btn_cart, .product_item .product-item-button-container .btn.btn-primary.btn_cart { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 100%; min-height: 44px; height: 44px; margin: 0; padding: 0 14px; color: #fff; font-size: 14px; font-weight: 500; line-height: 1; text-align: center; text-decoration: none; background: #2b2b2b; border: 1px solid #2b2b2b; border-radius: 6px; cursor: pointer; transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease; } .product_item .btn_cart:not(.btn_cncl):not(:disabled):hover, .product_item .btn_cart:not(.btn_cncl):not(:disabled):focus-visible { color: #fff; background: #444; border-color: #444; box-shadow: 0 4px 12px rgba(0,0,0,.16); } .product_item .btn_cncl.btn_cart { color: #666d83; background: #f4f5f7; border-color: #e0e3e8; } .product_item .kk-add2basket { gap: 8px; } .product_item .kk-add2basket::before { content: ""; flex: 0 0 20px; width: 20px; height: 20px; background: center / 20px 20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h2l2.4 10.2a2 2 0 0 0 2 1.5h7.8a2 2 0 0 0 2-1.6L21 7H6'/%3E%3Ccircle cx='10' cy='20' r='1.2'/%3E%3Ccircle cx='18' cy='20' r='1.2'/%3E%3C/svg%3E"); } .product_item .kk-card-one-click--bottom { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; min-height: 44px; height: 44px; margin-top: 7px; padding: 0 10px; color: #30ba0e; font-size: 13px; font-weight: 500; line-height: 1; text-align: center; text-decoration: none; background: rgba(31,164,99,.10); border: 0; border-radius: 6px; cursor: pointer; transition: background-color .18s ease, color .18s ease, box-shadow .18s ease; } .product_item .kk-card-one-click--bottom:hover, .product_item .kk-card-one-click--bottom:focus-visible { color: #218a29; background: #d8efdf; box-shadow: inset 0 0 0 1px rgba(31,164,99,.15), 0 3px 10px rgba(31,164,99,.10); text-decoration: none; } .product_item .kk-card-one-click--bottom::before { content: ""; flex: 0 0 18px; width: 18px; height: 18px; background: center / 18px 18px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2330ba0e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L4.5 13h6L9 22l10.5-13h-6L13 2z'/%3E%3C/svg%3E"); } /* Equal-height cards within each catalog row. */ #ajaxSection .catalog_list.row { align-items: stretch; } #ajaxSection .catalog_list.row > .product_item_catalog { display: flex; } /* Mobile */ @media (max-width: 575px) { #ajaxSection .product_item .product_item-wrp, #ajaxSection .product_item:hover .product_item-wrp, #ajaxSection .product_item.product-item-container.hover .product_item-wrp { border-radius: 14px; box-shadow: 0 3px 12px rgba(26,38,26,.05); } #ajaxSection .product_item .catalog_pic, #ajaxSection .product_item .catalog_pic[data-kk-gallery="1"] { aspect-ratio: 3 / 4; border-radius: 14px 14px 0 0; } #ajaxSection .product_item .catalog_pic::after, #ajaxSection .product_item .getFastView, #ajaxSection .product_item .kk-gallery-thumbs { display: none; } #ajaxSection .product_item .kk-gallery-dots { display: flex; left: 50%; right: auto; bottom: 5px; margin: 0; transform: translateX(-50%); } #ajaxSection .product_item .kk-card-actions { top: 8px; right: 8px; gap: 4px; } #ajaxSection .product_item .kk-card-action { width: 24px; height: 24px; } #ajaxSection .product_item .kk-card-action.add_favour .kk-action-icon { width: 16px; height: 16px; } #ajaxSection .product_item .kk-card-action.add_compare .kk-action-icon { width: 12px; height: 12px; } #ajaxSection .product_item .labels { top: 8px; left: 8px; } #ajaxSection .product_item .label_item { padding: 4px 8px; font-size: 9.5px; } #ajaxSection .product_item .catalog_item-wrapper { padding: 12px; } #ajaxSection .product_item .catalog_name { min-height: 47px; margin-bottom: 8px; font-size: 12px; line-height: 1.3; } #ajaxSection .product_item .catalog_name .name { -webkit-line-clamp: 3; } #ajaxSection .product_item .catalog_curr-price, #ajaxSection .product_item .catalog_curr-price.fz-small, #ajaxSection .product_item .kk-price-prefix { font-size: 14px; line-height: normal; } #ajaxSection .product_item .catalog_old-price { font-size: 10px; line-height: normal; } #ajaxSection .product_item .kk-card-status-actions .kk-availability-badge { font-size: 10px; line-height: normal; } #ajaxSection .product_item .kk-sizes, #ajaxSection .product_item .kk-sizes.is-expanded .kk-size-list { gap: 3px; } #ajaxSection .product_item .kk-size-pill, #ajaxSection .product_item .kk-size-more { height: 22px; min-height: 22px; padding: 0 5px; font-size: 10px; line-height: 20px; border-radius: 11px; } #ajaxSection .product_item .kk-size-more { padding: 0 1px; } #ajaxSection .product_item .kk-sizes:not(.is-expanded) { flex-wrap: nowrap; } #ajaxSection .product_item .kk-sizes:not(.is-expanded) .kk-size-pill, #ajaxSection .product_item .kk-sizes:not(.is-expanded) .kk-size-more { flex: 0 0 auto; } #ajaxSection .product_item .kk-card-characteristics { gap: 6px; margin-bottom: 8px; font-size: 10px; line-height: normal; } #ajaxSection .product_item .kk-card-char-row.is-mobile-hidden { display: none; } #ajaxSection .product_item .kk-card-bottom-actions { flex-direction: row; align-items: stretch; gap: 4px; } #ajaxSection .product_item .kk-card-bottom-actions .kk-card-one-click--bottom { order: 1; flex: 1 1 auto; width: auto; min-width: 0; height: 36px; min-height: 36px; margin: 0; padding: 0 6px; font-size: 10px; white-space: nowrap; } #ajaxSection .product_item .kk-card-bottom-actions .catalog_btns { order: 2; flex: 0 0 36px; width: 36px; min-width: 36px; max-width: 36px; } #ajaxSection .product_item .kk-card-bottom-actions .mask_box, #ajaxSection .product_item .kk-card-bottom-actions .catalog_bot-flex, #ajaxSection .product_item .kk-card-bottom-actions .btns_wrp, #ajaxSection .product_item .kk-card-bottom-actions .product-item-button-container, #ajaxSection .product_item .kk-card-bottom-actions [id$="_basket_actions"] { width: 36px; min-width: 36px; max-width: 36px; height: 36px; } #ajaxSection .product_item .kk-card-bottom-actions .btn_cart, #ajaxSection .product_item .kk-card-bottom-actions .product-item-button-container .btn.btn-primary.btn_cart { width: 36px; min-width: 36px; max-width: 36px; height: 36px; min-height: 36px; padding: 0; font-size: 0; } #ajaxSection .product_item .kk-card-bottom-actions .kk-add2basket { gap: 0; } #ajaxSection .product_item .kk-card-bottom-actions .kk-add2basket::before { flex-basis: 16px; width: 16px; height: 16px; background-size: 16px 16px; } } @media (max-width: 1024px) { .product_item .getFastView { display: none; } } /* Catalog add-to-basket popup button. */ [id^="CatalogSectionBasket_"] .btn.btn_orng { display: inline-flex; align-items: center; justify-content: center; width: 180px; min-width: 180px; height: 50px; padding: 0 16px; white-space: nowrap; } /* End */ /* Start:/local/templates/dresscodeV2/components/bitrix/catalog.item/block_v3/price_model_onload_v9.css?1793283051179*/ /* EXTERIER_PRICE_ONLOAD_V9: one visible price; the original price is JS-controlled. */ .catalog_price.kk-model-price-pending .catalog_old-price { display: none !important; } /* End */ /* /local/templates/dresscodeV2/components/bitrix/menu/personal/style.min.css?17811583561055 */ /* /local/templates/dresscodeV2/components/dresscode/simple.offers/.default/style.min.css?17811583772646 */ /* /bitrix/components/dresscode/cast.smart.filter/templates/.default/style.min.css?177193713012642 */ /* /local/templates/dresscodeV2/components/bitrix/system.pagenavigation/round/style.min.css?17811583661664 */ /* /local/templates/dresscodeV2/components/bitrix/catalog.section/catalog_karat/style.css?17873007698623 */ /* /local/templates/dresscodeV2/components/bitrix/catalog.item/block_v3/style.css?179146833648506 */ /* /local/templates/dresscodeV2/components/bitrix/catalog.item/block_v3/price_model_onload_v9.css?1793283051179 */