@media(max-width:560px){.button_1O{width:55px !important;height:55px !important}._orinationLeft_3O .button_1O{margin-bottom:65px !important}}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media(min-width:768px){.container{width:750px}}@media(min-width:992px){.container{width:970px}}@media(min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:1500px;padding-right:15px}.row{margin-left:-10px;margin-right:-10px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:7px;padding-right:7px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media(min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media(min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media(min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media(max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media(max-width:767px){.visible-xs-block{display:block !important}}@media(max-width:767px){.visible-xs-inline{display:inline !important}}@media(max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media(min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media(min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media(min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media(min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media(min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media(min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media(min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media(min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media(min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media(min-width:1200px){.visible-lg-block{display:block !important}}@media(min-width:1200px){.visible-lg-inline{display:inline !important}}@media(min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media(max-width:767px){.hidden-xs{display:none !important}}@media(min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media(min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media(min-width:1200px){.hidden-lg{display:none !important}}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default !important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-widget{font-family:segoe ui,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:segoe ui,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #dfd9c3;background:#f5f3e5 url("css/images/ui-bg_highlight-hard_100_f5f3e5_1x100.png") 50% top repeat-x;color:#312e25}.ui-widget-content a{color:#312e25}.ui-widget-header{border:1px solid #d4ccb0;background:#ece8da url("css/images/ui-bg_gloss-wave_100_ece8da_500x100.png") 50% 50% repeat-x;color:#433f38;font-weight:bold}.ui-widget-header a{color:#433f38}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #327e04;background:#459e00 url("css/images/ui-bg_highlight-hard_15_459e00_1x100.png") 50% 50% repeat-x;font-weight:bold;color:#fff}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#fff;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #327e04;background:#67b021 url("css/images/ui-bg_highlight-soft_25_67b021_1x100.png") 50% 50% repeat-x;font-weight:bold;color:#fff}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#fff;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #d4ccb0;background:#fafaf4 url("css/images/ui-bg_highlight-hard_100_fafaf4_1x100.png") 50% 50% repeat-x;font-weight:bold;color:#459e00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#459e00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #e8e1b5;background:#fcf0ba url("css/images/ui-bg_glass_55_fcf0ba_1x400.png") 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #e3a345;background:#ffedad url("css/images/ui-bg_highlight-soft_95_ffedad_1x100.png") 50% top repeat-x;color:#cd5c0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd5c0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd5c0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("css/images/ui-icons_808080_256x240.png")}.ui-widget-header .ui-icon{background-image:url("css/images/ui-icons_847e71_256x240.png")}.ui-state-default .ui-icon{background-image:url("css/images/ui-icons_eeeeee_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("css/images/ui-icons_ffffff_256x240.png")}.ui-state-active .ui-icon{background-image:url("css/images/ui-icons_8DC262_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("css/images/ui-icons_8DC262_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("css/images/ui-icons_cd0a0a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:6px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:6px}.ui-widget-overlay{background:#2b2922 url("css/images/ui-bg_inset-soft_15_2b2922_1x100.png") 50% bottom repeat-x;opacity:.9;filter:Alpha(Opacity=90)}.ui-widget-shadow{margin:-12px 0 0 -12px;padding:12px;background:#ccc url("css/images/ui-bg_highlight-hard_95_cccccc_1x100.png") 50% top repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:10px}.jq-checkbox{top:-1px;vertical-align:middle;width:16px;height:16px;margin:0 4px 0 0;border:1px solid #c3c3c3;border-radius:3px;background:#f5f5f5;background:-webkit-linear-gradient(#FFF,#e6e6e6);background:linear-gradient(#FFF,#e6e6e6);box-shadow:0 1px 1px rgba(0,0,0,.05),inset -1px -1px #FFF,inset 1px -1px #FFF;cursor:pointer}.jq-checkbox.checked .jq-checkbox__div{width:12px;height:12px;margin:2px 0 0 2px;border-radius:2px;background:#666;box-shadow:inset 0 -3px 6px #AAA}.jq-checkbox.focused{border:1px solid #08C}.jq-checkbox.disabled{opacity:.55}.jq-radio{top:-1px;vertical-align:middle;width:16px;height:16px;margin:0 4px 0 0;border:1px solid #c3c3c3;border-radius:50%;background:#f5f5f5;background:-webkit-linear-gradient(#FFF,#e6e6e6);background:linear-gradient(#FFF,#e6e6e6);box-shadow:0 1px 1px rgba(0,0,0,.05),inset -1px -1px #FFF,inset 1px -1px #FFF;cursor:pointer}.jq-radio.checked .jq-radio__div{width:10px;height:10px;margin:3px 0 0 3px;border-radius:50%;background:#777;box-shadow:inset 1px 1px 1px rgba(0,0,0,.7)}.jq-radio.focused{border:1px solid #08C}.jq-radio.disabled{opacity:.55}.jq-file{width:270px;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.jq-file input{height:auto;line-height:1em;cursor:pointer}.jq-file__name{overflow:hidden;box-sizing:border-box;width:100%;height:34px;padding:0 80px 0 10px;border:1px solid #CCC;border-bottom-color:#b3b3b3;border-radius:4px;background:#FFF;box-shadow:inset 1px 1px #f1f1f1;font:14px/32px Arial,sans-serif;color:#333;white-space:nowrap;text-overflow:ellipsis}.jq-file__browse{position:absolute;top:1px;right:1px;padding:0 10px;border-left:1px solid #CCC;border-radius:0 4px 4px 0;background:#f5f5f5;background:-webkit-linear-gradient(#FFF,#e6e6e6);background:linear-gradient(#FFF,#e6e6e6);box-shadow:inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px rgba(0,0,0,.1);font:14px/32px Arial,sans-serif;color:#333;text-shadow:1px 1px #FFF}.jq-file:hover .jq-file__browse{background:#e6e6e6;background:-webkit-linear-gradient(#f6f6f6,#e6e6e6);background:linear-gradient(#f6f6f6,#e6e6e6)}.jq-file:active .jq-file__browse{background:#f5f5f5;box-shadow:inset 1px 1px 3px #DDD}.jq-file.focused .jq-file__name{border:1px solid #5794bf}.jq-file.disabled,.jq-file.disabled .jq-file__name,.jq-file.disabled .jq-file__browse{border-color:#CCC;background:#f5f5f5;box-shadow:none;color:#888}.jq-number{position:relative;display:inline-block;vertical-align:middle;padding:0 36px 0 0}.jq-number__field{width:100px;border:1px solid #CCC;border-bottom-color:#b3b3b3;border-radius:4px;box-shadow:inset 1px 1px #f1f1f1,0 1px 2px rgba(0,0,0,.1)}.jq-number__field:hover{border-color:#b3b3b3}.jq-number__field input{box-sizing:border-box;width:100%;padding:8px 9px;border:0;outline:0;background:0;font:14px Arial,sans-serif;color:#333;text-align:left;-moz-appearance:textfield}.jq-number__field input::-webkit-inner-spin-button,.jq-number__field input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.jq-number__spin{position:absolute;top:0;right:0;width:32px;height:14px;border:1px solid #CCC;border-bottom-color:#b3b3b3;border-radius:4px;background:#f5f5f5;background:-webkit-linear-gradient(#FFF,#e6e6e6);background:linear-gradient(#FFF,#e6e6e6);box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px rgba(0,0,0,.1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-shadow:1px 1px #FFF;cursor:pointer}.jq-number__spin.minus{top:auto;bottom:0}.jq-number__spin:hover{background:#e6e6e6;background:-webkit-linear-gradient(#f6f6f6,#e6e6e6);background:linear-gradient(#f6f6f6,#e6e6e6)}.jq-number__spin:active{background:#f5f5f5;box-shadow:inset 1px 1px 3px #DDD}.jq-number__spin:after{content:'';position:absolute;top:4px;left:11px;width:0;height:0;border-right:5px solid transparent;border-bottom:5px solid #999;border-left:5px solid transparent}.jq-number__spin.minus:after{top:5px;border-top:5px solid #999;border-right:5px solid transparent;border-bottom:0;border-left:5px solid transparent}.jq-number__spin.minus:hover:after{border-top-color:#000}.jq-number__spin.plus:hover:after{border-bottom-color:#000}.jq-number.focused .jq-number__field{border:1px solid #5794bf}.jq-number.disabled .jq-number__field,.jq-number.disabled .jq-number__spin{border-color:#CCC;background:#f5f5f5;box-shadow:none;color:#888}.jq-number.disabled .jq-number__spin:after{border-bottom-color:#AAA}.jq-number.disabled .jq-number__spin.minus:after{border-top-color:#AAA}.jq-selectbox{vertical-align:middle;cursor:pointer}.jq-selectbox__select{height:32px;padding:0 45px 0 10px;border:1px solid #CCC;border-bottom-color:#b3b3b3;border-radius:4px;background:#f5f5f5;background:-webkit-linear-gradient(#FFF,#e6e6e6);background:linear-gradient(#FFF,#e6e6e6);box-shadow:inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px rgba(0,0,0,.1);font:14px/32px Arial,sans-serif;color:#333;text-shadow:1px 1px #FFF}.jq-selectbox__select:hover{background:#e6e6e6;background:-webkit-linear-gradient(#f6f6f6,#e6e6e6);background:linear-gradient(#f6f6f6,#e6e6e6)}.jq-selectbox__select:active{background:#f5f5f5;box-shadow:inset 1px 1px 3px #DDD}.jq-selectbox.focused .jq-selectbox__select{border:1px solid #5794bf}.jq-selectbox.disabled .jq-selectbox__select{border-color:#CCC;background:#f5f5f5;box-shadow:none;color:#888}.jq-selectbox__select-text{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}.jq-selectbox .placeholder{color:#888}.jq-selectbox__trigger{position:absolute;top:0;right:0;width:34px;height:100%;border-left:1px solid #CCC}.jq-selectbox__trigger-arrow{position:absolute;top:14px;right:12px;width:0;height:0;border-top:5px solid #999;border-right:5px solid transparent;border-left:5px solid transparent}.jq-selectbox:hover .jq-selectbox__trigger-arrow{border-top-color:#000}.jq-selectbox.disabled .jq-selectbox__trigger-arrow{border-top-color:#AAA}.jq-selectbox__dropdown{box-sizing:border-box;width:100%;margin:2px 0 0;padding:0;border:1px solid #CCC;border-radius:4px;background:#FFF;box-shadow:0 2px 10px rgba(0,0,0,.2);font:14px/18px Arial,sans-serif}.jq-selectbox__search{margin:5px}.jq-selectbox__search input{box-sizing:border-box;width:100%;margin:0;padding:5px 27px 6px 8px;border:1px solid #CCC;border-radius:3px;outline:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;box-shadow:inset 1px 1px #f1f1f1;color:#333;-webkit-appearance:textfield}.jq-selectbox__search input::-webkit-search-cancel-button,.jq-selectbox__search input::-webkit-search-decoration{-webkit-appearance:none}.jq-selectbox__not-found{margin:5px;padding:5px 8px 6px;background:#f0f0f0;font-size:13px}.jq-selectbox ul{margin:0;padding:0}.jq-selectbox li{min-height:18px;padding:5px 10px 6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;color:#231f20}.jq-selectbox li.selected{background-color:#a3abb1;color:#FFF}.jq-selectbox li:hover{background-color:#08C;color:#FFF}.jq-selectbox li.disabled{color:#AAA}.jq-selectbox li.disabled:hover{background:0}.jq-selectbox li.optgroup{font-weight:700}.jq-selectbox li.optgroup:hover{background:0;color:#231f20;cursor:default}.jq-selectbox li.option{padding-left:25px}.jq-select-multiple{box-sizing:border-box;padding:1px;border:1px solid #CCC;border-bottom-color:#b3b3b3;border-radius:4px;background:#FFF;box-shadow:inset 1px 1px #f1f1f1,0 1px 2px rgba(0,0,0,.1);font:14px/18px Arial,sans-serif;color:#333;cursor:default}.jq-select-multiple.focused{border:1px solid #5794bf}.jq-select-multiple.disabled{border-color:#CCC;background:#f5f5f5;box-shadow:none;color:#888}.jq-select-multiple ul{margin:0;padding:0}.jq-select-multiple li{padding:3px 9px 4px;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.jq-select-multiple li:first-child{border-radius:3px 3px 0 0}.jq-select-multiple li:last-child{border-radius:0 0 3px 3px}.jq-select-multiple li.selected{background:#08C;color:#FFF}.jq-select-multiple li.disabled{color:#AAA}.jq-select-multiple.disabled li.selected,.jq-select-multiple li.selected.disabled{background:#CCC;color:#FFF}.jq-select-multiple li.optgroup{font-weight:700}.jq-select-multiple li.option{padding-left:25px}input[type='email'].styler,input[type='password'].styler,input[type='search'].styler,input[type='tel'].styler,input[type='text'].styler,input[type='url'].styler,textarea.styler{padding:8px 9px;border:1px solid #CCC;border-bottom-color:#b3b3b3;border-radius:4px;box-shadow:inset 1px 1px #f1f1f1,0 1px 2px rgba(0,0,0,.1);font:14px Arial,sans-serif;color:#333}input[type='search'].styler{-webkit-appearance:none}textarea.styler{overflow:auto}input[type='email'].styler:hover,input[type='password'].styler:hover,input[type='search'].styler:hover,input[type='tel'].styler:hover,input[type='text'].styler:hover,input[type='url'].styler:hover,textarea.styler:hover{border-color:#b3b3b3}input[type='email'].styler:focus,input[type='password'].styler:focus,input[type='search'].styler:focus,input[type='tel'].styler:focus,input[type='text'].styler:focus,input[type='url'].styler:focus,textarea.styler:focus{border-color:#CCC;border-top-color:#b3b3b3;outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}button.styler,input[type='button'].styler,input[type='submit'].styler,input[type='reset'].styler{overflow:visible;padding:8px 11px;border:1px solid #CCC;border-bottom-color:#b3b3b3;border-radius:4px;outline:0;background:#f5f5f5;background:-webkit-linear-gradient(#FFF,#e6e6e6);background:linear-gradient(#FFF,#e6e6e6);box-shadow:inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px rgba(0,0,0,.1);font:14px Arial,sans-serif;color:#333;text-shadow:1px 1px #FFF;cursor:pointer}button.styler::-moz-focus-inner,input[type='button'].styler::-moz-focus-inner,input[type='submit'].styler::-moz-focus-inner,input[type='reset'].styler::-moz-focus-inner{padding:0;border:0}button.styler:not([disabled]):hover,input[type='button'].styler:not([disabled]):hover,input[type='submit'].styler:not([disabled]):hover,input[type='reset'].styler:hover{background:#e6e6e6;background:-webkit-linear-gradient(#f6f6f6,#e6e6e6);background:linear-gradient(#f6f6f6,#e6e6e6)}button.styler:not([disabled]):active,input[type='button'].styler:not([disabled]):active,input[type='submit'].styler:not([disabled]):active,input[type='reset'].styler:active{background:#f5f5f5;box-shadow:inset 1px 1px 3px #DDD}button.styler[disabled],input[type='button'].styler[disabled],input[type='submit'].styler[disabled]{border-color:#CCC;background:#f5f5f5;box-shadow:none;color:#888}.cloudzoom-lens{border:5px solid #888;width:100px;height:100px;box-shadow:-0 -0 10px rgba(0,0,0,0.40);cursor:crosshair;z-index:9999}.cloudzoom-zoom{border:1px solid #888;width:600px;height:200px;box-shadow:-0 -0 10px rgba(0,0,0,0.40);z-index:9999}.cloudzoom-zoom-inside{border:0;box-shadow:none;z-index:9999}.cloudzoom-caption{display:none;text-align:left;background-color:#000;color:#fff;font-weight:700;padding:10px;font-family:sans-serif;font-size:11px}.cloudzoom-blank{background-image:url(css/blank.png)}.cloudzoom-ajax-loader{background-image:url(css/ajax-loader.gif);width:32px;height:32px}.lg-sub-html,.lg-toolbar{background-color:rgba(0,0,0,.45)}@font-face{font-family:lg;src:url(fonts/lg.eot?n1z373);src:url(fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(fonts/lg.woff?n1z373) format("woff"),url(fonts/lg.ttf?n1z373) format("truetype"),url(fonts/lg.svg?n1z373#lg) format("svg");font-weight:400;font-style:normal}.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;border:0;outline:0}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none !important;outline:0;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;vertical-align:middle}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0,opacity .35s cubic-bezier(0,0,.25,1) 0,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0,opacity .35s cubic-bezier(0,0,.25,1) 0,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0,opacity .35s cubic-bezier(0,0,.25,1) 0,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0,opacity .35s cubic-bezier(0,0,.25,1) 0,color .2s linear}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0,opacity 250ms cubic-bezier(0,0,.25,1) !important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0,opacity 250ms cubic-bezier(0,0,.25,1) !important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0,opacity 250ms cubic-bezier(0,0,.25,1) !important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0,opacity 250ms cubic-bezier(0,0,.25,1) !important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0d0a0a;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0;transition:transform .25s cubic-bezier(0,0,.25,1) 0}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0 !important;transition-duration:0 !important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media(min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0d0a0a;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px}.lg-outer .lg-toogle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share{color:#FFF}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-video-cont{display:inline-block;vertical-align:middle;max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100% !important;height:100% !important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-vimeo .lg-video-play{background:url(img/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(img/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(img/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(img/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100% !important;height:100% !important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0;-moz-transition:opacity 80ms ease 0;-o-transition:opacity 80ms ease 0;transition:opacity 80ms ease 0}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0;transition-duration:0}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0;transition:transform .3s cubic-bezier(0,0,.25,1) 0}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0,top .3s cubic-bezier(0,0,.25,1) 0;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0,top .3s cubic-bezier(0,0,.25,1) 0;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0,top .3s cubic-bezier(0,0,.25,1) 0;transition:left .3s cubic-bezier(0,0,.25,1) 0,top .3s cubic-bezier(0,0,.25,1) 0}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0,opacity .15s !important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0,opacity .15s !important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0,opacity .15s !important;transition:transform .3s cubic-bezier(0,0,.25,1) 0,opacity .15s !important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0,-webkit-transform .15s ease 0;-moz-transition:opacity .15s ease 0,-moz-transform .15s ease 0;-o-transition:opacity .15s ease 0,-o-transform .15s ease 0;transition:opacity .15s ease 0,transform .15s ease 0;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0;-o-transition:box-shadow .3s ease 0;transition:box-shadow .3s ease 0;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0 linear .18s,opacity .18s linear 0;-o-transition:visibility 0 linear .18s,opacity .18s linear 0;transition:visibility 0 linear .18s,opacity .18s linear 0}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0;transition-delay:0;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0,visibility 0 linear .5s,opacity .18s linear 0;-moz-transition:-moz-transform .18s linear 0,visibility 0 linear .5s,opacity .18s linear 0;-o-transition:-o-transform .18s linear 0,visibility 0 linear .5s,opacity .18s linear 0;transition:transform .18s linear 0,visibility 0 linear .5s,opacity .18s linear 0}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\e80d"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content:"\e901"}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\e904"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\e902"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\e903"}.lg-group:after{content:"";display:table;clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:0;-webkit-transition:opacity .15s ease 0;-o-transition:opacity .15s ease 0;transition:opacity .15s ease 0}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit !important;transition-duration:inherit !important;-webkit-transition-timing-function:inherit !important;transition-timing-function:inherit !important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0 !important;transition-duration:0 !important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(img/loading.gif) center center no-repeat;display:none !important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block !important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto !important;height:auto !important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0;-o-transition:opacity .15s ease 0;transition:opacity .15s ease 0}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0;-o-transition:opacity .15s ease 0;transition:opacity .15s ease 0}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0 ease 0 !important;-moz-transition:none 0 ease 0 !important;-o-transition:none 0 ease 0 !important;transition:none 0 ease 0 !important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0;-moz-transition:opacity .1s ease 0;-o-transition:opacity .1s ease 0;transition:opacity .1s ease 0}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0,opacity .1s ease 0;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0,opacity .1s ease 0;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0,opacity .1s ease 0;transition:transform 1s cubic-bezier(0,0,.25,1) 0,opacity .1s ease 0}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0,opacity .1s ease 0;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0,opacity .1s ease 0;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0,opacity .1s ease 0;transition:left 1s cubic-bezier(0,0,.25,1) 0,opacity .1s ease 0}.lSSlideOuter{overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lightSlider:before,.lightSlider:after{content:" ";display:table}.lightSlider{overflow:hidden;margin:0}.lSSlideWrapper{max-width:100%;overflow:hidden;position:relative}.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height;-webkit-transition-duration:inherit !important;transition-duration:inherit !important;-webkit-transition-timing-function:inherit !important;transition-timing-function:inherit !important}.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSFade>*{position:absolute !important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0;transition-delay:0;-webkit-transition-duration:inherit !important;transition-duration:inherit !important;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:inherit !important;transition-timing-function:inherit !important}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0;transition:all .5s linear 0}.lSSlideOuter .lSPager.lSpg>li:hover a,.lSSlideOuter .lSPager.lSpg>li.active a{background-color:#428bca}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none outside none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear 0 .35s linear 0;transition:border-radius .12s linear 0 .35s linear 0}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:before,.lSSlideOuter .lSPager.lSGallery:after{content:" ";display:table}.lSSlideOuter .lSPager.lSGallery:after{clear:both}.lSAction>a{width:32px;display:block;top:50%;height:32px;background-image:url(img/controls.png);cursor:pointer;position:absolute;z-index:99;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear 0;transition:opacity .35s linear 0}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0 !important}.lSSlideOuter.vertical .lSGallery{position:absolute !important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100% !important;max-width:none !important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lightSlider,.lSSlideOuter .lSPager{padding-left:0;list-style:none outside none}.lSSlideOuter.lSrtl .lightSlider,.lSSlideOuter.lSrtl .lSPager{padding-right:0}.lSSlideOuter .lightSlider>*,.lSSlideOuter .lSGallery li{float:left}.lSSlideOuter.lSrtl .lightSlider>*,.lSSlideOuter.lSrtl .lSGallery li{float:right !important}@-webkit-keyframes rightEnd{0{left:0}50%{left:-15px}100%{left:0}}@keyframes rightEnd{0{left:0}50%{left:-15px}100%{left:0}}@-webkit-keyframes topEnd{0{top:0}50%{top:-15px}100%{top:0}}@keyframes topEnd{0{top:0}50%{top:-15px}100%{top:0}}@-webkit-keyframes leftEnd{0{left:0}50%{left:15px}100%{left:0}}@keyframes leftEnd{0{left:0}50%{left:15px}100%{left:0}}@-webkit-keyframes bottomEnd{0{bottom:0}50%{bottom:-15px}100%{bottom:0}}@keyframes bottomEnd{0{bottom:0}50%{bottom:-15px}100%{bottom:0}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;zoom:1;*display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:23px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(css/chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(css/chosen-sprite.png) no-repeat 100% -20px;background:url(css/chosen-sprite.png) no-repeat 100% -20px,-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background:url(css/chosen-sprite.png) no-repeat 100% -20px,-webkit-linear-gradient(#eee 1%,#fff 15%);background:url(css/chosen-sprite.png) no-repeat 100% -20px,-moz-linear-gradient(#eee 1%,#fff 15%);background:url(css/chosen-sprite.png) no-repeat 100% -20px,-o-linear-gradient(#eee 1%,#fff 15%);background:url(css/chosen-sprite.png) no-repeat 100% -20px,linear-gradient(#eee 1%,#fff 15%);font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;width:100%;height:auto !important;height:1%;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:5px;outline:0;border:0 !important;background:transparent !important;box-shadow:none;color:#666;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-multi .chosen-choices li.search-field .default{color:#999}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 0 3px 5px;padding:3px 20px 3px 5px;border:1px solid #aaa;border-radius:3px;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#111 !important}.chosen-disabled{opacity:.5 !important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(css/chosen-sprite.png) no-repeat -30px -20px;background:url(css/chosen-sprite.png) no-repeat -30px -20px,-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background:url(css/chosen-sprite.png) no-repeat -30px -20px,-webkit-linear-gradient(#eee 1%,#fff 15%);background:url(css/chosen-sprite.png) no-repeat -30px -20px,-moz-linear-gradient(#eee 1%,#fff 15%);background:url(css/chosen-sprite.png) no-repeat -30px -20px,-o-linear-gradient(#eee 1%,#fff 15%);background:url(css/chosen-sprite.png) no-repeat -30px -20px,linear-gradient(#eee 1%,#fff 15%);direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:144dpi){.chosen-rtl .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url(css/chosen-sprite@2x.png) !important;background-size:52px 37px !important;background-repeat:no-repeat !important}}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0;color:inherit;border:0;padding:0 !important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local(OpenSans-Italic),url(fonts/os/mem6YaGs126MiZpBA-UFUK0Udc1GAK6bt6o.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local(OpenSans-Italic),url(fonts/os/mem6YaGs126MiZpBA-UFUK0ddc1GAK6bt6o.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local(OpenSans-Italic),url(fonts/os/mem6YaGs126MiZpBA-UFUK0Vdc1GAK6bt6o.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local(OpenSans-Italic),url(fonts/os/mem6YaGs126MiZpBA-UFUK0adc1GAK6bt6o.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local(OpenSans-Italic),url(fonts/os/mem6YaGs126MiZpBA-UFUK0Wdc1GAK6bt6o.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local(OpenSans-Italic),url(fonts/os/mem6YaGs126MiZpBA-UFUK0Xdc1GAK6bt6o.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local(OpenSans-Italic),url(fonts/os/mem6YaGs126MiZpBA-UFUK0Zdc1GAK6b.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans SemiBold Italic'),local(OpenSans-SemiBoldItalic),url(fonts/os/memnYaGs126MiZpBA-UFUKXGUdhmIqOxjaPXZSk.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans SemiBold Italic'),local(OpenSans-SemiBoldItalic),url(fonts/os/memnYaGs126MiZpBA-UFUKXGUdhvIqOxjaPXZSk.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans SemiBold Italic'),local(OpenSans-SemiBoldItalic),url(fonts/os/memnYaGs126MiZpBA-UFUKXGUdhnIqOxjaPXZSk.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans SemiBold Italic'),local(OpenSans-SemiBoldItalic),url(fonts/os/memnYaGs126MiZpBA-UFUKXGUdhoIqOxjaPXZSk.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans SemiBold Italic'),local(OpenSans-SemiBoldItalic),url(fonts/os/memnYaGs126MiZpBA-UFUKXGUdhkIqOxjaPXZSk.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans SemiBold Italic'),local(OpenSans-SemiBoldItalic),url(fonts/os/memnYaGs126MiZpBA-UFUKXGUdhlIqOxjaPXZSk.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans SemiBold Italic'),local(OpenSans-SemiBoldItalic),url(fonts/os/memnYaGs126MiZpBA-UFUKXGUdhrIqOxjaPX.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local(OpenSans-BoldItalic),url(fonts/os/memnYaGs126MiZpBA-UFUKWiUNhmIqOxjaPXZSk.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local(OpenSans-BoldItalic),url(fonts/os/memnYaGs126MiZpBA-UFUKWiUNhvIqOxjaPXZSk.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local(OpenSans-BoldItalic),url(fonts/os/memnYaGs126MiZpBA-UFUKWiUNhnIqOxjaPXZSk.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local(OpenSans-BoldItalic),url(fonts/os/memnYaGs126MiZpBA-UFUKWiUNhoIqOxjaPXZSk.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local(OpenSans-BoldItalic),url(fonts/os/memnYaGs126MiZpBA-UFUKWiUNhkIqOxjaPXZSk.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local(OpenSans-BoldItalic),url(fonts/os/memnYaGs126MiZpBA-UFUKWiUNhlIqOxjaPXZSk.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local(OpenSans-BoldItalic),url(fonts/os/memnYaGs126MiZpBA-UFUKWiUNhrIqOxjaPX.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local(OpenSans-Regular),url(fonts/os/mem8YaGs126MiZpBA-UFWJ0bf8pkAp6a.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local(OpenSans-Regular),url(fonts/os/mem8YaGs126MiZpBA-UFUZ0bf8pkAp6a.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local(OpenSans-Regular),url(fonts/os/mem8YaGs126MiZpBA-UFWZ0bf8pkAp6a.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local(OpenSans-Regular),url(fonts/os/mem8YaGs126MiZpBA-UFVp0bf8pkAp6a.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local(OpenSans-Regular),url(fonts/os/mem8YaGs126MiZpBA-UFWp0bf8pkAp6a.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local(OpenSans-Regular),url(fonts/os/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local(OpenSans-Regular),url(fonts/os/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local(OpenSans-SemiBold),url(fonts/os/mem5YaGs126MiZpBA-UNirkOX-hpKKSTj5PW.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local(OpenSans-SemiBold),url(fonts/os/mem5YaGs126MiZpBA-UNirkOVuhpKKSTj5PW.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local(OpenSans-SemiBold),url(fonts/os/mem5YaGs126MiZpBA-UNirkOXuhpKKSTj5PW.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local(OpenSans-SemiBold),url(fonts/os/mem5YaGs126MiZpBA-UNirkOUehpKKSTj5PW.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local(OpenSans-SemiBold),url(fonts/os/mem5YaGs126MiZpBA-UNirkOXehpKKSTj5PW.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local(OpenSans-SemiBold),url(fonts/os/mem5YaGs126MiZpBA-UNirkOXOhpKKSTj5PW.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local(OpenSans-SemiBold),url(fonts/os/mem5YaGs126MiZpBA-UNirkOUuhpKKSTjw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local(OpenSans-Bold),url(fonts/os/mem5YaGs126MiZpBA-UN7rgOX-hpKKSTj5PW.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local(OpenSans-Bold),url(fonts/os/mem5YaGs126MiZpBA-UN7rgOVuhpKKSTj5PW.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local(OpenSans-Bold),url(fonts/os/mem5YaGs126MiZpBA-UN7rgOXuhpKKSTj5PW.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local(OpenSans-Bold),url(fonts/os/mem5YaGs126MiZpBA-UN7rgOUehpKKSTj5PW.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local(OpenSans-Bold),url(fonts/os/mem5YaGs126MiZpBA-UN7rgOXehpKKSTj5PW.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local(OpenSans-Bold),url(fonts/os/mem5YaGs126MiZpBA-UN7rgOXOhpKKSTj5PW.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local(OpenSans-Bold),url(fonts/os/mem5YaGs126MiZpBA-UN7rgOUuhpKKSTjw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}:root{
    --c-green-900: #203114;
    --c-green-700: #4f7d2a;
    --c-green-500: #6e9e3b;
    --c-green-300: #8fc853
}

html {
    overflow-x: auto
}

.hidden_search{
    display:none!important;
}


body {
    margin-top: 110px; /* = высота fixed-шапки (32 топбар + 78), было 95 — контент уезжал под шапку */
    font-family: 'Open Sans', sans-serif;
    color: #3c3c3c;
    background: #fff;
    min-width: 280px;
    overflow-x: hidden;
    overflow-x: clip
}


@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-10px); }
    50% { transform: translateX(10px); }
    75% { transform: translateX(-10px); }
    100% { transform: translateX(0); }
  }


.paylogos img {
    width: 100%;
    max-width: 200px;
    height: 100%
}


.filters-toggle {
    font-size: 14px;
    margin-bottom: 15px
}


.filters-toggle img,
.sorting-toggle img {
    margin-right: 15px
}


.filters-toggle:hover {
    cursor: pointer
}


.mobile-only {
    display: none !important
}


.icon-after:after,
.icon-before:before {
    content: '';
    display: inline-block;
    vertical-align: middle
}


.item-right {
    text-align: right
}


.flex-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex
}


.flex-box.vertical {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column
}


h1,
h3 {
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase
}


article {
    margin-top: 40px
}


article ol,
article p,
article ul {
    font-size: 18px;
    line-height: 1.5;
    color: #484848;
    text-align: justify
}



article img {
    max-width: 100%
}


article h2 {
    font-size: 24px;
    padding-top: 30px;
    text-transform: uppercase;
    font-weight: 400
}


article h2:after {
    content: '';
    display: block;
    width: 35px;
    height: 1px;
    margin-top: 22px;
    background-color: var(--c-green-500)
}


article ul {
    padding: 0;
    list-style: none
}


article ul li {
    position: relative;
    margin: 5px 0;
    padding-left: 25px;
    /* в карточке товара рамка слазит  */
}


article ul li:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--c-green-500);
    top: .55em;
    left: 0
}


article a {
    font-size: 18px;
    color: var(--c-green-700)
}


article .category-item a {
    font-size: 12px;
}


.categories-container{display:flex;flex-wrap:wrap;gap:5px;justify-content:space-between}
.category-item{flex:1 1 calc(25% - 20px);max-width:calc(25% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.category-item a{color:#343434}
@media (max-width:768px){.category-item{flex:1 1 calc(50% - 20px);max-width:calc(50% - 20px)}}


article a:hover {
    color: var(--c-green-700)
}


.form .input-group input,
.form .input-group textarea {
    display: inline-block;
    width: 100%;
    padding: 0 8px;
    background-color: #fff;
    border: 1px solid #bbb;
    height: 32px;
    font-size: 14px;
    margin-bottom: 10px
}


.form .input-group input:focus, 
.form .input-group textarea:focus {
  border: 2px solid #91b66b !important; 
  outline: none;
}

.error-message {
    display: none; /* По умолчанию скрыто */
}



.form .input-group input:read-only,
.form .input-group textarea:read-only {
    background: #eee;
    cursor: not-allowed
}


.form .input-group textarea {
    height: 92px;
    padding: 5px 8px;
    resize: none
}


.form .input-group .stars-wrp {
    overflow: hidden
}


.form .title {
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    text-align: left
}


.form .btn {
    display: inline-table;
    margin-top: 10px
}


.form select {
    padding: 5px 2px 5px 8px;
    display: inline-block;
    border: 1px solid #bbb;
    background-color: #fff
}


.btn {
    padding: 15px 35px;
    font-size: 14px;
    color: var(--c-green-700);
    text-transform: uppercase;
    background-color: #fff;
    text-align: center;
    border: 1px solid var(--c-green-700);
    outline: 0;
    line-height: 1.2;
    -webkit-transition: .25s ease;
    transition: .25s ease
}

.btn.active,
.btn:hover {
    background-color: var(--c-green-500);
    color: #fff;
    text-decoration: none
}


.fust_buy_button:hover { 
    background-color: var(--c-green-500);
    color: #fff;
}


.fust_buy_button { 
     color: var(--c-green-700);
    margin-left: 10px;
    background-color: var(--c-green-500);
    color: #fff;

}


.dropdown {
    position: relative;
    display: inline-block;
    cursor: pointer;
    z-index: 5;
    /* padding-top: 5px;
    height: 30px; */
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}


.dropdown:hover>.dropdown-ctn {
    display: block
}


.dropdown>span {
    box-sizing: border-box;
    color: var(--c-green-700);
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 10px 0 15px
}


.dropdown>span:after {
    content: '';
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: var(--c-green-500) transparent transparent;
    border-width: 5px 3px 0
}


.personal_overflow {
    position: fixed;
    top: 0;
    z-index: 1;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}



.dropdown .dropdown-ctn {
    position: absolute;
    z-index: 2;
    /* top: 100%; */
    left: 0;
    background: #fff;
    display: none
}


.dropdown .dropdown-ctn li {
    padding: 8px 0;
    font-size: 14px
}


.dropdown .dropdown-ctn li a {
    color: #1e1e1e
}


.header {
    position: fixed;
    box-shadow: 0 0 0 rgba(0, 0, 0, .5);
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 0;
    font-size: 11px;
    color: #3a3a3a;
    background: #fff;
    transition: box-shadow 0.36s ease, padding 0.36s ease
}


.main-menu-h::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2.5px;
    background: linear-gradient(to right, #6f9d41 20%, transparent 20%);
    background-size: 200% 100%;
    z-index: 9999;
    display: none;
}


@keyframes loading {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}


.header .main-menu-h .main-menu .active>span,
.header .main-menu-h .main-menu a:hover,
.header.full-width .main-menu-h .main-menu .active>span,
.header.full-width .main-menu-h .main-menu a:hover {
    color: var(--c-green-700)
}


.header .icon-before {
    display: inline-block;
    margin-left: 13px
}


.header .icon-before:before {
    width: 23px;
    height: 27px;
    margin-top: 3px;
    background: url(img/all-icons.svg) no-repeat 0 0
}


.header .icon-before a,
.header .icon-before span {
    padding: 12px 3px 12px 5px;
    color: #3a3a3a
}


.header .coast,
.header .lang,
.header .person {
    display: inline-block;
    vertical-align: middle
}


.header .phone {
    vertical-align: middle;
    display: inline-block;
    margin-left: 13px;
    width: 26px;
    height: 20px;
    background: url(img/phone-icon4.svg) no-repeat 0 0
}


.header .lang li:hover>a {
    color: var(--c-green-700);
    text-decoration: none
}


.header .coast li:hover>a {
    color: var(--c-green-700);
    text-decoration: none
}


.header .dropdown .dropdown-ctn {
    width: 65px;
    background: 0 0;
    border: 0
}


.header .dropdown .dropdown-ctn ul {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-top: 0;
    padding: 0 0 0 15px;
    margin: 0;
    list-style: none
}


.header .dropdown .dropdown-ctn:before {
    content: '';
    display: block;
    width: 100%;
    height: 8px
}


.header .lang .dropdown-ctn ul,
.header .lang>span {
    padding-left: 6px
}


.header .lang .dropdown-ctn {
    width: 50px
}


.header .person,
.header .person-money {
    color: #75a93e;
    margin-left: 22px
}


.header .person-money:before,
.header .person:before {
    background-position: 0 0
}


.header .person-discount {
    cursor: pointer
}


.header .person-discount:hover span {
    color: var(--c-green-700)
}


.header .person-discount:before {
    background-position: -204px 0
}


.header .item-right {
    position: relative;
    z-index: 11
}


.header .favorite:before {
    background-position: -50px 0
}


.header .commerce:before {
    background-position: -75px 0
}


.header .search-btn {
    cursor: pointer
}


.header .search-btn:before {
    background-position: -100px 0;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}


.search-h {
    position: absolute;
    z-index: 3;
    top: 43px;
    right: 0;
    width: 100%;
    padding-bottom: 15px;
    background: #fff;
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    pointer-events: none
}


.search-h .col-sm-3 img {
    display: none
}


.search-h form {
    position: relative;
    display: block;
    margin-top: 15px
}


.search-h form input[type=text] {
    width: 100%;
    height: 45px;
    border: 0;
    font-size: 24px;
    border-bottom: 1px solid #e9e8e9;
    outline: 0;
    padding-right: 30px
}


.search-h form input[type=submit] {
    position: absolute;
    top: 12px;
    right: 0;
    margin-top: 0;
    width: 23px;
    height: 24px;
    border: 0;
    padding: 0;
    outline: 0;
    background: url(img/all-icons.svg) no-repeat -100px 0
}


.header:not(.no-transition) .main-menu-h .logo-h,
.header:not(.no-transition) .main-menu-h .main-menu>ul,
.header:not(.no-transition) .main-menu-h .main-menu>ul>li,
.header:not(.no-transition) .main-menu-h .row>* {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}


.main-menu-h {
    position: relative;
    z-index: 1;
    margin-top: 3px;
    padding-top: 6px;
    border-top: 1px solid #e9e8e9;
    border-bottom: 1px solid #f1f1f1
}


.main-menu-h .item-right {
    z-index: 2
}


.main-menu-h .logo-h {
    position: relative;
    z-index: 4;
    opacity: 1;
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    -webkit-transform-origin: 0 50%;
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}


.main-menu {
    position: static
}


.main-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    cursor: default
}


.main-menu>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 35px;
    padding-bottom: 14px;
    margin-left: -15px;
    margin-right: -15px
}


.main-menu>ul>li>a,
.main-menu>ul>li>span {
    padding: 15px
}


.main-menu li {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    color: #0e0506
}


.main-menu a {
    color: #0e0506;
    text-decoration: none
}


.main-menu .sub-menu {
    position: absolute;
    z-index: 1;
    top: 93%;
    left: 0;
    width: 100%;
    padding: 30px 15px;
    border: 2px solid var(--c-green-500);
    border-width: 3px 0 1px;
    margin-top: 3px;
    background-color: #fff;
    box-shadow: 0 50px 70px -21px rgb(22, 22, 22);
    color: #1e1e1e;
    display: none
}


.main-menu .sub-menu .back_menu {
    display: none
}


.main-menu .open_sub {
    display: none
}


.main-menu .sub-menu:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 20px
}


.main-menu .sub-menu .sub-item-image {
    float: right;
    max-width: 190px
}


.main-menu .sub-menu .sub-item-image a {
    position: relative;
    float: left;
    width: 198px;
    height: 200px;
    text-align: center;
    overflow: hidden;
    border: 1px solid rgba(205, 205, 205, .5)
}


.main-menu .sub-menu .sub-item-image a+a {
    border-left-width: 0
}


.main-menu .sub-menu .sub-item-image span {
    position: absolute;
    bottom: 20px;
    left: 12%;
    width: 76%;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    color: #393939;
    background-color: rgba(255, 255, 255, .53);
    border: 2px solid #fff;
    box-shadow: 0 0 10px .3px rgba(0, 0, 0, .12)
}


.main-menu .sub-menu .sub-item {
    display: inline-block;
    max-width: 150px;
    vertical-align: top
}


.main-menu .sub-menu .sub-item+.sub-item {
    margin-left: 70px
}


.main-menu .sub-menu .sub-item>span {
    margin-bottom: 10px
}


.main-menu .sub-menu .sub-item>span,
.main-menu .sub-menu .sub-item>span a,
.main-menu .sub-menu .sub-item>span span {
    display: inline-block;
    font-size: 14px !important;
    text-transform: uppercase
}


.main-menu .sub-menu .sub-item>span a:hover,
.main-menu .sub-menu .sub-item>span span.active {
    color: var(--c-green-700)
}


.main-menu .sub-menu .sub-item>span:after {
    content: '';
    display: block;
    width: 20px;
    height: 1px;
    margin-top: 7px;
    background-color: var(--c-green-500)
}


.main-menu .sub-menu li {
    display: block;
    margin-bottom: 7px
}


.main-menu .sub-menu a {
    font-size: 14px;
    color: #1e1e1e;
    text-transform: none
}


/* ── Hero: brand-top ── */

.brand-top {
    position: relative;
    margin-top: -95px;
    width: 100%;
    height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}


.brand-top::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.05) 0%,
        rgba(0, 0, 0, 0.15) 50%,
        rgba(0, 0, 0, 0.45) 100%
    );
    z-index: 1;
    pointer-events: none;
}


.brand-top .bgvideo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(1.05);
    z-index: 0;
}


.brand-top .mouse {
    position: absolute;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    width: 22px;
    height: 36px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 11px;
    animation: heroFadeIn 1s ease-out 0.8s both;
}


.brand-top .mouse .mouse-scroller {
    width: 3px;
    height: 7px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 2px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    animation: scrollIndicator 1.6s ease-in-out infinite;
}


.brand-top-ctn {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
}


.brand-top-ctn div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
}


.brand-top-ctn img {
    max-width: 280px;
    width: 60vw;
    height: auto;
    filter: drop-shadow(0 4px 24px rgba(0, 0, 0, 0.25));
    animation: heroFadeIn 0.8s ease-out both;
}


.brand-top-ctn a {
    display: inline-block;
    padding: 14px 48px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    transition: background 0.3s, border-color 0.3s, transform 0.3s;
    animation: heroFadeIn 0.8s ease-out 0.3s both;
}


.brand-top-ctn a:hover {
    background: rgba(255, 255, 255, 0.18);
    border-color: #fff;
    transform: translateY(-2px);
}


@keyframes scrollIndicator {
    0%   { top: 6px; opacity: 1; }
    100% { top: 20px; opacity: 0; }
}


@keyframes heroFadeIn {
    from { opacity: 0; transform: translateY(24px); }
    to   { opacity: 1; transform: translateY(0); }
}


/* ── Hero: responsive ── */

@media (max-width: 991px) {
    .brand-top {
        margin-top: -100px;
    }
    .brand-top-ctn img {
        max-width: 220px;
    }
    .brand-top-ctn a {
        padding: 12px 36px;
        font-size: 14px;
        letter-spacing: 2px;
    }
}
@media (max-width: 767px){
    .brand-top .mouse {
        display: none;
    }

    .brand-top-ctn img {
        max-width: 180px;
    }

    .brand-top-ctn a {
        padding: 11px 32px;
        font-size: 13px;
        letter-spacing: 1.5px;
    }}
@media (max-width: 440px){
    .brand-top-ctn img {
        max-width: 150px;
    }

    .brand-top-ctn a {
        padding: 10px 24px;
        font-size: 12px;
    }}


.footer {
    border-top: 1px solid #f2f2f2;
    text-align: center;
    color: #454445;
    margin-top: 20px
}


.home-page .footer {
    border: 0;
    margin: 0
}


/* ===== Footer v2 (light redesign, no wood texture) ===== */

.footer--v2 {
    background: #f7f8f5;
    text-align: left;
    color: #3c3c3c
}


.footer-new__inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 24px
}


.footer-new__grid {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1.3fr;
    gap: 40px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 56px 24px 40px
}


.footer-new__col h4 {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .6px;
    margin: 0 0 18px;
    font-weight: 700;
    color: #3c3c3c
}


.footer-new__col--brand {
    display: flex;
    flex-direction: column;
    justify-content: center
}


.footer-new__logo {
    display: inline-block;
    margin-bottom: 14px;
    font-size: 26px;
    font-weight: 800;
    line-height: 1;
    color: var(--c-green-700);
    text-decoration: none
}


.footer-new__socials.socials-b {
    margin-top: 0;
    margin-left: -15px
}


.footer-new__contacts {
    list-style: none;
    margin: 0;
    padding: 0
}


.footer-new__contacts li {
    margin-bottom: 8px
}


.footer-new__contacts a {
    color: #3c3c3c;
    text-decoration: none;
    font-size: 14px
}


.footer-new__contacts a:hover {
    color: var(--c-green-700)
}


.footer-new__subscribe-row {
    display: flex;
    max-width: 320px
}


.footer-new__subscribe-row input[type=text] {
    flex: 1;
    border: 1px solid #dcdcdc;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    padding: 0 14px;
    height: 44px;
    font-size: 13px;
    outline: 0;
    background: #fff
}


.footer-new__subscribe-row input[type=submit] {
    border: 0;
    background: var(--c-green-500);
    color: #fff;
    padding: 0 20px;
    height: 44px;
    border-radius: 0 4px 4px 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    outline: 0
}


.footer-new__subscribe-row input[type=submit]:hover {
    background: #5d9119
}


.footer-new__col--subscribe .subcribe_thanks_text {
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.4;
    padding: 0
}


.footer-new__categories {
    border-top: 1px solid #e4e3e3;
    padding: 30px 0
}


.footer-new__categories h3 {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .6px;
    margin: 0 0 16px;
    font-weight: 700;
    color: #3c3c3c
}


.footer-new__categories .categories-container {
    font-size: 13px
}


.footer-new__categories .category-item {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    line-height: 1.5;
    margin-bottom: 4px
}


.footer-new__categories .category-item a {
    color: #8e8e8e
}


.footer-new__categories .category-item a:hover {
    color: var(--c-green-700)
}


.footer-new__bottom {
    border-top: 1px solid #e4e3e3;
    background: #fff
}


.footer-new__bottom-inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px 28px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 18px 24px
}


.footer-new__bottom .paylogos {
    margin-right: auto
}


.footer-new__bottom .paylogos img {
    max-width: 130px
}


.footer-new__legal {
    display: flex;
    gap: 20px
}


.footer-new__legal .user_agreement {
    font-size: 12.5px;
    color: #8e8e8e;
    text-decoration: none
}


.footer-new__legal .user_agreement:hover {
    color: var(--c-green-700);
    text-decoration: underline
}


.footer-new__bottom .copyright {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    font-size: 12.5px;
    line-height: 18px;
    color: #8e8e8e;
    flex-basis: 100%
}
@media (max-width: 860px){
    .footer-new__grid {
        grid-template-columns: 1fr 1fr;
        padding: 40px 24px 30px
    }

    .footer-new__col--brand {
        grid-column: 1 / -1
    }}
@media (max-width: 560px){
    .footer-new__grid {
        grid-template-columns: 1fr
    }

    .footer-new__bottom-inner {
        padding: 16px
    }

    .footer-new__bottom .paylogos {
        margin-right: 0;
        order: 3
    }}


.footer .copyright {
    margin: 0;
    padding: 15px;
    font-size: 16px;
    line-height: 22px;
    color: #8e8e8e;
    background: #fff;
    border-top: 1px solid #e4e3e3
}


.socials-b {
    margin-top: 30px
}


.socials-b a {
    display: inline-block;
    width: 34px;
    height: 27px;
    margin: 0 15px;
    background: url(img/social-icon_2.png) no-repeat 0 -38px;
    text-decoration: none
}


.socials-b a:hover {
    background-position-y: -79px
}


.socials-b a.fb {
    background-position-x: 9px
}


.socials-b a.in {
    background-position-x: -261px
}


.socials-b a.vb {
    background-position-x: -333px
}


/* ── Collections bento ── */

.catalog-collection {
    padding: 40px 15px;
}


.cc-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 190px;
    grid-auto-flow: dense;
    gap: 14px;
}


.cc-card {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 20px;
    background: #e9eae5;
    text-decoration: none;
    transition: box-shadow 0.35s;
}


.cc-card:hover {
    box-shadow: 0 18px 44px rgba(16,24,12,0.12);
}


.cc-tall {
    grid-row: span 2;
}


.cc-wide {
    grid-column: span 2;
}


.cc-card > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: contrast(1.06) saturate(1.1) brightness(1.02);
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
}


.cc-card:hover > img {
    transform: scale(1.06);
}


.cc-photo::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(10,14,6,0.42) 0%, transparent 42%);
    pointer-events: none;
    transition: background 0.35s;
}


.cc-photo:hover::after {
    background: linear-gradient(0deg, rgba(10,14,6,0.55) 0%, rgba(10,14,6,0.08) 100%);
}


.cc-tag {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 14px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}


.cc-tag span {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    background: rgba(14,20,8,0.45);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    padding: 9px 16px;
    border-radius: 100px;
    border: 1px solid rgba(255,255,255,0.18);
}


.cc-tag i {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.92);
    color: var(--c-green-900);
    font-style: normal;
    transform: rotate(-45deg);
    transition: transform 0.35s, background 0.35s, color 0.35s;
}


.cc-card:hover .cc-tag i {
    transform: rotate(0deg);
    background: var(--c-green-500);
    color: #fff;
}


/* текстовый тайл (Про нас) */
.cc-txt {
    background: var(--c-green-900);
    padding: 26px;
    display: flex;
    flex-direction: column;
}


.cc-txt-body {
    flex: 1;
}


.cc-txt-body span {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #a9cb7d;
}


.cc-txt-body p {
    margin: 8px 0 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    display: inline;
}


.cc-txt-body i {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3;
    color: #cfe3ae;
}


.cc-txt > a {
    align-self: flex-start;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    border-bottom: 1.5px solid rgba(255,255,255,0.4);
    padding-bottom: 3px;
    transition: border-color 0.3s;
}


.cc-txt > a::after {
    content: ' \2192';
}


.cc-txt > a:hover {
    border-color: #fff;
}


/* CTA тайл (У каталог) */
.cc-cta {
    background: #f3f6ee;
    border: 1px solid rgba(110,158,59,0.18);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 20px;
    text-align: center;
    font-size: 17px;
    font-weight: 800;
    color: var(--c-green-900);
}


.cc-cta i {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--c-green-500);
    color: #fff;
    font-size: 20px;
    font-style: normal;
    transition: transform 0.3s;
}


.cc-cta:hover i {
    transform: scale(1.12);
}


/* ── Collections: responsive ── */

@media (max-width: 900px) {
    .cc-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 170px;
    }
}
@media (max-width: 600px){
    .catalog-collection {
        padding: 24px 12px;
    }

    .cc-grid {
        grid-auto-rows: 150px;
        gap: 10px;
    }

    .cc-card {
        border-radius: 14px;
    }

    .cc-tag i {
        display: none;
    }

    .cc-tag span {
        font-size: 12px;
        padding: 7px 12px;
    }

    .cc-txt {
        padding: 20px;
    }

    .cc-txt-body p,
    .cc-txt-body i {
        font-size: 16px;
    }}


.scroller {
    height: 205px;
    position: relative
}


/* .scroller {
    touch-action: pan-y;
  }
  
  .scroller-horizontal {
    touch-action: pan-x;
  } */

.scroller .disable {
    display: none
}


.scroller .viewport {
    position: relative;
    height: 205px;
    overflow: hidden
}


.scroller .overview {
    position: absolute;
    top: 0;
    left: 0
}


.scroller .scrollbar {
    position: absolute;
    right: -15px;
    top: 0;
    width: 1px;
    height: 100%
}


.scroller .track {
    position: relative;
    height: 100%;
    width: 1px;
    background-color: #a9a9a9
}


.scroller .thumb {
    position: absolute;
    top: 0;
    left: -1px;
    height: 20px;
    width: 3px;
    cursor: pointer;
    overflow: hidden;
    background-color: #b5b5b5;
    border-radius: 2px
}


.tooltip {
    position: absolute;
    z-index: 1;
    display: block;
    font-size: 12px;
    padding: 5px 0
}


.tooltip:after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 50%;
    margin-left: -4px;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 4px 4px 0;
    border-top-color: #fff
}


.tooltip-inner {
    padding: 3px 5px;
    color: #b4b4b4;
    text-align: center;
    background-color: #fff;
    border: 1px solid #adc890
}


.tooltip-arrow {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    border-top-color: #adc890
}


@-webkit-keyframes fast-open {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}


@keyframes fast-open {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}


@-webkit-keyframes fast-close {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}


@keyframes fast-close {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}


@-webkit-keyframes fast-action-open {
    0% {
        -webkit-transform: translate3d(100%, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0)
    }
}


@keyframes fast-action-open {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}


@-webkit-keyframes fast-actiont-close {
    0% {
        -webkit-transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0)
    }
}


@-webkit-keyframes fast-action-close {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}


@keyframes fast-action-close {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}


.fast-action {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 15;
    width: 100%;
    height: 100%;
    background-color: rgba(28, 28, 28, .6);
    display: none
}


/* Свайп-закрытие drawer-панелей шапки (профиль/корзина/избранное): пока
   панель тянут пальцем, глушим open-анимации (fill-mode:forwards перебивал бы
   inline transform); при закрытии свайпом ([data-swipe-closing]) глушим и
   close-анимации — панель уже уехала за экран вручную. */
.fast-action.fast-dragging:not(.close),
.fast-action.fast-dragging:not(.close) .action-panel,
.fast-action[data-swipe-closing],
.fast-action[data-swipe-closing] .action-panel {
    -webkit-animation-name: none !important;
    animation-name: none !important
}


.fast-action .action-panel {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 650px;
    width: 100%;
    height: 100%;
    padding: 35px;
    background: #fff;
    border-left: 1px solid var(--c-green-500);
    overflow-x: auto;
    overflow-y: scroll
}


.fast-action .close-action {
    position: absolute;
    right: 42px;
    top: 43px;
    width: 33px;
    height: 33px;
    border: 0;
    padding: 0;
    outline: 0;
    background: url(img/fast-action-close.png) no-repeat center
}


.fast-action .thumb,
.fast-action .track {
    background-color: #c3c3c3
}


.fast-action .thumb {
    width: 5px;
    left: -2px;
    border-radius: 5px
}


.fast-btn {
    cursor: pointer
}


html.modal-lock {
    overflow: hidden;
    overscroll-behavior: none
}


html.modal-lock body {
    overflow: hidden;
    overscroll-behavior: none
}


#fast-favorite .fast-list {
    margin-bottom: 0
}


.fast-action .action-panel {
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(245, 250, 240, .98))
}


.fast-item {
    display: none;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column
}


.fast-item h2 {
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    margin: 15px 0;
    text-transform: uppercase
}


.fast-item .fast-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    height: auto;
    min-height: 149px;
    margin-bottom: 20px
}


.fast-item .fast-list .viewport {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border: 1px solid var(--c-green-500);
    border-width: 1px 0
}


.fast-item .fast-list .overview,
.fast-item .fast-list .viewport,
.fast-item .fast-list table {
    width: 100%
}


#fast-basket .fast-list .viewport {
    border: 0;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 251, 243, .98));
    box-shadow: inset 0 0 0 1px rgba(110, 158, 59, .14), 0 18px 40px rgba(22, 34, 15, .06);
    overflow: hidden
}


.fast-item .fast-list table {
    border-collapse: separate;
    border-spacing: 0 12px
}


.fast-item .fast-list td {
    position: static;
    font-size: 14px;
    color: #484848;
    text-align: left;
    vertical-align: top;
    padding: 18px 0;
    float: none;
    border-bottom: 0
}


.fast-item .fast-list td .title {
    margin: 0 0 10px;
    color: #bebebe;
    line-height: 1
}


.fast-item .basket-action {
    margin-top: auto;
    padding-top: 8px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase
}


.fast-item#fast-basket .basket-action {
    margin-top: 0;
    padding: 18px 18px 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(249, 252, 244, .98));
    border-top: 1px solid rgba(110, 158, 59, .12)
}


.fast-item#fast-basket .basket-action .cart_sum {
    color: var(--c-green-900)
}


.fast-item#fast-basket .basket-action a {
    border-radius: 18px;
    box-shadow: 0 14px 28px rgba(110, 158, 59, .18);
    background-color: #fff
}


.fast-item .basket-action.basket_empty {
    display: none
}


.fast-item .basket-action .row div:last-child {
    text-align: right
}


.fast-item .basket-action a {
    display: block;
    margin-top: 20px;
    padding: 15px 10px;
    color: var(--c-green-700);
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    border: 2px solid var(--c-green-700);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}


.fast-item .basket-action a:hover {
    background-color: var(--c-green-500);
    color: #fff
}


.fixed-panel {
    display: none;
    position: fixed;
    z-index: 7;
    top: 50%;
    right: 0;
    width: 63px;
    padding: 10px 5px;
    text-align: center;
    border: 1px solid var(--c-green-500);
    border-right: 0;
    border-radius: 5px 0 0 5px;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}


.fixed-panel a {
    display: inline-block;
    height: 34px;
    width: 49px;
    margin: 10px 0;
    background: url(img/fixed-panel-icon.png) no-repeat 0 0
}


.fixed-panel .back-call-a {
    background-position: center 2px
}


.fixed-panel .contact-a {
    background-position: center center
}


.fixed-panel .review-a {
    background-position: center bottom
}


.fast-item {
    z-index: 9;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 18px;
    display: none
}


.fast-item .fixed-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 130%;
    background-color: #fff
}


/* Підтвердження замовлення (showOrderNotice) — у стилістиці екрана вибору
   оплати: клієнт бачить це вікно замість нього, і різнобій виглядав як збій
   сайту. Галочка трохи менша за ту, що на #buy-completed: тут вікно вужче. */
.sc-confirm__box.bc-modal {
    max-width: 400px;
    padding: 30px 26px 26px;
}


.fast-action .close-action {
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 16px;
    background: rgba(110, 158, 59, .08);
    box-shadow: inset 0 0 0 1px rgba(110, 158, 59, .16);
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 10;
    padding: 0
}


.fast-action .close-action:before,
.fast-action .close-action:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 999px;
    background: var(--c-green-500)
}


.fast-action .close-action:before {
    transform: translate(-50%, -50%) rotate(45deg)
}


.fast-action .close-action:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}


#fast-profile .profile-panel {
    padding: 10px 0
}


#fast-profile .profile-panel__user {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px
}


#fast-profile .profile-panel__avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--c-green-500), #8ec04e);
    flex-shrink: 0
}


#fast-profile .profile-panel__name {
    font-size: 17px;
    font-weight: 600;
    color: var(--c-green-900);
    line-height: 1.3
}


#fast-profile .profile-panel__cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 28px
}


#fast-profile .profile-panel__card {
    padding: 16px;
    border-radius: 14px;
    background: rgba(110, 158, 59, .06);
    border: 1px solid rgba(110, 158, 59, .12);
    text-align: center
}


#fast-profile .profile-panel__card.btn-modal {
    cursor: pointer;
    transition: border-color .2s, background .2s
}


#fast-profile .profile-panel__card.btn-modal:hover {
    border-color: rgba(110, 158, 59, .3);
    background: rgba(110, 158, 59, .1)
}


#fast-profile .profile-panel__card-label {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .6px;
    color: var(--c-green-700);
    margin-bottom: 6px
}


#fast-profile .profile-panel__card-value {
    font-size: 22px;
    font-weight: 700;
    color: var(--c-green-900)
}


#fast-profile .profile-panel__topup {
    display: inline-block;
    margin-top: 8px;
    font-size: 12px;
    color: var(--c-green-700);
    text-decoration: none;
    border-bottom: 1px dashed rgba(110, 158, 59, .4)
}


#fast-profile .profile-panel__topup:hover {
    border-color: var(--c-green-500)
}


#fast-profile .profile-panel__nav {
    display: flex;
    flex-direction: column;
    gap: 2px
}


#fast-profile .profile-panel__link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 14px;
    border-radius: 10px;
    font-size: 15px;
    color: #333;
    text-decoration: none;
    transition: background .15s
}


#fast-profile .profile-panel__link:hover {
    background: rgba(110, 158, 59, .07);
    color: var(--c-green-900)
}


#fast-profile .profile-panel__link--logout {
    margin-top: 12px;
    padding-top: 18px;
    border-top: 1px solid rgba(0, 0, 0, .06);
    border-radius: 0;
    color: #999
}


#fast-profile .profile-panel__link--logout:hover {
    background: rgba(200, 50, 50, .05);
    color: #c33
}


#fast-profile .profile-panel__icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    opacity: .6
}


#fast-profile .profile-panel__link--logout .profile-panel__icon {
    opacity: .4
}


.fast-item .phone-contact,
.fixed-contact .phone-contact {
    margin-left: 35px;
    line-height: 1.7
}


.fast-item .phone-contact .mkod,
.fixed-contact .phone-contact .mkod {
    display: inline-block
}


.fast-item .phone-contact p:first-of-type,
.fixed-contact .phone-contact {
    margin-bottom: 2.8em
}


.fast-item .phone-contact p:first-of-type img,
.fixed-contact .phone-contact {
    top: 30%
}


.fast-item .phone-contact p:last-of-type,
.fixed-contact .phone-contact {
    margin-top: 3em
}


.about-ctn {
    padding: 50px 0 80px;
    border-bottom: 1px solid var(--c-green-500)
}


.about-ctn .vertical {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}


.about-ctn .vertical h2 {
    margin: 0 0 10px
}


.production {
    padding: 0px 0 80px;
    background: url(img/circle-big.png) no-repeat center
}


.production h2 {
    margin-bottom: 50px
}


.add-map-form .form {
    padding: 50px 100px;
    background: url(tmp/add-map.jpg) repeat top center #e8e8e8
}


#history-form .add-map-form .form {
    padding: 50px 30px
}


.phone-contact {
    padding: 0
}


.phone-contact p {
    position: relative;
    padding-left: 15px;
    margin-bottom: 2.2em
}


.phone-contact p img {
    position: absolute;
    top: 50%;
    right: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}


.phone-contact a {
    color: var(--c-green-700)
}


.stars-wrp {
    margin-bottom: 10px
}


.stars-wrp span {
    font-size: 14px;
    float: left
}


.stars {
    position: relative;
    display: inline-block;
    width: 88px;
    height: 15px;
    background: url(img/stars.png) repeat-x 0 0
}


.stars .star {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: url(img/stars.png) repeat-x 0 -19px
}


.menu-l {
    width: 235px
}


.menu-l .enable-affix { 
    display: inline;
}


.menu-l .h1,
.menu-l h1 {
    font-size: 24px;
    font-weight: 400;
    margin: .67em 0;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 20px
}


.menu-l .show-all,
.menu-l ul a,
.menu-l ul span {
    padding-left: 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: #0e0506;
    text-decoration: none
}


.menu-l .show-all:hover,
.menu-l ul a:hover,
.menu-l ul li.active>span {
    color: var(--c-green-700)
}


.menu-l li {
    padding: 0;
    margin: 0
}


.menu-l li:before {
    content: none
}


.menu-l li.active>a,
.menu-l li>a.active {
    color: var(--c-green-700)
}


.menu-l ul a:before,
.menu-l ul li.active>span:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background-color: var(--c-green-500);
    max-height: 26px
}


.menu-l ul li a.active:before,
.menu-l ul li.active a:before,
.menu-l ul ul li a.active:before,
.menu-l ul ul li.active a:before {
    content: ''
}


.filter {
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}


.filter .filter-item {
    width: 95%;
    border-top: 1px solid #e3e3e3
}


.filter .filter-item.active .title {
    background-image: url(img/filter-arrow1.png)
}


.filter .filter-cnt {
    display: none;
    padding: 0 0 15px
}


.filter .title {
    font-size: 15px;
    color: #0e0506;
    text-transform: uppercase;
    padding: 15px 25px 15px 0;
    cursor: pointer;
    background: url(img/filter-arrow.png) no-repeat center right
}


.filter .checkbox label {
    display: block;
    margin: 5px 0
}


.filter .checkbox label input,
.filter .checkbox label span {
    display: inline-block;
    vertical-align: middle
}


.filter .checkbox label span {
    margin-left: 5px
}


.filter .size {
    padding-right: 19px
}


.filter .size input {
    display: none
}


.filter .size label {
    display: inline-block;
    vertical-align: middle;
    margin: 3px
}


.filter .size label span {
    display: inline-block;
    font-size: 12px;
    color: #0e0506;
    height: 36px;
    padding: 0 3px;
    min-width: 36px;
    line-height: 34px;
    text-align: center;
    border: 1px solid var(--c-green-500);
    border-radius: 20px;
    cursor: pointer;
    -webkit-transition: .25s ease;
    transition: .25s ease
}


.filter .size label:hover span {
    background-color: var(--c-green-700);
    color: #fff
}


/* количество моделей — бейджем на плитке размера (моб./планшет ≤1024px;
   десктоп ≥1025px имеет собственный бейдж в .catalog_holder-блоке).
   Ограничено медиазапросом, чтобы лишние border/height не «протекли» на десктоп */
@media (max-width:1024px) {
    .filter .size label span[data-cnt] {
        position: relative;
        overflow: visible
    }

    .filter .size label span[data-cnt]:after {
        content: attr(data-cnt);
        position: absolute;
        top: -8px;
        right: 2px;
        min-width: 15px;
        height: 15px;
        padding: 0 4px;
        box-sizing: border-box;
        background: #fff;
        border: 1px solid #e3e8dd;
        border-radius: 8px;
        font-size: 10px;
        line-height: 13px;
        font-weight: 400;
        text-align: center;
        color: #8a938a
    }

    .filter .size label span[data-cnt=""]:after,
    .filter .size label span[data-cnt="0"]:after {
        content: none
    }

    .filter .size input:checked+span[data-cnt]:after {
        color: var(--c-green-700)
    }
}


.tooltip-custom {
    display: none;
    left: 0;
    z-index: 8;
    bottom: 100%
}


.tooltip-custom .tooltip-inner {
    position: relative;
    color: #6a6a6a;
    text-align: left;
    padding: 10px 5px
}


.product-list {
    font-size: 0
}


.photo-list {
    position: absolute;
    height: 100%;
    width: 85px;
    padding: 15px 5px 15px 20px;
    top: 0;
    right: 100%
}


.photo-list .scroller,
.photo-list .viewport {
    height: 100%
}


.photo-list .scroller .scrollbar {
    right: -10px
}


.photo-list .photo-item {
    display: block;
    width: 60px;
    height: 70px;
    background-color: #e3e3e3;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden; /* чтобы скрыть все, что выходит за пределы */
}


.photo-list .photo-item+.photo-item {
    margin-top: 20px
}


.add-favorites {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 19px;
    background: url(img/product-actions.svg) no-repeat 0 0
}


.add-favorites:hover {
    background-position: -30px 0
}


.sort-panel {
    margin-bottom: 15px;
    font-size: 14px;
    color: #6a6a6a;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}


.people-sort,
.view-sort-list {
    display: inline-block;
    vertical-align: middle
}


.people-sort a,
.view-sort-list a {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background-color: #000;
    background: url(img/sort-icon.png) no-repeat 0 0
}


.people-sort-f.people-sort a {
    background: 0 0;
    background-color: inherit;
    display: block;
    width: auto;
    height: auto;
    font-size: 16px;
    position: relative;
    text-transform: none;
    color: #6a6a6a;
    padding-left: 0;
    width: 100%;
    display: block;
    line-height: 30px
}


.people-sort-f.people-sort a.active,
.people-sort-f.people-sort a:hover {
    color: var(--c-green-700);
    text-decoration: none
}


.people-sort-f.people-sort a:before {
    display: inline-block;
    content: "";
    height: 25px;
    width: 25px;
    background: url(img/sort-icon.png) no-repeat 0 0;
    vertical-align: top;
    margin: 5px 10px 5px 0
}


.people-sort-f.people-sort a.girl-sort:before {
    background-position: -61px 0
}


.people-sort-f.people-sort a.man-sort.active:before,
.people-sort-f.people-sort a.man-sort:hover:before {
    background-position: -30px 0
}


.people-sort-f.people-sort a.girl-sort.active:before,
.people-sort-f.people-sort a.girl-sort:hover:before {
    background-position: -98px 0
}


.people-sort {
    margin-right: 5px
}


.people-sort a {
    margin-right: 15px
}


.people-sort .man-sort.active,
.people-sort .man-sort:not(.hover):hover {
    background-position: -30px 0
}


.people-sort .girl-sort.active,
.people-sort .girl-sort:not(.hover):hover {
    background-position: -98px 0
}


.people-sort .girl-sort,
.people-sort .girl-sort.active:not(.hover):hover {
    background-position: -61px 0
}


.view-sort-list {
    float: right
}


.view-sort-list .view-list {
    background-position: -140px -1px
}


.view-sort-list .view-list.active,
.view-sort-list .view-list:hover {
    background-position: -241px 0
}


.view-sort-list .view-role {
    background-position: -209px 0
}


.view-sort-list .view-role.active,
.view-sort-list .view-role:hover {
    background-position: -301px 0
}


.sort-drop {
    min-width: 175px
}


.sort-drop>span {
    position: relative;
    z-index: 3;
    text-transform: none
}


.sort-drop .dropdown-ctn {
    padding: 20px 0 0;
    min-width: 100%;
    top: -10px;
    right: -20px;
    background: #fff;
    border: 1px solid #e7e7e7
}


.sort-drop .dropdown-ctn li {
    text-align: left;
    font-size: 14px;
    padding: 0;
    white-space: nowrap
}


.sort-drop .dropdown-ctn li a {
    font-size: 14px;
    padding: 2px 0;
    padding-left: 15px;
    display: inline-block;
    text-decoration: none
}


.sort-drop .dropdown-ctn li:hover>a {
    color: var(--c-green-700)
}


.sort-drop .dropdown-ctn li:before {
    content: none
}


.colors-b {
    border-bottom: 1px solid #e3e3e3;
    padding: 12px 0 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex
}


.colors-b .title {
    font-size: 14px;
    color: #0e0506;
    /* width: 110px; */
    margin-right: 10px;
    width: 110px;
    /* min-width: 90px; */
    text-transform: uppercase
}


.product-page .colors-b .title {
    line-height: 24px
}


.colors-b .title div {
    text-transform: none;
    font-size: 12px;
    font-style: italic
}


/* Описание анимации: от серого к прозрачному */
@keyframes fadeToTransparent {
    0% {
        background-color: rgb(160, 197, 134);
    }
    100% {
        background-color: transparent;
    }
}

.size-b .title span.size-name,
.size-b .title span.sizeGroup-name,
.size-b .title div.tkan-name {
    text-transform: none;
    font-size: 12px;
     color: var(--c-green-700);
     text-decoration: underline;
    font-style: italic
}


.size-b .title span.size-name.inactive-link,
.size-b .title span.sizeGroup-name.inactive-link {
    color: #0e0506;
    text-decoration: none;
    cursor: default; /* Изменяем курсор на стандартный */
  }


.colors-b ul {
    cursor: default;
    margin: 0;
    text-align: left
}


.colors-b ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    padding: 0;
    margin: 0 10px 10px 0px
}


.colors-b ul li:before {
    content: none
}


.colors-b ul li:not(.disabled).bx_active span:after,
.colors-b ul li:not(.disabled):hover span:after,
.colors-b ul li.disabled:hover span:after,
.colors-b ul li.disabled.bx_active span:after
 {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: var(--c-green-500)
}


.colors-b ul span {
    position: relative;
    display: block;
    width: 33px;
    height: 33px;
    border: 2px solid #f0eeee;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 50%
}


.price-b .title,
.size-b .title {
    width: 110px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 14px;
    color: #0e0506;
    text-transform: uppercase
}


.size-b {
    border-bottom: 1px solid #e3e3e3;
    padding: 12px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex
}


.size-b ul {
    cursor: default;
    margin: 0;
    text-align: left;
}


.size-b ul li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding: 0;
    margin: 5px 0 5px 10px;
}


.size-b ul li:before {
    content: none;
}


/* .size-b ul li.disabled {
    cursor: default;
} */

.size-b ul li.disabled span {
    opacity: .5;
}


/* Основной стиль для всех кружков в .size-b */
.size-b ul li span {
    display: block;
    font-size: 12px;
    color: #0e0506;
    height: 33px;
    line-height: 32px;
    padding: 0 3px;
    min-width: 33px;
    text-align: center;
    border: 1px solid var(--c-green-500);
    border-radius: 19px;
    position: relative;
    -webkit-transition: .25s ease;
    transition: .25s ease;
}


/* Если avaible есть, кружки и контуры активны */
.size-b ul li.avaible span::before,
.size-b ul li.avaible span::after {
    display: block;
}
 

.size-b ul li.active span,
.size-b ul li.bx_active span,
.size-b ul li:not(.disabled):hover span {
    background-color: var(--c-green-700);
    color: #fff
}


.matching-size {
    display: inline-block;
    width: 160px
}


.matching-size .tooltip {
    width: 275px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: 115%
}


.matching-size .tooltip .tooltip-inner {
    padding: 10px 15px
}


.matching-size .tooltip .title+div {
    text-transform: none;
    color: #b4b4b4;
    margin-bottom: 10px
}


.matching-size .tooltip .title {
    text-transform: uppercase;
    color: #0e0506;
    margin-bottom: 3px
}


.matching-size .icon-size {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 20px;
    background: url(img/matching-size.png) no-repeat 0 0
}


.matching-size .icon-size.normal-size {
    background-position: -94px 0
}


.matching-size .icon-size:hover .tooltip {
    display: block
}


.matching-size .icon-size.normal-size {
    background-position: -94px 0
}


.matching-size .icon-size:hover .tooltip {
    display: block
}


.matching-size .icon-size.size_status.normal-size,
.review-item .matching-size .icon-size.normal-size {
    background-position: -120px 0
}


.product-page {
    color: #0e0506;
    margin-top: 30px
}


.product-page .photo-ctn {
    position: relative;
    padding-left: 100px
}


.product-page .photo-ctn img {
    transition: 0;
    cursor: url(img/plus-zoom.cur), crosshair;
    background-color: #fbfbfb
}


.product-page .photo-list {
    right: auto;
    left: 0;
    padding: 0;
    width: 80px
}


.product-page .photo-item {
    width: 77px;
    height: 110px;
    padding-left: 0;
}


.photo-list .photo-item a img {
    display: block;
    width: 100%;
    height: 100%;
    border: none; /* Убираем границу у изображения */
    margin: 0; /* Убираем отступы у изображения */
    padding: 0; /* Убираем внутренние отступы у изображения */
    border-radius: 3px; /* Добавляем скругление углов для изображения */
}


.product-page .photo-item a {
    display: block;
    width: 100%;
    height: 100%;
    transition: border 0.3s ease;
}



.photo-list .photo-item a.cloudzoom-gallery-active,
.photo-list .photo-item a:hover {
    border-left: 3px solid var(--c-green-500) !important;
    border-right: 3px solid var(--c-green-500) !important;
    border-radius: 2px !important;
}


.product-page .reviews-top {
    float: right;
    margin-top: -65px;
    text-align: right;
    line-height: 1.2
}


.product-page .reviews-top a {
    font-size: 12px;
    color: var(--c-green-700)
}


/* reviews-top: чёткие CSS-звёзды вместо png-спрайта (все ширины) */
.product-page .reviews-top .stars {
    width: auto;
    height: auto;
    background: none;
    font-size: 15px;
    line-height: 1;
    font-family: Arial, sans-serif;
    white-space: nowrap;
    vertical-align: middle;
}


.product-page .reviews-top .stars::before {
    content: '\2605\2605\2605\2605\2605';
    letter-spacing: 2px;
    color: #e0e3da;
}


.product-page .reviews-top .star {
    height: auto;
    background: none;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
}


.product-page .reviews-top .star::before {
    content: '\2605\2605\2605\2605\2605';
    letter-spacing: 2px;
    color: #f6b21b;
}


.product-page .product-info .name_h {
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e3e3e3
}


.product-page .product-info .name_h .name {
    margin-bottom: 5px
}


.product-page .product-info .name h1 {
    display: inline-block;
    vertical-align: middle;
    margin: 0
}


.product-page .product-info .name .artik {
    float: right;
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
    margin-top: 7px
}


.product-page .product-info .add-favorites {
    margin: 1px 10px 0 0
}


.product-page .size-set-b {
    padding: 24px 0;
    border-bottom: 1px solid #e3e3e3;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}


.product-page .size-set-b .title {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 10px
}


.product-page .size-set-b .matching-size {
    margin: auto;
    margin-left: 0
}


.product-page .size-set-b .sizes {
    margin: auto;
    display: block;
    margin-left: 0
}


.product-page .size-set-b .title {
    display: inline-block
}


.product-page .size-set-b .size-table-btn {
    margin: auto;
    margin-right: 0
}


.product-page .size-set-b .size-table-btn:after {
    margin: auto;
    margin-left: 10px
}


.product-page .buy-b {
    padding: 40px 0;
    border-bottom: 1px solid #e3e3e3;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}


.product-page .price-b b {
    display: inline-block;
    font-weight: 100;
    font-size: 30px;
    color: var(--c-green-700)
}


.product-page .price-b b:not(.pro_old_price) {
    margin-left: 0px
}


.product-page .price-b b.pro_old_price {
    text-decoration: line-through;
    color: gray;
    font-size: 22px;
    vertical-align: top;
    margin-right: 15px;
    line-height: 40px
}


.product-page .opt-price {
    font-size: 14px;
    margin: 17px 0;
    cursor: pointer
}


.product-page .opt-price:hover {
    font-weight: 600
}


.product-page .opt-price:after {
    content: '';
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px;
    width: 15px;
    height: 20px;
    background: url(img/opt-price1.png) no-repeat center
}


.product-page .terms-cooperation-btn a {
    font-size: 12px;
    text-transform: none
}


.product-page .roz-price {
    padding: 10px 0;
    border-bottom: 1px solid #e3e3e3;
    line-height: 1.2;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -ms-flex-align: center;
    align-items: center
}


.product-page .roz-price div:last-child {
    font-size: 18px;
    color: #6a6a6a
}


.product-page .review-list .h5 {
    text-transform: uppercase
}


.size-table-btn {
    color: var(--c-green-700);
    cursor: pointer;
    margin-top: 13px;
    text-transform: uppercase
}


.size-table-btn:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
    width: 33px;
    height: 21px;
    margin-left: 10px;
    background: url(img/size-set.png) no-repeat center
}


.accordion-item {
    border-bottom: 1px solid #e3e3e3
}


.accordion-item .title {
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
    color: #0e0506;
    line-height: 1.2;
    padding: 10px 0;
    background: url(img/filter-arrow.png) no-repeat center right;
    cursor: pointer
}


.accordion-item .accordion-ctn {
    display: none;
    padding-bottom: 10px;
    padding-left: 25px
}


.accordion-item .accordion-ctn p {
    font-size: 14px;
    color: #6a6a6a
}


.accordion-item.active .title {
    background-image: url(img/filter-arrow1.png)
}


.characteristics ul {
    margin: 0
}


.characteristics ul li {
    padding: 0;
    font-size: 14px;
    color: #6a6a6a
}


.characteristics ul li:before {
    content: none
}


.terms-cooperation a {
    font-size: 12px
}


.product-review-form {
    display: none;
    margin: 0 0 20px;
    padding: 20px 15px;
    border: 1px solid #c9c9c9
}


.product-review-form .form-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right
}


.product-review-form .btn {
    margin: 0
}


.product-review-form input[type=reset] {
    font-size: 12px;
    color: var(--c-green-700);
    font-weight: 600;
    background: 0 0;
    border: 0;
    outline: 0;
    margin: 5px 20px 5px 0
}


.product-review-form .jq-selectbox,
.product-review-form select {
    max-width: 230px;
    border-color: #e3e3e3
}


.product-review-form .input-group input,
.product-review-form .input-group select,
.product-review-form .input-group textarea {
    border-color: #e3e3e3
}


.product-review-form .stars-wrp {
    margin: 5px 0;
    color: #6a6a6a
}


.table-price-size {
    width: 100% !important;
    margin: 10px 0 20px
}


.table-price-size tr:first-child td {
    color: #0e0506
}


.table-price-size tr:nth-child(even) td {
    background-color: #f3fbea
}


.table-price-size td {
    padding: 5px;
    border: 1px solid #e3e3e3;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    color: #6a6a6a
}


.table-price-size .size-color {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #e3e3e3;
    border-radius: 50%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}


.table-price-size .size-color span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%
}


.recomend {
    background: 0 0
}


.m_catalog_head_mini_nav li:first-child {
    margin-left: 0;
    position: sticky;
    left: 0;
    z-index: 1;
}


/* ===== History page v2 ===== */
#history-form {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 15px
}


#history-form .form form {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap
}
@media (max-width: 768px){
    #history-form .form form {
        flex-direction: column;
        align-items: stretch
    }}


.data-form {
    padding-left: 95px;
    max-width: 470px
}


.data-form .input-group {
    margin-bottom: 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}


.data-form .input-group input,
.data-form .input-group select,
.data-form .input-group textarea {
    margin: 0;
    /* width: 300px; */
    font-size: 16px
}


.data-form .input-group .input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: none;
    margin-top: -7px
}


.data-form .input-group .label {
    width: 100px;
    padding: 2px;
    font-size: 14px;
    color: #8e8e8e
}


.step-item .input-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}


.step-item .input-group .input,
.step-item .input-group .jq-selectbox,
.step-item .input-group input,
.step-item .input-group select,
.step-item .input-group textare {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    margin: 0
}


.step-item .input-group .label {
    width: 100px;
    padding: 6px 0
}


.step-item p {
    font-size: 16px;
    line-height: 1.2;
    text-align: left
}


.step-item .to-pay {
    padding: 20px 0;
    font-size: 18px;
    text-transform: uppercase
}


.step-item .to-pay b {
    font-weight: 600
}


.step-item .form-action,
.step-item .to-pay {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  
}


.to-pay {
      border-top: 1px solid #b1dd83;
      border-bottom: 1px solid #b1dd83
}


.step-item .form-action {
    padding: 30px 0
}


.step-item .form-action .btn {
    margin: 10px 0 10px 10px;
    padding-left: 45px;
    padding-right: 45px;
    margin-left: auto;
}


.step-item .data-form {
    max-width: none;
    margin: 0;
    padding: 0
}


.step-item .data-form .input-group {
    margin: 0
}


.step-item .data-form .input-group .label {
    width: 200px;
    text-transform: uppercase;
    font-size: 16px;
    color: #3c3c3c;
    padding: 0
}


.step-item .data-form .input-group .input {
    display: none;
    margin-top: -7px
}


.step-item .data-form .input-group .input *+* {
    margin-top: 5px
}


.product-table {
    font-size: 14px;
    color: #484848
}


.product-table table {
    display: block;
    width: 100%
}


.product-table table td {
    vertical-align: top;
    float: none;
    padding: 0 0 15px
}


.product-table table tr:last-child td {
    padding-bottom: 0
}


.product-table .table-wrp {
    padding: 40px 0 20px
}


.basket_step_1 .product-table table {
    display: table
}


/* ростовки той же ширины и с тем же шагом, что единичные размеры (.roz-tr) */
.table-info .tr.product-popup-pack-column {
    min-width: 40px;
    max-width: 65px;
    margin-right: 0px;
    margin-left: 10px;
}


/* колонка-флекс, а не row: в Safari текст прямо внутри row-flex не переносится на новую строку */
.table-info .tr .td.product-popup-size-label,
.table-info .tr.titles .td.product-popup-size-title-cell:first-child {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 4px;
}


/* .quantity-b .unactive:hover { */
    /* display: none */
/* } */

.quantity-b input {
    display: block;
    width: 100%;
    color: #929292;
    height: 26px;
    border: 0;
    margin: 0;
    outline: 0;
    text-align: center;
    background: #fff
}


@-webkit-keyframes anim-open {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }
}


@keyframes anim-open {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}


@-webkit-keyframes anim-close {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0)
    }
}


@keyframes anim-close {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }
}


@-webkit-keyframes anim-close-no {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(.6)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0) scale(.6)
    }
}


@keyframes anim-close-no {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0) scale(.8);
        transform: translate3d(0, 30px, 0) scale(.8)
    }
}


/* Свайп-закрытие попапов: пока карточку тянут пальцем, глушим anim-open
   (fill-mode:forwards перебивал бы inline transform). :not(.close) — чтобы
   после отмены жеста закрытие крестиком играло штатный anim-close. */
.modal-b.modal-dragging:not(.close) .modal-ctn {
    -webkit-animation-name: none !important;
    animation-name: none !important
}


/* Крестик уведомления: рисуем CSS-крестом вместо close-icon.png —
   картинка мылила на retina и тянула лишний запрос. */
#alert .alert-close {
    top: 12px;
    right: 12px;
    position: absolute;
    z-index: 3;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    outline: 0;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    transition: background .18s ease
}


#alert .alert-close:before,
#alert .alert-close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 2px;
    margin: -1px 0 0 -7.5px;
    border-radius: 2px;
    background: #9aa394;
    transition: background .18s ease
}


#alert .alert-close:before {
    transform: rotate(45deg)
}


#alert .alert-close:after {
    transform: rotate(-45deg)
}


#alert .alert-close:hover {
    background: #f1f4ec
}


#alert .alert-close:hover:before,
#alert .alert-close:hover:after {
    background: var(--c-green-900)
}


.double-btn-wrapper {
    display: flex;
    /* width: fit-content; */
    max-width: 100%;
  }


.checkbox input {
    display: none
}


.zoom-canvas {
    position: absolute;
    left: 103%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}


#product-review-form {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px
}


.podrob-b {
    position: relative;
    display: inline-block;
    vertical-align: middle
}


.podrob-b .more {
    font-size: 16px
}


.podrob-b .more:hover+.tooltip {
    display: block
}


.podrob-b .tooltip {
    width: 570px;
    left: 30%;
    bottom: 115%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}


.podrob-b .tooltip:hover {
    display: block
}


.podrob-b .tooltip:before {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 6px
}


.podrob-b .tooltip-inner {
    padding: 0 20px 15px
}


.podrob-b h2 {
    font-size: 17px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 400
}


.podrob-b h3 {
    font-size: 15px;
    margin: 10px 0;
    font-weight: 400
}


.podrob-b p {
    margin: 0
}


.podrob-b li,
.podrob-b p {
    font-size: 13px
}


.product_review_thanks_text {
    color: var(--c-green-700);
    text-transform: uppercase;
    outline: 0;
    font-size: 16px;
    line-height: 53px;
    padding: 0 10px;
    width: 100%;
    text-align: center;
    display: none
}


.recall_content_thanks_text {
    color: var(--c-green-700);
    text-transform: uppercase;
    outline: 0;
    font-size: 16px;
    line-height: 53px;
    padding: 0 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    display: none
}


.history_thanks_text {
    color: var(--c-green-700);
    text-transform: uppercase;
    outline: 0;
    font-size: 16px;
    line-height: 50px;
    padding: 0 10px;
    display: none
}


.feedback_thanks_text {
    color: var(--c-green-700);
    text-transform: uppercase;
    outline: 0;
    font-size: 22px;
    line-height: 53px;
    padding: 0 10px;
    display: none
}


.subcribe_thanks_text {
    color: var(--c-green-700);
    text-transform: uppercase;
    outline: 0;
    font-size: 22px;
    line-height: 53px;
    padding: 0 10px;
    display: none
}


.catalog_holder {
    clear: both
}


/* ── Уведомление alert_mess(): модалка по центру, три типа ──────────────
   Разметка собирается в js/shop.js (getAlertShell), локализованные подписи
   приходят из чанка FOOTER в data-атрибутах #alert.
   z-index выше .pv-overlay (100500), иначе алерт прятался бы под
   видео-попапом и шторкой корзины. */
#alert {
    position: fixed;
    inset: 0;
    z-index: 100600;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    text-align: center
}


@keyframes alertFade {
    to {
        opacity: 1
    }
}


@keyframes alertPop {
    from {
        opacity: 0;
        transform: translateY(14px) scale(.94)
    }

    to {
        opacity: 1;
        transform: none
    }
}


#alert p {
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d6657;
    word-break: break-word
}


#alert p:empty {
    display: none
}


/* Уважаем «уменьшить движение»: анимации отключаем, но модалку показываем. */
@media (prefers-reduced-motion:reduce) {

    .alert-modal__backdrop,
    .alert-modal__card {
        animation: none;
        opacity: 1
    }
}


.rating_input {
    float: right
}


.rating_recall a,
.rating_recall span {
    display: block;
    width: 15px;
    height: 15px;
    background: url(img/stars_i.png) no-repeat -15px 0;
    float: left;
    margin: 0 3px 0 0
}


.hidden_reg_btn,
.hidden_reg_btn_regular {
    display: none !important
}


.payform {
    display: none
}


.portmone_currency {
    display: inline-block;
    line-height: 32px;
    color: #929292;
    padding: 0 5px
}


.clr {
    display: block;
    width: 100%;
    clear: both
}


.filter .checkbox .row_checked input {
    display: inline-block;
    vertical-align: middle
}


.filter .checkbox .row_checked label {
    display: inline-block;
    margin: 5px 0;
    vertical-align: middle
}


.filter .checkbox .row_checked:hover label {
    color: var(--c-green-700)
}


.catalog_holder .products-list .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start
}


.catalog_holder .products-list .row .col-md-4 {
    float: none;
    display: inline-flex
}


.product-list .product_group .not_available,
.product-list .product_model .not_available {
    display: none
}


.load_more_holder {
    text-align: center
}


/* .not_available_product .info .price-picker,
.not_available_product .product_blocks_right .opt-price,
.not_available_product .product_blocks_right .product_btn {
    display: none !important
} */


/* .not_available_product .product_blocks_right .product_btn {
    display: none !important
} */

.cssload-jumping {
    position: relative;
    display: block;
    margin: 113px auto;
    width: 124px
}


.cssload-jumping,
.cssload-jumping * {
    box-sizing: border-box
}


.cssload-jumping span {
    display: inline-block;
    height: 17px;
    width: 17px;
    background: var(--c-green-500);
    border-radius: 563px;
    background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box
}


.cssload-jumping span:nth-child(1) {
    animation: scale 1.15s .12s infinite cubic-bezier(.6, -.28, .735, .045);
    -o-animation: scale 1.15s .12s infinite cubic-bezier(.6, -.28, .735, .045);
    -ms-animation: scale 1.15s .12s infinite cubic-bezier(.6, -.28, .735, .045);
    -webkit-animation: scale 1.15s .12s infinite cubic-bezier(.6, -.28, .735, .045);
    -moz-animation: scale 1.15s .12s infinite cubic-bezier(.6, -.28, .735, .045)
}


.cssload-jumping span:nth-child(2) {
    animation: scale 1.15s .23s infinite cubic-bezier(.6, -.28, .735, .045);
    -o-animation: scale 1.15s .23s infinite cubic-bezier(.6, -.28, .735, .045);
    -ms-animation: scale 1.15s .23s infinite cubic-bezier(.6, -.28, .735, .045);
    -webkit-animation: scale 1.15s .23s infinite cubic-bezier(.6, -.28, .735, .045);
    -moz-animation: scale 1.15s .23s infinite cubic-bezier(.6, -.28, .735, .045)
}


.cssload-jumping span:nth-child(3) {
    animation: scale 1.15s .35s infinite cubic-bezier(.6, -.28, .735, .045);
    -o-animation: scale 1.15s .35s infinite cubic-bezier(.6, -.28, .735, .045);
    -ms-animation: scale 1.15s .35s infinite cubic-bezier(.6, -.28, .735, .045);
    -webkit-animation: scale 1.15s .35s infinite cubic-bezier(.6, -.28, .735, .045);
    -moz-animation: scale 1.15s .35s infinite cubic-bezier(.6, -.28, .735, .045)
}


.cssload-jumping span:nth-child(4) {
    animation: scale 1.15s .46s infinite cubic-bezier(.6, -.28, .735, .045);
    -o-animation: scale 1.15s .46s infinite cubic-bezier(.6, -.28, .735, .045);
    -ms-animation: scale 1.15s .46s infinite cubic-bezier(.6, -.28, .735, .045);
    -webkit-animation: scale 1.15s .46s infinite cubic-bezier(.6, -.28, .735, .045);
    -moz-animation: scale 1.15s .46s infinite cubic-bezier(.6, -.28, .735, .045)
}


.cssload-jumping span:nth-child(5) {
    animation: scale 1.15s .58s infinite cubic-bezier(.6, -.28, .735, .045);
    -o-animation: scale 1.15s .58s infinite cubic-bezier(.6, -.28, .735, .045);
    -ms-animation: scale 1.15s .58s infinite cubic-bezier(.6, -.28, .735, .045);
    -webkit-animation: scale 1.15s .58s infinite cubic-bezier(.6, -.28, .735, .045);
    -moz-animation: scale 1.15s .58s infinite cubic-bezier(.6, -.28, .735, .045)
}


@keyframes scale {
    0% {
        transform: scale(0)
    }
    25% {
        transform: scale(.9, .9);
        background: var(--c-green-500)
    }
    50% {
        transform: scale(1, 1);
        margin: 0 3px;
        background: var(--c-green-500)
    }
    100% {
        transform: scale(0)
    }
}


@-o-keyframes scale {
    0% {
        -o-transform: scale(0)
    }
    25% {
        -o-transform: scale(.9, .9);
        background: var(--c-green-500)
    }
    50% {
        -o-transform: scale(1, 1);
        margin: 0 3px;
        background: var(--c-green-500)
    }
    100% {
        -o-transform: scale(0)
    }
}


@-ms-keyframes scale {
    0% {
        -ms-transform: scale(0)
    }
    25% {
        -ms-transform: scale(.9, .9);
        background: var(--c-green-500)
    }
    50% {
        -ms-transform: scale(1, 1);
        margin: 0 3px;
        background: var(--c-green-500)
    }
    100% {
        -ms-transform: scale(0)
    }
}


@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(0)
    }
    25% {
        -webkit-transform: scale(.9, .9);
        background: var(--c-green-500)
    }
    50% {
        -webkit-transform: scale(1, 1);
        margin: 0 3px;
        background: var(--c-green-500)
    }
    100% {
        -webkit-transform: scale(0)
    }
}


@-moz-keyframes scale {
    0% {
        -moz-transform: scale(0)
    }
    25% {
        -moz-transform: scale(.9, .9);
        background: var(--c-green-500)
    }
    50% {
        -moz-transform: scale(1, 1);
        margin: 0 3px;
        background: var(--c-green-500)
    }
    100% {
        -moz-transform: scale(0)
    }
}


.show_mobile_contact {
    display: none
}


.slick-dots {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 5px
}


.slick-dots li {
    margin: 4px;
    padding-left: 0;
    top: -40px;
    display: flex
}


.slick-dots li button {
    outline: 0 !important;
    font-size: 0;
    background: #e0dfdf;
    border: none;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: block
}


.slick-dots li.slick-active button {
    background: var(--c-green-500)
}


ul.slick-dots li:before {
    display: none !important
}


.item_images_mobile .arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 25%
}


.item_images_mobile .arrow.right {
    right: 0
}


.item_images_mobile .arrow span {
    width: 42px;
    height: 42px;
    position: absolute;
    top: 50%;
    z-index: 2;
    border: 2px solid transparent
}


.item_images_mobile .arrow.left.slick-disabled span,
.item_images_mobile .arrow.right.slick-disabled span {
    display: none;
}


.item_images_mobile .arrow.left span {
    background: url(img/arrow-left.png) no-repeat;
    left: 0;
    transform: translate(0, -50%);
    background-position: center;
    -webkit-background-size: 80%;
    background-size: 80%;
    opacity: 1
}


.item_images_mobile .arrow.right span {
    background: url(img/arrow-right.png) no-repeat;
    right: 0;
    transform: translate(0, -50%);
    background-position: center;
    -webkit-background-size: 80%;
    background-size: 80%;
    opacity: 1
}


.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}


@keyframes swingleft {
    from {
        margin-left: -5px
    }
    to {
        margin-left: 5px
    }
}


@keyframes swingright {
    from {
        margin-right: -5px
    }
    to {
        margin-right: 5px
    }
}


.step-item {
    clear:both;
}


.helper_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    width: 56px;
    height: 56px;
    right: 16px;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    transition: .3s;
    z-index: 5
}


.helper_block .helper_close {
    display: none;
    background: var(--c-green-500);
    border-radius: 50%;
    padding: 12px;
    width: 40px;
    margin: 5px;
    height: 40px;
    transition: .5s;
    align-items: center;
    justify-content: center
}


.helper_block .helper_close svg {
    width: 100%;
    max-width: 20px;
    margin: 0 auto;
    display: block
}


.helper_block .helper_close svg path {
    fill: #fff
}


.helper_block .helper_buttons {
    display: none;
    transition: .5s
}


.helper_block .helper_show {
    border-radius: 50%;
    transition: .5s;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-shadow: 0 6px 18px rgba(89, 55, 152, .28);
    cursor: pointer
}


.helper_block .helper_show svg {
    width: 100%;
    display: block
}


.helper_block:hover .helper_show {
    display: none
}


.helper_block:hover .helper_close {
    display: none
}


.helper_block:hover {
    height: 130px
}


.helper_block:hover .helper_buttons {
    display: block
}
@media (max-width: 992px){
    .input_phone label {
        padding: 0 15px
    }

    .helper_block {
        right: 14px;
        bottom: calc(16px + env(safe-area-inset-bottom, 0px));
        width: 52px;
        height: 52px
    }

    .helper_block .helper_show {
        width: 52px;
        height: 52px
    }

    .helper_block:hover .helper_buttons {
        display: none
    }

    .helper_block:hover .helper_show {
        display: block
    }

    .helper_block:hover {
        height: 50px
    }}
@media (min-width:1025px){
    .main-menu {
        display: block !important
    }}
@media (max-height:450px){
    .fixed-panel {
        top: 60%
    }}
@media (max-height:370px){
    .fixed-panel {
        width: 50px;
        top: 67%
    }

    .fixed-panel a {
        height: 25px;
        width: 35px;
        margin: 5px 0;
        background-size: 35px auto
    }}
@media (max-height:300px){
    .fixed-panel {
        display: none
    }}
@media (max-width:1200px){
   
    .search_container ul {
        min-height: auto
    }

    .fixed-panel {
        width: 55px
    }

    .fixed-panel a {
        height: 25px;
        width: 35px;
        margin: 5px 0;
        background-size: 35px auto
    }

    .main-menu .sub-menu .sub-item-image {
        display: none;
        float: none;
        max-width: 600px;
        margin-top: 15px
    }

    .podrob-b {
        display: block;
        margin: 15px 0
    }

    .main-menu>ul {
        margin-left: -10px;
        margin-right: -10px
    }

    .main-menu>ul>li>a,
    .main-menu>ul>li>span {
        padding: 15px 5px
    }

    .header .person,
    .header .person-money {
        margin-left: 15px
    }

    .header .dropdown>span {
        padding: 0 7px
    }}
@media (max-width:991px){
    #show_mobile_search {
        float: right;
        margin: 0 10px 0 0;
        padding: 10px 0
    }

    .zoom-canvas {
        width: 50%;
        height: 50%;
        display: none
    }

    body {
        margin-top: 110px /* = высота fixed-шапки, было 85 — крошки резались */
    }

    .search-h {
        z-index: 4
    }

    .search-h .col-sm-3 img {
        display: inline-block
    }

    .add-map-form {
        margin-top: 30px
    }

    .add-map-form .form {
        padding: 50px 15px
    }

    .about-ctn p {
        font-size: 16px
    }

    .main-menu {
        display: none;
        width: 100%;
        float: none;
        clear: both;
        -webkit-transition: none !important;
        transition: none !important
    }

    .main-menu>ul {
        height: 350px;
        overflow-y: auto
    }

    .main-menu ul {
        padding: 10px 0
    }

    .main-menu li {
        display: block;
        padding: 5px
    }

    .main-menu li:after {
        content: none !important
    }

    header .main-menu .sub-menu {
        display: none;
        position: fixed;
        overflow-x: hidden;
        overflow-y: auto;
        top: 109px;
        left: 0;
        padding: 45px 5px 10px;
        z-index: 222;
        /* height: calc(100% - 98px); */
        width: 100%;
        border: none
    }

    .main-menu .sub-menu:before {
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #e8e9ea;
        height: 40px
    }

    .main-menu .sub-menu .back_menu {
        display: block;
        content: "";
        position: absolute;
        z-index: 3;
        top: 6px;
        left: 10px;
        width: 100%;
        height: 26px;
        cursor: pointer;
        padding: 0;
        border: 0;
        outline: 0
    }

    .main-menu .sub-menu .sub-item {
        max-width: 100%;
        width: 100%
    }

    .main-menu .sub-menu .sub-item>span {
        padding: 0;
        margin-bottom: 0
    }

    .main-menu .sub-menu .sub-item>span>a {
        padding: 5px 0
    }

    .main-menu .sub-menu .sub-item>span:after {
        margin-top: 0;
        display: none
    }

    .main-menu>ul li:first-child {  
        border-bottom: 2px solid #e7e7e7
    }

    .main-menu .sub-menu .sub-item+.sub-item {
        margin-left: 0
    }

    .podrob-b {
        display: inline-block;
        margin: 0
    }

    .main-menu-h {
        position: relative
    }

    .main-menu {
        position: absolute;
        width: 100%;
        left: 0;
        top: 104%;
        background-color: #fff;
        border-bottom: 1px solid var(--c-green-500);
        box-shadow: 0 0 0 2px #fff
    }

    .main-menu>ul {
        display: block;
        padding: 0 !important;
        max-width: 750px;
        margin: 0 auto
    }

    .main-menu>ul li {
        padding: 0;
        border-bottom: 1px solid #e9e8e9
    }

    .main-menu>ul li:first-child {
        border-bottom-color: #bed49f
    }

    .main-menu>ul li:last-child {
        border-bottom: 0
    }

    .main-menu>ul li a,
    .main-menu>ul li span {
        font-size: 14px !important;
        display: block;
        padding: 10px 0
    }

    .main-menu>ul .fast-btn {
        margin: 0 10px 0 0;
        padding: 10px 0
    }

    .main-menu>ul .fast-btn span {
        padding: 0 5px;
        display: inline-block;
        text-transform: none
    }

    .main-menu>ul .flex-box {
        display: block
    }

    .search-small form {
        position: relative;
        display: grid
    }

    .search-small input[type=text] {
        width: 100%;
        height: 35px;
        border: 0;
        font-size: 14px;
        background-color: #f4f4f4;
        padding: 10px;
        margin-bottom: 5px;
        border-radius: 10px;  
        outline: 0
    }

    .search-small input[type=submit] {
        position: absolute;
        top: 40%;
        right: 12px;
        margin-top: -11px;
        width: 23px;
        height: 24px;
        border: 0;
        padding: 0;
        outline: 0;
        background: url(img/all-icons.svg) no-repeat -100px 0
    }

    .search-h {
        display: none
    }

    header .main-menu {
        position: fixed;
        top: 110px;
        z-index: 1
    }

    header .sub-menu ul {
        display: none
    }

    header .main-menu .sub-menu .sub-item {
        line-height: 36px;
        border-bottom: 1px solid #eee
    }

    header .main-menu .open_sub {
        display: inline-block;
        width: 46px;
        height: 46px;
        float: right;
        position: relative
    }

    header .main-menu .open_sub:after {
        border: 2px solid rgba(0, 0, 0, .1);
        border-color: var(--mm-color-button);
        content: "";
        border-bottom: none;
        border-right: none;
        box-sizing: content-box;
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: auto;
        position: absolute;
        left: 15px;
        top: 0;
        bottom: 0;
        transform: rotate(135deg);
        transition: .5s
    }

    header .open_sub_big {
        display: inline-block;
        width: 46px;
        height: 46px;
        position: absolute;
        top: 0;
        right: 0
    }

    header .main-menu .open_sub_big:after {
        border: 2px solid rgba(0, 0, 0, .1);
        border-color: var(--mm-color-button);
        content: "";
        border-bottom: none;
        border-right: none;
        box-sizing: content-box;
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: auto;
        position: absolute;
        left: 15px;
        top: 0;
        bottom: 0;
        transform: rotate(135deg);
        transition: .5s
    }

    header .main-menu>ul li:first-child {
        /* border-bottom: 1px solid #e9e8e9 */
        border-bottom: 2px solid #e7e7e7
    }

    header .main-menu .sub-menu .sub-item>span {
        width: 100%
    }

    .main-menu .sub-menu .back_menu:after {
        border: 2px solid rgba(0, 0, 0, .1);
        border-color: var(--mm-color-button);
        content: "";
        border-bottom: none;
        border-right: none;
        box-sizing: content-box;
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: auto;
        position: absolute;
        left: 15px;
        top: 0;
        bottom: 0;
        transform: rotate(-45deg)
    }

    header .sub-item ul a,
    header .sub-item ul span {
        padding: 0 0 0 10px !important
    }

    header .main-menu>ul>li>a,
    header .main-menu>ul>li>span {
        position: relative;
        padding: 13px 0
    }}


header .main-menu .sub-menu {
    min-height: 430px;
    max-height: calc(100vh - 150px);
    transition: max-height 0.5s ease-in-out;
}
@media (max-width:767px){
    
    .catalog_holder .size-picker .size1 span {
        display: block;
        font-size: 10px;
        color: #0e0506;
        height: 28px;
        min-width: 28px;
        line-height: 26px;
        padding: 0 4px;
        text-align: center;
        border: 1px solid var(--c-green-500);
        border-radius: 20px;
        position: relative;
        -webkit-transition: .25s ease;
        transition: .5s ease;
    }


    header .main-menu .sub-menu {
        top: 101px;
    }


    .load_more_preload {
        display: none
    }

    .show_mobile_contact {
        display: block
    }

    .product-page .product-info .name .artik {
        float: none
    }

    .search-small input[type=submit] {
        right: 10px;
        /* top: 11px */
    }


    .filters-toggle {
        margin-bottom: 15px
    }

  

    .m_catalog_head_mini_nav a::after {
        right: -15px;
        width: 15px
    }


    h1, h3 {
        font-size: 21px;
    }


    .dropdown:hover>.dropdown-ctn {
        display: none
    }

    .colors-b ul li {
        margin: 5px 5px 5px 0px
    }

    .fixed-panel {
        display: none
    }

    .about-ctn .flex-box {
        display: block
    }

    .menu-l {
        max-width: none;
        width: auto;
        margin-bottom: 50px
    }

    .product-list {
        max-width: 700px;
        margin: 0 auto
    }

    .data-form {
        padding-left: 0
    }

    .product-table table,
    .product-table tbody,
    .product-table td,
    .product-table tr {
        display: block
    }

    .product-table table td {
        /* width: 100%;  */
        /* изменил с 100 так как ломается в быстрой корзине */
        display: inline-block;
        text-align: center;
         /* изменил с left fast basket */
        border: 0 !important
    }

    
    .product-table table td:first-child {
        width: 20%
    }

    .product-table table tr:last-child td {
        padding-bottom: 0;
        margin-bottom: 2px;
        padding-top: 15px
    }

    .search-h .col-sm-3 img {
        display: none !important
    }

    .search-h form {
        margin-top: 30px
    }

    .fast-action .action-panel {
        padding-top: 45px
    }

    .fast-action .close-action {
        right: 20px;
        top: 20px
    }

    .form .title {
        font-size: 24px
    }

    .socials-b a {
        margin: 0 5px
    }}
@media (max-width:650px),
(max-height:550px) and (max-width:1200px){
    .main-menu .sub-menu .sub-item-image {
        display: none
    }}
@media (max-width:650px){
    .product-list {
        text-align: center;
        /* max-width: 400px */
    }

    .product-review-form .form-action {
        text-align: left;
        display: block
    }

    .product-review-form .form-action div {
        text-align: right
    }

    .product-review-form .jq-selectbox,
    .product-review-form select {
        max-width: 100%;
        width: 100%;
        margin-bottom: 10px
    }

    .podrob-b {
        display: block;
        margin: 15px 0
    }

    .podrob-b .tooltip {
        left: 47%;
        max-width: 100%
    }}
@media (max-width:768px){
    
    .desktop-only {
        display: none !important
    }

    .product-page .add_to_basket,
    .product-page .add_to_basket_u {
        text-decoration: none
    }


    .product-page .fust_buy_button,
    .product-page .fust_buy_button_u {
        background-color: var(--c-green-500);
        color: #fff;
        text-decoration: none
    }

    .product-page .add_to_basket span {
        background: url(img/product-actions.svg) no-repeat -px 0
    }}
@media (max-width:600px){
    #fast-basket .fast-list .viewport {
        overflow: visible
    }


    #fast-basket .fast-list table,
    #fast-basket .fast-list tbody {
        display: block;
        width: 100%
    }


    .size-table-btn {
        margin-top: 0;
        padding: 12px 0
    }

    .product-page .size-set-b {
        display: table;
        width: 100%
    }

    .size-set-b .sizes {
        width: 50%;
        float: left
    }

    .product-page .size-set-b .title {
        text-align: center;
        margin: 0;
        display: block
    }

    .product-page .size-set-b .matching-size {
        width: 100%;
        margin-top: 10px
    }

    .product-page .sizes .matching-size .icon-size {
        margin-left: auto;
        margin-right: auto;
        display: table
    }

    .product-page .size-set-b .size-table-btn {
        display: block;
        width: 50%;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0
    }

    .product-page .size-set-b .size-table-btn:after {
        margin-top: 10px;
        display: block;
        margin-left: auto;
        margin-right: auto
    }}
@media (max-width:560px){
    .top-line .col-xs-6 {
        width: auto
    }

    .top-line .col-xs-6.item-right {
        float: right
    }

    .header .icon-before a,
    .header .icon-before span {
        font-size: 11px;
        padding: 12px 5px
    }

    .header .dropdown {
        padding: 3px 0
    }

    .header .dropdown>span {
        font-size: 12px;
        padding: 0 5px
    }

    .data-form .input-group {
        display: block
    }

    .data-form .input-group .input {
        margin-top: 5px
    }


    .step-item {
        clear:both;
    }

    .step-item .data-form .input-group .label {
        display: inline-block;
        margin-bottom: 5px
    }

    .step-item .data-form .input-group .input {
        margin-top: 5px
    }}
@media (max-width:440px){
   
    .header .main-menu {
        top: 102px
    }

    .step-item .input-group {
        display: block
    }

    .step-item .input-group .label {
        display: inline-block
    }

    .footer .copyright {
        font-size: 12px;
        line-height: 18px
    }

    .footer .copyright br {
        display: none
    }

    .search-small form {
        padding-left: 0
    }}


.menu-btn {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 0;
    padding: 0;
    margin: 17px 0;
    background: url(img/menu-alt.png) no-repeat center;
    outline: 0;
    transition: .5s ease-in-out
}
@media (max-width:440px),
(max-height:460px) and (max-width:991px){
    .logo-h {
        width: 120px;
        height: auto
    }

    .menu-btn {
        margin: 13px 0
    }}


.jq-selectbox {
    position: relative;
    width: 100%
}


.jq-selectbox__select {
    border: 1px solid #bbb;
    background: #fff;
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    margin: 0 !important
}


.jq-selectbox__select:hover {
    background: #fff
}


.jq-selectbox__trigger {
    border: 0;
    margin: 0 !important
}


.jq-selectbox__dropdown {
    max-width: 100%;
    border-radius: 0;
    margin: 0 !important;
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px
}


.jq-selectbox__dropdown ul {
    font-size: 14px;
    text-align: left
}


.jq-selectbox__dropdown ul li {
    margin: 0
}


.jq-selectbox__dropdown ul li:before {
    content: none
}


.jq-selectbox li.selected,
.jq-selectbox li:hover {
    background: var(--c-green-500)
}


@-webkit-keyframes flash {
    50%,
    from,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}


@keyframes flash {
    50%,
    from,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}


@-webkit-keyframes btnflash {
    50%,
    from,
    to {
        background-color: var(--c-green-700);
        color: #fff
    }
    25%,
    75% {
        background-color: transparent;
        color: #0e0506
    }
}


@keyframes btnflash {
    50%,
    from,
    to {
        background-color: var(--c-green-700);
        color: #fff
    }
    25%,
    75% {
        background-color: transparent;
        color: #0e0506
    }
}


/* .bgvideo styles moved to .brand-top section */

.page-photo-slider {
    margin: 0
}


.page-photo-slider li {
    display: block;
    margin: 0
}


.page-photo-slider li:before {
    display: none
}


.color-title {
    float: left
}


.colors-picker-list.page {
    width: 70%;
    float: left
}


.disable-colors {
    display: none;
    text-transform: uppercase !important;
    color: var(--c-green-700);
    display: none
}


.disable-colors:hover {
    cursor: pointer !important
}
@media only screen and (max-width:390px){
    .colors-picker-list.page li:last-child {
        float: none
    }

    .colors-picker-list.page li {
        margin-bottom: 6px
    }}


#show_mobile_search {
    margin-left: 0
}


::-webkit-scrollbar-track {
    background-color: #fff;
    border: none;
    box-shadow: none
}


::-webkit-scrollbar {
    width: 3px;
    background-color: rgba(80, 159, 45, .8)
}


::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: rgba(80, 159, 45, .8);
    border: none;
    border-radius: 5px;
    opacity: .5
}


::-webkit-scrollbar-thumb:hover {
    background-color: var(--c-green-700);
    opacity: 1
}


::-webkit-scrollbar-thumb:active {
    background-color: var(--c-green-700);
    opacity: 1
}


#filters.fixed_filters {
    position: sticky;
    top: 165px;
    max-height: calc(100vh - 185px);
    overflow-y: auto;
    z-index: 3;
    background: #fff;
    padding-bottom: 50px
}
@media (min-width:1025px){
    .catalog_holder .affix-wrapper {
        display: flex
    }

    .catalog_holder .affix-wrapper:before,
    .catalog_holder .affix-wrapper:after {
        display: none
    }}


#filters::-webkit-scrollbar {
    display: none
}


#filters {
    -ms-overflow-style: none;
    scrollbar-width: none
}


#filters:hover {
    -ms-overflow-style: inherit;
    scrollbar-width: 3px
}


#filters:hover::-webkit-scrollbar {
    display: block;
    width: 3px
}


.clear_filters:hover {
    background-color: white !important;
    color: var(--c-green-700) !important;
    border: 3px solid var(--c-green-700) !important;
}


.clear_filters {
    display: block;
    font-size: 15px;
    color: white;
    padding: 15px 0 15px;
    text-decoration: none;
    text-align: center;
    background-color: var(--c-green-500);
    border-radius: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    text-transform: uppercase;
    border:3px solid var(--c-green-500) !important
}


.catalog_holder .products-list {
    list-style: none;
    display: table;
    width: 100%
}


.logo-h-h {
    max-width: 169px;
    display: block
}


.clr {
    clear: both;
    display: block;
    width: 100%
}


.catalog_holder .products-list .col-md-4 {
    margin-bottom: 30px
}


.catalog_holder .products-list .product {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    height: 100%;
    transition: 0
}


.catalog_holder .products-list .product .pbtns {
    float: right
}


.catalog_holder .products-list .product.regular_user .color-picker {
    display: none
}


.catalog_holder .products-list .product .product-image {
    position: relative
}


.catalog_holder .products-list .product .image {
    position: relative;
    display: block
}


.catalog_holder .products-list .product .discount.label-3,
.product-page .discount.label-3 {
    color: #fff;
    background: #86ab61
}


.catalog_holder .products-list .product .discount.disabled,
.product-page .discount.disabled {
   display: none !important;
}


.catalog_holder .products-list .product .discount.label-9,
.product-page .discount.label-9 {
    line-height: 12px;
    height: 55px;
    padding-top: 15px;
    background: #cdcdcc
}


.catalog_holder .products-list .product .discount,
.product-page .discount {
    background: #86ab61;
    width: auto;
    padding: 5px 10px;
    line-height: 1;
    text-align: center;
    border-radius: 6px;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    z-index: 4;
    font-size: 10px;
    letter-spacing: .02em
}


.catalog_holder:not(.product_in_view) .products-list .product .image img {
    max-width: 100%;
    background: #f5f5f5;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 0
}


.catalog_holder .products-list:not(.product_in_view) .product .image {
    aspect-ratio: 2 / 3;
    background: #fff;
    overflow: hidden
}


.catalog_holder .products-list:not(.product_in_view) .product .image img {
    width: 100%;
    height: auto;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    background: #fff
}



.catalog_holder:not(.product_in_view) .products-list .product .image img:not(.active) {
    display: none
}


.catalog_holder .products-list .product .info {
    margin: 5px 0;
    display: block;
    width: 100%;
    padding: 0
}


.catalog_holder .products-list .product .name {
    padding-top: 4px;
    text-align: left;
    width: 60%;
    color: #44b000;
    float: left;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    white-space: pre-line;
    overflow: hidden
}


.catalog_holder .products-list .product .old-price {
    color: grey !important;
    padding: 0;
    position: relative
}


.catalog_holder .products-list .product .old-price:not(.active) {
    display: none
}


/* На таче :hover «залипает» после тапа — подсказку не показываем вовсе */
@media (hover: none) {
    .auth-button:hover span {
        opacity: 0
    }
}


@keyframes regShake {
    0%, 100% { transform: translateX(0) }
    20%, 60% { transform: translateX(-6px) }
    40%, 80% { transform: translateX(6px) }
}


.catalog_holder .products-list .product .old-price:after {
    content: ' ';
    background: grey;
    height: 1px;
    left: 0;
    top: 50%;
    position: absolute;
    display: block;
    width: 100%
}


.catalog_holder .products-list .product .price-picker {
    display: inline-block;
    width: 40%;
    text-align: right;
    float: right
}


.catalog_holder .products-list .product .price {
    float: right;
    color: #0e0506;
    font-size: 9px;
    font-weight: 700;
    line-height: 20px;
    display: inline-block;
    margin-left: 5px;
    height: 20px;
    white-space: nowrap;
    overflow: hidden
}


.catalog_holder .products-list .product .price span {
    font-size: 12px;
    font-weight: 700
}


.catalog_holder .products-list .product .old-price {
    float: none;
    color: var(--c-green-700);
    font-size: 9px;
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
    height: 20px;
    white-space: nowrap;
    overflow: hidden
}


.catalog_holder .products-list .product .old-price span {
    font-size: 12px;
    font-weight: 400
}


.catalog_holder .products-list .product .product_add_wish {
    display: inline-block;
    float: right;
    margin: 8px 2px
}


.catalog_holder .products-list .product .product_add_wish,
.product_add_wish {
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url(img/product-actions.svg) no-repeat 0 0
}


.catalog_holder .products-list .product .product_add_wish:hover {
    background: url(img/product-actions.svg) no-repeat -30px 0
}


.catalog_holder .products-list .product .product_btn,
.product_btn {
    text-transform: uppercase;
    outline: 0;
    font-size: 14px;
    color: var(--c-green-700);
    margin: 0;
    border: none;
    display: inline-block;
    padding: 5px;
    float: right;
    background: 0 0
}


.catalog_holder .products-list .product .product_btn:hover {
    text-decoration: none;
    border: none;
    color: #fff
}


.add_to_basket span,
.add_to_basket_icon,
.catalog_holder .products-list .product .product_btn span,
.product_btn span {
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 19px;
    background: url(img/product-actions.svg) no-repeat -92px 0
}


.add_to_basket:hover span {
    background: url(img/product-actions.svg) no-repeat -122px 0
}


.catalog_holder .products-list .product .active-material {
    display: block;
    width: 100%;
    line-height: 16px;
    font-size: 12px;
    color: #0e0506;
    text-align: left
}


.catalog_holder .products-list .product .active-color {
    display: block;
    width: 60%;
    float: left;
    padding-top: 7px;
    line-height: 16px;
    font-size: 11px;
    text-align: left;
    color: #0e0506
}


.catalog_holder .products-list .product .active-color>span {
    overflow: hidden;
    max-width: 145px;
    /* display: inline-block; */
    vertical-align: top;
    font-size: 11px
}


.catalog_holder .products-list .product .status {
    display: block;
    width: 100%;
    padding-top: 2px;
    line-height: 16px;
    font-size: 11px;
    text-align: left;
    color: #0e0506
}


.catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .status {
    display: none
}


.catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user).size-status-selected .status {
    display: block
}


.catalog_holder .products-list .product .status>span {
    overflow: hidden;
    max-width: 145px;
    vertical-align: top;
    font-size: 11px;
    cursor: pointer; /* Курсор в виде руки */
    color: var(--c-green-500);
    text-decoration: underline; /* Подчёркивание текста */
}


.catalog_holder .products-list .product .status>span.inactive-link {
    color: #0e0506;
    text-decoration: none; /* Убираем подчеркивание */
    cursor: default; /* Курсор по умолчанию */
}


.catalog_holder .color-picker {
    list-style: none;
    display: block;
    float: left;
    width: 100%;
    margin-top: 6px;
    margin-bottom: -6px;
    text-align: center;
    padding: 0
}


.catalog_holder .color-picker .color {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    float: left;
    padding: 1px;
    margin: 1px;
    /* margin-bottom: 5px; */
    transition: .5s
}


.catalog_holder .color-picker .color span {
    transition: .5s;
    font-size: 14px;
    vertical-align: top;
    color: #9f9f9f
}


.catalog_holder .size-picker .size1 {
    text-decoration: none;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding: 2px;
    float: left;
    margin: 0 0 2px
}


.catalog_holder .product_blocks {
    position: relative
}


.size-b ul li.active span,
.size-b ul li.bx_active span,
.size-b ul li:not(.disabled):hover span {
    background-color: var(--c-green-700);
    color: #fff
}

.catalog_holder .size-picker li:not(.disabled):hover span,
.catalog_holder .size-picker .size1.active span {
    background-color: var(--c-green-700);
    color: #fff
}


.catalog_holder .size-picker .size1 span {
    display: block;
    font-size: 8px;
    color: #0e0506;
    height: 23px;
    min-width: 23px;
    line-height: 21px;
    padding: 0 3px;
    text-align: center;
    border: 1px solid var(--c-green-500);
    border-radius: 20px;
    position: relative;
    -webkit-transition: .25s ease;
    transition: .5s ease;
  }



.catalog_holder .size-picker .size1.disabled span {
    opacity: .5;
}


.catalog_holder .size-picker .size1.stock span::after {
    position: absolute;
    top: -8px;
    right: -4px;
    width: 15px;
    height: 15px;
    background-color: #fff; /* Белый фон */
    text-align: center;
    border-radius: 50%; /* Закругленный кружок */
    font-size: 10px;
    line-height: 16px;
    z-index: 2;
    color:#ed8f8f
}


/* Специфические стили для цифры 1 */
.catalog_holder .size-picker .size1.stock.one span::after {
    content: '1';   
}


.timer {
    font-size: 10px; 
    color: rgb(228, 120, 120);
    margin-bottom: 4px;
    padding-top: 2px;
    text-align: left;
    font-weight: bold;
}


.timer.disabled {
    display: none;
}

/* Специфические стили для цифры 2 */
.catalog_holder .size-picker .size1.stock.two span::after {
    content: '2';   
}


/* Если avaible есть, кружки и контуры активны */
.catalog_holder .size-picker .size1.avaible span::before,
.catalog_holder .size-picker .size1.avaible span::after {
    display: block;
}


/* Для disabled — отображаем только иконку и скрываем всё остальное */
.catalog_holder .size-picker .size1.disabled span::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('img/disabled-color.png?u=1') no-repeat center;
    background-size: 17px 17px;
    z-index: 2; /* Задвигаем перед иконкой */
}


/* Скрываем контуры для disabled */
.catalog_holder .size-picker .size1.disabled span::after {
    display: none;
}


/* Полностью отключаем заливки и контуры у disabled */
.catalog_holder .size-picker .size1.disabled span::before {
    background-color: transparent;
    border: none;
}




















.catalog_holder .color-picker .color span {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 2px solid #f0eeee;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 50%
}


.catalog_holder .color-picker .color::before {
    display: none
}


.catalog_holder .color-picker .color:hover span:after {
    content: '';
    position: absolute;
    bottom: -8px;
    height: 3px;
    width: 100%;
    background-color: var(--c-green-500);
    left: 0
}


.catalog_holder .color-picker .color.active span:after {
    content: '';
    position: absolute;
    bottom: -8px;
    height: 3px;
    width: 100%;
    background-color: var(--c-green-500);
    left: 0
}


.catalog_holder .size-picker {
    text-align: left;
    width: 100%;
    display: none;
    margin: 10px 0 0;
    padding: 0
}


.catalog_holder .product_group .size-picker {
    padding-right: 30px
}


.catalog_holder .size-picker.active {
    display: inline-block
}


.catalog_holder .size-picker .size1::before,
.catalog_holder .size-picker .size::before {
    display: none
}


.color-picker-arrows .arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 25%
}


.color-picker-arrows .arrow.left {
    left: 0
}


.color-picker-arrows .arrow.right {
    right: 0
}


.color-picker-arrows .arrow span {
    width: 42px;
    height: 42px;
    position: absolute;
    top: 50%;
    z-index: 2;
    border: 1px solid rgba(255, 255, 255, .78);
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .86);
    box-shadow: 0 10px 24px rgba(17, 24, 13, .12);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}


.color-picker-arrows .arrow:hover {
    cursor: pointer
}


.color-picker-arrows .arrow.left span {
    background-image: url(img/arrow-left.png);
    background-repeat: no-repeat;
    left: 8px;
    transform: translate(0, -50%);
    background-position: center;
    background-size: 46%;
    opacity: 0
}


.color-picker-arrows .arrow.right span {
    background-image: url(img/arrow-right.png);
    background-repeat: no-repeat;
    right: 8px;
    transform: translate(0, -50%);
    background-position: center;
    background-size: 46%;
    opacity: 0
}


.product:hover .color-picker-arrows .arrow.left span,
.product:hover .color-picker-arrows .arrow.right span {
    opacity: 1
}


/* Chrome рисует дефолтное фокус-кольцо на ссылке-фото карточки
   (после клика/возврата Back); внутри каталога оно не нужно */
.products-list .product a.image:focus,
.products-list .product a.image:focus-visible,
.products-list .product a.name:focus,
.products-list .product a.name:focus-visible {
    outline: none
}


.size-b ul.product_sizes {
    display: none
}


.size-b ul.product_sizes.active,
.size-b.size_single ul.product_sizes {
    display: block
}


.product-page .price-b b.pro_old_price {
    display: none
}


.input_phone {
    width: 100%;
    position: relative
}


.input_phone input {
    color: #000;
    -webkit-text-fill-color: #000;
    caret-color: #000;
}


.input_phone label {
    display: block;
    position: absolute;
    top: 0;
    font-size: 12px;
    line-height: 32px;
    right: 0;
    color: #91b66b;
    padding: 0 35px
}


.validate_input {
    font-style: normal;
    color: #ff6e6e
}


.input {
    display: block;
    width: 100%;
    position: relative
}


.filter .filter-item {
    position: relative
}


.find_counter {
    background: #fff;
    border: 1px solid var(--c-green-500);
    padding: 15px 10px;
    position: fixed;
    display: none;
    min-width: 180px;
    left: 500px;
    height: 100px;
    top: 278px;
    z-index: 4;
    font-size: 16px;
    transition: .5s;
    box-shadow: 8px 5px 7px 0px #000;
    bottom: 0;
}


.find_counter:hover {
    text-decoration: none
}


.find_counter:before {
    content: '';
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -10px;
    width: 10px;
    height: 10px;
    border: 10px solid transparent;
    border-right: 10px solid var(--c-green-500)
}


.find_counter_ttl {
    padding: 5px 5px;
    border-radius: 5px;
    font-size: 13px;
    vertical-align: middle;
    color: #000;
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
    text-align: center
}


.find_counter_text {
    text-decoration: none;
    background: var(--c-green-500);
    width: 100%;
    text-transform: uppercase;
    outline: 0;
    font-size: 14px;
    color: #fff;
    margin: 0;
    border: 1px solid var(--c-green-500);
    display: inline-block;
    padding: 6px 15px;
    transition: .5s;
    text-align: center
}


.find_counter_text:hover {
    background: #fff;
    color: var(--c-green-700);
    border: 1px solid var(--c-green-700)
}


@keyframes menu-backdrop-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}


.catalog-discount {
    min-height: 52px;
    background: rgb(111, 18, 18);
    border-radius: 12px;
    margin-bottom: 30px;
    padding: 12px 46px 12px 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-decoration: none;
    transition: background .2s ease
 }


 .catalog-discount:hover,
 .catalog-discount:focus {
    background: rgb(133, 26, 26);
    text-decoration: none
 }


 .catalog-discount > span {
     color: #fff !important;
     display: inline-block;
     font-size: 14px;
     line-height: 1.35;
     letter-spacing: .06em;
     text-transform: uppercase;
     text-align: center
 }


 .catalog-discount:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    width: 9px;
    height: 9px;
    border-right: 2px solid rgb(134, 185, 83);
    border-top: 2px solid rgb(134, 185, 83);
    transform: translateY(-50%) rotate(45deg)
 }
@media (max-width: 560px){
    .catalog-discount {
        padding: 10px 38px 10px 14px;
        margin-bottom: 20px
    }


    .catalog-discount > span {
        font-size: 12px
    }


    .catalog-discount:after {
        right: 14px
    }}


 .product-promo {
    display: flex;
    background: white;
    justify-content: center;
    overflow: hidden; /* Обрезаем текст за границами */
    white-space: nowrap; /* Запрещаем перенос строк */
}


.product-promo > span {
    color: RGB(134, 185, 83) !important;
    display: inline-block;
    animation: marquee 10s linear infinite; /* Анимация */
}


@keyframes marquee {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}


.hidden_submit_btn,
.hidden_submit_change_btn {
    display: none !important
}


#fastbuy .input {
    display: block;
    margin: 0
}


.step-item #fastbuy .data-form .input-group {
    margin-bottom: 20px
}


.fastbuy-page {
    background: #fbfcf8;
    color: #231f20
}


.fastbuy-page article {
    padding: 34px 0 58px
}


.fastbuy-page__container {
    max-width: 1220px
}


.fastbuy-page__header {
    max-width: 620px;
    margin-bottom: 28px
}


.fastbuy-page__eyebrow,
.fastbuy-panel__eyebrow {
    margin: 0 0 16px;
    color: var(--c-green-700);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .08em
}


.fastbuy-page__title {
    margin: 0;
    color: #231f20;
    font-size: 34px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase
}


.fastbuy-page__lead {
    margin-top: 20px;
    color: #716d68;
    font-size: 18px;
    line-height: 1.55
}


.fastbuy-page__lead:empty {
    display: none
}


.fastbuy-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(360px, .9fr);
    gap: 28px;
    align-items: start
}


.fastbuy-panel {
    min-width: 0;
    padding: 28px;
    border: 1px solid #e6dfd2;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(43, 50, 30, .08)
}


.fastbuy-panel__header {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: 28px
}


.fastbuy-panel__title {
    margin: 0;
    color: #231f20;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase
}


.fastbuy-panel__title:after {
    content: '';
    display: block;
    width: 34px;
    height: 2px;
    margin-top: 22px;
     margin-bottom: 12px;
    background: #83b263
}


.fastbuy-summary {
    display: flex;
    gap: 12px;
    flex: 0 0 auto
}


.fastbuy-summary__item {
    min-width: 116px;
    padding: 14px 16px;
    border-radius: 8px;
    background: #f5f7ef
}


.fastbuy-summary__label {
    display: block;
    margin-bottom: 6px;
    color: #817c73;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .06em
}


.fastbuy-summary__value {
    display: block;
    color: #231f20;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.15
}


.fastbuy-page .basket_step_1,
.fastbuy-page .basket_step_1 .product-table,
.fastbuy-page .basket_step_1 .table-wrp {
    margin: 0;
    padding: 0
}


.fastbuy-page .basket_step_1 .product-table table,
.fastbuy-page .basket_step_1 .product-table tbody {
    display: block;
    width: 100%
}


.fastbuy-page .basket_step_1 .product-table tr {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr) 82px 122px 46px;
    gap: 18px;
    align-items: center;
    margin: 0 0 16px;
    padding: 18px;
    border: 1px solid #ebe5da;
    border-radius: 8px;
    background: #fff
}


.fastbuy-page .basket_step_1 .product-table tr:last-child {
    margin-bottom: 0
}


.fastbuy-page .basket_step_1 .product-table td {
    display: block;
    float: none;
    width: auto;
    max-width: none;
    padding: 0;
    border: 0;
    vertical-align: middle
}


.fastbuy-page .basket_step_1 .product-table .title {
    display: block;
    margin: 0 0 8px;
    color: #8a857d;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .06em
}


.fastbuy-page #fastbuy {
    margin: 0
}


.fastbuy-page #fastbuy .data-form {
    display: grid;
    gap: 20px;
    margin: 0;
    padding: 0
}


.fastbuy-page #fastbuy .data-form .input-group,
.fastbuy-page #fastbuy .input-group {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    margin: 0
}


.fastbuy-page #fastbuy .label {
    width: auto;
    padding: 7px 0 0;
    color: #777169;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.15;
    text-transform: uppercase;
    letter-spacing: .06em;
    white-space: normal
}


.fastbuy-page #fastbuy .input {
    display: block;
    min-width: 0;
    margin: 0
}


.fastbuy-page #fastbuy input,
.fastbuy-page #fastbuy textarea {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0;
    border: 1px solid #e6dfd2;
    border-radius: 8px;
    background: #fff;
    box-shadow: inset 0 1px 2px rgba(43, 50, 30, .04);
    color: #231f20;
    font-size: 16px;
    line-height: 1.35
}


.fastbuy-page #fastbuy input {
    height: 42px;
    padding: 0 16px
}


.fastbuy-page #fastbuy textarea {
    min-height: 112px;
    padding: 12px 16px;
    resize: vertical
}


.fastbuy-page #fastbuy input:focus,
.fastbuy-page #fastbuy textarea:focus {
    border-color: #83b263;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(131, 178, 99, .14)
}


.fastbuy-page #fastbuy .to-pay {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 18px;
    align-items: center;
    margin: 28px 0 0;
    padding: 18px 20px;
    border: 0;
    border-radius: 8px;
    background: #f5f7ef;
    color: #69645f;
    font-size: 16px;
    text-transform: none
}


.fastbuy-page #fastbuy .to-pay b {
    color: #231f20;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.15
}


.fastbuy-page__note {
    margin: 22px 0 0;
    color: #69645f;
    font-size: 15px;
    line-height: 1.45
}


.fastbuy-page #fastbuy .form-action {
    display: block;
    padding: 26px 0 0;
    border: 0
}


.fastbuy-page #fastbuy .form-action .btn {
    display: block;
    width: 100%;
    margin: 0;
    padding: 16px 22px;
    border: 2px solid #83b263;
    border-radius: 0;
    background: #fff;
    color: var(--c-green-700);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .04em
}


.fastbuy-page #fastbuy .form-action .btn:hover {
    background: #83b263;
    color: #fff
}


.user_agreement {
    color: var(--c-green-700)
}


.user_agreement:hover {
    text-decoration: underline;
    color: var(--c-green-700)
}


.product-page .buy-b .price-b {
    display: flex;
    padding-bottom:  10px;
    cursor: pointer
}


.item_images_mobile {
    margin-top: 20px;
    display: block;
    width: 100%;
    position: relative
}


.item_images_mobile .gallery_m {
    display: block;
    width: 100%
}


.item_images_mobile .gallery_m img {
    display: block;
    width: 100%
}


.catalog_holder .products-list .product {
    transition: .2s
}


.back_product_in_view span {
    width: 22px;
    height: 22px;
    background: url(img/percent-2.png) no-repeat 0 0;
    background-size: 22px 22px;
    display: block;
    border-radius: 2px
}


.back_product_in_view {
    display: none;
    background: #6bc255;
    padding: 7px;
    height: 35px;
    width: 35px;
    position: fixed;
    top: 66%;
    left: -50px;
    z-index: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .55);
    transition: top 0.3s ease;
}


@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}


@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}


@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}


@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}


.product-page .size-set-b.size-set-b-mobile {
    display: none
}


.product-page .size-set-b.size-set-b-desktop {
    display: flex
}


#sorting {
    margin-top: 60px
}

.filter_selected {
    display: inline-block;
    width: auto;
    height: 30px;
    line-height: 30px;
    margin: 5px;
    font-size: 14px;
    background: #f0f0f0;
    padding: 0 8px;
    margin-left: 20px;
    border-radius: 5px;
    cursor: pointer
}


.filter-item .filter_selected {
    display: none;
    margin-left: 5px
}


.filter_selected:hover {
    color: #6f9d41;
    background: #e4e4e4
}


.filter_selected i {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    background: url(img/all-icons.svg) no-repeat 0 0;
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-position: -131px -6px
}


.hidden_submit_btn_fb {
    display: none !important
}
@media (min-width:1300px){
    .container {
        width: 1270px
    }}


.row_checked [type=checkbox]:checked,
.row_checked [type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px
}


.row_checked [type=checkbox]:checked+label,
.row_checked [type=checkbox]:not(:checked)+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer
}


.row_checked [type=checkbox]:checked+label:before,
.row_checked [type=checkbox]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    border: 1px solid #000;
    background: #fff;
    border-radius: 0;
    box-shadow: none
}


.row_checked [type=checkbox]:checked+label:after,
.row_checked [type=checkbox]:not(:checked)+label:after {
    content: '✓';
    position: absolute;
    top: -1px;
    left: 2px;
    font-size: 24px;
    line-height: .8;
    color: #6e9e3c;
    transition: all .2s
}


.row_checked [type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}


.row_checked [type=checkbox]:checked:focus+label:before,
.row_checked [type=checkbox]:not(:checked):focus+label:before {
    border: 1px dotted #00f
}


#breadcrumbs_holder {
    display: block;
    width: 100%;
    float: left
}


.m_catalog_head_mini_nav {
    line-height: 1;
    padding: 16px 0;
    margin: 0;
    font-size: 0;
    display: flex;
    align-items: center;
    gap: 0;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none
}


.m_catalog_head_mini_nav::-webkit-scrollbar {
    display: none
}


.m_catalog_head_mini_nav li {
    list-style: none;
    background: none;
    max-height: none;
    margin: 0;
    display: flex;
    align-items: center
}


.m_catalog_head_mini_nav li:first-child {
    margin-left: 0
}


.m_catalog_head_mini_nav li:first-child a {
    padding-left: 0
}


.m_catalog_head_mini_nav li.active {
    background: none;
    cursor: default
}


.m_catalog_head_mini_nav li.active a {
    color: #1a1a1a;
    font-weight: 600;
    cursor: default
}


.m_catalog_head_mini_nav li.active a::after {
    display: none
}


.m_catalog_head_mini_nav a {
    position: relative;
    display: inline-block;
    padding: 6px 0;
    color: #999;
    font-size: 13px;
    text-decoration: none;
    transition: color .2s ease
}


.m_catalog_head_mini_nav a:hover {
    color: var(--c-green-700)
}


.m_catalog_head_mini_nav li.active a:hover {
    text-decoration: none;
    color: #1a1a1a
}


.m_catalog_head_mini_nav a::after {
    content: '/';
    position: relative;
    right: auto;
    top: auto;
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    background: none;
    margin: 0 10px;
    color: #ccc;
    font-size: 13px
}


.home_icon {
    width: 18px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background: url(img/home.png) no-repeat;
    background-size: contain;
    position: relative;
    overflow: hidden
}


.match_container {
    display: none
}


.search_container {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
    position: absolute;
    background: #fff;
    top: 50px;
    left: 0;
    overflow: hidden;
    z-index: 101
}


.search_container ul {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 6px 0;
    list-style: none
}


.search_overflow {
    position: fixed;
    top: 0;
    z-index: 9;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(28, 28, 28, .7)
}
@media (max-width:1300px){

    .catalog_holder .products-list .product .product-image {
        position: relative
    }}
@media (max-width:1200px){

    .catalog_holder .products-list .product .product-image {
        position: relative;
        min-height: 200px;
    }

    .catalog_holder .products-list .product .active-color>span {
        max-width: 76px
    }}
@media (max-width:1100px){
    .fixed-panel {
        display: none
    }}
@media (max-width:1024px){
    .product-page .size-set-b.size-set-b-mobile {
        display: flex
    }

    .product-page .size-set-b.size-set-b-desktop {
        display: none
    }

    .product-page .product-info .name_h {
        margin-top: 0
    }

    .product-page .reviews-top {
        margin-top: -45px
    }

    .product-page .product-info .name .artik {
        display: none
    }


    .header .main-menu {
        min-height: 430px;
   }

    .back_to_filters {
        position: absolute;
        z-index: 3;
        top: 5px;
        left: 10px;
        width: 100%;
        height: 26px;
        cursor: pointer;
        padding: 0;
        border: 0;
        outline: 0;
        background: url(img/back-arrow-w.png) no-repeat left;
        background-size: contain
    }



    #filters_holder {
        position: fixed;
        width: 100%;
        height: 100% !important;
        top: 0;
        left: 0;
        margin-left: 0;
        background: #fff;
        z-index: 30;
        padding: 40px 20px;
        overflow-x: hidden;
        overflow-y: auto;
        padding-bottom: 30px
    }

    #filters_holder:before,
    #sorting_holder:before {
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #76c37f;
        height: 40px
    }

    #filters,
    #filters.fixed_filters {
        position: relative;
        width: 100%;
        height: auto !important;
        top: 0;
        z-index: inherit;
        background: #fff
    }

    .filters_btns,
    .filters_btns_in,
    .sorting_btns {
        display: block;
        width: 100%;
        height: 46px;
        position: fixed;
        bottom: 0;
        left: 0;
        text-align: center;
        z-index: 2
    }



    .filters_btns a,
    .filters_btns_in a,
    .sorting_btns a {
        background: #efefef;
        width: 49%;
        display: inline-block;
        height: 46px;
        font-size: 16px;
        line-height: 46px;
        text-align: center;
        transition: .5s;
        cursor: pointer;
        font-weight: 600
    }

    .filters_btns a:hover,
    .filters_btns_in a:hover,
    .sorting_btns a:hover {
        background: #ddd
    }



    #filters .h1 {
        display: none
    }

    .search_container {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        max-height: 50vh;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        z-index: 10;
        border-radius: 0 0 12px 12px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15)
    }

    .match_container {
        position: sticky;
        top: 0;
        z-index: 10
    }

    .search_container ul {
        min-height: auto
    }

    .mobile_filter {
        position: fixed;
        bottom: 0;
        background: #fff;
        border-top: 1px solid #e9e8e9;
        box-shadow: 0 -1px 5px rgba(0, 0, 0, .2);
        width: 100%;
        text-align: center;
        left: 0;
        z-index: 9;
        padding: 5px 10px;
        transition: 1s
    }

    .fast-action.open ~ .mobile_filter,
    .modal-lock .mobile_filter,
    body:has(.fast-action.open) .mobile_filter,
    body:has(.modal-b.open) .mobile_filter {
        display: none !important
    }

    .mobile_filter .filters-toggle {
        width: 49%;
        float: right
    }

    .mobile_filter .sorting-toggle {
        width: 49%;
        float: left;
        border-right: 1px solid #676767
    }

    .sortcatmob {
        min-width: 200px;
        position: absolute;
        top: -48px;
        right: 0
    }

    .people-sort-f.people-sort a:hover {
        color: #6a6a6a;
        text-decoration: none
    }

    .people-sort-f.people-sort a.man-sort:hover:before {
        background-position: 0 0
    }

    .people-sort-f.people-sort a.girl-sort:hover:before {
        background-position: -61px 0
    }

    .people-sort-f.people-sort a.active {
        color: var(--c-green-700);
        text-decoration: none
    }

    .people-sort-f.people-sort a.girl-sort.active:before {
        background-position: -98px 0
    }

    .filter-item .filter_selected {
        display: inline-block
    }

    .filter .size label:hover span {
        background-color: inherit;
        color: inherit
    }

    #sorting_holder {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 40;
        width: 100%;
        height: 100%;
        background: #fff;
        padding: 36px 10px 0
    }

    .sort-mobile li a {
        display: block;
        padding: 5px
    }

    .menu-l ul a:before,
    .menu-l ul li.active>span:before {
        display: none
    }

    .sort-mobile li a.active {
        background: var(--c-green-500);
        color: #fff
    }

    #sorting {
        margin-top: 0
    }

    .logo-h-h {
        max-width: 157px;
        display: block
    }

    #filters,
    #filters.fixed_filters {
        padding-bottom: 0;
        position: relative;
        width: 100%;
        height: auto !important;
        top: 0;
        z-index: inherit;
        background: #fff;
        /* min-height: 60px; */
        max-height: 60px;
        height: 60px
    }

    .menu-l {
        max-width: none;
        width: auto;
        margin-bottom: 50px
    }

    #filters .menu-l {
        margin-bottom: 10px
    }

    .mobile-only {
        display: block !important
    }

    .desktop-only {
        display: none !important
    }

 
    #filters_holder {
        position: fixed;
        width: 100%;
        height: 100% !important;
        top: 0;
        left: 0;
        margin-left: 0;
        background: #fff;
        z-index: 30;
        padding: 40px 10px;
        overflow-x: hidden;
        overflow-y: auto;
        padding-bottom: 30px
    }

  
    .filters-back,
    .sorting-back {
        position: absolute;
        z-index: 3;
        top: 6px;
        left: 10px;
        width: 100%;
        height: 26px;
        cursor: pointer;
        padding: 0;
        border: 0;
        outline: 0;
        background: url(img/back-arrow-w.png) no-repeat left;
        background-size: contain
    }

    .filter-item .filter-cnt:before {
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #555;
        height: 36px
    }

 

    .filter-item .filter-cnt {
        display: none;
        position: fixed;
        background: #fff;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 5;
        padding: 50px 10px 30px;
        overflow-x: hidden;
        overflow-y: auto
    }

    .col-filter {
        width: 100%
    }

    .col-catalog {
        width: 100%
    }

    .main-menu {
        display: none;
        width: 100%;
        float: none;
        clear: both;
        -webkit-transition: none !important;
        transition: none !important;
        position: absolute;
        width: 100%;
        left: 0;
        top: 104%;
        background-color: #fff;
        border-bottom: 3px solid var(--c-green-500);
        border-top:  2px solid var(--c-green-500);
        box-shadow: 0 33px 15px -21px rgb(58, 58, 58)
    }

    .main-menu>ul {
        height: auto;
        overflow-y: auto
    }

    .main-menu ul {
        padding: 10px 0
    }

    .main-menu>ul {
        display: block;
        padding: 0 !important;
        max-width: 750px;
        margin: 0 auto
    }

    .main-menu li {
        display: block;
        padding: 5px
    }

    .main-menu>ul li {
        padding: 0;
        border-bottom: 1px solid #e9e8e9
    }

    .main-menu>ul li a,
    .main-menu>ul li span {
        font-size: 14px !important;
        display: block;
        padding: 10px 0
    }}




/* FIX (2026-07-20): бургер прятался с min-width:1024, а десктоп-меню включается
   с min-width:1025 → на ровно 1024px (iPad портрет) не было ни бургера, ни меню.
   Выравниваем: бургер скрыт только там, где реально есть горизонтальное меню. */
@media (max-width:1199px) and (min-width:1025px) {
    .hidden-md-d {
        display: none !important
    }
}
@media (max-width:992px){
    .product .color-picker-arrows .arrow.left span,
    .product .color-picker-arrows .arrow.right span {
        opacity: 1
    }

    .main-menu ul {
        padding: 3px 0
    }}
@media (max-width:768px){

    .catalog_holder .products-list .product .discount,
    .product-page .discount {
        right: 5px;

    }

   
    .header:not(.no-transition) .main-menu-h .logo-h,
    .header:not(.no-transition) .main-menu-h .main-menu>ul,
    .header:not(.no-transition) .main-menu-h .main-menu>ul>li,
    .header:not(.no-transition) .main-menu-h .row>* {
        transition: 0 !important
    }

    .menu-l .h1,
    .menu-l h1 {
        margin-bottom: 5px;
        padding-right: 145px;
        font-size: 18px;
        line-height: 30px
    }

    .catalog_holder .product_group .size-picker {
        padding-right: 0%
    }

    .product-page .roz-price {
        font-size: 10px
    }

    .product-page .add_to_basket,
    .product-page .fust_buy_button,
    .product-page .buy-b .btn {
        /* width: 50%; */
        margin-left: 3px;
        margin-right: 3px;
        margin-top: 25px
    }

    .catalog_holder .products-list .product .active-color>span {
        max-width: 145px
    }

    #filters,
    #filters.fixed_filters {
        padding-bottom: 0
    }

    #filters .menu-l {
        margin-bottom: 10px
    }

    .catalog_holder .products-list .product {
        max-width: 300px;
        margin: 0 auto;
        border-bottom: 1px solid #ddd;
        position: relative;
        overflow: hidden
    }

    .filter .title {
        font-size: 15px;
        color: #0e0506;
        text-transform: uppercase;
        padding: 15px 25px 15px 0;
        cursor: pointer;
        background: url(img/filter-arrow-left-b.png) no-repeat center right
    }

    .filter .filter-item.active .title {
        background: url(img/filter-arrow-left-b.png) no-repeat center right
    }

    /* .filter-item .filter-cnt {
        display: none;
        position: fixed;
        background: #fff;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 5;
        padding: 50px 10px 30px;
        overflow-x: hidden;
        overflow-y: auto
    } */
    .filter-item .filter-cnt:before {
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #555;
        height: 36px
    }
/* .filters-back,
    .sorting-back {
        position: absolute;
        z-index: 3;
        top: 6px;
        left: 10px;
        width: 100%;
        height: 26px;
        cursor: pointer;
        padding: 0;
        border: 0;
        outline: 0;
        background: url(img/back-arrow-w.png) no-repeat left;
        background-size: contain
    } */}
@media (max-width:767px){
    .filter .checkbox .row_checked {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 48px;
        margin: 0 0 8px;
        padding: 10px 12px;
        border: 1px solid rgba(110, 158, 59, .14);
        border-radius: 15px;
        background: #fff
    }


    .filter .checkbox .row_checked input {
        width: 20px;
        height: 20px;
        margin: 0 10px 0 0;
        accent-color: var(--c-green-500)
    }


    .filter .checkbox .row_checked label {
        flex: 1;
        margin: 0;
        color: #2d2d2d;
        font-size: 15px;
        line-height: 1.25
    }


    .filter .size,
    .filter .color {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding: 0
    }


    .filter .size label {
        margin: 0
    }


    .filter .size label span {
        min-width: 48px;
        height: 40px;
        padding: 0 12px;
        border-color: rgba(110, 158, 59, .35);
        border-radius: 999px;
        background: #fff;
        color: #222;
        font-size: 14px;
        line-height: 38px
    }


    .filters_btns,
    .filters_btns_in,
    .sorting_btns {
        right: 8px;
        bottom: 8px;
        left: 8px;
        display: grid;
        grid-template-columns: 1fr 1.25fr;
        gap: 8px;
        width: auto;
        height: auto;
        padding: 8px;
        border: 1px solid rgba(110, 158, 59, .14);
        border-radius: 20px;
        background: rgba(255, 255, 255, .94);
        box-shadow: 0 -10px 28px rgba(32, 48, 20, .14);
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px)
    }


    .filters_btns a,
    .filters_btns_in a,
    .sorting_btns a {
        width: auto;
        height: 46px;
        border-radius: 15px;
        background: #f3f5ef;
        color: #4e4e4e;
        font-size: 14px;
        font-weight: 800;
        line-height: 46px;
        text-decoration: none
    }


    .filters_btns .submit_filter,
    .filters_btns_in .back_to_filters_in,
    .sorting_btns .sorting-submit {
        background: var(--c-green-500);
        color: #fff
    }


    .sort-mobile ul {
        padding: 0;
        margin: 0
    }


    .sort-mobile li {
        margin: 0 0 8px;
        padding: 0
    }


    .sort-mobile li:before {
        display: none
    }


    .sort-mobile li a {
        display: block;
        min-height: 50px;
        padding: 16px 18px;
        border: 1px solid rgba(110, 158, 59, .14);
        border-radius: 16px;
        background: #fff;
        color: #242424;
        font-size: 15px;
        font-weight: 800;
        text-decoration: none;
        box-shadow: 0 8px 24px rgba(35, 54, 22, .06)
    }


    .sort-mobile li a.active {
        background: var(--c-green-500);
        border-color: var(--c-green-500);
        color: #fff
    }}
@media (max-width: 1024px){
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        column-gap: 8px;
        max-width: none;
        padding: 0 0 18px;
        margin-bottom: 28px;
        border-bottom: 1px solid rgba(14, 5, 6, .08);
        overflow: visible
    }


    .catalog_holder .products-list .product.regular_user .discount.label-3,
    .catalog_holder .products-list .product.regular_user .discount.label-9,
    .catalog_holder .products-list .product.regular_user .discount.label-10 {
        top: 10px;
        right: 10px;
        width: auto;
        min-width: 48px;
        height: 28px;
        padding: 0 10px;
        border-radius: 999px;
        line-height: 28px;
        font-size: 10px;
        letter-spacing: .02em;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .08)
    }


    .catalog_holder .products-list .product.regular_user .discount.label-3 {
        background: rgba(110, 158, 59, .92)
    }


    .catalog_holder .products-list .product.regular_user .discount.label-9 {
        background: rgba(120, 120, 120, .72);
        color: #fff
    }


    .catalog_holder .products-list .product.regular_user .color-picker-arrows .arrow {
        width: 32%
    }


    .catalog_holder .products-list .product.regular_user .color-picker-arrows .arrow span {
        width: 34px;
        height: 34px;
        opacity: .52;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, .72);
        box-shadow: 0 8px 22px rgba(0, 0, 0, .08);
        backdrop-filter: blur(6px)
    }


    .catalog_holder .products-list .product.regular_user .color-picker-arrows .arrow.left span {
        left: 8px;
        background-size: 46%
    }


    .catalog_holder .products-list .product.regular_user .color-picker-arrows .arrow.right span {
        right: 8px;
        background-size: 46%
    }


    .catalog_holder .products-list .product.regular_user .info {
        display: contents
    }


    .catalog_holder .products-list .product.regular_user>.clr,
    .catalog_holder .products-list .product.regular_user .timer {
        display: none !important
    }


    .catalog_holder .products-list .product.regular_user .name {
        grid-column: 1 / -1;
        grid-row: 2;
        width: auto;
        float: none;
        padding: 0 2px;
        color: #202020;
        font-size: 14px;
        line-height: 1.25;
        font-weight: 500;
        letter-spacing: -.01em;
        white-space: normal
    }


    .catalog_holder .products-list .product.regular_user .price-picker {
        grid-column: 1 / 2;
        grid-row: 5;
        width: auto;
        float: none;
        text-align: left;
        padding: 3px 0 0 2px;
        align-self: center
    }


    .catalog_holder .products-list .product.regular_user .price,
    .catalog_holder .products-list .product.regular_user .price span {
        color: #151515;
        font-size: 12px;
        line-height: 1.2;
        font-weight: 700
    }


    .catalog_holder .products-list .product.regular_user .old-price:not(.active) {
        display: none
    }


    .catalog_holder .products-list .product.regular_user .pbtns {
        grid-column: 2 / 3;
        grid-row: 5;
        display: flex;
        gap: 7px;
        align-items: center;
        justify-content: flex-end;
        float: none
    }


    .catalog_holder .products-list .product.regular_user .product_add_wish,
    .catalog_holder .products-list .product.regular_user .product_btn {
        float: none;
        margin: 0;
        padding: 0
    }


    .catalog_holder .products-list .product.regular_user .product_add_wish {
        position: absolute;
        top: 11px;
        left: 11px;
        z-index: 5;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, .78);
        background-image: url(img/product-actions.svg);
        background-repeat: no-repeat;
        background-position: 7px 7px;
        box-shadow: 0 8px 22px rgba(0, 0, 0, .08);
        backdrop-filter: blur(6px)
    }


    .catalog_holder .products-list .product.regular_user .product_btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        position: relative;
        border: 0;
        border-radius: 50%;
        background: rgba(255, 255, 255, .86);
        box-shadow: 0 8px 20px rgba(0, 0, 0, .08)
    }


    .catalog_holder .products-list .product.regular_user .product_btn span {
        width: 20px;
        height: 19px;
        position: relative;
        border: 0;
        border-radius: 0;
        background: url(img/product-actions.svg) no-repeat -92px 0;
        transform: none
    }


    .catalog_holder .products-list .product.regular_user .product_btn span:before {
        content: none
    }


    .catalog_holder .products-list .product.regular_user .product_btn span:after {
        content: none
    }


    .catalog_holder .products-list .product.regular_user .active-color {
        display: none !important
    }


    .catalog_holder .products-list .product.regular_user .product_blocks {
        display: contents
    }


    .catalog_holder .products-list .product.regular_user .product_blocks_left {
        display: contents
    }


    .catalog_holder .products-list .product.regular_user .active-material {
        display: none !important
    }


    .catalog_holder .products-list .product.regular_user .status {
        display: none !important;
        grid-column: 1 / -1;
        grid-row: 3;
        width: auto;
        padding: 6px 2px 0;
        color: #676767;
        font-size: 12px;
        line-height: 1.35
    }


    .catalog_holder .products-list .product.regular_user .size-picker {
        display: block;
        grid-column: 1 / -1;
        grid-row: 4;
        margin: 8px 0 0;
        padding: 0 2px
    }


    .catalog_holder .products-list .product.regular_user .size-picker .size1 {
        margin: 0 4px 5px 0;
        padding: 0
    }


    .catalog_holder .products-list .product.regular_user .size-picker .size1 span {
        min-width: 31px;
        height: 31px;
        padding: 0 7px;
        border: 1px solid rgba(110, 158, 59, .45);
        border-radius: 999px;
        background: #fff;
        color: #202020;
        font-size: 11px;
        line-height: 29px;
        box-shadow: 0 1px 0 rgba(0, 0, 0, .03)
    }


    .catalog_holder .products-list .product.regular_user .size-picker .size1.active span,
    .catalog_holder .products-list .product.regular_user .size-picker li:not(.disabled):hover span {
        background: var(--c-green-500);
        border-color: var(--c-green-500);
        color: #fff
    }}
@media (max-width: 1024px){
    .catalog_holder .products-list:not(.product_in_view) .col-md-4 {
        margin-bottom: 12px;
        padding-left: 5px;
        padding-right: 5px
    }


    .catalog_holder .products-list:not(.product_in_view) .product.regular_user {
        grid-template-columns: minmax(0, 1fr) 40px;
        gap: 0 8px;
        padding: 7px 7px 11px;
        margin-bottom: 14px;
        border: 1px solid rgba(110, 158, 59, .14);
        border-bottom: 1px solid rgba(110, 158, 59, .14);
        border-radius: 24px;
        background: linear-gradient(180deg, #fff 0%, #fff 64%, rgba(247, 251, 244, .86) 100%);
        box-shadow: 0 16px 36px rgba(31, 48, 20, .08);
        overflow: hidden
    }


    .catalog_holder .products-list:not(.product_in_view) .product.catalog-product-retail .product-image,
    .catalog_holder .products-list:not(.product_in_view) .product.catalog-product-opt .product-image {
        min-height: 0;
        aspect-ratio: 2 / 3;
        border-radius: 18px;
        background: #f5f5f5
    }


    .catalog_holder .products-list:not(.product_in_view) .product.catalog-product-retail .image,
    .catalog_holder .products-list:not(.product_in_view) .product.catalog-product-retail .image picture,
    .catalog_holder .products-list:not(.product_in_view) .product.catalog-product-opt .image,
    .catalog_holder .products-list:not(.product_in_view) .product.catalog-product-opt .image picture {
        border-radius: inherit;
        overflow: hidden
    }


    .catalog_holder .products-list:not(.product_in_view) .product.catalog-product-retail .product-image {
        grid-column: 1 / -1;
        position: relative;
        margin: 0 0 11px;
        overflow: hidden
    }


    .catalog_holder .products-list:not(.product_in_view) .product.catalog-product-retail .image,
    .catalog_holder .products-list:not(.product_in_view) .product.catalog-product-opt .image {
        background: #f5f5f5
    }


    .catalog_holder .products-list:not(.product_in_view) .product.catalog-product-retail .image>img,
    .catalog_holder .products-list:not(.product_in_view) .product.catalog-product-retail .image>picture img,
    .catalog_holder .products-list:not(.product_in_view) .product.catalog-product-opt .image>img,
    .catalog_holder .products-list:not(.product_in_view) .product.catalog-product-opt .image>picture img {
        object-fit: cover;
        object-position: center top
    }


    .catalog_holder .products-list .product.regular_user .discount.label-3,
    .catalog_holder .products-list .product.regular_user .discount.label-9,
    .catalog_holder .products-list .product.regular_user .discount.label-10 {
        top: 10px;
        right: 10px
    }


    .catalog_holder .products-list .product.regular_user .product_add_wish {
        top: 10px;
        left: 10px;
        width: 38px;
        height: 38px;
        border: 1px solid rgba(255, 255, 255, .7);
        background-color: rgba(255, 255, 255, .82);
        background-position: 9px 9px;
        box-shadow: 0 12px 26px rgba(20, 30, 16, .11)
    }


    .catalog_holder .products-list .product.regular_user .color-picker-arrows .arrow span {
        width: 38px;
        height: 38px;
        opacity: .75;
        background-color: rgba(255, 255, 255, .86);
        box-shadow: 0 10px 26px rgba(20, 30, 16, .12)
    }


    .catalog_holder .products-list .product.regular_user .color-picker-arrows .arrow.left span {
        left: 9px
    }


    .catalog_holder .products-list .product.regular_user .color-picker-arrows .arrow.right span {
        right: 9px
    }


    .catalog_holder .products-list .product.regular_user .name {
        padding: 0 1px;
        min-height: 39px;
        font-size: 15px;
        line-height: 1.16;
        font-weight: 600;
        color: #202322
    }


    .catalog_holder .products-list .product.regular_user .size-picker {
        margin-top: 10px;
        padding: 0 1px
    }


    .catalog_holder .products-list .product.regular_user .size-picker .size1 {
        margin: 0 5px 6px 0
    }


    .catalog_holder .products-list .product.regular_user .size-picker .size1 span {
        min-width: 34px;
        height: 34px;
        padding: 0 7px;
        line-height: 32px;
        font-size: 12px;
        border-color: rgba(110, 158, 59, .34);
        box-shadow: 0 3px 10px rgba(31, 48, 20, .05)
    }


    .catalog_holder .products-list .product.regular_user .price-picker {
        padding-top: 8px;
        min-height: 40px;
        display: flex;
        align-items: center;
        gap: 6px;
        flex-wrap: wrap
    }


    .catalog_holder .products-list .product.regular_user .price {
        float: none;
        margin: 0;
        height: auto;
        line-height: 1.15
    }


    .catalog_holder .products-list .product.regular_user .new-price,
    .catalog_holder .products-list .product.regular_user .new-price span {
        color: #151515;
        font-size: 13px;
        font-weight: 800
    }


    .catalog_holder .products-list .product.regular_user .pbtns {
        padding-top: 7px
    }


    .catalog_holder .products-list .product.regular_user .product_btn {
        width: 38px;
        height: 38px;
        border: 1px solid rgba(110, 158, 59, .12);
        background: rgba(255, 255, 255, .92);
        box-shadow: 0 12px 24px rgba(31, 48, 20, .1)
    }


    .catalog_holder .products-list .product.regular_user .product_btn span {
        width: 22px;
        height: 21px;
        background-position: -91px 1px
    }}
@media (max-width: 380px){
    .catalog_holder .products-list .product.regular_user .name {
        font-size: 14px
    }


    .catalog_holder .products-list .product.regular_user .size-picker .size1 span {
        min-width: 31px;
        height: 31px;
        line-height: 29px;
        font-size: 11px
    }}
@media (max-width: 1024px){
    .catalog_holder .products-list:not(.product_in_view) .product:is(.product_group, .product_model):not(.regular_user) {
        border: 1px solid rgba(110, 158, 59, .14);
        border-radius: 22px;
        background: linear-gradient(180deg, #fff 0%, #fff 64%, rgba(247, 251, 244, .88) 100%);
        box-shadow: 0 14px 32px rgba(31, 48, 20, .08);
        overflow: hidden
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .product_blocks {
        position: static;
        display: flex;
        flex-direction: column;
        padding: 0 8px 12px
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .info {
        box-sizing: border-box;
        padding: 0 8px
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .product_blocks_left {
        width: 100%
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .product_blocks_right {
        width: 100%;
        height: auto;
        min-width: 0;
        margin-top: -2px
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .pbtns {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 8px;
        float: none;
        min-height: 34px
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .color-picker-arrows .arrow span {
        width: 42px;
        height: 42px;
        border: 1px solid rgba(255, 255, 255, .78);
        border-radius: 50%;
        background-color: rgba(255, 255, 255, .72);
        background-size: 42%;
        box-shadow: 0 10px 24px rgba(17, 24, 13, .12);
        opacity: 1;
        backdrop-filter: blur(4px)
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .color-picker-arrows .arrow.left span {
        left: 8px
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .color-picker-arrows .arrow.right span {
        right: 8px
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .discount {
        top: 10px;
        right: 10px;
        width: auto;
        min-width: 48px;
        height: 28px;
        padding: 0 10px;
        border-radius: 999px;
        line-height: 28px;
        font-size: 10px;
        letter-spacing: .02em;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .08)
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .discount:empty {
        display: none !important
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .discount.label-1 {
        left: 10px;
        right: auto;
        top: auto;
        bottom: 12px;
        width: auto;
        min-width: 86px;
        height: 28px;
        padding: 0 12px;
        background: #ffb566;
        border-radius: 999px;
        line-height: 28px
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .discount.label-5 {
        top: 10px;
        right: 12px;
        width: auto;
        min-width: 54px;
        height: 28px;
        padding: 0 10px;
        border-radius: 999px;
        line-height: 28px;
        font-size: 10px;
        background: rgba(236, 239, 83, .92);
        color: #303030;
        box-shadow: 0 8px 20px rgba(122, 130, 22, .16)
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .discount.label-3 {
        background: rgba(110, 158, 59, .92);
        color: #fff
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .discount.label-9 {
        background: rgba(120, 120, 120, .72);
        color: #fff
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .name {
        color: #202322;
        font-weight: 700;
        text-decoration: none
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .price,
    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .price span {
        color: #151515;
        font-weight: 800
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .old-price.active,
    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .old-price.active span {
        color: #777
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .active-color span,
    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .status > span,
    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .active-material span {
        color: var(--c-green-700);
        font-style: italic;
        font-weight: 600
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .status > span.inactive-link {
        color: #202322;
        font-style: normal;
        font-weight: 400
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .size-picker:not(.catalog-size-list-single) .size1 span {
        width: 100%;
        min-width: 0;
        height: 31px;
        padding: 0 4px;
        border-color: rgba(110, 158, 59, .42);
        border-radius: 999px;
        background: rgba(255, 255, 255, .92);
        font-size: 10.5px;
        line-height: 29px;
        letter-spacing: -.2px;
        white-space: nowrap;
        box-shadow: 0 6px 16px rgba(31, 48, 20, .08)
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .size-picker:not(.catalog-size-list-single) {
        display: none;
        grid-template-columns: repeat(2, 85px);
        justify-content: flex-start;
        gap: 3px;
        width: 100%;
        margin: 8px 0 0;
        padding: 0
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .size-picker.active:not(.catalog-size-list-single) {
        display: grid
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .size-picker:not(.catalog-size-list-single) .size1 {
        box-sizing: border-box;
        width: 85px;
        margin: 0;
        padding: 0;
        float: none
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .size-picker:not(.catalog-size-list-single) .size1.active span,
    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .size-picker:not(.catalog-size-list-single) .size1:not(.disabled):hover span {
        border-color: var(--c-green-500);
        background: var(--c-green-500);
        color: #fff
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .color-picker .color {
        float: none;
        padding: 2px;
        margin: 0;
        border-radius: 50%;
        background: #fff;
        outline: 1px solid rgba(35, 35, 35, .12);
        outline-offset: 0;
        box-shadow: 0 5px 12px rgba(31, 48, 20, .06)
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .color-picker {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 7px;
        width: 100%;
        margin: 12px 0 2px;
        padding: 0;
        float: none
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .color-picker .color span {
        display: block;
        width: 28px;
        height: 28px;
        border: 1px solid rgba(35, 35, 35, .16);
        background-color: #fff;
        box-shadow: none
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .color-picker .color.active,
    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .color-picker .color:hover {
        outline: 2px solid var(--c-green-500);
        outline-offset: 0;
        box-shadow: 0 6px 14px rgba(31, 48, 20, .1)
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .color-picker .color.active span:after,
    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .color-picker .color:hover span:after {
        content: none
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .color-picker .color.disabled span {
        opacity: .72
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .color-picker .color span.noColorCode {
        position: relative;
        display: block;
        width: 28px;
        height: 28px;
        color: transparent;
        border-color: rgba(35, 35, 35, .18);
        background: linear-gradient(180deg, #fff 0%, #f7f7f7 100%);
        font-size: 0;
        line-height: 0
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .color-picker .color span.noColorCode:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #b8b8b8;
        transform: translate(-50%, -50%)
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .color-picker .color.disabled span.noColorCode:after {
        content: '';
        position: absolute;
        inset: 0;
        background: url(img/disabled-color.png?u=1) no-repeat center;
        background-size: 21px 21px
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .color-picker .color:has(span.noColorCode) {
        padding: 2px
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .tkan-picker li span {
        width: auto;
        min-width: 0;
        max-width: 100%;
        height: auto;
        min-height: 36px;
        padding: 9px 13px;
        border-color: rgba(110, 158, 59, .5);
        border-radius: 8px;
        background: #fff;
        color: #202020;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.25;
        white-space: normal;
        box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
        box-sizing: border-box
    }

    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .tkan-picker li.active span,
    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .tkan-picker li:not(.disabled):hover span {
        border-color: var(--c-green-500);
        background: var(--c-green-500);
        color: #fff
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .product_btn,
    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .buy-model,
    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .cart_swiper,
    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .product_add_wish {
        width: 32px;
        height: 32px;
        padding: 0;
        margin: 0;
        float: none;
        flex: 0 0 32px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, .9);
        box-shadow: 0 10px 22px rgba(31, 48, 20, .1)
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .product_btn span {
        margin: 6px
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .cart_swiper {
        order: 1
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .product_btn {
        order: 2
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .product_add_wish {
        position: absolute;
        top: 12px;
        left: 12px;
        z-index: 5;
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        margin: 0;
        background-image: url(img/product-actions.svg);
        background-repeat: no-repeat;
        background-position: 9px 9px;
        backdrop-filter: blur(5px)
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .product_add_wish:hover {
        background-position: -21px 9px
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .product_add_wish.active {
        background-position: -53px 9px
    }


    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .cart_swiper {
        background-repeat: no-repeat;
        background-position: center;
        background-size: 21px 21px
    }}


/* Кружки цветов: на телефоне 28px великоваты, на планшете оставляем;
   отступ сверху пропорционально меньше (12px при 28px → 10px при 25px) */
@media (max-width: 768px) {
    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .color-picker .color span,
    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .color-picker .color span.noColorCode {
        width: 25px;
        height: 25px
    }

    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .color-picker {
        margin-top: 10px
    }
}
@media (max-width: 1024px){
    #breadcrumbs_holder {
        float: none;
        position: relative;
        margin: 10px 0 18px;
        overflow: hidden
    }


    #breadcrumbs_holder .container {
        padding-right: 0
    }


    #breadcrumbs_holder:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 34px;
        height: 100%;
        pointer-events: none;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff)
    }


    .m_catalog_head_mini_nav {
        gap: 6px;
        align-items: center;
        padding: 8px 34px 7px 0;
        line-height: 1;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch
    }


    .m_catalog_head_mini_nav li {
        flex: 0 0 auto;
        max-height: none;
        margin: 0;
        background-color: transparent
    }


    .m_catalog_head_mini_nav li.active {
        background-color: transparent
    }


    .m_catalog_head_mini_nav li:first-child a {
        padding-left: 10px
    }


    .m_catalog_head_mini_nav a {
        min-height: 30px;
        padding: 8px 12px;
        border: 1px solid rgba(110, 158, 59, .22);
        border-radius: 999px;
        background: #f7f8f5;
        color: #303030;
        font-size: 12px;
        line-height: 1;
        box-shadow: 0 1px 0 rgba(0, 0, 0, .03)
    }


    .m_catalog_head_mini_nav a::after {
        content: none
    }


    .m_catalog_head_mini_nav li.active a {
        background: var(--c-green-500);
        border-color: var(--c-green-500);
        color: #fff
    }


    .m_catalog_head_mini_nav li.active a:hover {
        color: #fff
    }


    .home_icon {
        width: 16px;
        height: 14px
    }}
@media (min-width: 561px) and (max-width: 768px){
    body {
        margin-top: 128px
    }


    .logo-h,
    .logo-h-h {
        max-width: 145px
    }


    .menu-btn {
        margin: 9px 0
    }


    .search-h {
        top: 118px
    }


    header .main-menu {
        top: 100%
    }}
@media (max-width: 560px){
    body {
        margin-top: 127px /* = высота fixed-шапки, было 92 — крошки резались */
    }


    .logo-h,
    .logo-h-h {
        max-width: 132px
    }


    .menu-btn {
        width: 30px;
        height: 30px;
        margin: 8px 0;
        background-size: 30px 30px
    }


    .search-h {
        top: 88px
    }}
@media (max-width: 768px){
    .header {
        padding: 5px 8px 8px;
        background: rgba(246, 248, 243, .94);
        box-shadow: none;
        backdrop-filter: blur(12px)
    }


    .top-line {
        margin: 0;
        border: 1px solid rgba(14, 5, 6, .06);
        border-radius: 0 0 16px 16px;
        background: rgba(255, 255, 255, .92);
        box-shadow: 0 8px 20px rgba(16, 24, 12, .045)
    }


    .top-line .container {
        padding-right: 10px;
        padding-left: 10px
    }


    .header .icon-before a,
    .header .icon-before span,
    .header .dropdown>span {
        color: #4d4d4d;
        font-size: 11px;
        line-height: 1
    }


    .header .dropdown>span:after {
        opacity: .65
    }


    .logo-h,
    .logo-h-h {
        display: block;
        max-width: 138px;
        filter: drop-shadow(0 8px 10px rgba(79, 145, 37, .14))
    }


    .menu-btn {
        position: relative;
        width: 42px;
        height: 42px;
        margin: 0;
        border-radius: 14px;
        background: linear-gradient(135deg, rgba(110, 158, 59, .14), rgba(110, 158, 59, .05));
        box-shadow: inset 0 0 0 1px rgba(110, 158, 59, .18), 0 10px 20px rgba(16, 24, 12, .055)
    }


    .menu-btn:before {
        content: '';
        position: absolute;
        top: 11px;
        right: 10px;
        left: 10px;
        height: 3px;
        border-radius: 3px;
        background: var(--c-green-500);
        box-shadow: 0 8px 0 var(--c-green-500), 0 16px 0 var(--c-green-500)
    }


    #breadcrumbs_holder {
        margin: 12px 0 22px
    }


    #breadcrumbs_holder .container {
        padding-right: 10px;
        padding-left: 10px
    }


    #breadcrumbs_holder:after {
        right: 10px;
        width: 42px;
        border-radius: 0 18px 18px 0;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 82%)
    }


    .m_catalog_head_mini_nav {
        gap: 8px;
        padding: 8px 44px 8px 8px;
        border: 1px solid rgba(14, 5, 6, .06);
        border-radius: 20px;
        background: rgba(255, 255, 255, .94);
        box-shadow: 0 10px 28px rgba(16, 24, 12, .055)
    }


    .m_catalog_head_mini_nav a {
        min-height: 34px;
        padding: 10px 14px;
        border-color: rgba(110, 158, 59, .2);
        background: linear-gradient(135deg, #fff, #f7f9f4);
        font-size: 12px;
        box-shadow: 0 6px 14px rgba(16, 24, 12, .04)
    }


    .m_catalog_head_mini_nav li:first-child a {
        min-width: 40px;
        padding-right: 11px;
        padding-left: 11px
    }


    .m_catalog_head_mini_nav li.active a {
        border-color: var(--c-green-500);
        background: linear-gradient(135deg, #76aa42, #609936);
        box-shadow: 0 10px 20px rgba(110, 158, 59, .2)
    }


    .product-page {
        margin-top: 6px;
        padding: 0 10px 20px;
        color: #202020
    }


    .product-page .reviews-top {
        float: right;
        margin: 5px 0 0;
        padding: 4px 0;
        line-height: 1.15
    }


    .product-page .reviews-top a {
        font-size: 11px
    }


    .product-page .product-info .name_h {
        position: relative;
        margin: 0 0 14px;
        padding: 12px 12px 14px 42px;
        border: 1px solid rgba(14, 5, 6, .07);
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 10px 30px rgba(16, 24, 12, .05)
    }


    .product-page .product-info .name_h .name {
        margin: 0
    }


    .product-page .product-info .name h1 {
        display: block;
        color: #171717;
        font-size: 20px;
        line-height: 1.18;
        font-weight: 600;
        letter-spacing: -.03em;
        text-transform: uppercase
    }


    .product-page .product-info .add-favorites {
        position: absolute;
        top: 13px;
        left: 12px;
        margin: 0
    }


    .product-page .item_images_mobile {
        margin: 0 0 14px;
        border-radius: 22px;
        background: linear-gradient(145deg, #f6f6f2, #ededeb);
        overflow: hidden;
        box-shadow: 0 16px 36px rgba(18, 18, 18, .08)
    }


    .product-page .item_images_mobile .gallery_m {
        -webkit-tap-highlight-color: transparent;
        outline: none;
        -webkit-touch-callout: none
    }


    .product-page .item_images_mobile .gallery_m,
    .product-page .item_images_mobile .slick-list,
    .product-page .item_images_mobile .slick-track {
        border-radius: 22px
    }


    .product-page .item_images_mobile .gallery_m img {
        aspect-ratio: 3 / 4.25;
        height: auto;
        object-fit: cover;
        object-position: center top;
        background: #f4f4f2
    }


    .product-page .item_images_mobile .arrow {
        display: none !important
    }


    .product-page .item_images_mobile .owl-dots,
    .product-page .item_images_mobile .slick-dots {
        position: absolute;
        bottom: 12px;
        left: 50%;
        z-index: 5;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        margin: 0;
        padding: 5px 8px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .76);
        box-shadow: 0 8px 18px rgba(16, 24, 12, .1);
        transform: translateX(-50%)
    }


    .product-page .item_images_mobile .slick-dots li {
        margin: 0;
        padding: 0;
        top: 0;
        display: block
    }


    .product-page .item_images_mobile .owl-dots .owl-dot,
    .product-page .item_images_mobile .slick-dots li button {
        width: 6px;
        height: 6px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: rgba(110, 158, 59, .32);
        font-size: 0;
        color: transparent;
        box-shadow: none;
        transition: width .2s ease, background .2s ease
    }


    .product-page .item_images_mobile .owl-dots .owl-dot.active,
    .product-page .item_images_mobile .slick-dots li.slick-active button {
        width: 17px;
        border-radius: 999px;
        background: var(--c-green-500)
    }


    .product-page .colors-b,
    .product-page .tkan-b,
    .product-page .size-b {
        display: grid;
        grid-template-columns: 84px minmax(0, 1fr);
        gap: 10px;
        align-items: center;
        margin: 10px 0 0;
        padding: 13px 12px;
        border: 1px solid rgba(14, 5, 6, .07);
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 8px 24px rgba(16, 24, 12, .045)
    }


    .product-page .colors-b .title,
    .product-page .tkan-b .title,
    .product-page .size-b .title {
        width: auto;
        margin: 0;
        color: #5a5a5a;
        font-size: 11px;
        line-height: 1.2;
        letter-spacing: .06em;
        text-transform: uppercase
    }


    .product-page .colors-b .title div,
    .product-page .size-b .title span.size-name,
    .product-page .size-b .title span.sizeGroup-name,
    .product-page .size-b .title div.tkan-name {
        display: block;
        margin-top: 4px;
        color: var(--c-green-700);
        font-size: 11px;
        line-height: 1.2;
        letter-spacing: 0;
        text-decoration: none;
        text-transform: none
    }


    .product-page .colors-b ul,
    .product-page .tkan-b ul,
    .product-page .size-b ul {
        margin: 0;
        text-align: left
    }


    .product-page .colors-b ul li,
    .product-page .tkan-b ul li,
    .product-page .size-b ul li {
        margin: 3px 5px 3px 0
    }


    .product-page .colors-b ul span {
        width: 35px;
        height: 35px;
        border: 3px solid #f2f0f0;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .04)
    }


    .product-page .colors-b ul li:not(.disabled).bx_active span,
    .product-page .colors-b ul li.disabled.bx_active span {
        border-color: #fff;
        box-shadow: 0 0 0 2px var(--c-green-500), 0 8px 16px rgba(110, 158, 59, .18)
    }


    .product-page .colors-b ul li:not(.disabled).bx_active span:after,
    .product-page .colors-b ul li:not(.disabled):hover span:after,
    .product-page .colors-b ul li.disabled:hover span:after,
    .product-page .colors-b ul li.disabled.bx_active span:after {
        content: none
    }


    .product-page .size-b ul li span {
        min-width: 36px;
        height: 36px;
        padding: 0 8px;
        border-color: rgba(110, 158, 59, .55);
        border-radius: 999px;
        background: #fff;
        color: #1f1f1f;
        font-size: 12px;
        line-height: 34px;
        box-shadow: 0 1px 0 rgba(0, 0, 0, .03)
    }


    .product-page .size-b ul li.active span,
    .product-page .size-b ul li.bx_active span,
    .product-page .size-b ul li:not(.disabled):hover span {
        border-color: var(--c-green-500);
        background: var(--c-green-500);
        color: #fff
    }


    .product-page .roz-price {
        margin: 12px 0 0;
        padding: 13px 14px;
        border: 0;
        border-radius: 18px;
        background: linear-gradient(135deg, rgba(110, 158, 59, .1), rgba(110, 158, 59, .02));
        color: #5b5b5b;
        font-size: 11px;
        letter-spacing: .03em
    }


    .product-page .roz-price div:last-child {
        color: var(--c-green-700);
        font-size: 24px;
        font-weight: 600
    }


    .product-page .buy-b {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin: 12px 0 0;
        padding: 0 0 12px;
        border: 0
    }


    .product-page .buy-b .price-b {
        flex: 1 0 100%;
        justify-content: space-between;
        align-items: baseline;
        padding: 0
    }


    .product-page .add_to_basket,
    .product-page .fust_buy_button,
    .product-page .buy-b .btn {
        flex: 1 1 calc(50% - 6px);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-height: 52px;
        margin: 0 !important;
        border-radius: 16px;
        font-size: 12px;
        line-height: 1.15;
        font-weight: 600;
        letter-spacing: .03em;
        text-align: center;
        box-shadow: 0 12px 24px rgba(110, 158, 59, .16)
    }


    .product-page .add_to_basket {
        border: 1px solid rgba(110, 158, 59, .65);
        background: #fff;
        color: var(--c-green-700)
    }


    .product-page .fust_buy_button {
        border: 1px solid var(--c-green-500);
        background: var(--c-green-500);
        color: #fff
    }


    .product-page .double-btn-wrapper {
        display: flex;
        width: 100%;
        flex: 1 1 100%;
        gap: 12px
    }


    .product-page .double-btn-wrapper .small-btn,
    .product-page .double-btn-wrapper .add_to_basket,
    .product-page .double-btn-wrapper .fust_buy_button {
        flex: 1 1 0;
        border-radius: 16px !important
    }


    .product-page .size-set-b {
        margin: 14px 0 0;
        padding: 14px 12px;
        border: 1px solid rgba(14, 5, 6, .07);
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 8px 24px rgba(16, 24, 12, .045)
    }


    .product-page .size-set-b .title {
        color: #2f2f2f;
        font-size: 12px;
        line-height: 1.35;
        letter-spacing: .02em
    }


    .product-page .size-set-b .matching-size,
    .product-page .size-set-b .size-table-btn {
        color: var(--c-green-700);
        font-weight: 600
    }


    .product-page .opt-price {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        margin: 14px 0 10px;
        padding: 15px 16px;
        border: 0;
        border-radius: 18px;
        background: linear-gradient(135deg, var(--c-green-500), #5f9632);
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .06em;
        text-align: center;
        text-transform: uppercase;
        box-shadow: 0 14px 28px rgba(110, 158, 59, .22)
    }


    .product-page .opt-price:hover {
        color: #fff
    }


    .product-page .opt-price:after {
        filter: brightness(0) invert(1);
        opacity: .85
    }


    .product-page .accordion-item {
        margin: 8px 0;
        border: 1px solid rgba(14, 5, 6, .07);
        border-radius: 16px;
        background: #fff;
        overflow: hidden;
        box-shadow: 0 6px 18px rgba(16, 24, 12, .035)
    }


    .product-page .accordion-item .title {
        position: relative;
        padding: 13px 42px 13px 14px;
        background: none;
        color: #2a2a2a;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.25;
        letter-spacing: .04em
    }


    .product-page .accordion-item .title:after {
        content: '+';
        position: absolute;
        top: 50%;
        right: 14px;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: rgba(110, 158, 59, .09);
        color: var(--c-green-700);
        font-size: 18px;
        font-weight: 400;
        line-height: 23px;
        text-align: center;
        transform: translateY(-50%)
    }


    .product-page .accordion-item.active .title {
        background: none;
        color: var(--c-green-700)
    }


    .product-page .accordion-item.active .title:after {
        content: '\2212';
        background: var(--c-green-500);
        color: #fff
    }


    .product-page .accordion-item .accordion-ctn {
        padding: 0 14px 14px;
        color: #5f5f5f
    }


    .product-page .accordion-item .accordion-ctn p,
    .product-page .characteristics ul li {
        color: #5f5f5f;
        font-size: 12px;
        line-height: 1.45
    }


    .product-page .characteristics ul li+li {
        margin-top: 5px
    }}
@media (max-width: 360px){
    .product-page {
        padding-right: 8px;
        padding-left: 8px
    }


    .product-page .colors-b,
    .product-page .tkan-b,
    .product-page .size-b {
        grid-template-columns: 74px minmax(0, 1fr);
        gap: 8px;
        padding: 12px 10px
    }


    .product-page .add_to_basket,
    .product-page .fust_buy_button,
    .product-page .buy-b .btn {
        font-size: 11px
    }}
@media (max-width: 1280px){
    .fastbuy-page .basket_step_1 .product-table tr {
        grid-template-columns: 92px minmax(0, 1fr) 40px;
        grid-template-areas:
            "photo info action"
            "photo qty action"
            "photo sum action";
        gap: 8px 12px;
        align-items: start;
        padding: 14px
    }


    .fastbuy-page .basket_step_1 .product-table td:nth-child(1) {
        grid-area: photo
    }}
@media (max-width: 768px){

    .fastbuy-page article {
        padding: 24px 0 42px
    }


    .fastbuy-layout {
        grid-template-columns: 1fr;
        gap: 18px
    }


    .fastbuy-panel {
        padding: 20px
    }


    .fastbuy-panel__header {
        display: block;
        margin-bottom: 20px
    }


    .fastbuy-summary {
        margin-top: 18px
    }


    .fastbuy-page .basket_step_1 .product-table tr {
        grid-template-columns: 92px minmax(0, 1fr) 40px;
        grid-template-areas:
            "photo info action"
            "photo qty action"
            "photo sum action";
        gap: 8px 12px;
        align-items: start;
        padding: 14px
    }


    .fastbuy-page .basket_step_1 .product-table td:nth-child(1) {
        grid-area: photo
    }}
@media (max-width: 640px){
    .fastbuy-page article {
        padding: 18px 0 34px
    }


    .fastbuy-page__header {
        margin-bottom: 20px
    }


    .fastbuy-page__eyebrow,
    .fastbuy-panel__eyebrow {
        margin-bottom: 12px;
        font-size: 12px
    }


    .fastbuy-page__title {
        font-size: 26px
    }


    .fastbuy-page__lead {
        margin-top: 14px;
        font-size: 15px
    }


    .fastbuy-panel {
        padding: 16px;
        box-shadow: 0 12px 28px rgba(43, 50, 30, .08)
    }


    .fastbuy-panel__title {
        font-size: 23px
    }


    .fastbuy-summary {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px
    }


    .fastbuy-summary__item {
        min-width: 0;
        padding: 12px
    }


    .fastbuy-summary__value {
        font-size: 20px
    }


    .fastbuy-page .basket_step_1 .product-table tr {
        grid-template-columns: 86px minmax(0, 1fr) minmax(0, 1fr) 36px;
        grid-template-areas:
            "photo info info action"
            "photo qty  sum  action";
        padding: 12px
    }


    .fastbuy-page .basket_step_1 .product-table .title {
        margin-bottom: 3px;
        font-size: 10px
    }


    .fastbuy-page #fastbuy .data-form .input-group,
    .fastbuy-page #fastbuy .input-group {
        display: block
    }


    .fastbuy-page #fastbuy .label {
        display: block;
        margin-bottom: 8px;
        padding: 0
    }


    .fastbuy-page #fastbuy .to-pay {
        grid-template-columns: 1fr;
        padding: 16px
    }


    .fastbuy-page #fastbuy .to-pay b {
        font-size: 22px
    }


    .fastbuy-page #fastbuy .form-action .btn {
        padding: 14px 16px;
        font-size: 14px
    }}
@media (max-width: 768px){
    .recomend {
        margin: 24px -10px 0;
        overflow: hidden
    }}
@media (max-width: 768px){
    #breadcrumbs_holder {
        overflow: visible
    }


    #breadcrumbs_holder:after {
        right: 10px;
        z-index: 3
    }


    .m_catalog_head_mini_nav {
        position: relative;
        overflow-x: auto;
        margin-top: 15px;
        overflow-y: visible;
        padding-left: 0
    }


    .m_catalog_head_mini_nav li:first-child {
        position: sticky;
        left: 0;
        z-index: 4
    }


    .m_catalog_head_mini_nav li:first-child a {
        background: linear-gradient(135deg, #fff, #f7f9f4);
        box-shadow: 8px 0 16px rgba(255, 255, 255, .92), 0 6px 14px rgba(16, 24, 12, .06)
    }


    .m_catalog_head_mini_nav li:first-child + li {
        margin-left: 2px
    }


    header .main-menu {
        position: fixed;
        top: 122px;
        right: 8px;
        left: 8px;
        z-index: 12;
        width: auto;
        max-height: calc(100vh - 138px);
        padding: 12px;
        border: 1px solid rgba(14, 5, 6, .06);
        border-radius: 24px;
        background: rgba(255, 255, 255, .96);
        box-shadow: 0 24px 60px rgba(16, 24, 12, .16);
        overflow-x: hidden;
        overflow-y: auto;
        backdrop-filter: blur(12px)
    }


    .main-menu>ul {
        max-width: none;
        margin: 0;
        padding: 0 !important
    }


    .main-menu>ul li,
    header .main-menu>ul li:first-child {
        margin: 0 0 8px;
        border: 0;
        border-radius: 16px;
        background: linear-gradient(135deg, #fff, #fafbf8);
        box-shadow: inset 0 0 0 1px rgba(14, 5, 6, .055)
    }


    .main-menu>ul li:last-child {
        margin-bottom: 0
    }


    header .main-menu>ul>li>a,
    header .main-menu>ul>li>span,
    .main-menu>ul li a,
    .main-menu>ul li span {
        display: flex;
        align-items: center;
        min-height: 48px;
        padding: 14px 52px 14px 16px !important;
        color: #222;
        font-size: 15px !important;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: .01em;
        text-decoration: none
    }


    .main-menu>ul li.active>a,
    .main-menu>ul li.active>span,
    .main-menu>ul li:hover>a,
    .main-menu>ul li:hover>span {
        color: var(--c-green-700)
    }


    header .main-menu .open_sub,
    header .open_sub_big {
        top: 7px;
        right: 8px;
        width: 36px;
        height: 36px;
        border-radius: 12px;
        background: rgba(110, 158, 59, .1)
    }


    header .main-menu .open_sub:after,
    header .main-menu .open_sub_big:after {
        left: 12px;
        width: 8px;
        height: 8px;
        border-color: var(--c-green-500);
        border-width: 2px
    }


    header .main-menu .sub-menu {
        position: static;
        min-height: 0;
        max-height: none;
        margin: 0 0 8px;
        padding: 8px;
        border: 0;
        border-radius: 18px;
        background: #f7f9f4;
        box-shadow: inset 0 0 0 1px rgba(110, 158, 59, .12)
    }


    header .main-menu .sub-menu:before,
    .main-menu .sub-menu:before {
        content: none
    }


    header .main-menu .sub-menu .sub-item {
        margin: 0;
        border: 0;
        background: transparent;
        line-height: 1.2;
        box-shadow: none
    }


    header .main-menu .sub-menu .sub-item>span {
        padding: 10px 42px 10px 10px !important;
        color: #4c4c4c;
        font-size: 13px !important;
        font-weight: 700
    }


    header .sub-item ul {
        margin: 0 0 8px;
        padding: 0
    }


    header .sub-item ul a,
    header .sub-item ul span {
        min-height: 34px;
        padding: 8px 10px !important;
        color: #5f5f5f;
        font-size: 13px !important;
        font-weight: 500
    }


    .main-menu>ul .flex-box {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        margin-bottom: 12px;
        padding: 8px;
        border-radius: 18px;
        background: #f7f9f4
    }


    .main-menu>ul .fast-btn {
        position: relative;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 44px;
        height: 44px;
        margin: 0;
        padding: 0;
        border-radius: 14px;
        background: #fff;
        box-shadow: inset 0 0 0 1px rgba(110, 158, 59, .16), 0 8px 16px rgba(16, 24, 12, .045)
    }


    .main-menu>ul .fast-btn.icon-before:before {
        display: block;
        width: 23px;
        height: 27px;
        margin: 0;
        opacity: .82;
        transform: scale(.92)
    }


    .main-menu>ul .flex-box .fast-btn:nth-child(3):before {
        content: '';
        display: block;
        width: 22px;
        height: 22px;
        margin: 0;
        border: 2px solid var(--c-green-500);
        border-radius: 50%;
        background: transparent;
        opacity: .82
    }


    .main-menu>ul .flex-box .fast-btn:nth-child(3):after {
        content: '';
        position: absolute;
        top: 12px;
        left: 14px;
        width: 13px;
        height: 13px;
        border: 2px solid var(--c-green-500);
        border-top: 0;
        border-left: 0;
        border-radius: 0 0 8px 0;
        transform: rotate(32deg)
    }


    .main-menu>ul .fast-btn span {
        display: none !important;
        min-height: 0;
        padding: 0 !important;
        font-size: 0 !important
    }


    .search-small {
        margin-bottom: 12px
    }


    .search-small form {
        display: block;
        position: relative
    }


    .search-small input[type=text] {
        height: 44px;
        margin: 0;
        padding: 0 48px 0 14px;
        border: 1px solid rgba(14, 5, 6, .06);
        border-radius: 16px;
        background: #f7f9f4;
        color: #222;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8)
    }


    .search-small input[type=submit] {
        top: 10px;
        right: 12px;
        margin: 0;
        opacity: .72
    }


    header .main-menu .sub-menu {
        padding: 10px;
        background: linear-gradient(135deg, rgba(110, 158, 59, .055), rgba(110, 158, 59, .015))
    }


    header .main-menu .menu_catalog_back,
    header .main-menu .back_menu,
    .main-menu .sub-menu .back_menu {
        display: none !important
    }


    header .main-menu .sub-menu .sub-item-image {
        display: none !important
    }


    header .main-menu .sub-menu .sub-item {
        position: relative;
        display: block;
        margin: 0 0 6px;
        border-radius: 14px;
        background: rgba(255, 255, 255, .68)
    }


    header .main-menu .sub-menu .sub-item>span,
    header .main-menu .sub-menu .sub-item>span>a,
    header .main-menu .sub-menu .sub-item>span>span {
        display: flex;
        align-items: center;
        min-height: 42px !important;
        padding: 11px 48px 11px 14px !important;
        color: #242424;
        font-size: 13px !important;
        font-weight: 600;
        line-height: 1.15
    }


    header .main-menu .sub-menu .sub-item .open_sub {
        top: 3px;
        right: 5px;
        width: 36px;
        height: 36px;
        border-radius: 12px
    }


    header .sub-item ul li {
        margin: 0;
        border-radius: 999px;
        background: #fff;
        box-shadow: inset 0 0 0 1px rgba(14, 5, 6, .055)
    }


    header .sub-item ul a,
    header .sub-item ul span {
        min-height: 36px !important;
        padding: 8px 14px !important;
        color: #2d2d2d;
        font-size: 14px !important;
        line-height: 1.15
    }


    .main-menu .sub-menu .back_menu {
        top: 12px;
        left: 12px;
        width: 40px;
        height: 40px;
        border-radius: 14px;
        background: rgba(110, 158, 59, .09)
    }


    .main-menu .sub-menu .back_menu:after {
        left: 15px;
        border-color: var(--c-green-500)
    }


    .back_product_in_view {
        top: 50vh !important;
        transform: translateY(-50%) !important
    }


    .fast-action,
    .fast-action.open {
        position: fixed !important;
        inset: 0 !important;
        z-index: 40 !important;
        width: 100vw !important;
        height: 100vh !important;
        height: 100dvh !important;
        min-height: 0 !important;
        max-height: 100vh !important;
        max-height: 100dvh !important
    }


    .fast-action {
        overscroll-behavior: none
    }


    .fast-action .action-panel {
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        display: flex;
        flex-direction: column;
        width: min(100vw, 650px) !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 34px 18px 22px !important;
        border-left: 0;
        border-radius: 24px 0 0 24px;
        background: #fff;
        overflow: hidden;
        overscroll-behavior: contain
    }


    .fast-item .fixed-wrapper {
        position: static;
        width: auto;
        height: auto;
        background: transparent
    }


    .fast-action .close-action {
        top: 20px !important;
        right: 20px !important;
        z-index: 10;
        width: 44px !important;
        height: 44px !important;
        border: 0 !important;
        border-radius: 16px !important;
        background: rgba(110, 158, 59, .08) !important;
        box-shadow: inset 0 0 0 1px rgba(110, 158, 59, .16) !important;
        padding: 0
    }


    .fast-action .close-action:before,
    .fast-action .close-action:after {
        content: '' !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 22px !important;
        height: 2px !important;
        border-radius: 999px !important;
        background: var(--c-green-500) !important;
        transform: translate(-50%, -50%) rotate(45deg) !important
    }


    .fast-action .close-action:after {
        transform: translate(-50%, -50%) rotate(-45deg) !important
    }


    .fast-item .fast-list {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }}
@media (max-width: 768px){
    .header {
        padding-top: env(safe-area-inset-top, 0) !important;
        background: linear-gradient(180deg, rgba(246, 248, 243, .98), rgba(246, 248, 243, .92)) !important
    }


    .top-line {
        margin: 0 -8px 0 !important;
        padding-top: 4px;
        border: 0 !important;
        border-radius: 0 0 20px 20px !important;
        background: rgba(255, 255, 255, .86) !important;
        box-shadow: 0 10px 26px rgba(16, 24, 12, .045) !important
    }


    header .menu_catalog_back,
    header .back_menu {
        display: none !important
    }


    header .main-menu {
        top: 128px;
        padding: 12px 14px 18px;
        border-radius: 24px 24px 20px 20px;
        background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(250, 252, 248, .97));
        box-shadow: 0 26px 70px rgba(16, 24, 12, .18)
    }


    .main-menu>ul .flex-box {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
        padding: 10px;
        border: 1px solid rgba(14, 5, 6, .045);
        border-radius: 20px;
        background: rgba(255, 255, 255, .74);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 10px 26px rgba(16, 24, 12, .04)
    }


    .main-menu>ul .flex-box .search-small {
        grid-column: 1 / -1;
        width: 100%;
        margin: 0
    }


    .main-menu>ul .flex-box .search-small form {
        position: relative;
        display: block;
        width: 100%
    }


    .main-menu>ul .flex-box .search-small input[type=text] {
        width: 100% !important;
        height: 48px;
        margin: 0;
        padding: 0 52px 0 46px;
        border: 1px solid rgba(110, 158, 59, .14);
        border-radius: 16px;
        background: rgba(247, 249, 244, .9);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9)
    }


    .main-menu>ul .flex-box .search-small input[type=submit] {
        top: 50% !important;
        right: 12px !important;
        width: 24px;
        height: 24px;
        margin: 0 !important;
        opacity: .72;
        transform: translateY(-50%)
    }


    .main-menu>ul .fast-btn {
        width: 100%;
        height: 52px;
        border-radius: 16px;
        background: #fff;
        box-shadow: inset 0 0 0 1px rgba(110, 158, 59, .15), 0 8px 18px rgba(16, 24, 12, .045)
    }


    .main-menu>ul .fast-btn .favorite_counter,
    .main-menu>ul .fast-btn .cart_sum {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        position: absolute;
        z-index: 3;
        min-width: 18px;
        height: 18px;
        min-height: 18px;
        padding: 0 5px !important;
        border: 2px solid #fff;
        border-radius: 999px;
        background: var(--c-green-500);
        color: #fff;
        font-size: 10px !important;
        font-weight: 700;
        line-height: 1 !important;
        box-shadow: 0 6px 12px rgba(110, 158, 59, .22)
    }


    .main-menu>ul .fast-btn .favorite_counter {
        top: -5px;
        right: -5px
    }


    .main-menu>ul .fast-btn .cart_sum {
        right: -8px;
        bottom: -7px;
        height: 20px;
        min-width: 34px;
        max-width: 72px;
        font-size: 9px !important;
        white-space: nowrap
    }


    .main-menu>ul .fast-btn .favorite_counter:empty,
    .main-menu>ul .fast-btn .cart_sum:empty {
        display: none !important
    }


    .main-menu>ul .flex-box .fast-btn:nth-child(3):before {
        content: '\260E' !important;
        width: auto !important;
        height: auto !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: none !important;
        color: var(--c-green-700);
        font-size: 28px;
        line-height: 1;
        opacity: .88;
        transform: rotate(-15deg)
    }


    .main-menu>ul .flex-box .fast-btn:nth-child(3):after {
        content: none !important
    }


    .main-menu>ul li,
    header .main-menu>ul li:first-child {
        border-radius: 18px;
        background: rgba(255, 255, 255, .9);
        box-shadow: inset 0 0 0 1px rgba(14, 5, 6, .055), 0 8px 20px rgba(16, 24, 12, .035)
    }


    header .main-menu>ul>li>a,
    header .main-menu>ul>li>span,
    .main-menu>ul li a,
    .main-menu>ul li span {
        min-height: 54px;
        padding-right: 58px !important
    }


    header .main-menu .open_sub,
    header .open_sub_big,
    header .main-menu .sub-menu .sub-item .open_sub {
        top: 50% !important;
        right: 10px !important;
        width: 38px !important;
        height: 38px !important;
        border-radius: 14px !important;
        background: rgba(110, 158, 59, .1);
        transform: translateY(-50%)
    }


    header .main-menu .sub-menu {
        padding: 12px;
        border: 1px solid rgba(110, 158, 59, .13);
        border-radius: 20px;
        background: linear-gradient(145deg, rgba(247, 250, 244, .94), rgba(255, 255, 255, .9));
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75)
    }


    header .main-menu .sub-menu .sub-item {
        margin-bottom: 10px;
        border-radius: 18px;
        background: #fff;
        box-shadow: inset 0 0 0 1px rgba(14, 5, 6, .045), 0 8px 18px rgba(16, 24, 12, .032)
    }


    header .main-menu .sub-menu .sub-item>span,
    header .main-menu .sub-menu .sub-item>span>a,
    header .main-menu .sub-menu .sub-item>span>span {
        min-height: 58px !important;
        padding: 14px 62px 14px 18px !important;
        line-height: 1.08
    }


    header .sub-item ul li:not(.menu-show-all-item) {
        border-radius: 14px;
        background: rgba(255, 255, 255, .86);
        box-shadow: inset 0 0 0 1px rgba(14, 5, 6, .05)
    }


    header .sub-item ul li:not(.menu-show-all-item) a {
        display: flex;
        align-items: center;
        min-height: 42px !important;
        padding: 10px 16px !important;
        border-radius: 14px
    }


    .main-menu>ul .flex-box .search-small {
        grid-column: auto;
        width: 100%;
        height: 52px;
        margin: 0;
        border-radius: 16px;
        background: #fff;
        box-shadow: inset 0 0 0 1px rgba(110, 158, 59, .15), 0 8px 18px rgba(16, 24, 12, .045)
    }


    .main-menu>ul .flex-box .search-small form {
        height: 52px
    }


    .main-menu>ul .flex-box .search-small input[type=text] {
        height: 52px;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: transparent;
        caret-color: transparent;
        box-shadow: none !important
    }


    .main-menu>ul .flex-box .search-small input[type=text]::placeholder {
        color: transparent
    }


    .main-menu>ul .flex-box .search-small input[type=submit] {
        right: 50% !important;
        opacity: .82;
        transform: translate(50%, -50%)
    }


    header .main-menu>ul>li,
    header .main-menu .sub-menu .sub-item {
        position: relative
    }


    header .main-menu .open_sub,
    header .open_sub_big,
    header .main-menu .sub-menu .sub-item .open_sub {
        position: absolute !important;
        top: 50% !important;
        right: 14px !important;
        transform: translateY(-50%) !important
    }


    header .main-menu .open_sub:after,
    header .main-menu .open_sub_big:after {
        top: 50% !important;
        left: 50% !important;
        width: 10px !important;
        height: 10px !important;
        border-width: 0 2px 2px 0 !important;
        transform: translate(-58%, -50%) rotate(-45deg) !important
    }


    .product-page .hidden-lg.hidden-md.hidden-sm.col-xs-12 {
        position: relative
    }


    .product-page .hidden-lg.hidden-md.hidden-sm.col-xs-12 > .product_tops {
        position: absolute;
        top: 12px;
        right: 12px;
        z-index: 8;
        pointer-events: none
    }


    .product-page .hidden-lg.hidden-md.hidden-sm.col-xs-12 > .product_tops .discount {
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        box-shadow: 0 10px 22px rgba(16, 24, 12, .14)
    }


    header .main-menu .sub-menu .sub-item > span {
        position: relative !important;
        overflow: visible !important
    }


    header .main-menu .open_sub,
    header .main-menu .open_sub_big,
    header .open_sub_big {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: absolute !important;
        top: 50% !important;
        right: 14px !important;
        z-index: 4 !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        border: 0 !important;
        border-radius: 15px !important;
        background: rgba(110, 158, 59, .1) !important;
        color: transparent !important;
        font-size: 0 !important;
        line-height: 0 !important;
        transform: translateY(-50%) !important;
        pointer-events: auto !important
    }


    header .main-menu .open_sub:after,
    header .main-menu .open_sub_big:after,
    header .open_sub_big:after {
        content: none !important;
        display: none !important
    }


    header .main-menu .open_sub:before,
    header .main-menu .open_sub_big:before,
    header .open_sub_big:before {
        content: '' !important;
        display: block !important;
        width: 11px !important;
        height: 11px !important;
        margin: 0 !important;
        border: solid var(--c-green-500) !important;
        border-width: 0 3px 3px 0 !important;
        background: transparent !important;
        transform: translateX(-2px) rotate(-45deg) !important;
        transition: transform .2s ease !important
    }


    header .main-menu > ul .flex-box > #show_mobile_search.search-btn,
    header .main-menu > ul .flex-box > .search-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 16px !important;
        background: #fff !important;
        box-shadow: inset 0 0 0 1px rgba(110, 158, 59, .15), 0 8px 18px rgba(16, 24, 12, .045) !important
    }


    header .main-menu > ul .flex-box > #show_mobile_search.search-btn:before,
    header .main-menu > ul .flex-box > .search-btn:before {
        content: '' !important;
        display: block !important;
        position: static !important;
        width: 18px !important;
        height: 18px !important;
        margin: 0 !important;
        border: 3px solid var(--c-green-500) !important;
        border-radius: 50% !important;
        background: transparent !important;
        opacity: .82 !important;
        transform: none !important
    }


    header .main-menu > ul .flex-box > #show_mobile_search.search-btn:after,
    header .main-menu > ul .flex-box > .search-btn:after {
        content: '' !important;
        position: absolute !important;
        top: 29px !important;
        left: calc(50% + 5px) !important;
        width: 12px !important;
        height: 3px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: var(--c-green-500) !important;
        opacity: .82 !important;
        transform: rotate(45deg) !important
    }



    .match_container {
        position: sticky;
        top: 0;
        z-index: 10;
        margin: 0 -12px -12px;
        padding: 0
    }


    .search_container {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        max-height: calc(100vh - 250px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        border-radius: 0 0 12px 12px;
        background: #fff;
        box-shadow: none;
        border-top: 1px solid #eee;
        z-index: 10
    }


    .header .top-line {
        border-bottom: 0 !important
    }


    .header.full-width .main-menu-h,
    .main-menu-h {
        border-top: 0 !important;
        border-bottom: 0 !important
    }


    .header .main-menu-h .menu-btn {
        position: relative !important;
        overflow: visible !important
    }


    .header .main-menu-h .menu-btn:before,
    .header .main-menu-h.menu-toggle .menu-btn:before {
        content: '' !important;
        top: 14px !important;
        right: 13px !important;
        left: 13px !important;
        height: 3px !important;
        border-radius: 999px !important;
        background: var(--c-green-500) !important;
        box-shadow: 0 9px 0 var(--c-green-500), 0 18px 0 var(--c-green-500) !important;
        transform: none !important
    }


    .header .main-menu-h .menu-btn:after,
    .header .main-menu-h.menu-toggle .menu-btn:after {
        content: none !important;
        display: none !important
    }


    .main-menu>ul .flex-box .fast-btn:nth-child(3):before {
        content: '' !important;
        display: block !important;
        width: 28px !important;
        height: 28px !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%236e9e3b' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 9.5c2.5-2.4 8.5-2.4 11 0 2.4 2.3 2.4 6.6 0 8.9l-2.1 2.1c-.7.7-1.8.7-2.5 0l-1.2-1.2c-.7-.7-.7-1.8 0-2.5l.9-.9a7.4 7.4 0 0 0-1.2-.1 7.4 7.4 0 0 0-1.2.1l.9.9c.7.7.7 1.8 0 2.5l-1.2 1.2c-.7.7-1.8.7-2.5 0l-2.1-2.1c-2.4-2.3-2.4-6.6 0-8.9Z'/%3E%3Cpath d='M16 15.8v5.7'/%3E%3C/svg%3E") no-repeat center / 28px 28px !important;
        opacity: .9 !important;
        transform: none !important
    }


    .main-menu>ul .flex-box .fast-btn:nth-child(3):after {
        content: none !important;
        display: none !important
    }


    header .main-menu > ul .flex-box > .favorite.fast-btn:before,
    header .main-menu > ul .flex-box > .commerce.fast-btn:before,
    header .main-menu > ul .flex-box > .phone.fast-btn:before,
    header .main-menu > ul .flex-box > #show_mobile_search.search-btn:before,
    header .main-menu > ul .flex-box > .search-btn:before {
        content: '' !important;
        display: block !important;
        position: static !important;
        width: 28px !important;
        height: 28px !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 28px 28px !important;
        opacity: .88 !important;
        transform: none !important
    }


    header .main-menu > ul .flex-box > .favorite.fast-btn:before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%236e9e3b' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 26s-9.5-5.7-11.6-12.1C3 9.5 5.6 6 9.7 6c2.4 0 4.2 1.2 5.3 3.1C16.1 7.2 17.9 6 20.3 6c4.1 0 6.7 3.5 5.3 7.9C23.5 20.3 16 26 16 26Z'/%3E%3C/svg%3E") !important
    }


    header .main-menu > ul .flex-box > .commerce.fast-btn:before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%236e9e3b' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11h14l-1 15H10L9 11Z'/%3E%3Cpath d='M12 11V9a4 4 0 0 1 8 0v2'/%3E%3C/svg%3E") !important
    }


    header .main-menu > ul .flex-box > .phone.fast-btn:before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%236e9e3b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7.5c0-.8.7-1.5 1.5-1.5h2.7c.5 0 1 .3 1.2.8l1.2 3.3c.2.5 0 1.1-.4 1.4l-2 1.5c1.1 2.7 3.3 4.9 6 6l1.5-2c.3-.4.9-.6 1.4-.4l3.3 1.2c.5.2.8.7.8 1.2v2.7c0 .8-.7 1.5-1.5 1.5C14.2 23.2 8.8 17.8 9 7.5Z'/%3E%3C/svg%3E") !important
    }


    header .main-menu > ul .flex-box > #show_mobile_search.search-btn:not(.search-open):before,
    header .main-menu > ul .flex-box > .search-btn:not(.search-open):before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%236e9e3b' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='14' cy='14' r='8'/%3E%3Cpath d='m20 20 6 6'/%3E%3C/svg%3E") !important
    }


    header .main-menu > ul .flex-box > .favorite.fast-btn:after,
    header .main-menu > ul .flex-box > .commerce.fast-btn:after,
    header .main-menu > ul .flex-box > .phone.fast-btn:after,
    header .main-menu > ul .flex-box > #show_mobile_search.search-btn:not(.search-open):after,
    header .main-menu > ul .flex-box > .search-btn:not(.search-open):after {
        content: none !important;
        display: none !important
    }}


@keyframes product-popup-column-erblink {
    0%, 100% {
        background-color: transparent
    }

    35% {
        background-color: rgba(80, 159, 45, .16)
    }
}
@media (max-width: 768px){
    .header,
    .top-line,
    .header.full-width .main-menu-h,
    .logo-h,
    .logo-h-h,
    .menu-btn {
        transition: opacity .36s cubic-bezier(.22, 1, .36, 1), transform .36s cubic-bezier(.22, 1, .36, 1), max-height .36s cubic-bezier(.22, 1, .36, 1), margin .36s cubic-bezier(.22, 1, .36, 1), padding .36s cubic-bezier(.22, 1, .36, 1), box-shadow .36s cubic-bezier(.22, 1, .36, 1)
    }


    .top-line {
        max-height: 46px;
        transform: translateY(0);
        will-change: opacity, transform, max-height
    }}


/* Планшет 769–1024: новая карточка каталога действует до границы бургер-меню (1025px).
   Дублирует карточные правила, живущие в смешанных мобильных блоках (<=768):
   свайп-слайдер фото (scroll-snap), точки, скрытие стрелок цветов, позиции лейблов. */
@media (min-width: 769px) and (max-width: 1024px) {
    .catalog_holder .products-list .product {
        max-width: 300px;
        margin: 0 auto;
        position: relative;
        overflow: hidden
    }

    .catalog_holder .products-list .product .active-color>span {
        max-width: 145px
    }

    .catalog_holder .product_group .size-picker {
        padding-right: 0%
    }

    .catalog_holder .products-list .product .color-picker-arrows {
        display: none !important
    }

    .catalog_holder .products-list:not(.product_in_view) .product .product-image {
        overflow: hidden
    }

    .catalog_holder .products-list:not(.product_in_view) .product .product-image .image {
        position: absolute;
        inset: 0;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        touch-action: pan-x pan-y
    }

    .catalog_holder .products-list:not(.product_in_view) .product .product-image .image::-webkit-scrollbar {
        display: none
    }

    .catalog_holder .products-list:not(.product_in_view) .product .product-image .image > img,
    .catalog_holder .products-list:not(.product_in_view) .product .product-image .image > picture {
        display: block;
        flex: 0 0 100%;
        width: 100%;
        min-width: 100%;
        margin: 0;
        scroll-snap-align: center
    }

    .catalog_holder .products-list:not(.product_in_view) .product .product-image .image > picture {
        display: contents
    }

    .catalog_holder .products-list:not(.product_in_view) .product .product-image .image > picture img,
    .catalog_holder .products-list:not(.product_in_view) .product .product-image .image > img {
        display: block;
        width: 100%;
        min-width: 100%;
        height: 100%;
        margin: 0;
        object-fit: cover;
        pointer-events: auto
    }

    .catalog_holder:not(.product_in_view) .products-list .product .product-image .image img:not(.active),
    .catalog_holder .products-list:not(.product_in_view) .product .product-image .image img:not(.active) {
        display: block
    }

    .catalog_holder .products-list .product .discount,
    .product-page .discount {
        right: 5px
    }

    .catalog_holder .products-list .product .discount.label-1,
    .product-page .discount.label-1 {
        line-height: 26px;
        height: 26px;
        width: 85px;
        background: #ffb566;
        border-radius: 20px;
        top: 88%;
        left: 4px
    }

    .catalog_holder .products-list:not(.product_in_view) .product .discount.discountLabel.label-1 {
        top: 10px !important;
        bottom: auto !important;
        left: 10px !important;
        right: auto !important
    }

    .catalog_holder .products-list .product .discount.popularLabel.label-1 {
        top: 10px !important;
        bottom: auto !important;
        left: auto !important;
        right: 10px !important
    }

    .catalog_holder .products-list .product .discount.discountLabel:not(.disabled):not(.label-1):has(~ .discount.popularLabel.label-1:not(.disabled)) {
        top: 38px !important
    }

    .catalog-image-dots {
        position: absolute;
        left: 50%;
        bottom: 12px;
        z-index: 8;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        padding: 5px 8px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .76);
        box-shadow: 0 8px 18px rgba(16, 24, 12, .1);
        transform: translateX(-50%);
        pointer-events: auto
    }

    .catalog-image-dot {
        display: block;
        width: 6px;
        height: 6px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: rgba(110, 158, 59, .32);
        outline: 0;
        transition: width .2s ease, background .2s ease
    }

    .catalog-image-dot.active {
        width: 17px;
        border-radius: 999px;
        background: var(--c-green-500)
    }
}
@media (max-width: 768px){
    .header.full-width .main-menu-h,
    .main-menu-h {
        min-height: 72px !important;
        margin-top: 6px !important;
        padding: 10px 15px !important;
        border-radius: 24px !important;
        background: linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(249, 253, 246, .94)) !important;
        box-shadow: 0 16px 34px rgba(16, 24, 12, .075), inset 0 0 0 1px rgba(110, 158, 59, .08) !important
    }


    .header.full-width .main-menu-h .row,
    .main-menu-h .row {
        min-height: 52px !important;
        align-items: center !important
    }


    .logo-h,
    .logo-h-h {
        max-width: 138px !important;
        filter: drop-shadow(0 8px 9px rgba(79, 145, 37, .16)) !important
    }


    .header .main-menu-h .menu-btn {
        position: relative !important;
        width: 52px !important;
        height: 52px !important;
        margin: 0 !important;
        border-radius: 18px !important;
        background-color: transparent !important;
        background-image:
            linear-gradient(var(--c-green-500), var(--c-green-500)),
            linear-gradient(var(--c-green-500), var(--c-green-500)),
            linear-gradient(var(--c-green-500), var(--c-green-500)),
            linear-gradient(135deg, rgba(110, 158, 59, .16), rgba(110, 158, 59, .06)) !important;
        background-position:
            center calc(50% - 8px),
            center center,
            center calc(50% + 8px),
            center center !important;
        background-repeat: no-repeat !important;
        background-size:
            23px 3px,
            23px 3px,
            23px 3px,
            100% 100% !important;
        box-shadow: inset 0 0 0 1px rgba(110, 158, 59, .2), 0 12px 24px rgba(16, 24, 12, .07) !important;
        overflow: hidden !important
    }


    .header .main-menu-h .menu-btn:before {
        content: none !important;
        display: none !important
    }


    .header .main-menu-h .menu-btn:after {
        content: none !important;
        display: none !important
    }}
@media (max-width: 768px){

    .mobile_filter {
        position: fixed !important;
        right: 20px !important;
        bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important;
        left: 20px !important;
        z-index: 28 !important;
        display: flex !important;
        gap: 10px !important;
        width: auto !important;
        padding: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transition: transform .3s cubic-bezier(.4, 0, .2, 1), opacity .3s cubic-bezier(.4, 0, .2, 1) !important
    }


    .mobile_filter .filters-toggle {
        float: none !important;
        width: auto !important;
        flex: 1 !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 0 18px !important;
        border: 0 !important;
        border-radius: 50px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 9px !important;
        color: #fff !important;
        background: var(--c-green-500) !important;
        box-shadow: 0 4px 14px rgba(110, 158, 59, .30) !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        letter-spacing: .02em !important;
        line-height: 1 !important;
        transition: background .2s ease, box-shadow .2s ease, transform .15s ease !important
    }


    .mobile_filter .sorting-toggle {
        float: none !important;
        width: auto !important;
        flex: 1 !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 0 18px !important;
        border: 0 !important;
        border-radius: 50px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 9px !important;
        color: #444 !important;
        background: #fff !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .08), inset 0 0 0 1px rgba(0, 0, 0, .06) !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        letter-spacing: .02em !important;
        line-height: 1 !important;
        transition: background .2s ease, box-shadow .2s ease, transform .15s ease !important
    }


    .mobile_filter .filters-toggle img {
        width: 18px !important;
        height: 18px !important;
        margin: 0 !important;
        filter: brightness(0) invert(1) !important;
        opacity: .85 !important
    }


    .mobile_filter .sorting-toggle img {
        width: 16px !important;
        height: 16px !important;
        margin: 0 !important;
        opacity: .4 !important;
        transition: opacity .2s ease !important
    }


    .catalog_holder .products-list .product .color-picker-arrows {
        display: none !important
    }


    @keyframes catalogMobilePanelEnter {
        from {
            opacity: 0;
            transform: translate3d(0, 72px, 0) scale(.96)
        }

        to {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1)
        }
    }


    @keyframes catalogMobilePanelExit {
        from {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1)
        }

        to {
            opacity: 0;
            transform: translate3d(0, 88px, 0) scale(.965)
        }
    }


    @keyframes catalogMobilePanelContentEnter {
        from {
            opacity: 0;
            transform: translate3d(0, 28px, 0)
        }

        to {
            opacity: 1;
            transform: translate3d(0, 0, 0)
        }
    }


    @keyframes catalogMobileDropdownEnter {
        from {
            opacity: 0;
            transform: translate3d(0, -14px, 0)
        }

        to {
            opacity: 1;
            transform: translate3d(0, 0, 0)
        }
    }


    .catalog_holder .products-list:not(.product_in_view) .product .product-image .image {
        position: absolute;
        inset: 0;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        touch-action: pan-x pan-y
    }


    .catalog_holder .products-list:not(.product_in_view) .product .product-image .image::-webkit-scrollbar {
        display: none
    }


    .catalog_holder .products-list:not(.product_in_view) .product .product-image .image > img,
    .catalog_holder .products-list:not(.product_in_view) .product .product-image .image > picture {
        display: block;
        flex: 0 0 100%;
        width: 100%;
        min-width: 100%;
        margin: 0;
        scroll-snap-align: center
    }


    .catalog_holder .products-list:not(.product_in_view) .product .product-image .image > picture img,
    .catalog_holder .products-list:not(.product_in_view) .product .product-image .image > img {
        display: block;
        width: 100%;
        min-width: 100%;
        height: 100%;
        margin: 0;
        object-fit: cover;
        pointer-events: auto
    }


    .menu-btn {
        position: relative !important;
        width: 52px !important;
        height: 52px !important;
        margin: 0 !important;
        border-radius: 18px !important;
        background-color: transparent !important;
        background-image:
            linear-gradient(var(--c-green-500), var(--c-green-500)),
            linear-gradient(var(--c-green-500), var(--c-green-500)),
            linear-gradient(var(--c-green-500), var(--c-green-500)),
            linear-gradient(135deg, rgba(110, 158, 59, .16), rgba(110, 158, 59, .06)) !important;
        background-position:
            center calc(50% - 8px),
            center center,
            center calc(50% + 8px),
            center center !important;
        background-repeat: no-repeat !important;
        background-size:
            23px 3px,
            23px 3px,
            23px 3px,
            100% 100% !important;
        box-shadow: inset 0 0 0 1px rgba(110, 158, 59, .2), 0 12px 24px rgba(16, 24, 12, .07) !important;
        overflow: hidden !important;
        transition: opacity .36s cubic-bezier(.22, 1, .36, 1), transform .36s cubic-bezier(.22, 1, .36, 1), max-height .36s cubic-bezier(.22, 1, .36, 1), margin .36s cubic-bezier(.22, 1, .36, 1), padding .36s cubic-bezier(.22, 1, .36, 1), box-shadow .36s cubic-bezier(.22, 1, .36, 1) !important
    }


    .menu-btn:before,
    .menu-btn:after {
        content: none !important;
        display: none !important
    }


    /* число найденных товаров бейджем на кнопке «Показати» (моб.) */
    .filters_btns .submit_filter .mfilter-count {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-left: 8px;
        min-width: 22px;
        height: 20px;
        padding: 0 6px;
        border-radius: 10px;
        background: rgba(255, 255, 255, .24);
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        line-height: 1
    }


    .mobile_filter.mobile-menu-hidden,
    body.no-scroll .mobile_filter,
    html.modal-lock .mobile_filter,
    .main-menu.showed ~ .mobile_filter {
        opacity: 0 !important;
        pointer-events: none !important;
        transform: translate3d(0, calc(125% + env(safe-area-inset-bottom, 0px)), 0) !important
    }


    body.mobile-header-is-compact #breadcrumbs_holder {
        margin-top: 82px !important
    }


    .catalog_holder:not(.product_in_view) .products-list .product .product-image .image img:not(.active),
    .catalog_holder .products-list:not(.product_in_view) .product .product-image .image img:not(.active) {
        display: block
    }


    .catalog_holder .products-list:not(.product_in_view) .product .product-image {
        overflow: hidden
    }


    .catalog-image-dots {
        position: absolute;
        left: 50%;
        bottom: 12px;
        z-index: 8;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        padding: 5px 8px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .76);
        box-shadow: 0 8px 18px rgba(16, 24, 12, .1);
        transform: translateX(-50%);
        pointer-events: auto
    }


    .catalog-image-dot {
        display: block;
        width: 6px;
        height: 6px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: rgba(110, 158, 59, .32);
        outline: 0;
        transition: width .2s ease, background .2s ease
    }


    .catalog-image-dot.active {
        width: 17px;
        border-radius: 999px;
        background: var(--c-green-500)
    }}
@media (max-width: 768px){
    #fast-basket .fast-list .viewport {
        overflow: visible
    }


    #fast-basket .fast-list table,
    #fast-basket .fast-list tbody {
        display: block;
        width: 100%
    }}
@media (max-width: 768px){
    body:has(.product-page) .mobile_filter,
    body:has(.fastbuy-page) .mobile_filter,
    body:has(.basket_step_1) .mobile_filter {
        display: none !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transform: translate3d(0, calc(125% + env(safe-area-inset-bottom, 0px)), 0) !important
    }}
@media (min-width: 992px){
    .product-page {
        margin-top: 24px;
        color: #202020
    }


    .product-page > .row {
        display: flex;
        align-items: flex-start
    }


    .product-page > .row > [class*="col-"] {
        float: none
    }


    .product-page .product-info {
        position: relative;
        max-width: 590px;
        margin-left: auto
    }


    .product-page .product-info .name_h {
        margin: 0 0 18px;
        padding: 0 145px 18px 0;
        border-bottom: 1px solid rgba(14, 5, 6, .08)
    }


    .product-page .product-info .name_h .name {
        margin: 0
    }


    .product-page .product-info .name h1 {
        display: block;
        color: #171717;
        font-size: 32px;
        font-weight: 500;
        line-height: 1.14;
        text-transform: uppercase
    }


    .product-page .product-info .name .artik {
        float: none;
        display: block;
        margin-top: 8px;
        color: #787878;
        font-size: 12px;
        font-style: normal;
        font-weight: 400
    }


    .product-page .product-info .add-favorites {
        margin: 3px 12px 0 0
    }


    .product-page .reviews-top {
        float: none;
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        text-align: right
    }


    .product-page .colors-b,
    .product-page .tkan-b,
    .product-page .size-b {
        display: grid;
        grid-template-columns: 124px minmax(0, 1fr);
        gap: 14px;
        align-items: start;
        margin: 0 0 10px;
        padding: 16px 18px;
        border: 1px solid rgba(14, 5, 6, .08);
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 10px 26px rgba(16, 24, 12, .045)
    }


    .product-page .colors-b .title,
    .product-page .tkan-b .title,
    .product-page .size-b .title,
    .product-page .price-b .title {
        width: auto;
        margin: 0;
        align-self: start;
        color: #6a6a6a;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.25;
        text-transform: uppercase
    }


    .product-page .colors-b .title div,
    .product-page .size-b .title span.size-name,
    .product-page .size-b .title span.sizeGroup-name,
    .product-page .size-b .title div.tkan-name {
        display: block;
        margin-top: 5px;
        color: var(--c-green-700);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.25;
        text-decoration: none;
        text-transform: none
    }


    .product-page .colors-b ul,
    .product-page .size-b ul.product_sizes.active,
    .product-page .size-b.size_single ul.product_sizes,
    .product-page .size-b ul.product_materials.active,
    .product-page .size-b.size_single ul.product_materials {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        min-width: 0;
        margin: 0;
        text-align: left
    }


    .product-page .colors-b ul li,
    .product-page .size-b ul li {
        margin: 0
    }


    .product-page .colors-b ul span {
        width: 38px;
        height: 38px;
        border: 3px solid #f1f1f1;
        box-shadow: 0 2px 9px rgba(16, 24, 12, .06)
    }


    .product-page .colors-b ul li:not(.disabled).bx_active span,
    .product-page .colors-b ul li.disabled.bx_active span {
        border-color: #fff;
        box-shadow: 0 0 0 2px var(--c-green-500), 0 8px 16px rgba(110, 158, 59, .17)
    }


    .product-page .colors-b ul li:not(.disabled).bx_active span:after,
    .product-page .colors-b ul li:not(.disabled):hover span:after,
    .product-page .colors-b ul li.disabled:hover span:after,
    .product-page .colors-b ul li.disabled.bx_active span:after {
        content: none
    }


    .product-page .size-b ul li span {
        min-width: 42px;
        height: 42px;
        padding: 0 10px;
        border: 1px solid rgba(110, 158, 59, .5);
        border-radius: 999px;
        background: #fff;
        color: #202020;
        font-size: 13px;
        font-weight: 500;
        line-height: 40px;
        box-shadow: none
    }


    .product-page .size-b ul li.active span,
    .product-page .size-b ul li.bx_active span,
    .product-page .size-b ul li:not(.disabled):hover span {
        border-color: var(--c-green-500);
        background: var(--c-green-500);
        color: #fff
    }


    .product-page .product-promo {
        margin: 12px 0;
        padding: 11px 14px;
        border-radius: 8px;
        background: rgba(110, 158, 59, .08);
        color: #5f8738;
        font-size: 13px;
        line-height: 1.35
    }


    .product-page .product-promo > span {
        display: block;
        animation: none
    }


    .product-page .buy-b {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
        margin: 12px 0 0;
        padding: 18px;
        border: 1px solid rgba(14, 5, 6, .08);
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 12px 30px rgba(16, 24, 12, .055);
        text-transform: none
    }


    .product-page .buy-b .price-b {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 18px;
        width: 100%
    }


    .product-page .buy-b .price-b .prices {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: baseline;
        gap: 8px
    }


    .product-page .price-b b {
        font-size: 32px;
        font-weight: 500;
        line-height: 1;
        color: var(--c-green-700)
    }


    .product-page .price-b b.pro_old_price {
        margin: 0;
        color: #9b9b9b;
        font-size: 18px;
        line-height: 1.1
    }


    .product-page .double-btn-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        width: 100%
    }


    .product-page .add_to_basket,
    .product-page .fust_buy_button,
    .product-page .buy-b .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        margin: 0 !important;
        padding: 12px 18px;
        border-radius: 8px;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.2;
        text-align: center;
        text-transform: uppercase
    }


    .product-page .add_to_basket {
        border: 1px solid rgba(110, 158, 59, .65);
        background: #fff;
        color: var(--c-green-700)
    }


    .product-page .fust_buy_button,
    .product-page .buy-b .btn.active {
        border: 1px solid var(--c-green-500);
        background: var(--c-green-500);
        color: #fff
    }


    .product-page .size-set-b {
        margin: 12px 0 0;
        padding: 14px 18px;
        border: 1px solid rgba(14, 5, 6, .08);
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 8px 22px rgba(16, 24, 12, .04)
    }


    .product-page .size-set-b .title {
        color: #6a6a6a;
        font-size: 12px;
        font-weight: 600
    }


    .product-page .roz-price {
        margin-top: 12px;
        padding: 14px 18px;
        border: 1px solid rgba(110, 158, 59, .16);
        border-radius: 8px;
        background: rgba(110, 158, 59, .06)
    }


    .product-page .accordion.multiple {
        margin-top: 18px
    }}
@media (min-width: 992px){
    .product-page .photo-ctn {
        padding-left: 92px
    }


    .product-page .photo-ctn .photo {
        position: relative;
        overflow: hidden;
        border-radius: 8px;
        background: #f4f4f2
    }


    .product-page .photo-ctn img {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 2 / 3;
        object-fit: cover;
        border-radius: 8px
    }


    .product-page .photo-list {
        width: 74px
    }


    .product-page .photo-item {
        width: 72px;
        height: 104px;
        margin-bottom: 14px;
        border-radius: 6px;
        background-color: #f4f4f2;
        overflow: hidden
    }


    .photo-list .photo-item a.cloudzoom-gallery-active,
    .photo-list .photo-item a:hover {
        border-right: 0 !important;
        border-left: 4px solid var(--c-green-500) !important;
        box-shadow: 0 8px 18px rgba(110, 158, 59, .18)
    }


    .product-page .colors-b,
    .product-page .tkan-b,
    .product-page .size-b,
    .product-page .buy-b,
    .product-page .size-set-b,
    .product-page .roz-price {
        box-shadow: 0 8px 22px rgba(16, 24, 12, .035)
    }


    .product-page .colors-b,
    .product-page .tkan-b,
    .product-page .size-b {
        gap: 12px;
        padding: 14px 16px
    }


    .product-page .colors-b ul,
    .product-page .size-b ul.product_sizes.active,
    .product-page .size-b.size_single ul.product_sizes,
    .product-page .size-b ul.product_materials.active,
    .product-page .size-b.size_single ul.product_materials {
        gap: 7px
    }


    .product-page .size-b ul li span {
        min-width: 40px;
        height: 40px;
        line-height: 38px
    }


    .product-page .product-promo {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 42px;
        margin: 10px 0;
        font-weight: 600;
        text-align: center;
        text-transform: uppercase
    }


    .product-page .buy-b {
        gap: 12px;
        padding: 16px 18px
    }


    .product-page .buy-b .price-b {
        min-height: 44px
    }


    .product-page .add_to_basket,
    .product-page .fust_buy_button,
    .product-page .buy-b .btn {
        min-height: 46px
    }


    .product-page .roz-price {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        min-height: 76px;
        padding: 16px 18px;
        line-height: 1.2;
        text-transform: uppercase
    }


    .product-page .roz-price .opt-price {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin: 0;
        padding: 0;
        border: 0;
        background: none;
        box-shadow: none;
        color: #202020;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0
    }


    .product-page .roz-price .opt-price:after {
        width: 18px;
        height: 18px;
        margin: 0;
        background-size: contain;
        opacity: .85
    }


    .product-page .terms-cooperation-btn a {
        color: var(--c-green-700);
        font-size: 13px;
        font-weight: 600;
        text-decoration: none
    }


    .product-page .accordion.multiple {
        margin-top: 18px;
        border-top: 1px solid rgba(14, 5, 6, .08)
    }


    .product-page .accordion-item {
        border-bottom: 1px solid rgba(14, 5, 6, .08)
    }


    .product-page .accordion-item .title {
        position: relative;
        padding: 15px 34px 15px 0;
        background: none;
        color: #202020;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.2;
        text-transform: uppercase
    }


    .product-page .accordion-item .title:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 3px;
        width: 11px;
        height: 11px;
        border: solid #a5a5a5;
        border-width: 0 2px 2px 0;
        transform: translateY(-70%) rotate(45deg)
    }


    .product-page .accordion-item.active .title {
        background: none;
        color: #202020
    }


    .product-page .accordion-item.active .title:after {
        border-color: #a5a5a5;
        transform: translateY(-30%) rotate(225deg)
    }


    .product-page .accordion-item .accordion-ctn {
        padding: 0 0 16px 20px;
        color: #626262
    }


    .product-page .accordion-item .accordion-ctn p,
    .product-page .characteristics ul li {
        color: #626262;
        font-size: 14px;
        line-height: 1.45
    }


    .product-page .table-price-size {
        margin: 0 0 12px
    }


    .product-page .table-price-size td {
        padding: 7px 8px;
        border-color: rgba(14, 5, 6, .08);
        font-size: 12px
    }}
@media (min-width: 992px) and (max-width: 1199px){
    .product-page .product-info {
        max-width: none
    }


    .product-page .product-info .name_h {
        padding-right: 120px
    }


    .product-page .product-info .name h1 {
        font-size: 27px
    }


    .product-page .colors-b,
    .product-page .tkan-b,
    .product-page .size-b {
        grid-template-columns: 108px minmax(0, 1fr);
        padding: 13px 15px
    }


    .product-page .colors-b .title,
    .product-page .tkan-b .title,
    .product-page .size-b .title,
    .product-page .price-b .title {
        font-size: 11px
    }


    .product-page .price-b b {
        font-size: 30px
    }


    .product-page .photo-ctn {
        padding-left: 86px
    }


    .product-page .photo-list {
        width: 68px
    }


    .product-page .photo-item {
        width: 66px;
        height: 96px
    }}
@media (min-width: 992px){
    .product-page .photo-ctn .photo {
        overflow: visible
    }


    .product-page .photo .product_tops .discount {
        top: 12px;
        right: 12px;
        left: auto;
        z-index: 8;
        box-shadow: 0 10px 22px rgba(16, 24, 12, .16)
    }


    .product-page .colors-b,
    .product-page .tkan-b,
    .product-page .size-b {
        min-height: 66px;
        align-items: center
    }


    .product-page .colors-b .title,
    .product-page .tkan-b .title,
    .product-page .size-b .title {
        align-self: center
    }


    .product-page .size-b .title br {
        display: none
    }


    .product-page .size-b .title span.size-name,
    .product-page .size-b .title span.sizeGroup-name,
    .product-page .size-b .title div.tkan-name {
        margin-top: 4px
    }


    .product-page .colors-b ul,
    .product-page .size-b ul.product_sizes.active,
    .product-page .size-b.size_single ul.product_sizes,
    .product-page .size-b ul.product_materials.active,
    .product-page .size-b.size_single ul.product_materials {
        align-items: center
    }


    .product-page .size-set-b {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        min-height: 58px;
        padding: 12px 18px
    }


    .product-page .size-set-b .sizes {
        display: flex;
        align-items: center;
        gap: 12px;
        min-width: 0;
        margin: 0
    }


    .product-page .size-set-b .title,
    .product-page .size-set-b .matching-size,
    .product-page .size-set-b .size-table-btn {
        margin: 0
    }


    .product-page .size-set-b .matching-size {
        display: inline-flex;
        width: auto;
        min-width: 34px
    }


    .product-page .size-set-b .size-table-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: var(--c-green-700);
        font-size: 13px;
        font-weight: 600;
        white-space: nowrap
    }


    .product-page .size-set-b .size-table-btn:after {
        margin: 0
    }


    .product-page .roz-price div:first-child {
        color: #202020;
        font-size: 14px;
        font-weight: 600
    }


    .product-page .roz-price div:last-child {
        display: flex;
        align-items: baseline;
        gap: 6px;
        color: var(--c-green-700);
        font-size: 18px;
        font-weight: 500;
        white-space: nowrap
    }


    .product-page .accordion-item .accordion-ctn {
        max-width: 92%
    }}
@media (min-width: 1200px){
    .product-page .product-info {
        padding-top: 10px
    }


    .product-page .colors-b,
    .product-page .tkan-b,
    .product-page .size-b,
    .product-page .buy-b,
    .product-page .size-set-b,
    .product-page .roz-price {
        border-color: rgba(14, 5, 6, .07)
    }}
@media (min-width: 992px){
    .product-page .product-info .name_h {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 18px;
        align-items: start;
        padding: 0 0 18px 52px
    }


    .product-page .product-info .name_h .name {
        position: relative;
        min-width: 0
    }


    .product-page .product-info .add-favorites {
        position: absolute;
        top: 2px;
        left: -52px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        margin: 0;
        border: 1px solid rgba(14, 5, 6, .08);
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 8px 18px rgba(16, 24, 12, .05);
        transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease
    }


    .product-page .product-info .add-favorites:before {
        content: '';
        display: block;
        width: 20px;
        height: 19px;
        background: url(img/product-actions.svg) no-repeat 0 0
    }


    .product-page .product-info .add-favorites:hover {
        border-color: rgba(110, 158, 59, .35);
        background: #fff;
        box-shadow: 0 10px 22px rgba(110, 158, 59, .12);
        transform: translateY(-1px)
    }


    .product-page .product-info .add-favorites:hover:before {
        background-position: -30px 0
    }


    .product-page .product-info .name h1 {
        max-width: 100%;
        letter-spacing: 0
    }


    .product-page .product-info .name .artik {
        margin-top: 10px;
        color: #8a8a8a;
        font-size: 13px;
        line-height: 1.2;
        text-transform: uppercase
    }


    .product-page .reviews-top {
        float: none;
        position: static;
        display: flex;
        align-items: center;
        gap: 9px;
        width: fit-content;
        min-width: 0;
        margin: 0 0 4px auto;
        padding: 7px 13px;
        background: #f6f9f1;
        border: 1px solid rgba(32, 49, 20, .09);
        border-radius: 100px;
        line-height: 1;
        text-align: right
    }


    .product-page .reviews-top br {
        display: none
    }


    .product-page .reviews-top .stars {
        display: inline-block;
        margin-left: 0;
        transform-origin: 100% 50%
    }


    .product-page .reviews-top a {
        display: inline;
        margin-top: 0;
        color: var(--c-green-700);
        font-size: 12.5px;
        font-weight: 700;
        line-height: 1;
        text-decoration: none;
        white-space: nowrap
    }


    .product-page .reviews-top a:hover {
        text-decoration: underline
    }


    .product-page .accordion-item.characteristics .accordion-ctn {
        max-width: 100%;
        padding-left: 0
    }


    .product-page .characteristics ul {
        display: grid;
        gap: 0;
        margin: 2px 0 0;
        border: 1px solid rgba(14, 5, 6, .07);
        border-radius: 8px;
        background: #fff;
        overflow: hidden
    }


    .product-page .characteristics ul li {
        display: block;
        margin: 0;
        padding: 10px 14px;
        border-bottom: 1px solid rgba(14, 5, 6, .06);
        color: #626262;
        font-size: 14px;
        line-height: 1.38
    }


    .product-page .characteristics ul li:nth-child(odd) {
        background: rgba(110, 158, 59, .035)
    }


    .product-page .characteristics ul li:last-child {
        border-bottom: 0
    }


    .product-page .characteristics ul li:before {
        content: none
    }}
@media (min-width: 992px) and (max-width: 1199px){
    .product-page .product-info .name_h {
        gap: 12px;
        padding-left: 46px
    }


    .product-page .product-info .add-favorites {
        left: -46px;
        width: 34px;
        height: 34px
    }


    .product-page .reviews-top {
        min-width: 84px
    }}
@media (min-width: 992px){
    .product-page #description .accordion-ctn {
        max-width: 100%;
        padding: 0 0 18px;
        color: #626262;
        font-size: 14px;
        line-height: 1.55
    }


    .product-page #description .accordion-ctn > :first-child {
        margin-top: 0
    }


    .product-page #description .accordion-ctn p {
        margin: 10px 0 0;
        color: #626262;
        font-size: 14px;
        line-height: 1.58
    }


    .product-page #description .accordion-ctn p + p {
        margin-top: 12px
    }}
@media (min-width: 992px){
    .product-page .accordion.multiple {
        display: grid;
        gap: 12px;
        margin-top: 18px;
        border-top: 0
    }


    .product-page .accordion-item {
        margin: 0;
        border: 1px solid rgba(14, 5, 6, .08);
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 10px 26px rgba(16, 24, 12, .04);
        overflow: hidden
    }


    .product-page .accordion-item .title {
        min-height: 58px;
        padding: 18px 58px 18px 22px;
        background: none;
        color: #202020;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: .02em;
        text-transform: uppercase
    }


    .product-page .accordion-item .title:after {
        content: '+';
        top: 50%;
        right: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        border: 0;
        border-radius: 50%;
        background: rgba(110, 158, 59, .09);
        color: var(--c-green-700);
        font-size: 26px;
        font-weight: 400;
        line-height: 1;
        transform: translateY(-50%)
    }


    .product-page .accordion-item.active .title {
        color: var(--c-green-700)
    }


    .product-page .accordion-item.active .title:after {
        content: '\2212';
        background: var(--c-green-500);
        color: #fff;
        transform: translateY(-50%)
    }


    .product-page .accordion-item .accordion-ctn {
        max-width: 100%;
        padding: 0 22px 22px;
        color: #626262
    }


    .product-page #description .accordion-ctn,
    .product-page .accordion-item.characteristics .accordion-ctn {
        padding: 0 22px 22px
    }


    .product-page #description .accordion-ctn table,
    .product-page .characteristics ul {
        margin-top: 0
    }


    .product-page .accordion-item:not(.active) .accordion-ctn {
        padding-bottom: 0
    }}
@media (min-width: 992px) and (max-width: 1199px){
    .product-page .accordion.multiple {
        gap: 10px
    }


    .product-page .accordion-item {
        border-radius: 15px
    }


    .product-page .accordion-item .title {
        min-height: 52px;
        padding: 15px 52px 15px 18px;
        font-size: 14px
    }


    .product-page .accordion-item .title:after {
        right: 16px;
        width: 30px;
        height: 30px;
        font-size: 24px
    }


    .product-page .accordion-item .accordion-ctn,
    .product-page #description .accordion-ctn,
    .product-page .accordion-item.characteristics .accordion-ctn {
        padding-right: 18px;
        padding-left: 18px
    }}
@media (min-width: 992px){
    .header {
        padding: 0;
        border-bottom: 1px solid rgba(14, 5, 6, .06);
        background: rgba(255, 255, 255, .98);
        box-shadow: 0 12px 32px rgba(16, 24, 12, .045)
    }


    .header .top-line {
        min-height: 32px;
        border-bottom: 1px solid rgba(14, 5, 6, .06);
        background: #fff
    }


    .header .top-line .container > .row,
    .header .main-menu-h .container > .row {
        display: flex;
        align-items: center
    }


    .header .top-line .col-md-8,
    .header .top-line .item-right,
    .header .main-menu-h .header-m-block,
    .header .main-menu-h .main-menu {
        float: none
    }


    .header .top-line .col-md-8 {
        display: flex;
        align-items: center;
        gap: 18px;
        flex: 1 1 auto;
        width: auto;
        min-width: 0
    }


    .header .top-line .item-right {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex: 0 0 auto;
        width: auto;
        margin-left: auto
    }


    .header .top-line .item-right .visible-md.visible-lg {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        gap: 11px
    }


    .header .coast,
    .header .lang,
    .header .person,
    .header .person-discount {
        display: inline-flex;
        align-items: center;
        min-height: 32px;
        margin: 0;
        color: #5e9633;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: .01em
    }


    .header .person,
    .header .person-discount {
        gap: 6px;
        color: #3d3d3d;
        font-weight: 500
    }


    .header .icon-before {
        margin-left: 0
    }


    .header .icon-before:before {
        flex: 0 0 auto;
        margin-top: 0;
        opacity: .82;
        transform: scale(.86);
        transform-origin: center
    }


    .header .icon-before a,
    .header .icon-before span,
    .header .person-money.dropdown span,
    .header .person.dropdown span {
        display: inline-flex;
        align-items: center;
        min-height: 32px;
        padding: 0 2px;
        color: inherit;
        font-size: 12px;
        line-height: 1;
        white-space: nowrap
    }


    .header .dropdown .dropdown-ctn {
        top: 100%;
        padding-top: 4px
    }


    .header .dropdown .dropdown-ctn ul {
        padding: 6px 12px;
        border: 1px solid rgba(14, 5, 6, .08);
        border-radius: 10px;
        box-shadow: 0 14px 26px rgba(16, 24, 12, .09)
    }


    .header .item-right .fast-btn,
    .header .item-right .phone,
    .header .item-right .search-btn {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 32px;
        margin: 0;
        border-radius: 999px;
        color: #5e9633;
        transition: background .2s ease, box-shadow .2s ease, transform .2s ease
    }


    .header .item-right .fast-btn:hover,
    .header .item-right .phone:hover,
    .header .item-right .search-btn:hover {
        background-color: rgba(110, 158, 59, .08);
        box-shadow: inset 0 0 0 1px rgba(110, 158, 59, .16);
        transform: translateY(-1px)
    }


    .header .item-right .fast-btn:before,
    .header .item-right .search-btn:before {
        display: block;
        margin: 0;
        transform: scale(.9)
    }


    .header .item-right .phone {
        background-position: center;
        background-size: 21px auto
    }


    .header .item-right .commerce {
        width: auto;
        min-width: 34px;
        gap: 6px;
        padding: 0 8px
    }


    /* Пустая корзина — иконка той же ширины, что соседние кнопки (не резервируем */
    /* место под сумму), иначе после сумки образуется лишний зазор. */
    .header .item-right .commerce .cart_sum:empty {
        display: none
    }


    .header .item-right .commerce:not(:has(.cart_sum:not(:empty))) {
        gap: 0;
        padding: 0
    }


    .header .item-right .commerce .cart_sum {
        display: inline-flex;
        align-items: center;
        color: #2f2f2f;
        font-size: 12px;
        font-weight: 600;
        line-height: 1;
        white-space: nowrap
    }


    .header .item-right .favorite .favorite_counter {
        position: absolute;
        top: -4px;
        right: -4px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 16px;
        height: 16px;
        min-height: 16px;
        padding: 0 4px;
        border: 2px solid #fff;
        border-radius: 999px;
        background: var(--c-green-500);
        color: #fff;
        font-size: 9px;
        font-weight: 700;
        line-height: 1
    }


    .header .item-right .favorite_counter:empty {
        display: none
    }


    .main-menu-h,
    .header.full-width .main-menu-h {
        min-height: 76px;
        margin: 0;
        padding: 0;
        border-top: 0;
        border-bottom: 0;
        background: #fff
    }


    .main-menu-h .container > .row {
        min-height: 76px
    }


    .main-menu-h .header-m-block {
        display: flex;
        align-items: center;
        flex: 0 0 250px;
        width: 250px;
        min-width: 0;
        padding-right: 20px
    }


    .logo-h-h {
        display: inline-flex;
        align-items: center;
        max-width: 188px
    }


    .main-menu-h .logo-h {
        display: block;
        max-width: 188px;
        max-height: 60px;
        opacity: 1;
        transform: none
    }


    .main-menu {
        flex: 1 1 auto;
        width: auto;
        min-width: 0
    }


    .main-menu > ul,
    .header.full-width .main-menu-h .main-menu > ul {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        min-height: 76px;
        margin: 0;
        padding: 0
    }


    .main-menu > ul > li {
        position: static;
        display: inline-flex;
        align-items: center;
        margin: 0;
        font-size: 13px;
        line-height: 1.1
    }


    .main-menu > ul > li:after,
    .main-menu > ul > li.active:after {
        content: none
    }


    .main-menu .open_sub_big {
        display: inline-block;
        width: 7px;
        height: 7px;
        margin-left: 8px;
        border: solid currentColor;
        border-width: 0 2px 2px 0;
        transform: translateY(-2px) rotate(45deg)
    }


    .main-menu .sub-menu {
        top: 100%;
        left: 0;
        z-index: 20;
        width: 100%;
        margin: 0;
        padding: 14px 0 24px;
        border: 0;
        background: transparent;
        box-shadow: none;
        pointer-events: none
    }


    .main-menu .sub-menu > .container {
        pointer-events: auto
    }


    .main-menu .sub-menu:before {
        top: -14px;
        bottom: auto;
        height: 14px
    }


    .main-menu .sub-menu > .container {
        display: grid;
        grid-template-columns: repeat(5, minmax(110px, 1fr)) minmax(150px, 190px);
        grid-auto-flow: row dense;
        gap: 26px;
        max-width: 1170px;
        padding: 26px 30px;
        border: 1px solid rgba(110, 158, 59, .18);
        border-radius: 0 0 18px 18px;
        background: rgba(255, 255, 255, .98);
        box-shadow: 0 34px 70px rgba(16, 24, 12, .16)
    }


    .main-menu .sub-menu .back_menu,
    .main-menu .sub-menu .menu_catalog_back {
        display: none !important
    }


    .main-menu .sub-menu .sub-item {
        display: block;
        max-width: none;
        min-width: 0;
        margin: 0;
        padding: 0;
        vertical-align: top
    }


    .main-menu .sub-menu .sub-item + .sub-item {
        margin-left: 0
    }


    .main-menu .sub-menu .sub-item > span {
        display: block;
        margin: 0 0 11px;
        color: #202020
    }


    .main-menu .sub-menu .sub-item > span,
    .main-menu .sub-menu .sub-item > span a,
    .main-menu .sub-menu .sub-item > span span {
        font-size: 13px !important;
        font-weight: 800;
        line-height: 1.25;
        letter-spacing: .03em;
        text-transform: uppercase
    }


    .main-menu .sub-menu .sub-item > span:after,
    .menu_catalog_link:after {
        width: 24px;
        height: 2px;
        margin-top: 9px;
        border-radius: 999px;
        background: var(--c-green-500)
    }


    .main-menu .sub-menu ul {
        display: grid;
        gap: 2px;
        margin: 0;
        padding: 0
    }


    .main-menu .sub-menu li {
        display: block;
        margin: 0;
        padding: 0;
        font-size: 13px;
        text-transform: none
    }


    .main-menu .sub-menu a,
    .main-menu .sub-menu .active > span,
    .main-menu .sub-menu .sub-item .active > span {
        display: inline-flex;
        align-items: center;
        max-width: 100%;
        min-height: 27px;
        padding: 4px 8px;
        border-radius: 999px;
        color: #373737;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.2;
        text-decoration: none;
        text-transform: none;
        transition: color .2s ease, background .2s ease
    }


    .main-menu .sub-menu a:hover,
    .main-menu .sub-menu .active > span,
    .main-menu .sub-menu .sub-item .active > span {
        background: rgba(110, 158, 59, .09);
        color: #5f9630
    }


    .main-menu .sub-menu .sub-item-image {
        display: grid;
        grid-column: 6;
        grid-row: 1;
        grid-template-columns: 1fr;
        gap: 10px;
        align-self: start;
        float: none;
        max-width: none;
        min-width: 0
    }


    .main-menu .sub-menu .sub-item-image a {
        display: block;
        position: relative;
        float: none;
        width: 100%;
        height: 148px;
        border: 0;
        border-radius: 12px;
        background: #f4f4f1;
        overflow: hidden;
        box-shadow: inset 0 0 0 1px rgba(14, 5, 6, .05)
    }


    .main-menu .sub-menu .sub-item-image a + a {
        border-left-width: 0
    }


    .main-menu .sub-menu .sub-item-image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .3s ease
    }


    .main-menu .sub-menu .sub-item-image a:hover img {
        transform: scale(1.035)
    }


    .main-menu .sub-menu .sub-item-image span {
        right: 12px;
        bottom: 12px;
        left: 12px;
        width: auto;
        min-height: 30px;
        padding: 7px 10px;
        border: 1px solid rgba(255, 255, 255, .86);
        border-radius: 999px;
        background: rgba(255, 255, 255, .78);
        color: #202020;
        font-size: 12px;
        font-weight: 800;
        line-height: 1.1;
        letter-spacing: .04em;
        box-shadow: 0 8px 18px rgba(16, 24, 12, .12);
        backdrop-filter: blur(3px)
    }


    .search-h {
        top: 109px;
        padding: 14px 0 18px;
        border-top: 1px solid rgba(14, 5, 6, .06);
        border-bottom: 1px solid rgba(110, 158, 59, .16);
        box-shadow: 0 22px 44px rgba(16, 24, 12, .12)
    }


    .search-h form {
        margin-top: 0
    }


    .search-h form input[type=text] {
        height: 48px;
        padding: 0 56px 0 18px;
        border: 1px solid rgba(110, 158, 59, .14);
        border-radius: 999px;
        background: #f8faf5;
        color: #222;
        font-size: 18px
    }


    .search-h form input[type=submit] {
        top: 12px;
        right: 18px
    }}
@media (min-width: 992px){
    .header {
        background: linear-gradient(180deg, #fff 0, #fff 74%, #f7faf3 100%);
        box-shadow: 0 18px 42px rgba(28, 45, 18, .09)
    }


    .header .top-line {
        background: #f8fbf4
    }


    .main-menu-h,
    .header.full-width .main-menu-h {
        position: relative;
        background: linear-gradient(180deg, #fff 0, #fff 72%, #f7faf3 100%)
    }


    .main-menu-h:before {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 3px;
        background: linear-gradient(90deg, var(--c-green-500), #a9d56d 42%, rgba(110, 158, 59, .16))
    }


    .main-menu > ul,
    .header.full-width .main-menu-h .main-menu > ul {
        gap: 5px
    }


    .main-menu > ul > li > a,
    .main-menu > ul > li > span,
    .header.full-width .main-menu-h .main-menu > ul > li > a,
    .header.full-width .main-menu-h .main-menu > ul > li > span {
        display: inline-flex;
        align-items: center;
        min-height: 42px;
        padding: 0 15px;
        border: 1px solid transparent;
        border-radius: 999px;
        background: transparent;
        color: #1e1e1e;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.1;
        letter-spacing: .02em;
        text-decoration: none;
        transition: color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease
    }


    .main-menu > ul > li > a:hover,
    .main-menu > ul > li > span:hover,
    .main-menu > ul > li.active > a,
    .main-menu > ul > li.active > span,
    .header .main-menu-h .main-menu > ul > li > a:hover,
    .header .main-menu-h .main-menu > ul > li.active > span,
    .header.full-width .main-menu-h .main-menu > ul > li > a:hover,
    .header.full-width .main-menu-h .main-menu > ul > li.active > span {
        border-color: rgba(110, 158, 59, .24);
        background: var(--c-green-500);
        color: #fff;
        box-shadow: 0 10px 22px rgba(110, 158, 59, .2)
    }


    .main-menu .sub-menu {
        padding-top: 18px
    }


    .main-menu .sub-menu > .container {
        grid-template-columns: repeat(5, minmax(122px, 1fr)) 206px;
        gap: 14px;
        padding: 22px;
        border: 1px solid rgba(110, 158, 59, .2);
        border-radius: 22px;
        background: linear-gradient(135deg, #f5faef 0, #fff 34%, #fff 100%);
        box-shadow: 0 34px 80px rgba(20, 30, 14, .2), inset 0 1px 0 rgba(255, 255, 255, .94)
    }


    .main-menu .sub-menu > .container:before,
    .main-menu .sub-menu > .container:after {
        content: none;
        display: none
    }


    .main-menu .sub-menu .sub-item {
        min-height: 100%;
        padding: 16px 14px 14px;
        border: 1px solid rgba(110, 158, 59, .12);
        border-radius: 16px;
        background: rgba(255, 255, 255, .78);
        box-shadow: 0 10px 26px rgba(28, 45, 18, .045)
    }


    .main-menu .sub-menu .sub-item:hover {
        border-color: rgba(110, 158, 59, .24);
        background: #fff;
        box-shadow: 0 16px 34px rgba(28, 45, 18, .09)
    }


    .main-menu .sub-menu .sub-item > span {
        min-height: 38px;
        margin-bottom: 12px
    }


    .main-menu .sub-menu .sub-item > span,
    .main-menu .sub-menu .sub-item > span a,
    .main-menu .sub-menu .sub-item > span span {
        color: #27301f;
        font-size: 14px !important;
        line-height: 1.14
    }


    .main-menu .sub-menu .sub-item > span:after,
    .menu_catalog_link:after {
        width: 30px;
        height: 3px;
        margin-top: 10px;
        background: linear-gradient(90deg, var(--c-green-500), #acd86d)
    }


    .main-menu .sub-menu ul {
        gap: 4px
    }


    .main-menu .sub-menu a,
    .main-menu .sub-menu .active > span,
    .main-menu .sub-menu .sub-item .active > span {
        width: 100%;
        min-height: 30px;
        padding: 6px 9px;
        border-radius: 10px;
        color: #333;
        font-size: 13px;
        line-height: 1.18
    }


    .main-menu .sub-menu a:hover,
    .main-menu .sub-menu .active > span,
    .main-menu .sub-menu .sub-item .active > span,
    .header .main-menu-h .main-menu .sub-menu a:hover,
    .header .main-menu-h .main-menu .sub-menu .active > span,
    .header.full-width .main-menu-h .main-menu .sub-menu a:hover,
    .header.full-width .main-menu-h .main-menu .sub-menu .active > span {
        background: #edf6e7;
        color: #4c8428
    }


    .main-menu .sub-menu .sub-item-image {
        gap: 14px
    }


    .main-menu .sub-menu .sub-item-image a {
        height: 176px;
        border: 6px solid #fff;
        border-radius: 18px;
        box-shadow: 0 18px 36px rgba(28, 45, 18, .14)
    }


    .main-menu .sub-menu .sub-item-image a:before {
        content: '';
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(24, 30, 18, .22));
        pointer-events: none
    }


    .main-menu .sub-menu .sub-item-image span {
        z-index: 2;
        right: 14px;
        bottom: 14px;
        left: 14px;
        min-height: 34px;
        padding: 9px 12px;
        background: rgba(255, 255, 255, .9);
        color: #202020;
        font-size: 13px
    }}
@media (min-width: 992px) and (max-width: 1199px){
    .main-menu-h .header-m-block {
        flex-basis: 190px;
        width: 190px
    }


    .logo-h-h,
    .main-menu-h .logo-h {
        max-width: 156px
    }


    .main-menu > ul,
    .header.full-width .main-menu-h .main-menu > ul {
        gap: 2px
    }


    .main-menu > ul > li > a,
    .main-menu > ul > li > span,
    .header.full-width .main-menu-h .main-menu > ul > li > a,
    .header.full-width .main-menu-h .main-menu > ul > li > span {
        padding-right: 9px;
        padding-left: 9px;
        font-size: 12px
    }


    .main-menu .sub-menu > .container {
        grid-template-columns: repeat(3, minmax(138px, 1fr)) 190px
    }


    .main-menu .sub-menu .sub-item-image a {
        height: 152px
    }}
@media (min-width: 769px){
    .fast-action {
        background: rgba(18, 25, 13, .42);
        backdrop-filter: blur(5px)
    }


    .fast-action .action-panel {
        top: 0;
        right: 0;
        width: min(560px, calc(100vw - 36px));
        height: 100vh;
        padding: 0;
        border-left: 1px solid rgba(110, 158, 59, .16);
        border-radius: 28px 0 0 28px;
        background: linear-gradient(180deg, #fbfff7 0, #fff 180px, #fff 100%);
        box-shadow: -28px 0 70px rgba(17, 24, 13, .22);
        overflow: hidden
    }


    .fast-action .close-action {
        top: 22px;
        right: 22px;
        z-index: 10;
        width: 44px;
        height: 44px;
        border: 0;
        border-radius: 16px;
        background: rgba(110, 158, 59, .08);
        box-shadow: inset 0 0 0 1px rgba(110, 158, 59, .16);
        transition: background .2s ease, transform .2s ease;
        padding: 0
    }


    .fast-action .close-action:before,
    .fast-action .close-action:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 22px;
        height: 2px;
        border-radius: 999px;
        background: var(--c-green-500);
        transform: translate(-50%, -50%) rotate(45deg)
    }


    .fast-action .close-action:after {
        transform: translate(-50%, -50%) rotate(-45deg)
    }


    .fast-action .close-action:hover {
        background: rgba(110, 158, 59, .12);
        transform: translateY(-1px)
    }


    .fast-item {
        height: 100%;
        min-height: 0;
        padding: 30px 30px 24px;
        font-size: 15px;
        box-sizing: border-box
    }


    .fast-item h2 {
        position: relative;
        flex: 0 0 auto;
        margin: 0 58px 24px 0;
        padding: 0 0 18px;
        color: #202020;
        font-size: 30px;
        font-weight: 800;
        line-height: 1.1;
        letter-spacing: 0;
        text-transform: uppercase
    }


    .fast-item h2:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 48px;
        height: 4px;
        border-radius: 999px;
        background: linear-gradient(90deg, var(--c-green-500), #b4dc73)
    }


    .fast-item .fast-list {
        position: relative;
        flex: 1 1 auto;
        min-height: 0;
        margin: 0;
        border: 0;
        overflow-y: auto
    }


    .fast-item .fast-list .viewport {
        position: absolute;
        inset: 0;
        height: auto;
        border: 0;
        background: transparent;
        overflow: auto
    }


    .fast-item .fast-list .overview {
        width: 100%;
        min-height: 100%;
        padding: 0 3px 4px 0
    }


    .fast-action .scrollbar {
        display: none
    }


    .fast-action .fast-list .viewport::-webkit-scrollbar {
        width: 6px
    }


    .fast-action .fast-list .viewport::-webkit-scrollbar-track {
        background: transparent
    }


    .fast-action .fast-list .viewport::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: rgba(110, 158, 59, .32)
    }


    .fast-item .fast-list::-webkit-scrollbar {
        width: 6px
    }


    .fast-item .fast-list::-webkit-scrollbar-track {
        background: transparent
    }


    .fast-item .fast-list::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: rgba(110, 158, 59, .32)
    }


    .fast-item .fixed-wrapper {
        position: static;
        width: auto;
        height: auto;
        min-height: 100%;
        background: transparent
    }


    .fast-item .fixed-wrapper .flex-box {
        display: block;
        min-height: 0
    }


    #fast-basket .fast-list table,
    #fast-basket .fast-list tbody,
    #fast-favorite .fast-list table,
    #fast-favorite .fast-list tbody {
        display: block;
        width: 100%;
        border-collapse: separate;
        border-spacing: 0
    }


    .fast-item .fast-list td .title {
        margin: 0 0 5px;
        color: #8a9481;
        font-size: 11px;
        font-weight: 800;
        line-height: 1.1;
        letter-spacing: .06em;
        text-transform: uppercase
    }


    .fast-item#fast-basket .basket-action {
        flex: 0 0 auto;
        margin: 0;
        padding: 10px 0 0;
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, .06);
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        font-size: 14px;
        text-transform: none;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center
    }


    .fast-item .basket-action .row {
        display: flex;
        align-items: center;
        width: 100%;
        margin: 0 0 6px
    }


    .fast-item .basket-action .row > div {
        float: none;
        width: auto;
        padding: 0;
        color: #888;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: .03em;
        text-transform: uppercase
    }


    .fast-item .basket-action .row div:last-child {
        margin-left: auto;
        color: #1a1a1a;
        text-align: right
    }


    .fast-item#fast-basket .basket-action .cart_sum {
        color: #1a1a1a;
        font-size: 16px;
        font-weight: 700;
        line-height: 1
    }


    .fast-item .basket-action a.go_to_basket,
    .fast-item#fast-basket .basket-action a.go_to_basket {
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex: 1 1 0;
        min-height: 46px;
        min-width: 0;
        margin: 0;
        padding: 10px 12px;
        border: 1.5px solid var(--c-green-500);
        border-radius: 50px;
        background: #fff;
        color: #567c2e;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.15;
        letter-spacing: .02em;
        text-transform: uppercase;
        text-decoration: none;
        box-shadow: none;
        transition: background .2s ease, color .2s ease
    }


    .fast-item#fast-basket .basket-action .hidden_submit_btn_fb {
        display: none !important
    }


    .fast-item .basket-action a.go_to_basket:first-of-type,
    .fast-item#fast-basket .basket-action a.go_to_basket:first-of-type {
        border-color: var(--c-green-500);
        background: var(--c-green-500);
        color: #fff;
        box-shadow: 0 6px 18px rgba(110, 158, 59, .3)
    }


    .fast-item .basket-action a.go_to_basket:hover,
    .fast-item#fast-basket .basket-action a.go_to_basket:hover {
        background: #f2f8ea;
        color: #4c6e28
    }


    .fast-item .basket-action a.go_to_basket:first-of-type:hover,
    .fast-item#fast-basket .basket-action a.go_to_basket:first-of-type:hover {
        background: #618b34;
        color: #fff
    }


    #fast-contact .fast-list .overview {
        padding-right: 2px
    }


    #fast-contact .phone-contact {
        display: grid;
        gap: 10px;
        margin: 0 0 22px;
        line-height: 1.35
    }


    #fast-contact .phone-contact p {
        margin: 0;
        padding: 16px;
        border: 1px solid rgba(110, 158, 59, .13);
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 12px 28px rgba(28, 45, 18, .055)
    }


    #fast-contact .phone-contact p:first-of-type {
        margin-bottom: 0
    }


    #fast-contact .phone-contact p:last-of-type {
        margin-top: 0
    }


    #fast-contact .phone-contact img {
        display: inline-block;
        width: 22px;
        max-height: 22px;
        margin: 0 9px 0 0;
        vertical-align: middle
    }


    #fast-contact .phone-contact p:first-of-type img {
        display: block;
        width: 28px;
        max-height: 28px;
        margin: 0 0 10px
    }


    #fast-contact .phone-contact a {
        color: #202020;
        font-size: 16px;
        font-weight: 700;
        text-decoration: none
    }


    #fast-contact .phone-contact a:hover {
        color: var(--c-green-700)
    }


    #fast-contact h3 {
        margin: 0 0 14px;
        color: #202020;
        font-size: 18px;
        font-weight: 800;
        line-height: 1.2;
        text-transform: uppercase
    }


    #fast-contact .form {
        padding: 18px;
        border: 1px solid rgba(110, 158, 59, .13);
        border-radius: 22px;
        background: linear-gradient(135deg, #f7fbf2, #fff);
        box-shadow: 0 18px 40px rgba(28, 45, 18, .07)
    }


    #fast-contact .form .row {
        display: block;
        margin: 0
    }


    #fast-contact .form .row:before,
    #fast-contact .form .row:after {
        display: none
    }


    #fast-contact .form [class*="col-"] {
        float: none;
        width: 100%;
        padding: 0;
        margin-bottom: 10px
    }


    #fast-contact .form .input-group {
        margin: 0 0 10px
    }


    #fast-contact input[type=text],
    #fast-contact textarea {
        display: block;
        width: 100%;
        border: 1px solid rgba(110, 158, 59, .16);
        border-radius: 14px;
        background: #fff;
        color: #202020;
        font-size: 14px;
        outline: 0;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85);
        transition: border-color .2s ease, box-shadow .2s ease
    }


    #fast-contact input[type=text] {
        height: 46px;
        padding: 0 14px
    }


    #fast-contact textarea {
        min-height: 104px;
        padding: 12px 14px;
        resize: vertical
    }


    #fast-contact input[type=text]:focus,
    #fast-contact textarea:focus {
        border-color: rgba(110, 158, 59, .42);
        box-shadow: 0 0 0 4px rgba(110, 158, 59, .1)
    }


    #fast-contact .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 50px;
        margin: 4px 0 0;
        border: 0;
        border-radius: 16px;
        background: var(--c-green-500);
        color: #fff;
        font-size: 14px;
        font-weight: 800;
        letter-spacing: .04em;
        text-transform: uppercase;
        box-shadow: 0 14px 26px rgba(110, 158, 59, .22)
    }


    #fast-contact .feedback_thanks_text {
        margin-top: 12px;
        color: var(--c-green-700);
        font-size: 14px;
        font-weight: 700
    }}
@media (max-width: 768px){
    .fast-action .action-panel {
        background: linear-gradient(180deg, #fbfff7 0, #fff 160px, #fff 100%) !important
    }


    #fast-contact h2 {
        flex-shrink: 0;
        position: sticky;
        top: 0;
        z-index: 2;
        margin: 0 50px 16px 0;
        padding: 0 0 14px;
        background: inherit
    }


    #fast-contact h2:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 40px;
        height: 3px;
        border-radius: 999px;
        background: linear-gradient(90deg, var(--c-green-500), #b4dc73)
    }


    #fast-contact .fast-list {
        flex: 1;
        height: auto;
        min-height: 0;
        margin-bottom: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }


    #fast-contact .fast-list .scrollbar {
        display: none
    }


    #fast-contact .fast-list .viewport {
        position: static;
        height: auto;
        border: none;
        overflow: visible
    }


    #fast-contact .fast-list .overview {
        position: static;
        top: auto
    }


    .fast-item h2 {
        margin-right: 58px;
        font-weight: 800
    }


    #fast-contact .fast-list .overview {
        padding: 0 2px
    }


    #fast-contact .fixed-wrapper .flex-box,
    #fast-contact .fixed-wrapper .flex-box > div {
        width: 100%
    }


    #fast-contact .phone-contact {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin: 0 0 18px
    }


    #fast-contact .phone-contact p {
        margin: 0;
        padding: 12px 14px;
        border: 1px solid rgba(110, 158, 59, .12);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
        line-height: 1.5
    }


    #fast-contact .phone-contact p:first-of-type {
        margin: 0
    }


    #fast-contact .phone-contact p {
        position: relative;
        padding: 12px 14px 12px 46px
    }


    #fast-contact .phone-contact p:before {
        position: absolute;
        top: 12px;
        left: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background: rgba(110, 158, 59, .1);
        color: var(--c-green-700);
        font-size: 14px;
        font-weight: 800;
        line-height: 1
    }


    #fast-contact .phone-contact p:after {
        display: block;
        order: -1;
        margin: 0 0 4px;
        color: #7a8472;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase
    }


    #fast-contact .phone-contact p:first-of-type:before {
        content: '\260E'
    }


    #fast-contact .phone-contact p:first-of-type:after {
        content: 'Телефони'
    }


    #fast-contact .phone-contact p:nth-of-type(2):before {
        content: '';
        background: rgba(115, 79, 160, .1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23734fa0' d='M23.4 19.9c-.8-.4-1.8-.8-2.6-1.1-.7-.2-1.2 0-1.5.4l-.7.9c-.3.4-.8.4-1.2.2-2.1-1.1-3.7-2.7-4.7-4.7-.2-.4-.2-.9.2-1.2l.9-.7c.4-.3.6-.8.4-1.5-.3-.9-.7-1.8-1.1-2.6-.4-.8-1.1-1-1.8-.8l-1.3.4c-.8.2-1.4.9-1.4 1.8.1 6.8 5.6 12.4 12.4 12.4.9 0 1.6-.6 1.8-1.4l.4-1.3c.2-.7 0-1.4-.8-1.8Z'/%3E%3Cpath fill='%23734fa0' d='M16 3C9.4 3 4 7.9 4 14c0 2.3.8 4.4 2.1 6.1L5 26.8c-.1.5.4.9.9.7l6.3-2.1c1.2.4 2.5.6 3.8.6 6.6 0 12-4.9 12-11S22.6 3 16 3Zm0 20.4c-1.2 0-2.4-.2-3.5-.6l-.4-.1-4 1.3.7-4.1-.3-.4C7.2 17.9 6.6 16 6.6 14c0-4.7 4.2-8.4 9.4-8.4s9.4 3.8 9.4 8.4-4.2 9.4-9.4 9.4Z'/%3E%3C/svg%3E") no-repeat center / 17px 17px
    }


    #fast-contact .phone-contact p:nth-of-type(2):after {
        content: 'Viber'
    }


    #fast-contact .phone-contact p:nth-of-type(3):before {
        content: '@'
    }


    #fast-contact .phone-contact p:nth-of-type(3):after {
        content: 'E-mail'
    }


    #fast-contact .phone-contact p:first-of-type br {
        display: none
    }


    #fast-contact .phone-contact p:first-of-type a {
        display: block;
        margin-top: 3px
    }


    #fast-contact .phone-contact img {
        display: none
    }


    #fast-contact .phone-contact a {
        color: #202020;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none
    }


    #fast-contact h3 {
        margin: 0 0 10px;
        color: #202020;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase
    }


    #fast-contact .form {
        padding: 14px;
        border: 1px solid rgba(110, 158, 59, .10);
        border-radius: 16px;
        background: linear-gradient(135deg, #f8fbf4, #fff);
        box-shadow: 0 4px 16px rgba(0, 0, 0, .04)
    }


    #fast-contact #feedback_form .row,
    #fast-contact #feedback_form .row:before,
    #fast-contact #feedback_form .row:after {
        all: unset !important;
        display: block !important;
        margin: 0 !important
    }


    #fast-contact #feedback_form .row .col-sm-6 {
        all: unset !important;
        display: block !important;
        width: 100% !important;
        margin-bottom: 8px !important
    }


    #fast-contact .form .input-group {
        margin: 0 0 8px
    }


    #fast-contact input[type=text],
    #fast-contact textarea {
        display: block;
        width: 100%;
        border: 1px solid rgba(110, 158, 59, .14);
        border-radius: 12px;
        background: #fff;
        color: #202020;
        font-size: 14px;
        outline: 0;
        transition: border-color .2s ease
    }


    #fast-contact input[type=text] {
        height: 42px;
        padding: 0 12px
    }


    #fast-contact textarea {
        min-height: 80px;
        padding: 10px 12px;
        resize: vertical
    }


    #fast-contact input[type=text]:focus,
    #fast-contact textarea:focus {
        border-color: rgba(110, 158, 59, .4)
    }


    #fast-contact .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 44px;
        margin: 4px 0 0;
        border: 0;
        border-radius: 14px;
        background: var(--c-green-500);
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: .03em;
        text-transform: uppercase;
        box-shadow: 0 4px 14px rgba(110, 158, 59, .2)
    }


    #fast-contact .feedback_thanks_text {
        margin-top: 10px;
        color: var(--c-green-700);
        font-size: 13px;
        font-weight: 600
    }


    #fast-basket .fast-list .scrollbar {
        display: none !important
    }


    #fast-basket .fast-list .viewport {
        position: static !important;
        height: auto !important;
        overflow: visible !important
    }


    #fast-basket .fast-list .overview {
        position: static !important;
        top: auto !important
    }


    #fast-basket .fast-list {
        flex: 1;
        min-height: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none
    }


    #fast-basket .fast-list::-webkit-scrollbar {
        display: none
    }


    .fast-item#fast-basket .basket-action {
        flex: 0 0 auto;
        margin: 0;
        padding: 10px 0 0;
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, .06);
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        font-size: 14px;
        text-transform: none
    }


    .fast-item .basket-action .row {
        display: flex;
        align-items: center;
        margin: 0 0 8px
    }


    .fast-item .basket-action .row > div {
        float: none;
        width: auto;
        padding: 0;
        color: #888;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: .03em;
        text-transform: uppercase
    }


    .fast-item .basket-action .row div:last-child {
        margin-left: auto;
        color: #1a1a1a;
        text-align: right
    }


    .fast-item#fast-basket .basket-action .cart_sum {
        color: #1a1a1a;
        font-size: 18px;
        font-weight: 800;
        line-height: 1
    }


    .fast-item .basket-action a,
    .fast-item#fast-basket .basket-action a {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 46px;
        margin: 8px 0 0;
        padding: 10px 16px;
        border: 1.5px solid var(--c-green-500);
        border-radius: 50px;
        background: #fff;
        color: #567c2e;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.15;
        letter-spacing: .02em;
        text-transform: uppercase;
        text-decoration: none;
        box-shadow: none;
        transition: background .2s ease, color .2s ease
    }


    .fast-item .basket-action a:first-of-type,
    .fast-item#fast-basket .basket-action a:first-of-type {
        border-color: var(--c-green-500);
        background: var(--c-green-500);
        color: #fff;
        box-shadow: 0 6px 18px rgba(110, 158, 59, .3)
    }


    .fast-item .basket-action a:hover,
    .fast-item#fast-basket .basket-action a:hover {
        background: #f2f8ea;
        color: #4c6e28
    }


    .fast-item .basket-action a:first-of-type:hover,
    .fast-item#fast-basket .basket-action a:first-of-type:hover {
        background: #618b34;
        color: #fff
    }}
@media (min-width: 769px){
    #fast-contact .phone-contact p {
        position: relative;
        padding: 17px 18px 17px 58px
    }


    #fast-contact .phone-contact p:before {
        position: absolute;
        top: 16px;
        left: 18px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background: rgba(110, 158, 59, .1);
        color: var(--c-green-700);
        font-size: 15px;
        font-weight: 800;
        line-height: 1
    }


    #fast-contact .phone-contact p:after {
        display: block;
        order: -1;
        margin: 0 0 8px;
        color: #7a8472;
        font-size: 11px;
        font-weight: 800;
        line-height: 1.1;
        letter-spacing: .08em;
        text-transform: uppercase
    }


    #fast-contact .phone-contact p:first-of-type:before {
        content: '\260E'
    }


    #fast-contact .phone-contact p:first-of-type:after {
        content: 'Телефони для зв\'язку'
    }


    #fast-contact .phone-contact p:nth-of-type(2):before {
        content: '';
        background: rgba(115, 79, 160, .1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23734fa0' d='M23.4 19.9c-.8-.4-1.8-.8-2.6-1.1-.7-.2-1.2 0-1.5.4l-.7.9c-.3.4-.8.4-1.2.2-2.1-1.1-3.7-2.7-4.7-4.7-.2-.4-.2-.9.2-1.2l.9-.7c.4-.3.6-.8.4-1.5-.3-.9-.7-1.8-1.1-2.6-.4-.8-1.1-1-1.8-.8l-1.3.4c-.8.2-1.4.9-1.4 1.8.1 6.8 5.6 12.4 12.4 12.4.9 0 1.6-.6 1.8-1.4l.4-1.3c.2-.7 0-1.4-.8-1.8Z'/%3E%3Cpath fill='%23734fa0' d='M16 3C9.4 3 4 7.9 4 14c0 2.3.8 4.4 2.1 6.1L5 26.8c-.1.5.4.9.9.7l6.3-2.1c1.2.4 2.5.6 3.8.6 6.6 0 12-4.9 12-11S22.6 3 16 3Zm0 20.4c-1.2 0-2.4-.2-3.5-.6l-.4-.1-4 1.3.7-4.1-.3-.4C7.2 17.9 6.6 16 6.6 14c0-4.7 4.2-8.4 9.4-8.4s9.4 3.8 9.4 8.4-4.2 9.4-9.4 9.4Z'/%3E%3C/svg%3E") no-repeat center / 19px 19px
    }


    #fast-contact .phone-contact p:nth-of-type(2):after {
        content: 'Viber'
    }


    #fast-contact .phone-contact p:nth-of-type(3):before {
        content: '@'
    }


    #fast-contact .phone-contact p:nth-of-type(3):after {
        content: 'E-mail'
    }


    #fast-contact .phone-contact p:first-of-type br {
        display: none
    }


    #fast-contact .phone-contact p:first-of-type a {
        display: block;
        margin-top: 5px
    }


    #fast-contact .phone-contact p img {
        display: none
    }


    #fast-contact .phone-contact p:nth-of-type(2) a,
    #fast-contact .phone-contact p:nth-of-type(3) a {
        display: inline-flex;
        align-items: center;
        min-height: 22px
    }


    #fast-contact .phone-contact p:nth-of-type(2) a {
        color: #583b83
    }}


@keyframes fsGalleryLoaderSpin {
    to { transform: rotate(360deg) }
}


/* ── СЕТКА: 1/3 + 2/3, с 3-й колонки — полная ширина ── */
.partner-detail-grid{display:grid;grid-template-columns:1fr 2fr;gap:24px}


/* nav-drawer-head існує тільки в drawer — на десктопі ховаємо */
.nav-drawer-head { display: none !important; }

.nav-drawer-close { display: none !important; }


/* ══ NAV DRAWER — right-side panel (≤1023px) ══════════════════════════════ */
@media (max-width: 1024px) {

  /* ── 1. Drawer panel ── */
  .main-menu,
  header .main-menu,
  header.minimenu .main-menu {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    bottom: 0 !important;
    width: min(400px, 96vw) !important;
    height: 100dvh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #fff !important;
    border-radius: 22px 0 0 22px !important;
    border-bottom: none !important;
    box-shadow: -12px 0 50px rgba(14,5,6,.16) !important;
    display: block !important;
    z-index: 2001 !important;
    transform: translateX(100%) !important;
    transition: transform .38s cubic-bezier(.32,.72,0,1) !important;
    padding-top: 0 !important;
  }

  .main-menu.showed {
    display: block !important;
    transform: translateX(0) !important;
  }

  /* ── 2. Первый li — кнопки действий (кошик, обране, телефон)
          зберігаємо grid 4 колонки із існуючих стилів ── */
  .main-menu > ul > li:first-child {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 10px !important;
    border-bottom: 1px solid rgba(14,5,6,.08) !important;
  }

  /* ── 3. Nav-ссылки (2-й li и далее) ── */
  .main-menu > ul,
  header .main-menu > ul {
    height: auto !important;
    overflow: visible !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 0px !important;
    display: block !important;
  }

  .main-menu > ul > li {
    padding: 0 !important;
    border-bottom: 1px solid rgba(14,5,6,.05) !important;
    display: block !important;
  }

  .main-menu > ul > li:last-child {
    border-bottom: none !important;
  }

  /* только nav-items (не первый li с кнопками) */
  .main-menu > ul > li:nth-child(n+2) > a,
  .main-menu > ul > li:nth-child(n+2) > span {
    display: flex !important;
    align-items: center !important;
    padding: 14px 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #0e0506 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    background: transparent !important;
    transition: color .15s, background .15s !important;
  }

  .main-menu > ul > li:nth-child(n+2) > a:hover,
  .main-menu > ul > li:nth-child(n+2) > span:hover {
    color: var(--c-green-700) !important;
    background: rgba(110,158,59,.05) !important;
  }

  .main-menu > ul > li:nth-child(n+2) > a.active,
  .main-menu > ul > li.active:nth-child(n+2) > a,
  .main-menu > ul > li.active:nth-child(n+2) > span {
    color: var(--c-green-700) !important;
    /* border-left: 3px solid var(--c-green-500) !important; */
    padding-left: 17px !important;
  }

  .main-menu > ul > li.active::after {
    display: none !important;
  }

  /* ── 4. Sub-menus: inline accordion, не full-screen overlay ── */
  .main-menu .sub-menu,
  header .main-menu .sub-menu,
  header.minimenu .main-menu .sub-menu {
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    padding: 4px 0 10px !important;
    background: rgba(110,158,59,.04) !important;
    border-top: 2px solid rgba(110,158,59,.12) !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    z-index: auto !important;
    overflow: visible !important;
  }

  .main-menu .sub-menu::before {
    display: none !important;
  }

  .main-menu .sub-menu .back_menu {
    display: none !important;
  }

  .main-menu .sub-menu .sub-item-image {
    display: none !important;
  }

  .main-menu .sub-menu li {
    margin-bottom: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  .main-menu .sub-menu a {
    display: block !important;
    padding: 9px 22px !important;
    font-size: 13px !important;
    color: #555 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(14,5,6,.04) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    transition: color .15s, padding-left .15s !important;
  }

  .main-menu .sub-menu a:last-child { border-bottom: none !important; }

  .main-menu .sub-menu a:hover {
    color: var(--c-green-700) !important;
    padding-left: 30px !important;
  }

  .main-menu .sub-menu .active > span { color: var(--c-green-700) !important; }

  .main-menu .sub-menu .sub-item {
    display: block !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 8px !important;
    vertical-align: top !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(14,5,6,.045), 0 8px 18px rgba(16,24,12,.032) !important;
  }

  .main-menu .sub-menu .sub-item > span {
    display: block !important;
    position: relative !important;
    padding: 12px 62px 12px 18px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    margin-bottom: 0 !important;
    color: #0e0506 !important;
  }

  /* text nodes only — NOT the .open_sub arrow */
  .main-menu .sub-menu .sub-item > span > a,
  .main-menu .sub-menu .sub-item > span > span:not(.open_sub) {
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    padding: 0 !important;
    display: inline !important;
  }

  /* open_sub arrow button — видимий і позиціонований у всіх розмірах drawer */
  .main-menu .sub-menu .sub-item .open_sub {
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
    background: rgba(110,158,59,.1) !important;
    transform: translateY(-50%) !important;
    float: none !important;
  }

  .main-menu .sub-menu .sub-item > span::after { display: none !important; }

  .main-menu .sub-menu .menu-show-all {
    display: block !important;
    padding: 10px 22px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: var(--c-green-700) !important;
    border-bottom: none !important;
  }

  /* search inside drawer */
  .search-small { padding: 10px 16px 4px !important; }

  /* ── 5. Drawer header (injected by JS) ── */
  .nav-drawer-head {
    position: sticky !important;
    top: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 15px 18px !important;
    background: #fff !important;
    border-bottom: 1px solid rgba(14,5,6,.07) !important;
    z-index: 5 !important;
    flex-shrink: 0 !important;
  }

  .nav-drawer-head-logo {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    line-height: 0 !important;
  }

  .nav-drawer-head-logo img {
    width: 110px !important;
    height: auto !important;
    display: block !important;
  }

  /* крестик — в едином стиле с .modal-close / .close-action */
  .nav-drawer-close {
    position: relative !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(110,158,59,.08) !important;
    border: none !important;
    box-shadow: inset 0 0 0 1px rgba(110,158,59,.16) !important;
    cursor: pointer !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    transition: background .2s ease !important;
    -webkit-appearance: none !important;
  }

  .nav-drawer-close:hover { background: rgba(110,158,59,.14) !important; }

  .nav-drawer-close:before,
  .nav-drawer-close:after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    width: 20px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: var(--c-green-500) !important;
    transform: translate(-50%, -50%) rotate(45deg) !important;
  }

  .nav-drawer-close:after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
  }

  /* ── 6. overlay нижче header stacking context (z:10), drawer активен ── */
  .search_overflow { z-index: 9 !important; }

  /* ── 7. Коли drawer відкрито (.main-menu.showed) — ховаємо header-контент ── */
  header:has(.main-menu.showed) {
    background: transparent !important;
    box-shadow: none !important;
  }
  header:has(.main-menu.showed) .top-line {
    opacity: 0 !important;
    pointer-events: none !important;
  }
  header:has(.main-menu.showed) .main-menu-h {
    background: transparent !important;
    box-shadow: none !important;
  }
  header:has(.main-menu.showed) .main-menu-h .row > *:not(.main-menu) {
    opacity: 0 !important;
    pointer-events: none !important;
  }
}


/* FIX: Menu button alignment on mobile/tablet (1024px) */
@media (max-width: 1024px) {
  .menu-btn {
    margin-left: auto !important;
  }
  .header .main-menu-h .row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }
}


/* FIX (2026-07-02): drawer-блок @media(max-width:1023px) перебивал bento-меню на ≤768px:
   стрелка .open_sub теряла flex-центровку (display:block вместо inline-flex),
   а «Показати все» становилась block и шире карточек (.sub-item лежат в .container
   с padding 15px, .menu-show-all вставляется JS напрямую в .sub-menu) */
@media (max-width: 768px) {
    header .main-menu .sub-menu .sub-item .open_sub {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        right: 14px !important;
        border-radius: 15px !important
    }

    header .main-menu .sub-menu > .menu-show-all {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 15px 12px !important;
        padding: 10px 16px !important
    }

    /* FIX (2026-07-16): drawer-правило .main-menu .sub-menu a { border-bottom !important }
       рисовало едва видимую линию под заголовками подкатегорий шириной по тексту —
       выглядело как съехавшее подчёркивание, ломало центровку пилюли.
       Глушим на всех вариантах заголовка: ссылка, активный span, контейнер, ::after */
    header .main-menu .sub-menu .sub-item > span,
    .main-menu .sub-menu .sub-item > span,
    header .main-menu .sub-menu .sub-item > span > a,
    .main-menu .sub-menu .sub-item > span > a,
    header .main-menu .sub-menu .sub-item > span > span,
    .main-menu .sub-menu .sub-item > span > span {
        border-bottom: none !important
    }

    header .main-menu .sub-menu .sub-item > span::after,
    header .main-menu .sub-menu .sub-item > span > a::after,
    header .main-menu .sub-menu .sub-item > span > span::after {
        content: none !important;
        display: none !important
    }
}


/* ===== Filters redesign — desktop minimal (2026-07) ===== */
@media (min-width:1025px) {
    .catalog_holder .menu-l {
        width: auto;
        padding-right: 10px
    }
    .catalog_holder .menu-l .h1 {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 10px;
        font-size: 19px;
        font-weight: 600;
        letter-spacing: 1.5px;
        color: #2e3628;
        margin: 4px 0 10px
    }
    .catalog_holder .clear_filters {
        display: inline;
        background: none !important;
        border: none !important;
        border-bottom: 1px dashed #c9cfc4 !important;
        border-radius: 0;
        color: #9aa39a !important;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0;
        text-transform: none;
        padding: 0;
        margin: 0;
        white-space: nowrap;
        transition: color .2s
    }
    .catalog_holder .clear_filters:hover {
        color: var(--c-green-700) !important;
        border-bottom-color: var(--c-green-700) !important
    }
    .catalog_holder .filter .filter-item {
        width: 100%;
        border-top: 1px solid #e8ebe5
    }
    .catalog_holder .filter .filter-item:last-of-type {
        border-bottom: 1px solid #e8ebe5
    }
    .catalog_holder .filter .title {
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 1px;
        color: #2e3628;
        padding: 15px 25px 15px 2px;
        background: none;
        position: relative;
        transition: color .2s
    }
    .catalog_holder .filter .title:hover {
        color: var(--c-green-700)
    }
    .catalog_holder .filter .title:after {
        content: '';
        position: absolute;
        right: 6px;
        top: 50%;
        width: 8px;
        height: 8px;
        border-right: 1.5px solid #a8b0a2;
        border-bottom: 1.5px solid #a8b0a2;
        transform: translateY(-70%) rotate(45deg);
        transition: transform .25s
    }
    .catalog_holder .filter .filter-item.active .title {
        background: none
    }
    .catalog_holder .filter .filter-item.active .title:after {
        transform: translateY(-30%) rotate(225deg)
    }
    .catalog_holder .filter .filter-cnt {
        padding: 2px 2px 18px
    }
    /* чекбоксы */
    .catalog_holder .filter .checkbox .row_checked {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 6px;
        margin: 0 -6px;
        border-radius: 7px;
        cursor: pointer;
        transition: background .15s
    }
    .catalog_holder .filter .checkbox .row_checked:hover {
        background: #f4f7f0
    }
    /* легаси-чекбоксы (label:before/:after + input на -9999px) отключаем в пользу кастомного инпута */
    .catalog_holder .filter .row_checked [type=checkbox]+label:before,
    .catalog_holder .filter .row_checked [type=checkbox]+label:after {
        content: none !important
    }
    .catalog_holder .filter .checkbox .row_checked input {
        position: static;
        left: auto;
        -webkit-appearance: none;
        appearance: none;
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
        margin: 0;
        border: 1.5px solid #c4ccc0;
        border-radius: 5px;
        background: #fff center/12px no-repeat;
        cursor: pointer;
        transition: all .18s
    }
    .catalog_holder .filter .checkbox .row_checked input:checked {
        background-color: var(--c-green-500);
        border-color: var(--c-green-500);
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5 4.8 9 10 3.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    }
    .catalog_holder .filter .checkbox .row_checked label {
        display: flex;
        flex: 1;
        align-items: baseline;
        margin: 0;
        padding-left: 0;
        font-size: 13.5px;
        color: #444;
        cursor: pointer
    }
    .catalog_holder .filter .checkbox .row_checked:hover label {
        color: #2e3628
    }
    .catalog_holder .filter .checkbox .row_checked input:checked~label {
        color: #2e3628;
        font-weight: 600
    }
    .catalog_holder .filter .checkbox .row_checked label .f-cnt {
        margin-left: auto;
        padding-left: 8px;
        font-size: 11.5px;
        font-weight: 400;
        color: #b3bab0
    }
    /* готовність — таблетки */
    .catalog_holder .filter .filter_avaible .checkbox {
        display: flex;
        flex-wrap: wrap;
        gap: 8px
    }
    .catalog_holder .filter .filter_avaible .checkbox .row_checked {
        display: block;
        padding: 0;
        margin: 0
    }
    .catalog_holder .filter .filter_avaible .checkbox .row_checked:hover {
        background: none
    }
    .catalog_holder .filter .filter_avaible .checkbox .row_checked input {
        display: none
    }
    .catalog_holder .filter .filter_avaible .checkbox .row_checked label {
        display: inline-block;
        flex: none;
        border: 1px solid #d7ddd2;
        border-radius: 18px;
        padding: 7px 15px;
        font-size: 12.5px;
        font-weight: 400;
        color: #555;
        background: #fff;
        transition: all .18s
    }
    .catalog_holder .filter .filter_avaible .checkbox .row_checked:hover label {
        border-color: var(--c-green-500);
        color: var(--c-green-700)
    }
    .catalog_holder .filter .filter_avaible .checkbox .row_checked input:checked~label {
        background: var(--c-green-500);
        border-color: var(--c-green-500);
        color: #fff;
        font-weight: 600
    }
    /* стать — таблетки */
    .catalog_holder .filter .people-sort-f.people-sort {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin: 0
    }
    .catalog_holder .filter .people-sort-f.people-sort a {
        display: inline-block;
        width: auto;
        border: 1px solid #d7ddd2;
        border-radius: 18px;
        padding: 7px 15px;
        margin: 0;
        font-size: 12.5px;
        line-height: 1.4;
        color: #555;
        background: #fff;
        transition: all .18s
    }
    .catalog_holder .filter .people-sort-f.people-sort a:before {
        display: none !important
    }
    .catalog_holder .filter .people-sort-f.people-sort a:hover {
        border-color: var(--c-green-500);
        color: var(--c-green-700)
    }
    .catalog_holder .filter .people-sort-f.people-sort a.active {
        background: var(--c-green-500);
        border-color: var(--c-green-500);
        color: #fff;
        font-weight: 600
    }
    /* розмір — сетка */
    .catalog_holder .filter .size {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
        padding: 2px 6px 4px 2px
    }
    .catalog_holder .filter .size label {
        display: block;
        margin: 0
    }
    .catalog_holder .filter .size label span {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        row-gap: 2px;
        width: 100%;
        min-height: 38px;
        height: auto;
        min-width: 0;
        padding: 4px;
        font-size: 13px;
        line-height: 1.15;
        color: #555;
        border: 1px solid #d7ddd2;
        border-radius: 10px;
        transition: all .18s
    }
    .catalog_holder .filter .size label:hover span {
        background: #fff;
        color: var(--c-green-700);
        border-color: var(--c-green-500)
    }
    .catalog_holder .filter .size input:checked+span {
        background-color: var(--c-green-500) !important;
        border-color: var(--c-green-500);
        color: #fff !important;
        font-weight: 600
    }
    .catalog_holder .filter .size label.disabled span {
        opacity: .35;
        text-decoration: line-through
    }
    /* подзаголовки групп размеров («Одяг» / «Шапки та аксесуари») */
    .catalog_holder .filter .size .f-size-grp {
        grid-column: 1 / -1;
        margin: 8px 0 0;
        font-size: 10.5px;
        font-weight: 600;
        letter-spacing: .8px;
        text-transform: uppercase;
        color: #9aa39a
    }
    .catalog_holder .filter .size .f-size-grp:first-child {
        margin-top: 0
    }
    /* ростовки (опт): значения вида «128-140р» шире одиночных размеров — плитка на 2 колонки */
    .catalog_holder .filter .size label[data-label$="р"] {
        grid-column: span 2
    }
    /* количество моделей — бейджем на контуре плитки размера */
    .catalog_holder .filter .size label span[data-cnt] {
        position: relative
    }
    .catalog_holder .filter .size label span[data-cnt]:after {
        content: attr(data-cnt);
        position: absolute;
        top: -7px;
        right: 9px;
        background: #fff;
        border-radius: 7px;
        padding: 0 4px;
        font-size: 10px;
        line-height: 13px;
        font-weight: 400;
        color: #b3bab0;
        transition: color .18s
    }
    .catalog_holder .filter .size label span[data-cnt=""]:after,
    .catalog_holder .filter .size label span[data-cnt="0"]:after {
        content: none
    }
    .catalog_holder .filter .size label:hover span[data-cnt]:after {
        color: var(--c-green-700)
    }
    .catalog_holder .filter .size input:checked+span[data-cnt]:after {
        color: var(--c-green-700)
    }
    /* колір */
    .catalog_holder .filter .color {
        padding-left: 2px
    }
    .catalog_holder .filter .color label.filter_color_h {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 0 -6px;
        padding: 5px 6px;
        border-radius: 7px;
        transition: background .15s
    }
    .catalog_holder .filter .color label.filter_color_h:hover {
        background: #f4f7f0
    }
    .catalog_holder .filter .color .tooltip {
        display: none !important
    }
    .catalog_holder .filter .color label span {
        width: 22px;
        height: 22px;
        line-height: 22px;
        flex: 0 0 22px;
        border: 1px solid rgba(0, 0, 0, .12)
    }
    .catalog_holder .filter .color label:hover span {
        border: 1px solid rgba(0, 0, 0, .12);
        box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #cfd8c6
    }
    .catalog_holder .filter .color input:checked+span {
        border: 1px solid rgba(0, 0, 0, .12);
        box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--c-green-500)
    }
    .catalog_holder .filter .color label span.filter_color_n,
    .catalog_holder .filter .color label:hover span.filter_color_n,
    .catalog_holder .filter .color input:checked~span.filter_color_n {
        width: auto;
        height: auto;
        flex: 1;
        border: none;
        box-shadow: none;
        margin: 0;
        font-size: 13px;
        line-height: 1.3;
        color: #444;
        text-align: left
    }
    .catalog_holder .filter .color label:hover span.filter_color_n {
        color: #2e3628
    }
    .catalog_holder .filter .color input:checked~span.filter_color_n {
        color: #2e3628;
        font-weight: 600
    }
    /* чипы выбранных значений */
    .catalog_holder .filter-item .filter_selected {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        width: auto;
        height: auto;
        line-height: 1.2;
        margin: 0 6px 10px 0;
        padding: 4px 9px 4px 11px;
        font-size: 12px;
        color: #4a6b28;
        background: #eef5e6;
        border: 1px solid #d5e4c2;
        border-radius: 16px;
        transition: background .2s
    }
    .catalog_holder .filter-item .filter_selected:hover {
        background: #e2eed2;
        color: #3f5c22
    }
    .catalog_holder .filter-item .filter_selected i {
        width: 14px;
        height: 14px;
        margin: 0;
        background: #b9cf9b;
        border-radius: 50%;
        color: #fff;
        font-size: 11px;
        line-height: 14px;
        text-align: center;
        font-style: normal
    }
    .catalog_holder .filter-item .filter_selected i:before {
        content: '\00d7'
    }
    .catalog_holder .filter-item .filter_selected:hover i {
        background: var(--c-green-700)
    }
    /* ===== Карточка товара (розница), по мотивам мобильной ===== */
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: auto auto auto auto 1fr;
        column-gap: 8px;
        max-width: none;
        padding: 0 0 16px;
        margin-bottom: 26px;
        background: #fff;
        border: 1px solid #eef0ea;
        border-bottom: 1px solid #eef0ea;
        border-radius: 16px;
        overflow: hidden;
        transition: box-shadow .25s ease, border-color .25s ease
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user:hover {
        border-color: #e0e6d8;
        box-shadow: 0 14px 38px rgba(20, 40, 10, .10)
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .product-image {
        grid-column: 1 / -1;
        grid-row: 1;
        width: 100%;
        float: none;
        margin: 0
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .info {
        display: contents
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user>.clr,
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .timer,
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .active-color,
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .active-material {
        display: none !important
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .name {
        grid-column: 1 / -1;
        grid-row: 2;
        width: auto;
        float: none;
        padding: 12px 16px 0;
        color: #202020;
        font-size: 14.5px;
        line-height: 1.3;
        font-weight: 500;
        letter-spacing: -.01em;
        white-space: normal;
        transition: color .2s
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .name:hover {
        color: var(--c-green-700);
        text-decoration: none
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .status {
        display: none !important;
        grid-column: 1 / -1;
        grid-row: 3;
        width: auto;
        padding: 8px 16px 0;
        color: #676767;
        font-size: 12px;
        line-height: 1.35
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user.size-status-selected .status {
        display: block !important
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .product_blocks,
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .product_blocks_left {
        display: contents
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .tkan-picker,
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .btn-modal.notification {
        grid-column: 1 / -1;
        grid-row: 3
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .size-picker {
        display: block;
        grid-column: 1 / -1;
        grid-row: 4;
        margin: 10px 0 0;
        padding: 0 16px
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user ul.color-picker {
        grid-column: 1 / -1;
        grid-row: 6;
        margin: 8px 0 0;
        padding: 0 16px
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .price-picker {
        grid-column: 1 / 2;
        grid-row: 5;
        width: auto;
        float: none;
        display: flex;
        align-items: baseline;
        gap: 8px;
        text-align: left;
        padding: 14px 0 0 16px;
        align-self: center
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .price {
        float: none;
        width: auto;
        margin: 0
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .new-price {
        order: 1
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .old-price {
        order: 2
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .price,
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .price span {
        color: #151515;
        font-size: 15px;
        line-height: 1.2;
        font-weight: 700
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .old-price.active,
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .old-price.active span {
        color: #a9b0a6;
        font-size: 12.5px;
        font-weight: 400
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .old-price:not(.active) {
        display: none
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .pbtns {
        grid-column: 2 / 3;
        grid-row: 5;
        display: flex;
        gap: 8px;
        align-items: center;
        justify-content: flex-end;
        float: none;
        width: auto;
        padding: 14px 14px 0 0;
        align-self: center
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .product_add_wish,
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .product_btn {
        float: none;
        margin: 0;
        padding: 0;
        opacity: 1;
        visibility: visible
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .product_add_wish {
        position: absolute;
        top: 12px;
        left: 12px;
        z-index: 5;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, .8);
        background-image: url(img/product-actions.svg);
        background-repeat: no-repeat;
        background-position: 8px 8px;
        box-shadow: 0 8px 22px rgba(0, 0, 0, .08);
        backdrop-filter: blur(6px);
        transition: background-color .2s
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .product_add_wish:hover {
        background-color: #fff
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .product_add_wish.active {
        background-position: -54px 8px
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .product_btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: auto;
        height: auto;
        border: 0;
        border-radius: 0;
        background: none;
        padding: 4px;
        transition: opacity .2s
    }
    .catalog_holder .products-list:not(.product_in_view) .product.regular_user .product_btn:hover {
        opacity: .75
    }
    /* лейблы не наезжают друг на друга: второй уходит ниже */
    .catalog_holder .products-list:not(.product_in_view) .product .discountLabel {
        top: 12px;
        right: 12px;
        left: auto
    }
    .catalog_holder .products-list:not(.product_in_view) .product .popularLabel {
        top: 12px;
        right: 12px;
        left: auto
    }
    .catalog_holder .products-list:not(.product_in_view) .product .discountLabel:not(.disabled):not(.label-1):has(~.popularLabel:not(.disabled)) {
        top: 40px !important
    }
    /* кружки размеров в карточке — таблетки, как в мобильной версии */
    .catalog_holder .products-list:not(.product_in_view) .product .size-picker .size1 {
        margin: 0 4px 5px 0;
        padding: 0
    }
    .catalog_holder .products-list:not(.product_in_view) .product .size-picker .size1 span {
        position: relative;
        min-width: 32px;
        height: 32px;
        padding: 0 8px;
        border: 1px solid rgba(110, 158, 59, .45);
        border-radius: 999px;
        background: #fff;
        color: #202020;
        font-size: 11.5px;
        line-height: 30px;
        box-shadow: 0 1px 0 rgba(0, 0, 0, .03)
    }
    /* вуаль на каталог, пока открыт попап «знайдено N товарів» */
    .fc-open .col-catalog:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 50;
        background: rgba(255, 255, 255, .55);
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        animation: fcFade .25s ease
    }
    @keyframes fcFade {
        from { opacity: 0 }
        to { opacity: 1 }
    }
    .catalog_holder .products-list:not(.product_in_view) .product .size-picker .size1.active span,
    .catalog_holder .products-list:not(.product_in_view) .product .size-picker li:not(.disabled):hover span {
        background: var(--c-green-500);
        border-color: var(--c-green-500);
        color: #fff
    }
    /* ===== Карточка товара (опт) — те же принципы, flex-схема как в мобильной ===== */
    .catalog_holder .products-list:not(.product_in_view) .product:is(.product_group, .product_model):not(.regular_user) {
        display: flex;
        flex-direction: column;
        max-width: none;
        padding: 0 0 14px;
        margin-bottom: 26px;
        background: #fff;
        border: 1px solid #eef0ea;
        border-bottom: 1px solid #eef0ea;
        border-radius: 16px;
        overflow: hidden;
        transition: box-shadow .25s ease, border-color .25s ease
    }
    .catalog_holder .products-list:not(.product_in_view) .product:is(.product_group, .product_model):not(.regular_user):hover {
        border-color: #e0e6d8;
        box-shadow: 0 14px 38px rgba(20, 40, 10, .10)
    }
    .catalog_holder .products-list:not(.product_in_view) .product:is(.product_group, .product_model):not(.regular_user) .product-image {
        width: 100%;
        float: none;
        margin: 0
    }
    .catalog_holder .products-list:not(.product_in_view) .product:is(.product_group, .product_model):not(.regular_user) .info {
        box-sizing: border-box;
        width: auto;
        float: none;
        padding: 12px 16px 0
    }
    .catalog_holder .products-list:not(.product_in_view) .product:is(.product_group, .product_model):not(.regular_user) .info .name {
        width: auto;
        float: none;
        padding: 0;
        color: #202020;
        font-size: 14.5px;
        line-height: 1.3;
        font-weight: 500;
        white-space: normal;
        transition: color .2s
    }
    .catalog_holder .products-list:not(.product_in_view) .product:is(.product_group, .product_model):not(.regular_user) .info .name:hover {
        color: var(--c-green-700);
        text-decoration: none
    }
    .catalog_holder .products-list:not(.product_in_view) .product:is(.product_group, .product_model):not(.regular_user) .info .price-picker {
        width: auto;
        float: none;
        display: flex;
        align-items: baseline;
        gap: 8px;
        text-align: left;
        padding: 8px 0 0
    }
    .catalog_holder .products-list:not(.product_in_view) .product:is(.product_group, .product_model):not(.regular_user) .info .price {
        float: none;
        width: auto;
        margin: 0
    }
    .catalog_holder .products-list:not(.product_in_view) .product:is(.product_group, .product_model):not(.regular_user) .info .new-price {
        order: 1
    }
    .catalog_holder .products-list:not(.product_in_view) .product:is(.product_group, .product_model):not(.regular_user) .info .old-price {
        order: 2
    }
    .catalog_holder .products-list:not(.product_in_view) .product:is(.product_group, .product_model):not(.regular_user) .info .price,
    .catalog_holder .products-list:not(.product_in_view) .product:is(.product_group, .product_model):not(.regular_user) .info .price span {
        color: #151515;
        font-size: 15px;
        font-weight: 700
    }
    .catalog_holder .products-list:not(.product_in_view) .product:is(.product_group, .product_model):not(.regular_user) .info .old-price.active,
    .catalog_holder .products-list:not(.product_in_view) .product:is(.product_group, .product_model):not(.regular_user) .info .old-price.active span {
        color: #a9b0a6;
        font-size: 12.5px;
        font-weight: 400
    }
    .catalog_holder .products-list:not(.product_in_view) .product:is(.product_group, .product_model):not(.regular_user) .info .active-color {
        padding: 4px 0 0;
        color: #9aa39a;
        font-size: 12px
    }
    .catalog_holder .products-list:not(.product_in_view) .product:is(.product_group, .product_model):not(.regular_user)>.clr {
        display: none
    }
    .catalog_holder .products-list:not(.product_in_view) .product:is(.product_group, .product_model):not(.regular_user) .product_blocks {
        position: static;
        display: flex;
        flex-direction: column;
        flex: 1;
        width: auto;
        padding: 6px 16px 0
    }
    .catalog_holder .products-list:not(.product_in_view) .product:is(.product_group, .product_model):not(.regular_user) .product_blocks_left {
        width: 100%
    }
    .catalog_holder .products-list:not(.product_in_view) .product:is(.product_group, .product_model):not(.regular_user) .product_blocks_right {
        width: 100%;
        height: auto;
        min-width: 0;
        margin-top: auto
    }
    .catalog_holder .products-list:not(.product_in_view) .product:is(.product_group, .product_model):not(.regular_user) .pbtns {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 8px;
        float: none;
        min-height: 38px;
        padding-top: 8px
    }
    .catalog_holder .products-list:not(.product_in_view) .product:is(.product_group, .product_model):not(.regular_user) .status {
        color: #676767;
        font-size: 12px
    }
    /* ткани в карточке — как чипы тканей на странице товара (скруглённые прямоугольники) */
    .catalog_holder .products-list:not(.product_in_view) .product .tkan-picker li {
        margin: 0 4px 5px 0;
        padding: 0
    }
    .catalog_holder .products-list:not(.product_in_view) .product .tkan-picker li span {
        position: relative;
        width: auto;
        min-width: 0;
        max-width: 100%;
        height: auto;
        min-height: 36px;
        padding: 9px 13px;
        border: 1px solid rgba(110, 158, 59, .5);
        border-radius: 8px;
        background: #fff;
        color: #202020;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.25;
        white-space: normal;
        box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
        box-sizing: border-box
    }
    .catalog_holder .products-list:not(.product_in_view) .product .tkan-picker li.active span,
    .catalog_holder .products-list:not(.product_in_view) .product .tkan-picker li:not(.disabled):hover span {
        border-color: var(--c-green-500);
        background: var(--c-green-500);
        color: #fff
    }
    /* всплывашка «знайдено N товарів» */
    .find_counter {
        transition: none;
        bottom: auto;
        height: auto;
        z-index: 60;
        min-width: 210px;
        padding: 16px;
        border: 1px solid #d5e4c2;
        border-radius: 12px;
        box-shadow: 0 12px 34px rgba(20, 40, 10, .16)
    }
    .find_counter:before {
        top: var(--fc-arrow, 50%);
        border-right-color: #fff;
        filter: drop-shadow(-2px 0 1px rgba(20, 40, 10, .08))
    }
    .find_counter .find_counter_close {
        position: absolute;
        top: -10px;
        right: -10px;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background: #fff;
        border: 1px solid #d5e4c2;
        color: #9aa39a;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: center;
        text-transform: none;
        cursor: pointer;
        box-shadow: 0 4px 12px rgba(20, 40, 10, .12);
        transition: color .2s, border-color .2s
    }
    .find_counter .find_counter_close:hover {
        color: #e05a5a;
        border-color: #e5c0c0
    }
    .find_counter .find_counter_ttl {
        padding: 0;
        margin-bottom: 12px;
        font-size: 12px;
        letter-spacing: .8px;
        color: #5b6355
    }
    .find_counter .find_counter_ttl span {
        color: var(--c-green-700);
        font-weight: 700;
        font-size: 13px
    }
    .find_counter .find_counter_text {
        border-radius: 22px;
        padding: 9px 15px;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: .5px;
        background: var(--c-green-500);
        border-color: var(--c-green-500);
        transition: background .2s
    }
    .find_counter .find_counter_text:hover {
        background: var(--c-green-700);
        color: #fff;
        border-color: var(--c-green-700)
    }
    /* градиент-намёк на скролл внизу закреплённой панели.
       Виден только с классом has-scroll-more (вешает updateFiltersScrollHint в common.js),
       иначе полупрозрачная белая полоса перекрывала нижний ряд плиток фильтра,
       даже когда скроллить нечего. 2026-07-31 */
    .catalog_holder #filters.fixed_filters:after {
        content: '';
        position: sticky;
        display: block;
        bottom: 0;
        height: 28px;
        margin-top: -28px;
        background: linear-gradient(to top, rgba(255, 255, 255, .9), rgba(255, 255, 255, 0));
        opacity: 0;
        transition: opacity .2s;
        pointer-events: none
    }
    .catalog_holder #filters.fixed_filters.has-scroll-more:after {
        opacity: 1
    }
}
@media (max-width:1024px){
    .menu-l .h1 .clear_filters {
        display: none
    }}


/* ===== SEO Engine: блоки перелинковки (подкатегории / похожие запросы) ===== */
.seo-links {
    margin: 14px 0 18px
}

.seo-links__title {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: #5b6355;
    margin-bottom: 10px
}

.seo-links__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.seo-links__item a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border: 1px solid #e2e6de;
    border-radius: 18px;
    font-size: 13px;
    color: #3d443a;
    text-decoration: none;
    background: #fff;
    transition: border-color .2s, background .2s
}

.seo-links__item a:hover {
    border-color: var(--c-green-500);
    background: #f4f8ef;
    color: #3d443a
}

.seo-links--related {
    margin-top: 26px
}

/* защита от глобальных маркеров/выключки контентной зоны */
.seo-links__item:before,
.seo-links__item:after {
    content: none !important;
    display: none !important
}

.seo-links__item {
    padding: 0;
    margin: 0;
    text-align: left
}


/* ===== SEO Engine: плитки подкатегорий (замена owl-карусели, без JS) ===== */
.seo-tiles {
    margin: 10px 0 16px
}

.seo-tiles__strip {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    padding: 4px 2px 8px
}

.seo-tiles__strip::-webkit-scrollbar {
    display: none
}

.seo-tiles__item {
    flex: 0 0 auto;
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 106px;
    text-decoration: none
}

.seo-tiles__icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #f0f6e9;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s, transform .2s
}

.seo-tiles__icon img {
    width: 34px;
    height: 34px;
    object-fit: contain
}

.seo-tiles__item:hover .seo-tiles__icon {
    background: #e7efdc;
    transform: translateY(-2px)
}

.seo-tiles__name {
    font-size: 12px;
    line-height: 1.3;
    color: #3d443a;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.seo-tiles__item:hover .seo-tiles__name {
    color: var(--c-green-700)
}

.seo-tiles__count {
    color: var(--c-green-700);
    font-weight: 700;
    font-size: 11px;
    margin-left: 4px
}

/* защита от глобальных стилей контентной зоны (маркеры, выключка) */
.sitemap-page ul {
    list-style: none;
    margin: 0;
    padding: 0
}

/* ветка: summary-строка с ссылкой, счётчиком и стрелкой */
.sitemap-branch__row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 0;
    cursor: pointer;
    list-style: none;
    user-select: none
}


/* зазор крошек под шапкой на планшетах: margin-top у #breadcrumbs_holder
   схлопывается с margin-top body, поэтому padding */
@media (min-width: 769px) and (max-width: 1024px) {
    #breadcrumbs_holder {
        padding-top: 10px
    }
}


/* ===== About + Delivery redesign («Editorial split», замена .advantages/.child-b), 2026-07 ===== */

.about-b {
    background: #fafbf7;
    padding: 70px 0;
}


.ab2-grid {
    display: grid;
    grid-template-columns: 5fr 6fr;
    gap: 60px;
    align-items: center;
}


.ab2-grid > div {
    min-width: 0;
}


.ab2-photo {
    position: relative;
}


.ab2-photo img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    object-position: top center;
    border-radius: 24px;
}


.ab2-chip {
    position: absolute;
    background: #fff;
    border-radius: 16px;
    padding: 14px 20px;
    box-shadow: 0 12px 34px rgba(16,24,12,0.14);
}


.ab2-chip b {
    display: block;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
    color: var(--c-green-900);
}


.ab2-chip span {
    font-size: 12px;
    color: #888;
}


.ab2-chip-1 { top: 26px; left: -20px; }

.ab2-chip-2 { bottom: 34px; right: -16px; }


.ab2-body h2 {
    margin: 14px 0 0;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: none;
    color: var(--c-green-900);
}


.ab2-lead {
    margin: 16px 0 0;
    font-size: 15.5px;
    line-height: 1.7;
    color: #5d6657;
}


.ab2-usps {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}


.ab2-usp {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}


.ab2-usp > i {
    flex-shrink: 0;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: #f3f6ee;
    border: 1px solid rgba(110,158,59,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
}


.ab2-usp svg {
    width: 24px;
    height: 24px;
    stroke: var(--c-green-500);
}


.ab2-usp b {
    font-size: 15.5px;
    color: var(--c-green-900);
}


.ab2-usp p {
    margin: 2px 0 0;
    font-size: 13.5px;
    line-height: 1.55;
    color: #7a8471;
}


.ab2-delivery {
    margin-top: 34px;
    padding-top: 26px;
    border-top: 1px solid rgba(32,49,20,0.1);
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}


.ab2-delivery > svg {
    width: 40px;
    height: 40px;
    stroke: var(--c-green-500);
    flex-shrink: 0;
}


.ab2-delivery-txt {
    flex: 1;
    min-width: 200px;
}


.ab2-delivery-txt b {
    font-size: 15px;
    color: var(--c-green-900);
}


.ab2-delivery-txt p {
    margin: 2px 0 0;
    font-size: 13px;
    color: #7a8471;
}


.ab2-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 30px;
    border-radius: 100px;
    background: var(--c-green-900);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    transition: background 0.3s;
}


.ab2-btn:hover {
    background: var(--c-green-500);
    color: #fff;
}


.ab2-btn::after {
    content: '\2192';
    transition: transform 0.3s;
}


.ab2-btn:hover::after {
    transform: translateX(4px);
}
@media (max-width: 992px){
    .ab2-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .ab2-photo {
        max-width: 480px;
        margin: 0 auto;
    }

    .ab2-chip-1 { left: 12px; }

    .ab2-chip-2 { right: 12px; }

    .ab2-body h2 { font-size: 27px; }}
@media (max-width: 576px){
    .about-b { padding: 48px 0; }}


/* ===== Страница «О нас»: редизайн (.ap-*), шаблон 6 ===== */
/* #breadcrumbs_holder имеет float:left; без clear весь контент
   страницы прячется под float-контекст */
.about-page {
    clear: both;
}


/* ===== Страница «Доставка та оплата»: редизайн (.dp-*), шаблон 9 ===== */
.dp-overline {
    margin: 0;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--c-green-700);
}


/* ===== Sort panel redesign — desktop (2026-07) ===== */
@media (min-width:1025px) {
    .catalog_holder .sort-panel {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 0 0 24px;
        padding: 0 0 16px;
        border-bottom: 1px solid #e8ebe5;
        font-size: 13.5px;
        color: #444
    }
    .catalog_holder .sort-panel > form {
        display: contents
    }
    /* стать — текстовые таблетки */
    .catalog_holder .sort-panel .people-sort {
        display: inline-flex;
        gap: 8px;
        margin: 0
    }
    .catalog_holder .sort-panel .people-sort a {
        display: inline-flex;
        align-items: center;
        width: auto;
        height: 36px;
        padding: 0 16px;
        margin: 0;
        background: #fff;
        border: 1px solid #e0e5dc;
        border-radius: 999px;
        font-size: 13.5px;
        color: #444;
        text-decoration: none;
        transition: border-color .2s, background-color .2s, color .2s
    }
    .catalog_holder .sort-panel .people-sort a:hover {
        border-color: #b8c7ab;
        background: #f4f7f0;
        color: #2e3628
    }
    .catalog_holder .sort-panel .people-sort a.active {
        background: #eef5e6;
        border-color: var(--c-green-500);
        color: #3f6f1f;
        font-weight: 600
    }
    .catalog_holder .sort-panel .people-sort a.active:after {
        content: '';
        width: 12px;
        height: 12px;
        margin-left: 7px;
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5 4.8 9 10 3.5' fill='none' stroke='%23509f2d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat
    }
    /* переключатель «Ростовки» (опт) */
    .catalog_holder .sort-panel .groups_selector {
        display: inline-flex;
        align-items: center;
        height: 36px;
        margin: 0;
        line-height: normal
    }
    .catalog_holder .sort-panel .groups_selector label {
        margin: 0 0 0 8px;
        color: #444;
        font-size: 13.5px
    }
    .catalog_holder .sort-panel .groups_selector .groups {
        margin: 0
    }
    .catalog_holder .sort-panel .groups_selector .groups.switchOn:before {
        background: var(--c-green-500)
    }
    /* чип поискового запроса */
    .catalog_holder .sort-panel .filter_selected {
        display: inline-flex;
        align-items: center;
        height: 36px;
        margin: 0;
        padding: 0 14px;
        line-height: normal;
        background: #eef5e6;
        border-radius: 999px;
        font-size: 13px;
        color: #3f6f1f
    }
    .catalog_holder .sort-panel .filter_selected:hover {
        background: #e2eed4;
        color: #2e5313
    }
    .catalog_holder .sort-panel .filter_selected i {
        width: 10px;
        height: 10px;
        margin-left: 8px;
        font-size: 0;
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.5 1.5l7 7M8.5 1.5l-7 7' stroke='%233f6f1f' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat
    }
    /* сортировка — таблетка справа */
    .catalog_holder .sort-panel .sort-drop {
        margin-left: auto;
        min-width: 0;
        z-index: 9
    }
    .catalog_holder .sort-panel .sort-drop > span {
        display: inline-flex;
        align-items: center;
        height: 36px;
        padding: 0 34px 0 38px;
        border: 1px solid #e0e5dc;
        border-radius: 999px;
        background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 3v10M5 13 2.5 10.5M5 13l2.5-2.5M11 13V3M11 3 8.5 5.5M11 3l2.5 2.5' fill='none' stroke='%237a8474' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 15px center/16px no-repeat;
        font-size: 13.5px;
        color: #2e3628;
        text-transform: none;
        white-space: nowrap;
        cursor: pointer;
        transition: border-color .2s
    }
    .catalog_holder .sort-panel .sort-drop:hover > span {
        border-color: var(--c-green-500)
    }
    .catalog_holder .sort-panel .sort-drop > span:after {
        content: '';
        position: absolute;
        right: 15px;
        top: 50%;
        width: 7px;
        height: 7px;
        margin: 0;
        border: none;
        border-right: 1.5px solid #7a8474;
        border-bottom: 1.5px solid #7a8474;
        transform: translateY(-70%) rotate(45deg)
    }
    .catalog_holder .sort-panel .sort-drop .dropdown-ctn {
        top: 100%;
        right: 0;
        left: auto;
        z-index: 20;
        min-width: 240px;
        padding: 8px 0 0;
        background: transparent;
        border: none
    }
    .catalog_holder .sort-panel .sort-drop .dropdown-ctn ul {
        margin: 0;
        padding: 6px;
        background: #fff;
        border: 1px solid #e8ebe5;
        border-radius: 14px;
        box-shadow: 0 14px 34px rgba(46, 54, 40, .14)
    }
    .catalog_holder .sort-panel .sort-drop .dropdown-ctn li {
        padding: 0;
        text-align: left;
        white-space: nowrap
    }
    .catalog_holder .sort-panel .sort-drop .dropdown-ctn li a {
        display: block;
        padding: 9px 14px;
        border-radius: 9px;
        font-size: 13.5px;
        color: #444;
        text-decoration: none;
        transition: background-color .15s, color .15s
    }
    .catalog_holder .sort-panel .sort-drop .dropdown-ctn li:hover > a {
        background: #f4f7f0;
        color: #2e3628
    }
    /* вид — сегментный переключатель */
    .catalog_holder .sort-panel .view-sort-list {
        float: none;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin: 0
    }
    .catalog_holder .sort-panel .view-sort-list > span {
        font-size: 12.5px;
        color: #9aa39a
    }
    .catalog_holder .sort-panel .view-switch {
        display: inline-flex;
        gap: 2px;
        padding: 3px;
        border: 1px solid #e0e5dc;
        border-radius: 999px;
        background: #fff
    }
    .catalog_holder .sort-panel .view-switch a {
        position: relative;
        width: 32px;
        height: 28px;
        margin: 0;
        border-radius: 999px;
        background: none;
        transition: background-color .2s
    }
    .catalog_holder .sort-panel .view-switch a:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #9aa39a;
        -webkit-mask: var(--vs-icon) center/16px no-repeat;
        mask: var(--vs-icon) center/16px no-repeat;
        transition: background-color .2s
    }
    .catalog_holder .sort-panel .view-switch a.view-list {
        --vs-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 3.5h11M2.5 8h11M2.5 12.5h11' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")
    }
    .catalog_holder .sort-panel .view-switch a.view-role {
        --vs-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='%23000'%3E%3Crect x='1.5' y='1.5' width='5.6' height='5.6' rx='1.4'/%3E%3Crect x='8.9' y='1.5' width='5.6' height='5.6' rx='1.4'/%3E%3Crect x='1.5' y='8.9' width='5.6' height='5.6' rx='1.4'/%3E%3Crect x='8.9' y='8.9' width='5.6' height='5.6' rx='1.4'/%3E%3C/g%3E%3C/svg%3E")
    }
    .catalog_holder .sort-panel .view-switch a:hover:before {
        background: #2e3628
    }
    .catalog_holder .sort-panel .view-switch a.active {
        background: #eef5e6
    }
    .catalog_holder .sort-panel .view-switch a.active:before {
        background: var(--c-green-700)
    }
}


/* ===== Страница «Відгуки»: редизайн (.rv-*), шаблон 11 ===== */
.rv-page {
    clear: both;
}


/* --- CSS-звёзды (только заливка ширины, без спрайта) --- */
.rv-stars {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    white-space: nowrap;
    font-family: Arial, sans-serif;
}


.rv-stars::before {
    content: '\2605\2605\2605\2605\2605';
    letter-spacing: 3px;
    color: #e2e6dc;
}


.rv-stars-on {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
}


.rv-stars-on::before {
    content: '\2605\2605\2605\2605\2605';
    letter-spacing: 3px;
    color: #f6b21b;
}


/* --- Trust-блок Google (рейтинг карточки Google Maps) --- */
.rv-google {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 18px;
    padding: 12px 14px;
    background: #fff;
    border: 1px solid rgba(32, 49, 20, 0.12);
    border-radius: 12px;
    text-align: left;
    text-decoration: none;
    transition: border-color .15s, box-shadow .15s;
}


.rv-google:hover {
    border-color: rgba(110, 158, 59, 0.45);
    box-shadow: 0 6px 16px rgba(46, 54, 40, .07);
    text-decoration: none;
}


.rv-google-g {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid rgba(32, 49, 20, 0.12);
    color: #4285f4;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}


.rv-google-body {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}


.rv-google-top {
    display: flex;
    align-items: center;
    gap: 8px;
}


.rv-google-top b {
    font-size: 16px;
    font-weight: 800;
    color: var(--c-green-900);
}


.rv-google-top .rv-stars {
    font-size: 14px;
}


.rv-google-sub {
    margin-top: 2px;
    font-size: 12px;
    color: #7a8471;
}


/* Trust-блок Google в футере (колонка с логотипом) */
.footer-new__col--brand .rv-google {
    max-width: 250px;
    margin-top: 18px;
    margin-bottom: 26px;
    padding: 11px 14px;
    border-color: rgba(32, 49, 20, 0.14);
    box-shadow: 0 1px 4px rgba(46, 54, 40, 0.05);
}


.footer-new__col--brand .rv-google:hover {
    border-color: rgba(110, 158, 59, 0.45);
    box-shadow: 0 2px 8px rgba(46, 54, 40, 0.08);
}


html {
    scroll-behavior: smooth;
}


.bc-modal {
    text-align: center;
}


.bc-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 92px;
    height: 92px;
    margin: 0 auto 22px;
    border-radius: 50%;
    background: radial-gradient(circle at 50% 42%, #eef7e3 0%, #e4f1d3 100%);
    box-shadow: 0 0 0 8px rgba(110, 158, 59, .08);
    animation: bc-pop .45s cubic-bezier(.16, .84, .44, 1.2) both;
}


.bc-badge-svg {
    width: 56px;
    height: 56px;
}


.bc-badge-circle {
    stroke: var(--c-green-500);
    stroke-width: 2.5;
    stroke-dasharray: 151;
    stroke-dashoffset: 151;
    animation: bc-draw .5s .12s ease-out forwards;
}


.bc-badge-check {
    stroke: var(--c-green-500);
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 44;
    stroke-dashoffset: 44;
    animation: bc-draw .35s .5s ease-out forwards;
}


.bc-eyebrow {
    display: block;
    margin: 0 0 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #7fa653;
}


.bc-title {
    margin: 0 0 12px;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 800;
    color: #23320f;
}


.bc-sub {
    margin: 0 auto 28px;
    max-width: 320px;
    font-size: 15px;
    line-height: 1.55;
    color: #6b7561;
}


.bc-btn.btn {
    display: inline-block;
    min-width: 220px;
    padding: 14px 30px;
    border: 0;
    border-radius: 14px;
    background: var(--c-green-500);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 10px 24px rgba(110, 158, 59, .28);
    transition: background .2s ease, box-shadow .2s ease, transform .1s ease;
}


.bc-btn.btn:hover {
    background: #5d8a32;
    box-shadow: 0 12px 28px rgba(110, 158, 59, .36);
}


.bc-btn.btn:active {
    transform: translateY(1px);
}


/* Кнопка «Сплатити картою онлайн» (fastbuy + WayForPay): вторичная, в
   стилистике штатной .btn сайта — белая с зелёной рамкой, заливается по hover */
.bc-btn--pay.btn {
    background: #fff;
    color: var(--c-green-700);
    border: 1px solid var(--c-green-700);
    box-shadow: none;
}


@keyframes bc-pop {
    0% { transform: scale(.4); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}


@keyframes bc-draw {
    to { stroke-dashoffset: 0; }
}
@media (max-width: 767px){
    .bc-badge {
        width: 80px;
        height: 80px;
    }

    .bc-title {
        font-size: 23px;
    }

    .bc-btn.btn {
        display: block;
        width: 100%;
    }}


/* ============================================================
   Fastbuy: екран вибору способу оплати #fastbuy-pay (2026-07-25)
   Замінює миттєвий редирект на повну оплату — картка / накладена
   з передоплатою 150 грн. Стилістика продовжує .bc-* (badge/title/sub).
   ============================================================ */
.fbpay-options {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 0 0 6px;
    text-align: left;
}


.fbpay-option {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 18px 20px;
    border: 2px solid #e7ede0;
    border-radius: 16px;
    background: #fff;
    text-decoration: none;
    transition: border-color .2s ease, box-shadow .2s ease, opacity .2s ease;
}


.fbpay-option:hover {
    border-color: var(--c-green-500);
    box-shadow: 0 8px 20px rgba(110, 158, 59, .14);
}


.fbpay-option__title {
    font-size: 16px;
    font-weight: 800;
    color: #23320f;
}


.fbpay-option__sub {
    font-size: 13.5px;
    line-height: 1.45;
    color: #6b7561;
}


.fbpay-option__sub .fbpay-option__sum {
    font-weight: 700;
    color: #23320f;
}


/* Підсвічений варіант — повна оплата (2026-08-06): виділення і плашка вигоди
   мають бути на одному варіанті, інакше екран радить одне, а підсвічує інше.
   Було на .fbpay-option--advance (накладена з передоплатою 150).
   У самій плашці (.fbpay-option__badge) тепер «Безкоштовна доставка», а не
   «Рекомендуємо»: конкретна вигода помітніша за оцінку. */
.fbpay-option--full {
    border-color: var(--c-green-500);
    background: radial-gradient(circle at 100% 0%, #eef7e3 0%, #fff 65%);
}


@keyframes fbpay-spin {
    to { transform: rotate(360deg); }
}
@media (max-width: 767px){
    .fbpay-option {
        padding: 16px;
    }}


/* ============================================================
   Fastbuy: «Маю питання» на екрані вибору оплати (2026-08-15).
   Навмисно НЕ третя картка, а текстовий рядок під варіантами оплати:
   картка конкурувала б з оплатою і забирала тих, хто інакше заплатив би.
   Крок вибору каналу (.fbpay-ask) підміняє .fbpay-options у тому ж вікні.
   ============================================================ */
/* Третій варіант — такою ж карткою, як способи оплати (рішення користувача
   15.08.2026): текстовий рядок під ними читався як виноска і губився.
   Щоб не конкурувати з оплатою напряму, картка лишається нейтральною:
   світлий фон замість білого, без плашки і без зеленої рамки за замовчуванням.
   Типографіка — ті самі .fbpay-option__title / __sub, що й у варіантів вище. */
/* Роздільник між способами оплати і питанням до менеджера (2026-08-16).
   Три картки поспіль читалися як один список із трьох способів оплати —
   лінійка з «або» відділяє намір «заплатити» від наміру «спитати», не
   додаючи жодного зайвого кроку тим, хто просто платить.
   На кроці вибору каналу ховається класом .fbpay-modal--ask, а не .hide():
   display тут flex, і jQuery .show() повернув би block. */
.fbpay-or {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 12px 0 18px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #a9b3a0;
}


.fbpay-or::before,
.fbpay-or::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #e7ede0;
}


.fbpay-ask-link {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 18px 20px;
    border: 2px solid #e7ede0;
    border-radius: 16px;
    background: #f6f9f1;
    text-decoration: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}


.fbpay-ask-link:hover {
    border-color: var(--c-green-500);
    box-shadow: 0 8px 20px rgba(110, 158, 59, .14);
}
@media (max-width: 767px){
    .fbpay-ask-link {
        padding: 16px;
    }}


.fbpay-ask {
    display: none;
    text-align: left;
}


.fbpay-ask__title {
    margin: 0 0 14px;
    font-size: 14px;
    line-height: 1.45;
    color: #6b7561;
    text-align: center;
}


.fbpay-ask__opts {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.fbpay-ask__opt {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 14px 18px;
    border: 2px solid #e7ede0;
    border-radius: 16px;
    background: #fff;
    text-decoration: none;
    transition: border-color .2s ease, box-shadow .2s ease, opacity .2s ease;
}


.fbpay-ask__opt:hover {
    border-color: var(--c-green-500);
    box-shadow: 0 8px 20px rgba(110, 158, 59, .14);
}


.fbpay-ask__opt-title {
    font-size: 15px;
    font-weight: 700;
    color: #23320f;
}


.fbpay-ask__opt-sub {
    font-size: 13px;
    line-height: 1.45;
    color: #6b7561;
}


/* Кольори месенджерів — єдине, чим ці два рядки відрізняються від решти:
   покупець упізнає канал за кольором швидше, ніж прочитає назву */
.fbpay-ask__opt--tg:hover {
    border-color: #29a2da;
    box-shadow: 0 8px 20px rgba(41, 162, 218, .14);
}


.fbpay-ask__opt--viber:hover {
    border-color: #7360f2;
    box-shadow: 0 8px 20px rgba(115, 96, 242, .14);
}


.fbpay-ask__done {
    display: none;
    margin: 0;
    padding: 18px 20px;
    border-radius: 16px;
    background: #eef7e3;
    font-size: 14.5px;
    line-height: 1.5;
    color: #23320f;
    text-align: center;
}


.fbpay-ask__back {
    display: inline-block;
    margin-top: 14px;
    font-size: 13.5px;
    color: #8b9483;
    text-decoration: underline;
}


.fbpay-ask__back:hover {
    color: #6b7561;
}


/* ============================================================
   Fastbuy: довнесення відділення НП після оплати #fastbuy-delivery
   (2026-07-25). Поля .np_block/.input-group вже стильовані глобально —
   тут лише компонування модалки та лінк «пропустити».
   ============================================================ */
.fbdlv-fields {
    margin: 4px 0 22px;
    text-align: left;
}


.fbdlv-skip {
    display: inline-block;
    margin-top: 14px;
    font-size: 13.5px;
    color: #8b9483;
    text-decoration: underline;
}


.fbdlv-skip:hover {
    color: #6b7561;
}


/* Опт-карточка каталога (desktop): сердечко-вишлист выносим на фото (верх-лево),
   кнопки действий — в ряд справа, корзина крайняя справа. Зеркалит мобильный редизайн (<=1024). */
@media (min-width: 1025px) {
    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .product_blocks {
        position: static
    }

    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .product_blocks_right {
        min-width: 0;
        height: auto;
        float: none
    }

    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .pbtns {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 8px;
        float: none;
        min-height: 34px
    }

    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .product_btn,
    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .cart_swiper,
    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .product_add_wish {
        width: 32px;
        height: 32px;
        padding: 0;
        margin: 0;
        float: none;
        flex: 0 0 32px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, .9);
        box-shadow: 0 10px 22px rgba(31, 48, 20, .1)
    }

    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .product_btn span {
        margin: 6px
    }

    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .cart_swiper {
        order: 1;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 21px 21px
    }

    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .product_btn {
        order: 2
    }

    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .product_add_wish {
        position: absolute;
        top: 12px;
        left: 12px;
        z-index: 5;
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        margin: 0;
        background-image: url(img/product-actions.svg);
        background-repeat: no-repeat;
        background-position: 9px 9px;
        backdrop-filter: blur(5px)
    }

    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .product_add_wish:hover {
        background-position: -21px 9px
    }

    .catalog_holder .products-list .product:is(.product_group, .product_model):not(.regular_user) .product_add_wish.active {
        background-position: -53px 9px
    }
}


/* reviews-top (карточка товара): пилюля рейтинга на моб/планшете — своя строка, справа, над карточкой заголовка.
   Раньше float:right закрашивался белым фоном .name_h (карточка идёт позже в потоке) → блок был не виден. */
@media (max-width: 991px) {
    .product-page .reviews-top {
        float: none;
        position: static;
        display: flex;
        align-items: center;
        gap: 8px;
        width: fit-content;
        min-width: 0;
        margin: 0 0 10px auto;
        padding: 6px 12px;
        background: #f6f9f1;
        border: 1px solid rgba(32, 49, 20, .09);
        border-radius: 100px;
        line-height: 1;
        text-align: right;
    }

    .product-page .reviews-top br {
        display: none;
    }

    .product-page .reviews-top .stars {
        display: inline-block;
        margin-left: 0;
    }

    .product-page .reviews-top a {
        display: inline;
        margin-top: 0;
        color: var(--c-green-700);
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        text-decoration: none;
        white-space: nowrap;
    }
}


/* ============================ Блок «Відгуки» на картці товару (аккордеон review-list) ============================ */
/* Редизайн формы отзыва + списка отзывов. Разметка (шаблон 16 + чанк tpl_product_review) не менялась,
   все JS-хуки сохранены: #product-review-form, #product_review, .vote_recall/.hidden_rating, [data-pro-like]/[data-pro-dislike], .jq-selectbox (styler), .no_review, .product_review_thanks_text. */
.product-page .review-list .accordion-ctn {
    padding: 6px 22px 24px;
}


.product-page .review-list .accordion-ctn > br {
    display: none;
}


/* ряд действий: кнопка «Залишити відгук» + правила */
.product-page .review-list .accordion-ctn > div:first-of-type {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin-bottom: 22px;
}


.product-page #product-review-form {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 12px 26px;
    background: var(--c-green-500);
    border-radius: 100px;
    color: #fff;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color .15s;
}


.product-page #product-review-form:hover {
    background: var(--c-green-700);
    color: #fff;
    text-decoration: none;
}


.product-page .review-list .podrob-b {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}


.product-page .review-list .podrob-b .more {
    font-size: 13px;
    font-weight: 600;
    color: var(--c-green-700);
    text-decoration: none;
    border-bottom: 1px dashed rgba(110, 158, 59, .5);
    padding-bottom: 1px;
}


.product-page .review-list .podrob-b .more:hover {
    color: var(--c-green-700);
}


.product-page .review-list .podrob-b .tooltip {
    display: none;
    width: 480px;
    max-width: 88vw;
    left: 0;
    bottom: 130%;
    transform: none;
    background: #fff;
    border: 1px solid rgba(32, 49, 20, .12);
    border-radius: 14px;
    box-shadow: 0 22px 50px rgba(46, 54, 40, .16);
    z-index: 20;
}


.product-page .review-list .podrob-b .more:hover + .tooltip,
.product-page .review-list .podrob-b .tooltip:hover {
    display: block;
}


.product-page .review-list .podrob-b .tooltip-inner {
    padding: 20px 22px;
    font-size: 13px;
    line-height: 1.6;
    color: #5d6657;
}


.product-page .review-list .podrob-b .tooltip-inner h2 {
    font-size: 15px;
    font-weight: 800;
    color: var(--c-green-900);
    margin-bottom: 8px;
}


.product-page .review-list .podrob-b .tooltip-inner h3 {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--c-green-900);
    margin: 12px 0 6px;
}


.product-page .review-list .podrob-b .tooltip-inner p {
    margin: 6px 0;
}


.product-page .review-list .podrob-b .tooltip-inner ul {
    margin: 6px 0 6px 18px;
}


.product-page .review-list .podrob-b .tooltip-inner li {
    margin: 3px 0;
}


.product-page .review-list .podrob-b .tooltip-arrow {
    position: absolute;
    top: 100%;
    left: 30px;
    width: 14px;
    height: 14px;
    background: #fff;
    border-right: 1px solid rgba(32, 49, 20, .12);
    border-bottom: 1px solid rgba(32, 49, 20, .12);
    transform: translateY(-50%) rotate(45deg);
}


/* ---- форма ---- */
.product-page .product-review-form {
    margin: 0 0 34px;
    padding: 26px 26px 24px;
    background: #fafbf7;
    border: 1px solid rgba(32, 49, 20, .09);
    border-radius: 18px;
}


.product-page .product-review-form .input-group {
    margin-bottom: 16px;
}


.product-page .product-review-form .input-group .row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin: 0;
}


/* убираем bootstrap-клирфикс ::before/::after — иначе они становятся лишними грид-ячейками и ломают колонки */
.product-page .product-review-form .input-group .row::before,
.product-page .product-review-form .input-group .row::after {
    content: none;
}


.product-page .product-review-form .input-group .row > div {
    padding: 0;
    width: auto;
    min-width: 0;
    max-width: none;
    float: none;
}


.product-page .product-review-form input[type=text],
.product-page .product-review-form textarea {
    width: 100%;
    padding: 13px 16px;
    background: #fff;
    border: 1px solid rgba(32, 49, 20, .14);
    border-radius: 10px;
    font-size: 14px;
    color: var(--c-green-900);
    font-family: inherit;
}


.product-page .product-review-form input[type=text]:focus,
.product-page .product-review-form textarea:focus {
    outline: none;
    border-color: var(--c-green-500);
}


.product-page .product-review-form textarea {
    min-height: 110px;
    resize: vertical;
}


/* звёзды-инпут (CSS вместо спрайта stars_i.png) */
.product-page .product-review-form .stars-wrp {
    display: flex;
    align-items: center;
    gap: 14px;
    height: 100%;
    margin: 0;
    padding: 12px 16px;
    background: #fff;
    border: 1px solid rgba(32, 49, 20, .14);
    border-radius: 10px;
    overflow: visible;
}


.product-page .product-review-form .stars-wrp > span {
    float: none;
    font-size: 13px;
    font-weight: 600;
    color: #5d6657;
}


.product-page .product-review-form .rating_input {
    display: inline-block;
}


.product-page .product-review-form .rating_recall {
    display: inline-flex;
    gap: 4px;
}


.product-page .product-review-form .rating_recall .vote_recall {
    width: 26px;
    height: 26px;
    margin: 0;
    background: none;
    float: none;
    position: relative;
    cursor: pointer;
}


.product-page .product-review-form .rating_recall .vote_recall::before {
    content: '\2605';
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    line-height: 1;
    color: #d8ddd0;
    transition: color .12s;
}


/* нижняя строка: select соответствия + кнопки */
.product-page .product-review-form .form-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    text-align: left;
}


.product-page .product-review-form .jq-selectbox {
    position: relative;
    max-width: 260px;
    width: 100%;
    border: 0;
}


.product-page .product-review-form .jq-selectbox__select {
    position: relative;
    display: block;
    height: auto;
    padding: 13px 40px 13px 16px;
    background: #fff;
    border: 1px solid rgba(32, 49, 20, .14);
    border-radius: 10px;
    box-shadow: none;
    font-size: 13.5px;
    color: var(--c-green-900);
    cursor: pointer;
}


.product-page .product-review-form .jq-selectbox__select-text {
    display: block;
    width: 100% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.product-page .product-review-form .jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 100%;
    border: 0;
    background: none;
}


.product-page .product-review-form .jq-selectbox__trigger-arrow {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 8px;
    height: 8px;
    margin-top: -6px;
    border: 0;
    border-right: 2px solid #9aa392;
    border-bottom: 2px solid #9aa392;
    background: none;
    transform: rotate(45deg);
}


.product-page .product-review-form .jq-selectbox__dropdown {
    top: calc(100% + 6px);
    width: 100%;
    margin: 0;
    background: #fff;
    border: 1px solid rgba(32, 49, 20, .12);
    border-radius: 12px;
    box-shadow: 0 16px 34px rgba(46, 54, 40, .12);
    overflow: hidden;
    z-index: 15;
}


.product-page .product-review-form .jq-selectbox__dropdown ul {
    list-style: none;
    margin: 0;
    padding: 6px;
}


.product-page .product-review-form .jq-selectbox__dropdown li {
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 13.5px;
    color: #4c5647;
    cursor: pointer;
}


.product-page .product-review-form .jq-selectbox__dropdown li:hover,
.product-page .product-review-form .jq-selectbox__dropdown li.sel {
    background: #f3f6ee;
    color: var(--c-green-700);
}


.product-page .product-review-form .form-action > div:last-child {
    display: flex;
    align-items: center;
    gap: 6px;
}


.product-page .product-review-form input[type=reset] {
    margin: 0 8px 0 0;
    padding: 12px 18px;
    font-size: 13px;
    font-weight: 600;
    color: #7a8471;
    background: 0 0;
    border: 0;
    cursor: pointer;
}


.product-page .product-review-form input[type=reset]:hover {
    color: var(--c-green-900);
}


.product-page .product-review-form .btn[type=submit] {
    margin: 0;
    padding: 13px 30px;
    background: var(--c-green-500);
    border: 0;
    border-radius: 100px;
    color: #fff;
    font-size: 13.5px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .15s;
}


.product-page .product-review-form .btn[type=submit]:hover {
    background: var(--c-green-700);
}


/* заголовок «Відгуки» */
.product-page .review-list .h5 {
    margin: 0 0 6px;
    font-size: 20px;
    font-weight: 800;
    text-transform: none;
    color: var(--c-green-900);
}


/* порожній стан */
.product-page .review-list .no_review {
    margin-top: 14px;
    padding: 30px 24px;
    background: #fafbf7;
    border: 1px dashed rgba(32, 49, 20, .16);
    border-radius: 14px;
    text-align: center;
    font-size: 14px;
    color: #7a8471;
}
@media (max-width: 640px){
    .product-page .product-review-form .input-group .row {
        grid-template-columns: 1fr;
    }

    .product-page .product-review-form .form-action {
        flex-direction: column;
        align-items: stretch;
    }

    .product-page .product-review-form .jq-selectbox {
        max-width: none;
    }}


/* левый отступ контента отзывов = отступ заголовка аккордеона по брейкпоинтам */
@media (min-width: 992px) and (max-width: 1199px) {
    .product-page .review-list .accordion-ctn {
        padding-left: 18px;
        padding-right: 18px;
    }
}
@media (max-width: 768px){
    .product-page .review-list .accordion-ctn {
        padding-left: 14px;
        padding-right: 14px;
    }}


/* ============================================================
   Каталог (моб/планшет): кнопки «Фільтри» / «Сортування» возвращены
   В ПОТОК ПЕРЕД КАТАЛОГОМ вместо плавающей fixed-панели внизу экрана.
   Десктоп (>1024px) не затрагивается — там свой сайдбар/тулбар.
   Кнопки уже стоят в DOM в начале сайдбара, который на мобильном
   рендерится над колонкой каталога, поэтому нужен только CSS. 2026-07-06
   ============================================================ */
@media (max-width: 1024px) {
    /* старый лейаут зажимал #filters в 60px (при базовом overflow:auto) —
       кнопки в потоке (68px с отступами) делали полоску скроллируемой */
    .catalog_holder #filters,
    .catalog_holder #filters.fixed_filters {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .catalog_holder .mobile_filter {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        z-index: auto !important;
        display: flex !important;
        gap: 10px !important;
        width: auto !important;
        margin: 4px 0 16px !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        transition: none !important;
    }

    /* скролл-скрытие плавающей панели больше не прячет кнопки в потоке */
    .catalog_holder .mobile_filter.down_swipe,
    .catalog_holder .mobile_filter.mobile-ui-hidden {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    /* обе кнопки — равная ширина в один ряд */
    .catalog_holder .mobile_filter .filters-toggle,
    .catalog_holder .mobile_filter .sorting-toggle {
        float: none !important;
        flex: 1 1 0 !important;
        width: auto !important;
        margin: 0 !important;
    }
}


/* ============================================================
   Каталог (моб/планшет): вид кнопок «Фільтри/Сортування» — вариант 2
   («две мягкие кнопки»). Разводим со стилем хлебных крошек:
   не сплошная зелёная пилюля, а rounded-rect 14px + приглушённый зелёный.
   «Фільтри» — светло-зелёная заливка + тёмно-зелёный текст/иконка;
   «Сортування» — белая с тонкой рамкой. Активное (открытая шторка) —
   сплошная заливка для явного фидбэка. 2026-07-06
   ============================================================ */
@media (max-width: 1024px) {
    .catalog_holder .mobile_filter .filters-toggle {
        min-height: 48px !important;
        border-radius: 14px !important;
        background: #eef5e6 !important;
        border: 1px solid rgba(110, 158, 59, .30) !important;
        color: #5a8a2e !important;
        font-weight: 600 !important;
        box-shadow: none !important;
    }

    .catalog_holder .mobile_filter .sorting-toggle {
        min-height: 48px !important;
        border-radius: 14px !important;
        background: #fff !important;
        border: 1px solid #e6e8e2 !important;
        color: #2c3327 !important;
        font-weight: 600 !important;
        box-shadow: 0 3px 10px rgba(16, 24, 12, .05) !important;
    }

    /* иконка «Фільтри» — перекрашена в тёмно-зелёный (PNG монохромный) */
    .catalog_holder .mobile_filter .filters-toggle img {
        opacity: 1 !important;
        filter: brightness(0) saturate(100%) invert(46%) sepia(51%) saturate(430%) hue-rotate(46deg) brightness(93%) contrast(90%) !important;
    }

    /* иконка «Сортування» — нейтрально-приглушённая на белом */
    .catalog_holder .mobile_filter .sorting-toggle img {
        opacity: .5 !important;
        filter: none !important;
    }

    /* активные состояния (шторка открыта) — сплошная заливка + белая иконка */
    .catalog_holder .mobile_filter .filters-toggle.active {
        background: var(--c-green-500) !important;
        border-color: var(--c-green-500) !important;
        color: #fff !important;
        box-shadow: 0 4px 14px rgba(110, 158, 59, .30) !important;
    }

    .catalog_holder .mobile_filter .filters-toggle.active img {
        opacity: 1 !important;
        filter: brightness(0) invert(1) !important;
    }

    .catalog_holder .mobile_filter .sorting-toggle.active {
        background: #2c3327 !important;
        border-color: #2c3327 !important;
        color: #fff !important;
        box-shadow: 0 4px 14px rgba(16, 24, 12, .18) !important;
    }

    .catalog_holder .mobile_filter .sorting-toggle.active img {
        opacity: 1 !important;
        filter: brightness(0) invert(1) !important;
    }
}


/* ============================================================
   PROMO SUBSCRIBE MODAL REDESIGN (chunk 197, promo_subscribe_redesign.sql)
   + промокод в sidebar-чекауте (.sc-promo-*)
   ============================================================ */
.modal-b .modal-ctn.promo_subscribe {
    max-width: 460px
}


#promo_subscribe .ps-hero {
    text-align: center
}


#promo_subscribe .ps-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: radial-gradient(120% 120% at 30% 20%, #8fbe5e 0%, var(--c-green-500) 60%, var(--c-green-700) 100%);
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -.5px;
    box-shadow: 0 10px 24px rgba(110, 158, 59, .4);
    margin-bottom: 18px
}


#promo_subscribe .ps-sub {
    margin: 0 0 22px;
    font-size: 15px;
    line-height: 1.5;
    color: #666;
    text-align: center
}


#promo_subscribe .ps-btn {
    flex: 0 0 auto;
    height: 52px;
    padding: 0 26px;
    border: 0;
    border-radius: 14px;
    background: var(--c-green-500);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .4px;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(110, 158, 59, .22);
    transition: background .2s
}


#promo_subscribe .ps-btn:hover {
    background: var(--c-green-700)
}


#promo_subscribe .ps-error {
    display: none;
    margin: 10px 2px 0;
    font-size: 13px;
    line-height: 1.4;
    color: #c0392b
}


#promo_subscribe .ps-note {
    margin: 14px 2px 0;
    font-size: 13px;
    line-height: 1.5;
    color: #999;
    text-align: center
}


#promo_subscribe .ps-success {
    display: none;
    text-align: center;
    padding: 10px 0 4px
}


#promo_subscribe .ps-success-icon svg {
    width: 64px;
    height: 64px
}


#promo_subscribe .ps-success-title {
    margin: 16px 0 8px;
    font-size: 20px;
    font-weight: 700;
    color: var(--c-green-900)
}


#promo_subscribe .ps-success-text {
    margin: 0 0 22px;
    font-size: 14.5px;
    line-height: 1.55;
    color: #666
}


#promo_subscribe .ps-close-btn {
    display: inline-block;
    height: 46px;
    padding: 0 34px;
    border: 0;
    border-radius: 999px;
    background: var(--c-green-500);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .4px;
    cursor: pointer;
    transition: background .2s
}


#promo_subscribe .ps-close-btn:hover {
    background: var(--c-green-700)
}


@-webkit-keyframes psFadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}


@keyframes psFadeIn {
    0% {
        opacity: 0;
        transform: translateY(6px)
    }
    to {
        opacity: 1;
        transform: none
    }
}
@media (max-width: 480px){

    #promo_subscribe .ps-badge {
        width: 80px;
        height: 80px;
        font-size: 26px
    }


    #promo_subscribe .ps-btn {
        width: 100%
    }}


/* ═══ Десктопная галерея карточки товара: стрелки + счётчик + лайтбокс (fs-gallery.js) ═══ */
@media (min-width: 769px) {
    .product-page .photo-ctn .photo {
        position: relative
    }

    .product-page .photo-ctn img.cloudzoom {
        cursor: zoom-in
    }

    .pgd-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 44px;
        height: 44px;
        padding: 0;
        border: none;
        border-radius: 50%;
        background: rgba(255, 255, 255, .92);
        box-shadow: 0 2px 12px rgba(0, 0, 0, .16);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 6;
        opacity: 0;
        transition: opacity .2s, transform .15s
    }

    .photo:hover .pgd-arrow {
        opacity: 1
    }

    .pgd-arrow:hover {
        transform: translateY(-50%) scale(1.08)
    }

    .pgd-arrow svg {
        width: 20px;
        height: 20px;
        stroke: #333;
        stroke-width: 2.4;
        fill: none
    }

    .pgd-prev {
        left: 14px
    }

    .pgd-next {
        right: 14px
    }

    .pgd-next svg,
    .pgd-lb__next svg {
        transform: scaleX(-1)
    }

    .pgd-counter {
        position: absolute;
        right: 14px;
        bottom: 14px;
        background: rgba(14, 5, 6, .55);
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        padding: 5px 12px;
        border-radius: 100px;
        letter-spacing: .5px;
        z-index: 6;
        pointer-events: none
    }

    .pgd-lb {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 100200;
        display: flex;
        flex-direction: column;
        background: rgba(12, 10, 9, .96);
        opacity: 0;
        transition: opacity .25s
    }

    .pgd-lb--open {
        opacity: 1
    }

    .pgd-lb__top {
        flex: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 24px;
        color: rgba(255, 255, 255, .85)
    }

    .pgd-lb__counter {
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 1px
    }

    .pgd-lb__close {
        width: 42px;
        height: 42px;
        padding: 0;
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, .25);
        background: transparent;
        color: #fff;
        font-size: 18px;
        line-height: 1;
        cursor: pointer
    }

    .pgd-lb__close:hover {
        background: rgba(255, 255, 255, .12)
    }

    .pgd-lb__stage {
        flex: 1;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        min-height: 0
    }

    .pgd-lb__stage img {
        max-width: calc(100% - 180px);
        max-height: 100%;
        object-fit: contain;
        cursor: zoom-in;
        transition: transform .25s ease;
        transform-origin: center center
    }

    .pgd-lb__stage img.pgd-zoomed {
        cursor: zoom-out
    }

    .pgd-lb .pgd-arrow {
        opacity: 1;
        width: 52px;
        height: 52px;
        border: 1px solid rgba(255, 255, 255, .25);
        background: rgba(255, 255, 255, .06)
    }

    .pgd-lb .pgd-arrow:hover {
        background: rgba(255, 255, 255, .18)
    }

    .pgd-lb .pgd-arrow svg {
        width: 22px;
        height: 22px;
        stroke: #fff
    }

    .pgd-lb__prev {
        left: 24px
    }

    .pgd-lb__next {
        right: 24px
    }

    .pgd-lb__thumbs {
        flex: none;
        display: flex;
        justify-content: safe center;
        gap: 8px;
        padding: 14px 24px 8px;
        overflow-x: auto;
        scrollbar-width: none
    }

    .pgd-lb__thumbs::-webkit-scrollbar {
        display: none
    }

    .pgd-lb__thumb {
        flex: none;
        width: 52px;
        height: 74px;
        border-radius: 5px;
        overflow: hidden;
        border: 2px solid transparent;
        opacity: .55;
        cursor: pointer;
        transition: opacity .2s, border-color .2s
    }

    .pgd-lb__thumb:hover {
        opacity: 1
    }

    .pgd-lb__thumb.active {
        opacity: 1;
        border-color: var(--c-green-500)
    }

    .pgd-lb__thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block
    }

    .pgd-lb__hint {
        flex: none;
        text-align: center;
        color: rgba(255, 255, 255, .4);
        font-size: 11px;
        padding: 4px 0 14px
    }
}


/* ============================================================
   HELPER BLOCK REDESIGN (CSS-only поверх чанка HELPER/187)
   Зелёный FAB с чат-иконкой; меню раскрывается вверх пилюлями
   с подписями. Разметку/JS не трогаем (.helper_show tap-тогл
   <992px в shop.js, hover на десктопе).
   ============================================================ */
.helper_block .helper_show {
    position: relative;
    background: var(--c-green-500);
    box-shadow: 0 6px 18px rgba(74, 109, 38, .35);
    transition: background .2s, transform .2s
}


.helper_block .helper_show:hover {
    background: var(--c-green-700)
}


.helper_block .helper_show svg {
    display: none
}


.helper_block .helper_show:before {
    content: '';
    width: 26px;
    height: 26px;
    background: #fff;
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 3C6.48 3 2 6.92 2 11.75c0 2.76 1.46 5.22 3.73 6.83-.12 1.02-.58 2.43-1.55 3.42 1.96-.14 3.9-.94 5.13-1.88.86.18 1.76.28 2.69.28 5.52 0 10-3.92 10-8.75S17.52 3 12 3zM6.2 11.75a1.3 1.3 0 1 1 2.6 0 1.3 1.3 0 0 1-2.6 0zm4.5 0a1.3 1.3 0 1 1 2.6 0 1.3 1.3 0 0 1-2.6 0zm4.5 0a1.3 1.3 0 1 1 2.6 0 1.3 1.3 0 0 1-2.6 0z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 3C6.48 3 2 6.92 2 11.75c0 2.76 1.46 5.22 3.73 6.83-.12 1.02-.58 2.43-1.55 3.42 1.96-.14 3.9-.94 5.13-1.88.86.18 1.76.28 2.69.28 5.52 0 10-3.92 10-8.75S17.52 3 12 3zM6.2 11.75a1.3 1.3 0 1 1 2.6 0 1.3 1.3 0 0 1-2.6 0zm4.5 0a1.3 1.3 0 1 1 2.6 0 1.3 1.3 0 0 1-2.6 0zm4.5 0a1.3 1.3 0 1 1 2.6 0 1.3 1.3 0 0 1-2.6 0z'/%3E%3C/svg%3E") center/contain no-repeat
}


/* меню абсолютом над кнопкой — высоту блока больше не дёргаем */
.helper_block:hover {
    height: 56px
}


.helper_block:hover .helper_show {
    display: flex
}


.helper_block .helper_buttons {
    position: absolute;
    bottom: 100%;
    right: 2px;
    padding-bottom: 12px;
    display: none;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px
}


.helper_block:hover .helper_buttons,
.helper_block.active .helper_buttons {
    display: flex
}


@-webkit-keyframes hbFadeUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}


@keyframes hbFadeUp {
    0% {
        opacity: 0;
        transform: translateY(8px)
    }
    to {
        opacity: 1;
        transform: none
    }
}
@media (max-width: 992px){
    .helper_block:hover {
        height: 52px
    }


    /* на мобильном раскрытие только тапом (.active), hover не считается */
    .helper_block:hover .helper_buttons {
        display: none
    }


    .helper_block .helper_close {
        width: 52px;
        height: 52px;
        margin: 0;
        padding: 0;
        box-shadow: 0 6px 18px rgba(74, 109, 38, .35)
    }}


/* ============================================================
   NOTIFY STOCK MODAL REDESIGN (chunk 194, notify_stock_redesign.sql)
   Окно «Сповістити при надходженні на склад» (#notification).
   Текст [#417..420#] инжектит plugin.ajax.php (subscribe_Product)
   в первый .content (.nf-info). Success/error переключает shop.js
   классами .nf-done / .nf-error.visible.
   ============================================================ */
.modal-b .modal-ctn.notification {
    max-width: 480px
}


#notification .nf-hero {
    text-align: center
}


#notification .nf-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: radial-gradient(120% 120% at 30% 20%, #8fbe5e 0%, var(--c-green-500) 60%, var(--c-green-700) 100%);
    box-shadow: 0 10px 24px rgba(110, 158, 59, .4);
    margin-bottom: 16px
}


#notification .nf-badge svg {
    width: 34px;
    height: 34px
}


#notification .nf-row {
    display: flex;
    gap: 8px;
    margin-top: 18px
}


#notification .nf-row input[type=email] {
    flex: 1 1 auto;
    min-width: 0;
    height: 52px;
    padding: 0 18px;
    border: 1px solid #d4d4d4;
    border-radius: 14px;
    font-size: 15px;
    font-family: inherit;
    background: #fafafa;
    outline: 0;
    transition: border-color .2s, background .2s;
    box-sizing: border-box
}


#notification .nf-row input[type=email]:focus {
    border-color: var(--c-green-500);
    background: #fff
}


#notification .nf-btn {
    flex: 0 0 auto;
    height: 52px;
    padding: 0 22px;
    border: 0;
    border-radius: 14px;
    background: var(--c-green-500);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .4px;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(110, 158, 59, .22);
    transition: background .2s
}


#notification .nf-btn:hover {
    background: var(--c-green-700)
}


#notification .nf-error {
    display: none;
    margin: 10px 2px 0;
    font-size: 13px;
    line-height: 1.4;
    color: #c0392b
}


#notification .nf-success {
    display: none;
    text-align: center;
    padding: 10px 0 4px
}


#notification .nf-success-icon svg {
    width: 64px;
    height: 64px
}


#notification .nf-success-title {
    margin: 16px 0 8px;
    font-size: 20px;
    font-weight: 700;
    color: var(--c-green-900)
}


#notification .nf-success-text {
    margin: 0 0 22px;
    font-size: 14.5px;
    line-height: 1.55;
    color: #666
}


#notification .nf-success-text b {
    color: var(--c-green-900);
    font-weight: 700;
    display: inline-block;
    overflow-wrap: break-word;
    max-width: 100%
}


#notification .nf-close-btn {
    display: inline-block;
    height: 46px;
    padding: 0 34px;
    border: 0;
    border-radius: 999px;
    background: var(--c-green-500);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .4px;
    cursor: pointer;
    transition: background .2s
}


#notification .nf-close-btn:hover {
    background: var(--c-green-700)
}
@media (max-width: 480px){

    #notification .nf-row {
        flex-direction: column
    }


    #notification .nf-btn {
        height: 48px
    }}


/* ============================================================
   OPT AUTH GATE MODAL (#opt-auth, .oa-*) — гейт опт-каталога ?opt.
   Разметку инжектит shop.class.php::renderOptAuthModal(), логика в
   js/shop.js (opt_auth_* в plugin.ajax.php). Визуальный язык — как у
   «Сповістити при надходженні» (chunk 194, .nf-*).
   ============================================================ */
.modal-b .modal-ctn.opt-auth {
    max-width: 460px
}


/* ============================================================
   REG-FORM-OPT REDESIGN (.modal #reg-form-opt) — форма опт-регистрации
   в стиле nf-модалки (chunk 194) и гейта #opt-auth: hero-бейдж через
   h2::before (без правки чанка 39), лейблы над полями, поля 52px,
   зелёная кнопка-капсула. Открывается под двумя именами контейнера:
   reg-form-opt (гейт ?opt из shop.js) и rreg-form-opt (штатный путь
   из #reg-form-business).
   ============================================================ */
.modal-b .modal-ctn.reg-form-opt,
.modal-b .modal-ctn.rreg-form-opt {
    max-width: 480px
}


/* Страна/область/город в опт-регистрации скрыты (2026-07-10): клиенту не
   нужны, сервер ставит дефолты (registration: ''→1/98/2301). Дубль-скрытие
   для старых браузеров без :has() — в shop.js */
#reg-form-opt .input-group:has(.reg-country),
#reg-form-opt .input-group:has(.reg-region),
#reg-form-opt .input-group:has(.reg-city) {
    display: none
}


/* Бейдж непрочитанного на пункте меню «Новини» */
/* !important нужен: общий селектор .main-menu>ul li span (li span — descendant,
   ловит и вложенный span бейджа) специфичнее и раздувает его до display:flex;
   min-height:48px;padding:14px 52px 14px 16px — превращая кружок в овал */
.news_counter--menu{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:0!important;height:16px!important;min-width:16px!important;margin-left:6px!important;padding:0 4px!important;vertical-align:middle!important;font-size:10px!important;font-weight:700!important;line-height:1!important;color:#fff!important}


/* Статусы ростовок в ленте: кружок на окантовке плашки (верх-право),
   цвета и обводка как у ростовок в каталоге (.avaible one/two/three) */
.nws-tier-set{position:relative}


/* Фиксы вёрстки ленты: статус с новой строки, чистые строки заказа */
.nws-tier-set .nws-tst{display:block;font-size:11px;font-weight:600;margin-top:4px}


/* Внутри приложения (html.in-app): соц-вход скрыт — OAuth Google/FB/Apple
   запрещён во встроенных WebView, вход по SMS/паролю работает как обычно */
html.in-app a[href*="google-auth"],html.in-app a[href*="facebook-auth"],html.in-app a[href*="apple-auth"],html.in-app [data-auth="google"],html.in-app [data-auth="facebook"],html.in-app [data-auth="apple"],html.in-app .social-login,html.in-app .auth-social{display:none!important}


/* В приложении прячем Google Identity Services (кнопка #g_id_signin,
   One Tap iframe) — OAuth Google запрещён внутри WebView */
html.in-app #g_id_signin,html.in-app .g_id_signin,html.in-app #g_id_onload,html.in-app iframe[src*="accounts.google.com"],html.in-app #credential_picker_container{display:none!important}


/* В приложении прячем кнопки соц-входа (#g-signin2 Google, #f-signin2
   Facebook, #a-signin2 Apple) — их OAuth запрещён внутри WebView */
html.in-app #g-signin2,html.in-app #f-signin2,html.in-app #a-signin2{display:none!important}

/* ── Видео товара из 1С: бейдж на розничной карточке, кружок в опте,
      слайд/миниатюра на странице товара, попап-плеер (обработчики в shop.js) ── */
.product-video-badge{position:absolute;right:10px;bottom:10px;z-index:9;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 2px 10px rgba(0,0,0,.22);cursor:pointer;-webkit-tap-highlight-color:transparent}
@media (max-width:1024px){
.catalog_holder .products-list .product:is(.product_group,.product_model):not(.regular_user) .color-picker .video-circle{float:none;margin:0;padding:2px;border-radius:50%;background:#fff;outline:1px solid rgba(35,35,35,.12);outline-offset:0;box-shadow:0 5px 12px rgba(31,48,20,.06)}

.catalog_holder .products-list .product:is(.product_group,.product_model):not(.regular_user) .color-picker .video-circle span{display:block;border:0;background:#232323}

.catalog_holder .products-list .product:is(.product_group,.product_model):not(.regular_user) .color-picker .video-circle:hover,.catalog_holder .products-list .product:is(.product_group,.product_model):not(.regular_user) .color-picker .video-circle:focus{outline:2px solid var(--c-green-500)}}

/* ── Кружки цветов карточки каталога: крестик, маркер, оконтовка выбора ── */
/* Крестик «нет в наличии» вписан в круг: базовые 21px на внутреннем круге
   24–26px (PNG рисован от края до края) с ореолом вылезали за контур */
.catalog_holder .color-picker .color.disabled span:before{background-size:16px 16px}

/* Swatch без цвета (noColorCode): :before занят серой точкой «·», поэтому крестик
   «нет в наличии» рисуем на :after (точка остаётся, крест поверх) */
.catalog_holder .color-picker .color.disabled span.noColorCode:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(img/disabled-color.png?u=1) no-repeat center;background-size:16px 16px}

/* Зелёный маркер article ul li:before торчал из-за li видео-кружка:
   .color прикрыт правилом .color::before{display:none}, у video-circle класса .color нет */
.catalog_holder .color-picker li:before{content:none}

/* Опт-карточка на десктопе ≥1025: кружки цветов как в моб/планшет-редизайне —
   белая подложка-кольцо, выбор/hover — зелёная оконтовка. До этого здесь
   действовали базовые правила с полоской-подчёркиванием (span:after bottom:-8px),
   которая при переносе кружков на второй ряд наезжала на него.
   Копия цветовых правил из блока @media (max-width:1024px) — править парно! */
@media (min-width:1025px){
.catalog_holder .products-list .product:is(.product_group,.product_model):not(.regular_user) .color-picker{display:flex;flex-wrap:wrap;align-items:center;gap:7px;width:100%;margin:12px 0 2px;padding:0;float:none}
.catalog_holder .products-list .product:is(.product_group,.product_model):not(.regular_user) .color-picker .color{float:none;padding:2px;margin:0;border-radius:50%;background:#fff;outline:1px solid rgba(35,35,35,.12);outline-offset:0;box-shadow:0 5px 12px rgba(31,48,20,.06)}
.catalog_holder .products-list .product:is(.product_group,.product_model):not(.regular_user) .color-picker .color span{display:block;width:28px;height:28px;border:1px solid rgba(35,35,35,.16);background-color:#fff;box-shadow:none}
.catalog_holder .products-list .product:is(.product_group,.product_model):not(.regular_user) .color-picker .color.active,.catalog_holder .products-list .product:is(.product_group,.product_model):not(.regular_user) .color-picker .color:hover{outline:2px solid var(--c-green-500);outline-offset:0;box-shadow:0 6px 14px rgba(31,48,20,.1)}
.catalog_holder .products-list .product:is(.product_group,.product_model):not(.regular_user) .color-picker .color.active span:after,.catalog_holder .products-list .product:is(.product_group,.product_model):not(.regular_user) .color-picker .color:hover span:after{content:none}
.catalog_holder .products-list .product:is(.product_group,.product_model):not(.regular_user) .color-picker .color.disabled span{opacity:.72}
.catalog_holder .products-list .product:is(.product_group,.product_model):not(.regular_user) .color-picker .color span.noColorCode{position:relative;display:block;width:28px;height:28px;color:transparent;border-color:rgba(35,35,35,.18);background:linear-gradient(180deg,#fff 0%,#f7f7f7 100%);font-size:0;line-height:0}
.catalog_holder .products-list .product:is(.product_group,.product_model):not(.regular_user) .color-picker .color span.noColorCode:before{content:'';position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background:#b8b8b8;transform:translate(-50%,-50%)}
.catalog_holder .products-list .product:is(.product_group,.product_model):not(.regular_user) .color-picker .color:has(span.noColorCode){padding:2px}
.catalog_holder .products-list .product:is(.product_group,.product_model):not(.regular_user) .color-picker .video-circle{float:none;margin:0;padding:2px;border-radius:50%;background:#fff;outline:1px solid rgba(35,35,35,.12);outline-offset:0;box-shadow:0 5px 12px rgba(31,48,20,.06)}
.catalog_holder .products-list .product:is(.product_group,.product_model):not(.regular_user) .color-picker .video-circle span{display:block;border:0;background:#232323}
.catalog_holder .products-list .product:is(.product_group,.product_model):not(.regular_user) .color-picker .video-circle:hover,.catalog_holder .products-list .product:is(.product_group,.product_model):not(.regular_user) .color-picker .video-circle:focus{outline:2px solid var(--c-green-500)}
}

/* Страница товара: выбранный цвет — зелёная оконтовка на всех ширинах.
   Базовые правила рисовали полоску span:after bottom:-15px; в окне 769–991px
   её не перекрывали медиа-блоки ≤768 и ≥992, и при переносе кружков
   на второй ряд полоска наезжала на него */
.colors-b ul li:not(.disabled).bx_active span:after,.colors-b ul li:not(.disabled):hover span:after,.colors-b ul li.disabled:hover span:after,.colors-b ul li.disabled.bx_active span:after{content:none}

.colors-b ul li.bx_active span{border-color:#fff;box-shadow:0 0 0 2px var(--c-green-500),0 8px 16px rgba(110,158,59,.18)}

/* Пока играет видео: гасим подсветку выбранного цвета и активной фото-миниатюры,
   классы .active/.bx_active не трогаем — на них корзина и размеры */
.product-page.pv-playing .photo-list .photo-item a.cloudzoom-gallery-active{border-left-color:transparent!important;border-right-color:transparent!important}
@media (max-width:1024px){
.catalog_holder .products-list .product.pv-playing:is(.product_group,.product_model):not(.regular_user) .color-picker .color.active{outline:1px solid rgba(35,35,35,.12)!important;box-shadow:0 5px 12px rgba(31,48,20,.06)!important}}

/* Камера-бейдж заметнее: зелёный фирменный круг с белой иконкой; на странице
   товара поднят над счётчиком «N/M» галереи (right:14 bottom:14, z-6) */
.product-video-badge{width:40px;height:40px;background:var(--c-green-500);box-shadow:0 3px 14px rgba(31,48,20,.38)}

/* Камера-бейдж: возврат к белому виду, позиция — правый верхний угол (desktop).
   На товаре при плашке в углу (НЕМАЄ/скидка, top:12 right:12, z-8) камера уходит под неё */
.product-video-badge{background:rgba(255,255,255,.94);box-shadow:0 2px 10px rgba(0,0,0,.22)}

/* «Рекомендуємо з цим товаром» (шаблон 16, .production.recomend): редизайн
   вариант B — карточки в стиле каталога, нативный scroll-snap вместо
   tinyscrollbar. Разметку рендерит snippet.php (get_recomend_tems) + чанк
   product_recomend_Item (.rcb-*). Старые правила .recomend .h2/.recomend-item
   больше не матчатся (той разметки нет) и не мешают. */
.recomend .rcb{margin-top:60px}

.rcb-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}

/* специфичность выше .production h2 (margin-bottom:50px) и article h2
   (padding-top:30px, uppercase, декоративная черта :after) */
.recomend .rcb .rcb-title{font-size:26px;font-weight:700;line-height:1.2;margin:0;padding:0;text-transform:none;color:#0e0506}

.recomend .rcb .rcb-title:after{content:none}

.rcb-nav{display:flex;gap:8px;flex:0 0 auto}

.rcb-arrow{width:38px;height:38px;border-radius:50%;border:1px solid #e3e3e3;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:border-color .15s,background .15s}

.rcb-arrow:hover{border-color:var(--c-green-500);background:#f3f6ee}

.rcb-arrow svg{width:16px;height:16px;stroke:#0e0506;stroke-width:2;fill:none}

.rcb-strip{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:none}

.rcb-strip::-webkit-scrollbar{display:none}

.rcb-card{flex:0 0 calc((100% - 48px)/4);width:calc((100% - 48px)/4);min-width:0;scroll-snap-align:start;position:relative}

.rcb-photo{display:block;position:relative;border-radius:10px;overflow:hidden;background:#fff}

.rcb-photo-link{display:block}

.rcb-photo img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;transition:transform .35s}

.rcb-card:hover .rcb-photo img{transform:scale(1.04)}

.rcb-labels{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:5px;align-items:flex-start;pointer-events:none}

.rcb-label{font-style:normal;font-size:11px;font-weight:700;line-height:1;color:#fff;border-radius:5px;padding:4px 8px}

.rcb-label--sale{background:#c0392b}

.rcb-wish{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;z-index:2}

.rcb-wish svg{width:17px;height:17px;fill:none;stroke:#0e0506;stroke-width:1.8;transition:stroke .15s,fill .15s}

.rcb-wish:hover svg{stroke:#c0392b}

.rcb-sizes{position:absolute;left:10px;right:10px;bottom:10px;display:flex;gap:4px;justify-content:center;flex-wrap:wrap;background:rgba(255,255,255,.94);border-radius:8px;padding:7px 8px;font-size:11.5px;font-weight:600;color:#444;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;pointer-events:none}

.rcb-sizes span+span:before{content:'\00b7';margin-right:4px;color:#b5b5b0}

.rcb-name{display:block;font-size:15px;font-weight:600;color:#0e0506;text-decoration:none;margin:9px 2px 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.rcb-name:hover{color:var(--c-green-700)}

.rcb-price{font-size:16px;font-weight:700;color:#0e0506;margin:0 2px}

.rcb-price-old{display:none;font-size:12.5px;color:#a0a09a;font-weight:400;margin-left:6px}

.rcb-price-old.active{display:inline}

.rcb-colors{display:flex;align-items:center;gap:5px;margin:7px 2px 0;min-height:14px}

.rcb-color{display:block;line-height:0}

.rcb-color span{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}

.rcb-color:hover span{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--c-green-500)}

.rcb-color-more{font-size:10.5px;color:#9a9a92;font-weight:600}
@media (min-width:1025px){
.rcb-card:hover .rcb-sizes{opacity:1;transform:none}}
@media (min-width:769px) and (max-width:1024px){
.rcb-card{flex-basis:calc((100% - 32px)/3);width:calc((100% - 32px)/3)}}
@media (max-width:768px){
.recomend .rcb{margin-top:0}

.rcb-head{margin-bottom:12px}

.recomend .rcb .rcb-title{font-size:20px}

.rcb-nav{display:none}

.rcb-strip{gap:8px}

.rcb-card{flex-basis:46vw;width:46vw}

.rcb-wish{width:30px;height:30px;top:8px;right:8px}

.rcb-wish svg{width:15px;height:15px}

.rcb-name{font-size:12px;margin-top:7px}

.rcb-price{font-size:13px}

.rcb-price-old{font-size:11px}

.rcb-color span{width:12px;height:12px}}

/* Карта (iframe_google_holder): на мобиле 500px закрывали весь экран — тап включал карту, и странице некуда было скроллиться */
@media (max-width:768px){
.iframe_google_holder iframe{height:380px!important}
}

/* ============================================================
   FIX (2026-07-16): поиск в drawer-меню (мобилка/планшет ≤1023)
   1) «Окно в окне» у строки поиска: на .search-small слоились три
      поколения стилей (bento ≤768: белая пилюля height:52px с inset-
      кольцом; drawer ≤1023: padding 10px 16px 4px !important) — поле
      торчало из пилюли. Пилюля погашена, остаётся само поле.
   2) Результаты подсказок: «карточные» правила пунктов меню
      .main-menu>ul li {радиус/тень/фон} и .main-menu>ul li a/span
      {min-height + padding !important} протекали на li внутри
      .search_container — каждый результат рисовался огромной карточкой
      меню, в зазорах просвечивали пункты drawer, а .match_container
      {margin:0 -12px} вылезал за поле. Дропдаун теперь в потоке
      (двигает меню вниз), пункты — компактные строки.
   Селекторы через header .main-menu>ul .flex-box — специфичность выше
   bento-правил (:not(.hidden_search) добавляет класс, чтобы перебить
   .search-small:focus-within input !important). Десктоп-поиск в шапке
   не задет. Правки только в CSS → нужен бамп ?u= (см. SQL). */
@media (max-width: 1024px) {
    header .main-menu>ul .flex-box .search-small:not(.hidden_search) {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 2px 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important
    }

    header .main-menu>ul .flex-box .search-small:not(.hidden_search) form {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important
    }

    header .main-menu>ul .flex-box .search-small:not(.hidden_search) input[type=text] {
        display: block !important;
        width: 100% !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 48px 0 16px !important;
        border: 1px solid rgba(110, 158, 59, .16) !important;
        border-radius: 14px !important;
        background: #f7f9f4 !important;
        color: #222 !important;
        caret-color: var(--c-green-500) !important;
        font-size: 15px !important;
        box-shadow: none !important
    }

    header .main-menu>ul .flex-box .search-small:not(.hidden_search) input[type=text]::placeholder {
        color: #9aa394 !important
    }

    /* при активном поиске слева появляется кнопка очистки — сдвигаем текст */
    header .main-menu>ul .flex-box .search-small:not(.hidden_search) form.search_active input[type=text] {
        padding-left: 44px !important
    }

    header .main-menu>ul .flex-box .search-small:not(.hidden_search) input[type=submit] {
        position: absolute !important;
        top: 26px !important;
        right: 14px !important;
        width: 24px !important;
        height: 24px !important;
        margin: 0 !important;
        opacity: .75 !important;
        transform: translateY(-50%) !important
    }

    header .main-menu>ul .flex-box .search-small:not(.hidden_search) .remove_search_h {
        position: absolute !important;
        top: 26px !important;
        left: 12px !important;
        width: 24px !important;
        height: 24px !important;
        border-radius: 50% !important;
        background-color: rgba(110, 158, 59, .08) !important;
        background-position: center !important;
        opacity: .8 !important;
        transform: translateY(-50%) !important
    }

    header .main-menu>ul .flex-box .search-small:not(.hidden_search) .match_container {
        position: static !important;
        z-index: auto !important;
        margin: 0 !important;
        padding: 0 !important
    }

    header .main-menu>ul .flex-box .search-small:not(.hidden_search) .search_container {
        position: static !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        max-height: min(48vh, 430px) !important;
        margin: 8px 0 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        border: 1px solid rgba(14, 5, 6, .08) !important;
        border-radius: 14px !important;
        background: #fff !important;
        box-shadow: 0 14px 30px rgba(16, 24, 12, .12) !important
    }

    /* .search_container (база) — flex-колонка с max-height: без запрета
       сжатия длинный список давил ul и все li в кашу вместо скролла */
    header .main-menu>ul .flex-box .search_container ul {
        display: flex !important;
        flex-direction: column !important;
        flex: 0 0 auto !important;
        gap: 0 !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 4px 0 !important;
        list-style: none !important
    }

    header .main-menu>ul .flex-box .search_container ul li,
    header .main-menu>ul .flex-box .search_container ul li:first-child {
        display: flex !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(14, 5, 6, .05) !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important
    }

    header .main-menu>ul .flex-box .search_container ul li:last-child {
        border-bottom: 0 !important
    }

    header .main-menu>ul .flex-box .search_container ul li:active {
        background: rgba(110, 158, 59, .08) !important
    }

    header .main-menu>ul .flex-box .search_container ul li a {
        display: flex !important;
        align-items: center !important;
        gap: 14px !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 10px 16px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #222 !important;
        font-size: 15px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
        text-transform: none !important
    }

    header .main-menu>ul .flex-box .search_container ul li a span {
        display: inline !important;
        min-height: 0 !important;
        padding: 0 !important;
        color: #333 !important;
        font-size: 15px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important
    }

    header .main-menu>ul .flex-box .search_container ul li a span b {
        color: var(--c-green-700) !important;
        font-weight: 700 !important
    }

    /* фото товара: 2:3 как в каталоге; чанк autocomplete_match отдаёт
       144×216 (3x от 48×72) — см. fix_search_beautify.sql */
    header .main-menu>ul .flex-box .search_container ul li a img {
        display: block !important;
        width: 48px !important;
        height: 72px !important;
        margin: 0 !important;
        border-radius: 10px !important;
        object-fit: cover !important;
        flex: 0 0 48px !important;
        background: #f7f9f4 !important;
        box-shadow: 0 0 0 1px rgba(14, 5, 6, .05) !important
    }

    /* «Показати всі результати» — мягкая зелёная пилюля между секциями */
    header .main-menu>ul .flex-box .search_container ul li a.submit_search {
        flex: 1 1 auto !important;
        width: auto !important;
        justify-content: center !important;
        margin: 8px 12px !important;
        padding: 11px 16px !important;
        border: 0 !important;
        border-radius: 12px !important;
        background: rgba(110, 158, 59, .09) !important;
        color: var(--c-green-700) !important;
        font-size: 13.5px !important;
        font-weight: 700 !important
    }

    header .main-menu>ul .flex-box .search_container ul li:has(a.submit_search) {
        border-bottom: 0 !important
    }

    /* категории: компактнее, иконка в зелёной плашке */
    header .main-menu>ul .flex-box .search_container ul li:has(.match_more_cat) a {
        padding: 8px 16px !important;
        gap: 10px !important
    }

    header .main-menu>ul .flex-box .search_container ul li:has(.match_more_cat) a span {
        font-size: 13px !important;
        color: #5c5c55 !important;
        line-height: 1.35 !important
    }

    header .main-menu>ul .flex-box .search_container ul li .match_more_cat {
        width: 32px !important;
        height: 32px !important;
        margin: 0 !important;
        border-radius: 10px !important;
        background: rgba(110, 158, 59, .1) url(img/match_more_cat.png) no-repeat center !important;
        background-size: 16px 12px !important;
        flex: 0 0 32px !important
    }
}


/* FIX (2026-07-16): планшет 769–1024 (iPad 11" портрет = 820px) показывал
   СТАРУЮ полноэкранную белую панель фильтров/сортировки (@media max-width:1024
   от 16481) — редизайн-«шторка» жила только в @media 768. Ниже — точная копия
   правил шторки + плавающих кнопок «Фільтри/Сортування» для 769–1024.
   Гейты в js/common.js подняты 768 -> 1024 парно с этим блоком. */
@media (min-width: 769px) and (max-width: 1024px) {
    #filters.catalog-panel-open,
    #filters.catalog-panel-open.fixed_filters {
        position: relative !important;
        top: auto !important;
        z-index: 2 !important;
        max-height: none !important;
        height: auto !important;
        overflow: visible !important;
        padding-bottom: 0 !important
    }

    #filters_holder.mobile-inline-open,
    #sorting_holder.mobile-inline-open {
        display: block !important;
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        z-index: 2 !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        margin: 10px 0 18px !important;
        padding: 16px !important;
        border: 1px solid rgba(110, 158, 59, .16) !important;
        border-radius: 22px !important;
        background: linear-gradient(180deg, #fbfff7 0, #fff 120px) !important;
        box-shadow: 0 12px 28px rgba(35, 54, 22, .08) !important;
        overflow: visible !important;
        transform: none !important
    }

    #filters_holder.mobile-inline-open:before,
    #sorting_holder.mobile-inline-open:before {
        content: none !important;
        display: none !important
    }

    #filters_holder.mobile-inline-open .filters-back,
    #sorting_holder.mobile-inline-open .sorting-back,
    #filters_holder.mobile-inline-open .filters-panel-title,
    #sorting_holder.mobile-inline-open .sorting-panel-title {
        display: none !important
    }

    #filters_holder.mobile-inline-open .filter .filter-item {
        margin-bottom: 8px !important;
        border-radius: 16px !important;
        overflow: hidden !important
    }

    #filters_holder.mobile-inline-open .filter-item .filter-cnt {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        z-index: auto !important;
        width: auto !important;
        height: auto !important;
        max-height: none !important;
        padding: 0 14px 16px !important;
        border-radius: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
        overflow: visible !important
    }

    #filters_holder.mobile-inline-open .filter-item .filter-cnt:before,
    #filters_holder.mobile-inline-open .back_to_filters,
    #filters_holder.mobile-inline-open .back_to_filters_in {
        content: none !important;
        display: none !important
    }

    #filters_holder.mobile-inline-open .filters_btns,
    #filters_holder.mobile-inline-open .filters_btns_in,
    #sorting_holder.mobile-inline-open .sorting_btns {
        position: static !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        z-index: auto !important;
        margin-top: 12px !important
    }

    #sorting_holder.mobile-inline-open .sort-mobile ul {
        margin: 0 !important
    }

    #sorting_holder.mobile-inline-open .sort-mobile li a {
        min-height: 46px !important
    }

    .mobile_filter {
        position: fixed !important;
        right: 20px !important;
        bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important;
        left: 20px !important;
        z-index: 28 !important;
        display: flex !important;
        gap: 10px !important;
        width: auto !important;
        padding: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transition: transform .3s cubic-bezier(.4, 0, .2, 1), opacity .3s cubic-bezier(.4, 0, .2, 1) !important
    }

    .mobile_filter.down_swipe,
    .mobile_filter.mobile-ui-hidden {
        bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transform: translate3d(0, calc(125% + env(safe-area-inset-bottom, 0px)), 0) !important
    }

    .mobile_filter .filters-toggle {
        float: none !important;
        width: auto !important;
        flex: 1 !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 0 18px !important;
        border: 0 !important;
        border-radius: 50px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 9px !important;
        color: #fff !important;
        background: var(--c-green-500) !important;
        box-shadow: 0 4px 14px rgba(110, 158, 59, .30) !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        letter-spacing: .02em !important;
        line-height: 1 !important;
        transition: background .2s ease, box-shadow .2s ease, transform .15s ease !important
    }

    .mobile_filter .sorting-toggle {
        float: none !important;
        width: auto !important;
        flex: 1 !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 0 18px !important;
        border: 0 !important;
        border-radius: 50px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 9px !important;
        color: #444 !important;
        background: #fff !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .08), inset 0 0 0 1px rgba(0, 0, 0, .06) !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        letter-spacing: .02em !important;
        line-height: 1 !important;
        transition: background .2s ease, box-shadow .2s ease, transform .15s ease !important
    }

    .mobile_filter .filters-toggle img {
        width: 18px !important;
        height: 18px !important;
        margin: 0 !important;
        filter: brightness(0) invert(1) !important;
        opacity: .85 !important
    }

    .mobile_filter .sorting-toggle img {
        width: 16px !important;
        height: 16px !important;
        margin: 0 !important;
        opacity: .4 !important;
        transition: opacity .2s ease !important
    }

    .mobile_filter .filters-toggle.active {
        color: #fff !important;
        background: #5a8a2e !important;
        box-shadow: 0 4px 16px rgba(110, 158, 59, .45), inset 0 1px 0 rgba(255, 255, 255, .2) !important
    }

    .mobile_filter .sorting-toggle.active {
        color: #fff !important;
        background: #333 !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, .2) !important
    }

    .mobile_filter .filters-toggle.active img {
        opacity: 1 !important;
        filter: brightness(0) invert(1) !important
    }

    .mobile_filter .sorting-toggle.active img {
        opacity: 1 !important;
        filter: brightness(0) invert(1) !important
    }
    @keyframes catalogMobilePanelEnter {
        from {
            opacity: 0;
            transform: translate3d(0, 72px, 0) scale(.96)
        }

        to {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1)
        }
    }

    @keyframes catalogMobilePanelExit {
        from {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1)
        }

        to {
            opacity: 0;
            transform: translate3d(0, 88px, 0) scale(.965)
        }
    }

    @keyframes catalogMobilePanelContentEnter {
        from {
            opacity: 0;
            transform: translate3d(0, 28px, 0)
        }

        to {
            opacity: 1;
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes catalogMobileDropdownEnter {
        from {
            opacity: 0;
            transform: translate3d(0, -14px, 0)
        }

        to {
            opacity: 1;
            transform: translate3d(0, 0, 0)
        }
    }
    #filters_holder.filters:not(.desktop-only),
    #sorting_holder.sorting:not(.desktop-only) {
        display: block !important;
        position: fixed !important;
        top: 8px !important;
        right: 8px !important;
        bottom: 0 !important;
        left: 8px !important;
        z-index: 40 !important;
        width: auto !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 28px 28px 0 0 !important;
        background: linear-gradient(180deg, #fbfff7 0, #fff 145px) !important;
        box-shadow: 0 -10px 34px rgba(18, 31, 12, .25) !important;
        overflow: hidden !important;
        transform-origin: 50% 100% !important;
        will-change: transform, opacity;
        backface-visibility: hidden;
        -webkit-overflow-scrolling: touch
    }

    #filters_holder.filters:not(.desktop-only) > div {
        position: absolute !important;
        top: 78px !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        min-height: 0 !important;
        padding: 0 14px 12px !important
    }

    #sorting_holder.sorting:not(.desktop-only) .sort-mobile {
        position: absolute !important;
        top: 78px !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        min-height: 0 !important;
        padding: 0 14px 12px !important
    }

    #filters_holder.catalog-mobile-panel-open:not(.desktop-only),
    #sorting_holder.catalog-mobile-panel-open:not(.desktop-only) {
        animation: catalogMobilePanelEnter .42s cubic-bezier(.18, .88, .22, 1) !important
    }

    #filters_holder.catalog-mobile-panel-closing:not(.desktop-only),
    #sorting_holder.catalog-mobile-panel-closing:not(.desktop-only) {
        animation: catalogMobilePanelExit .3s cubic-bezier(.4, 0, .2, 1) !important
    }

    #filters_holder.filters.catalog-mobile-panel-dragging:not(.catalog-mobile-panel-closing),
    #sorting_holder.sorting.catalog-mobile-panel-dragging:not(.catalog-mobile-panel-closing) {
        animation: none !important
    }

    #filters_holder.filters:not(.desktop-only):after,
    #sorting_holder.sorting:not(.desktop-only):after {
        content: '' !important;
        display: block !important;
        position: absolute !important;
        top: 7px !important;
        left: 50% !important;
        z-index: 7 !important;
        width: 42px !important;
        height: 5px !important;
        margin-left: -21px !important;
        border-radius: 999px !important;
        background: rgba(110, 158, 59, .3) !important
    }

    #filters_holder.filters:not(.desktop-only):before,
    #sorting_holder.sorting:not(.desktop-only):before {
        content: "";
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        height: 66px !important;
        border-radius: 28px 28px 0 0 !important;
        background: rgba(255, 255, 255, .94) !important;
        box-shadow: 0 1px 0 rgba(110, 158, 59, .12) !important
    }

    #filters_holder.filters:not(.desktop-only) .filters-back,
    #sorting_holder.sorting:not(.desktop-only) .sorting-back,
    #filters_holder.filters:not(.desktop-only) .filters-panel-title,
    #sorting_holder.sorting:not(.desktop-only) .sorting-panel-title {
        display: block !important
    }

    #filters_holder.filters:not(.desktop-only) .filters-back,
    #sorting_holder.sorting:not(.desktop-only) .sorting-back {
        position: absolute !important;
        top: 14px !important;
        right: 16px !important;
        left: auto !important;
        z-index: 6 !important;
        display: block !important;
        width: 42px !important;
        height: 42px !important;
        padding: 0 !important;
        border: 1px solid rgba(110, 158, 59, .22) !important;
        border-radius: 15px !important;
        background: #f8fff3 !important;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .75), 0 8px 18px rgba(35, 54, 22, .08) !important;
        font-size: 0 !important;
        overflow: hidden !important
    }

    #filters_holder.filters:not(.desktop-only) .filters-back:before,
    #filters_holder.filters:not(.desktop-only) .filters-back:after,
    #sorting_holder.sorting:not(.desktop-only) .sorting-back:before,
    #sorting_holder.sorting:not(.desktop-only) .sorting-back:after {
        content: '' !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        display: block !important;
        width: 18px !important;
        height: 2px !important;
        margin: 0 !important;
        border-radius: 999px !important;
        background: var(--c-green-500) !important
    }

    #filters_holder.filters:not(.desktop-only) .filters-back:before,
    #sorting_holder.sorting:not(.desktop-only) .sorting-back:before {
        transform: translate(-50%, -50%) rotate(45deg) !important
    }

    #filters_holder.filters:not(.desktop-only) .filters-back:after,
    #sorting_holder.sorting:not(.desktop-only) .sorting-back:after {
        transform: translate(-50%, -50%) rotate(-45deg) !important
    }

    #filters_holder.filters:not(.desktop-only) .filters-panel-title,
    #sorting_holder.sorting:not(.desktop-only) .sorting-panel-title {
        position: absolute !important;
        top: 23px !important;
        left: 22px !important;
        z-index: 5 !important;
        margin: 0 !important;
        color: #26331d !important;
        font-size: 22px !important;
        font-weight: 800 !important;
        line-height: 1 !important
    }

    #filters_holder.filters:not(.desktop-only) .filter .title {
        position: relative !important;
        padding: 18px 40px 18px 0 !important;
        background: none !important;
        transition: color .24s ease !important
    }

    #filters_holder.filters:not(.desktop-only) .filter .title:after {
        content: "" !important;
        position: absolute !important;
        top: 50% !important;
        right: 6px !important;
        width: 14px !important;
        height: 14px !important;
        border-right: 2px solid rgba(38, 51, 29, .45) !important;
        border-bottom: 2px solid rgba(38, 51, 29, .45) !important;
        transform: translateY(-65%) rotate(45deg) !important;
        transition: transform .28s cubic-bezier(.22, 1, .36, 1), border-color .24s ease !important
    }

    #filters_holder.filters:not(.desktop-only) .filter .filter-item.active .title {
        color: #26331d !important
    }

    #filters_holder.filters:not(.desktop-only) .filter .filter-item.active .title:after {
        border-color: var(--c-green-500) !important;
        transform: translateY(-35%) rotate(225deg) !important
    }

    #filters_holder.filters:not(.desktop-only) .filter {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        padding: 0 4px 12px !important;
        -webkit-overflow-scrolling: touch
    }

    #filters_holder.filters:not(.desktop-only) .filter form {
        min-height: 100% !important
    }

    #filters_holder.filters:not(.desktop-only) .filter-item .filter-cnt {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        z-index: auto !important;
        width: auto !important;
        height: auto !important;
        max-height: none !important;
        padding: 0 14px 8px !important;
        border-radius: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
        overflow: hidden !important;
        opacity: 1 !important;
        transform: none !important;
        will-change: height, opacity
    }

    #sorting_holder.sorting:not(.desktop-only) .sort-mobile {
        animation: catalogMobilePanelContentEnter .32s cubic-bezier(.18, .88, .22, 1) !important
    }

    #sorting_holder.sorting:not(.desktop-only) .sort-mobile ul {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        margin: 0 !important;
        padding: 0 4px 12px !important;
        -webkit-overflow-scrolling: touch
    }

    #sorting_holder.sorting:not(.desktop-only) .sort-mobile ul,
    #sorting_holder.mobile-inline-open .sort-mobile ul {
        transform-origin: 50% 0;
        animation: catalogMobileDropdownEnter .28s cubic-bezier(.18, .88, .22, 1)
    }

    #filters_holder.filters:not(.desktop-only) .filters_btns,
    #sorting_holder.sorting:not(.desktop-only) .sorting_btns {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        flex: 0 0 auto !important;
        z-index: 7 !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
        width: 100% !important;
        margin-top: 12px !important;
        padding: 10px !important;
        border: 1px solid rgba(110, 158, 59, .14) !important;
        border-radius: 24px !important;
        background: rgba(255, 255, 255, .96) !important;
        box-shadow: 0 -8px 24px rgba(32, 48, 20, .12) !important;
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px)
    }

    #filters_holder.filters:not(.desktop-only) .filters_btns_in {
        display: none !important
    }

    #filters_holder.filters:not(.desktop-only) .filters_btns a,
    #filters_holder.filters:not(.desktop-only) .filters_btns_in a,
    #sorting_holder.sorting:not(.desktop-only) .sorting_btns a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 52px !important;
        height: auto !important;
        padding: 0 16px !important;
        border-radius: 18px !important;
        background: #f3f5ef !important;
        color: #4e4e4e !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        text-align: center !important;
        text-decoration: none !important;
        box-shadow: inset 0 0 0 1px rgba(110, 158, 59, .08) !important
    }

    #filters_holder.filters:not(.desktop-only) .filters_btns .submit_filter,
    #filters_holder.filters:not(.desktop-only) .filters_btns_in .back_to_filters_in,
    #sorting_holder.sorting:not(.desktop-only) .sorting_btns .sorting-submit {
        background: linear-gradient(180deg, #78ad42, #5f9630) !important;
        color: #fff !important;
        box-shadow: 0 12px 24px rgba(110, 158, 59, .22) !important
    }

    /* число найденных товаров бейджем на кнопке «Показати» (моб.) */
    .filters_btns .submit_filter .mfilter-count {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-left: 8px;
        min-width: 22px;
        height: 20px;
        padding: 0 6px;
        border-radius: 10px;
        background: rgba(255, 255, 255, .24);
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        line-height: 1
    }

    .filters_btns .submit_filter .mfilter-count:empty {
        display: none
    }

    #filters_holder.filters:not(.desktop-only) .filter-item .filter-cnt:before,
    #filters_holder.filters:not(.desktop-only) .back_to_filters,
    #filters_holder.filters:not(.desktop-only) .filters-back-in,
    #filters_holder.filters:not(.desktop-only) .back_to_filters_in {
        content: none !important;
        display: none !important
    }

    .mobile_filter.mobile-menu-hidden,
    body.no-scroll .mobile_filter,
    html.modal-lock .mobile_filter,
    .main-menu.showed ~ .mobile_filter {
        opacity: 0 !important;
        pointer-events: none !important;
        transform: translate3d(0, calc(125% + env(safe-area-inset-bottom, 0px)), 0) !important
    }
}


/* Кнопка «Додати в кошик»: зазор между иконкой и текстом (при переносе
   на две строки иконка слипалась с текстом) */
.product-page .double-btn-wrapper .add_to_basket {
    gap: 8px
}


.product-page .double-btn-wrapper .add_to_basket .add_to_basket_icon {
    flex: 0 0 20px;
    margin-right: 6px
}


/* ============================================================
   Попап «Купити в 1 клік» v2 (редизайн 2026-07-28):
   #fastbuy-popup (картка товару, шаблон 16) и #fastbuy-cart-popup
   (шторка «Кошик», глобальный чанк fastbuy_cart_popup).
   Язык оформления — как у #notification / .ps-* : скруглённая
   карточка 22px, круглый бейдж, поля 54px/radius 14, зелёная
   кнопка с тенью. Затемнение даёт .modal-b.
   ============================================================ */
#modal--fastbuy-popup .modal-ctn,
#modal--fastbuy-cart-popup .modal-ctn {
    max-width: 440px
}


.fbp {
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: left
}


.fbp-head {
    text-align: center
}


.fbp-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin-bottom: 14px;
    border-radius: 50%;
    background: radial-gradient(120% 120% at 30% 20%, #8fbe5e 0%, var(--c-green-500) 60%, var(--c-green-700) 100%);
    box-shadow: 0 10px 24px rgba(110, 158, 59, .4)
}


.fbp-badge svg {
    width: 30px;
    height: 30px
}


.fbp-title {
    margin: 0;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3px;
    color: var(--c-green-900)
}


.fbp-product {
    display: flex;
    gap: 14px;
    align-items: center;
    padding: 12px;
    border: 1px solid rgba(110, 158, 59, .16);
    border-radius: 16px;
    background: #fafbf7
}


.fbp-thumb img {
    width: 60px;
    height: 84px;
    object-fit: cover;
    border-radius: 12px;
    display: block
}


.fbp-name {
    font-size: 14.5px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--c-green-900)
}


.fbp-size {
    font-size: 13px;
    color: #7a7a7a;
    margin-top: 4px
}


.fbp-size b {
    color: #3d5a20;
    font-weight: 700
}


/* Плашка «До оплати» — валюта живёт в разметке, JS кладёт только число */
.fbp-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 18px;
    border-radius: 16px;
    background: #eef5e4
}


.fbp-total-label {
    font-size: 14px;
    color: #3d5a20
}


.fbp-total-val {
    font-size: 20px;
    font-weight: 700;
    color: var(--c-green-900);
    white-space: nowrap
}


.fbp-total-val i {
    font-style: normal;
    font-size: 13px;
    font-weight: 600;
    color: #5f7a41
}


.fbp-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0
}


.fbp-form .input_phone {
    position: relative;
    margin: 0
}


.fbp-form .input_phone input {
    width: 100%;
    height: 54px;
    padding: 0 88px 0 18px;
    border: 1px solid #d9d9d9;
    border-radius: 14px;
    background: #fafafa;
    font-family: inherit;
    font-size: 16px;
    color: var(--c-green-900);
    outline: 0;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: none;
    box-sizing: border-box;
    transition: border-color .2s, background .2s, box-shadow .2s
}


/* Chrome рисовал свою синюю рамку — гасим и даём зелёный фокус-ринг */
.fbp-form .input_phone input:focus,
.fbp-form .input_phone input:focus-visible {
    border-color: var(--c-green-500);
    background: #fff;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(110, 158, 59, .16)
}


.fbp-form .input_phone .descr {
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    margin: 0;
    font-size: 12px;
    line-height: 1;
    color: #9aa693;
    pointer-events: none
}


.fbp .fbp-form a.btn.submit_fastbuy_popup,
.fbp .fbp-form a.btn.submit_fastbuy_cart {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 54px;
    margin: 0;
    padding: 0 20px;
    border: 0;
    border-radius: 14px;
    background: var(--c-green-500);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .4px;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    box-shadow: 0 10px 24px rgba(110, 158, 59, .25);
    transition: background .2s, box-shadow .2s, transform .15s
}


.fbp .fbp-form a.btn.submit_fastbuy_popup:hover,
.fbp .fbp-form a.btn.submit_fastbuy_cart:hover {
    background: var(--c-green-700);
    color: #fff;
    text-decoration: none
}


.fbp .fbp-form a.btn.submit_fastbuy_popup:active,
.fbp .fbp-form a.btn.submit_fastbuy_cart:active {
    transform: translateY(1px);
    box-shadow: 0 6px 16px rgba(110, 158, 59, .25)
}


.fbp-note {
    margin: 0;
    text-align: center;
    font-size: 12.5px;
    line-height: 1.5;
    color: #8a8a8a
}


/* Попап «1 клік»: плашка «також у кошику» — заказ уходит всей корзиной */
.fbp-cart-note {
    font-size: 13px;
    line-height: 1.45;
    color: #3d5a20;
    background: #eef5e4;
    border-radius: 14px;
    padding: 12px 16px
}


.fbp-cart-note b {
    white-space: nowrap
}
@media (max-width: 480px){

    .fbp-badge {
        width: 56px;
        height: 56px;
        margin-bottom: 12px
    }


    .fbp-title {
        font-size: 18px
    }


    .fbp-total {
        padding: 12px 14px
    }


    .fbp-total-val {
        font-size: 18px
    }}


/* ============================ Каталог: вид «Список» (?view=list) — чанки 80 (розница), 81 (опт поштучно), 111 (опт ростовки) ============================ */
.catalog_holder .products-list .product.catalog-product-list.catalog-product-list.catalog-product-list.catalog-product-list {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr) 224px;
    grid-template-areas: "pphoto pinfo pbuy";
    grid-template-rows: auto;
    gap: 0 24px;
    height: auto;
    max-width: none;
    margin-bottom: 0;
    padding: 18px 0;
    border: none;
    border-top: 1px solid #e3e3e3;
    border-radius: 0;
    background: #fff;
    overflow: visible;
    box-shadow: none;
    transition: none;
    text-align: left
}


/* ── claim1c: «Завершіть реєстрацію» тіньового 1С-акаунта, стиль нового логіну ── */
.cl1c-intro{margin:0 0 14px;color:#444;font-size:14px;line-height:1.55}

.cl1c-btn{display:block;width:100%;padding:14px 28px;border:0;border-radius:14px;background:var(--c-green-500);color:#fff!important;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:center;text-decoration:none;box-shadow:0 4px 14px rgba(110,158,59,.25);transition:background .2s ease,box-shadow .2s ease;box-sizing:border-box}

.cl1c-btn:hover{background:#5f8a30;box-shadow:0 6px 20px rgba(110,158,59,.35)}

.cl1c-resend{margin:14px 0 0;text-align:center;color:#888;font-size:13px}

.cl1c-resend a{color:#5a8a2f;font-weight:600}

.cl1c .input-group{margin-bottom:14px}

.cl1c .input-group .label{display:block;margin-bottom:5px;color:#666;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}

.cl1c .input-group .label .validate_input{color:var(--c-green-700);font-style:normal}

.cl1c .input-group .input{position:relative}

.cl1c .input-group .input input{width:100%;height:48px;padding:0 16px;border:1.5px solid #e0e0e0;border-radius:14px;background:#fafafa;color:#1a1a1a;font-size:15px;outline:0;box-sizing:border-box;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}

.cl1c .input-group .input input:focus{border-color:var(--c-green-500);background:#fff;box-shadow:0 0 0 3px rgba(110,158,59,.1)}

.cl1c .input-group.kod .input input{text-align:center;font-size:20px;font-weight:700;letter-spacing:.35em}

.cl1c .cl1c-form-error{display:none;margin:0 0 12px;color:#d9534f;font-size:13px;font-weight:600;text-align:center}

.cl1c .cl1c-resend+.cl1c-form-error{margin:8px 0 0}


/* --- корзина: товар недоступен (nostock), 2026-07-19 --- */
.basket-card .basket-card__nostock{display:none;margin-top:6px;color:#d9534f;font-size:12px;font-weight:700;line-height:1.3;text-transform:uppercase;letter-spacing:.02em}


/* news: свои фото поста (админка ?b=news) — произвольные пропорции, клик = оригинал */
.nws-ph.nws-ph-c{flex:0 0 auto;max-width:82%;display:block}

/* чанк add_map_form (pl/sk/cs) — форма без карты-фона + тумблер */
.add-map-form .form{background:#f7f9f4;border-radius:10px;padding:28px 32px;max-width:680px}

/* мультиаккаунт: дропдаун точек в fast_profile */
.profile-panel__accounts{margin:14px 0;padding:6px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}

.profile-panel__accounts-add{display:block;padding:10px 4px;font-size:14px;color:var(--c-green-700);font-weight:600;text-decoration:none;cursor:pointer}

.profile-panel__accounts-add:hover{text-decoration:underline}


/* корзина: срок готовности позиции («виготовляється 30.07» / «передзамовлення»).
   Товар заказуем — поэтому янтарная плашка-примечание, а не красный nostock */
.basket-card__stock{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:3px 8px;border-radius:4px;background:#fff4e5;color:#b06a12;font-size:12px;font-weight:600;line-height:1.4}


/* статус наличия кликабелен (.notification-info открывает «Сповістити при
   надходженні»), но на странице товара переопределения снимали подчёркивание —
   клиент не догадывался нажать. Селекторы с лишним классом, чтобы перебить те
   правила; .inactive-link (статус «в наявності») остаётся обычным текстом */
.product-page .size-b .title span.size-name.notification-info:not(.inactive-link),
.product-page .size-b .title span.sizeGroup-name.notification-info:not(.inactive-link),
.size-b .title span.size-name.notification-info:not(.inactive-link),
.size-b .title span.sizeGroup-name.notification-info:not(.inactive-link),
.catalog_holder .products-list .product .status>span.notification-info:not(.inactive-link){cursor:pointer;color:var(--c-green-700);text-decoration:none}


/* ===== опт-попап выбора размеров: сетка плиток вместо развёрнутой таблицы =====
   Разметка — чанки product_popup_* (redesign_opt_popup.sql). Классы .tr,
   .quantity-b и .table-info сохранены: на них завязан общий бюджет склада
   в shop.js, поэтому переезд визуальный, логика прежняя. */
#product-popup .product-popup-list{display:flex;flex-direction:column}

/* переключатель режима — свой у каждого цвета: ростовки одного цвета могут
   кончиться, тогда как в другом они есть */
#product-popup .ppc-modes{display:inline-flex;gap:3px;padding:3px;margin-left:auto;background:#fafbf7;border:1px solid #e1e6d9;border-radius:11px}

/* недоступное не показываем, но из DOM НЕ убираем: по data-max этих ячеек
   считается общий остаток размера для ростовок */
#product-popup .ppt.is-out{display:none}

/* счётчик: та же .quantity-b, но в виде сегмента внизу плитки */
#product-popup .ppt .product-popup-quantity-cell{margin-top:auto}


/* Перебиваем наследие развёрнутой таблицы. Старые правила висят на тех же
   элементах (.product-popup-size-column задаёт ширину 55px, .table-info —
   flex-строку, .quantity-b — высоту 64px и зелёный фон кнопок), поэтому
   селекторы ниже намеренно длиннее исходных, а !important стоит только там,
   где он есть в перебиваемом правиле. */
.modal-b #product-popup .ppc-body.table-info{display:block;width:auto}

/* В чанке порядок кнопок исторический (plus, input, minus) — менять разметку
   нельзя, её читает общий бюджет склада. Переставляем визуально: минус слева. */
.modal-b #product-popup .ppt .quantity-b .minus{order:1}

/* шапка: название тёмное и крупнее, блок цветов прижат вправо */
.modal-b #product-popup .product-popup-name-link{color:#1b2116;font-size:18px;font-weight:750;letter-spacing:-.015em}


/* Панель «Ваше замовлення» справа вместо нижней плашки. Итог и кнопку
   по-прежнему обновляет ajax=calc_popup — блок .to-bottom просто переехал
   внутрь панели, классы сохранены. Состав заказа собирает JS из плиток. */
.modal-b #product-popup .pp-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;flex:1;min-height:0}

/* нижняя плашка внутри панели: в столбик, кнопка на всю ширину */
.modal-b #product-popup .pp-summary .to-bottom{display:block;border-top:1px solid #e1e6d9;padding-top:12px;margin-top:auto}


/* шапка попапа: название слева, кружки цветов прижаты вправо, крестик последним */
.modal-b #product-popup .product-popup-header{display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid #e1e6d9}

/* кнопка панели: сплошная, во всю ширину, обычный регистр */
.modal-b #product-popup .pp-summary .product-popup-submit-button{width:100%;border:0;border-radius:11px;background:#5e8f31;color:#fff;font-size:14.5px;font-weight:750;letter-spacing:.01em;padding:13px 16px;text-transform:none;box-shadow:none}


/* Максимум площади под плитки на мобильном. У попапа фиксированная высота и
   скроллится только список, поэтому всё, что занимает панель заказа, отнимается
   у товара. Состав заказа сворачиваем в строку-переключатель, список плиток
   отдаём во всю оставшуюся высоту (grid-строка minmax(0,1fr) + auto). */
#product-popup .pp-picks-toggle{display:none}


/* Короткий список больше не растягивается на всю высоту: строка сетки auto
   вместо 1fr, а список ограничен потолком и скроллится только при переполнении.
   Легаси-правило .product-popup-table-wrp{flex:1 !important} перебиваем явно —
   иначе flex-grow всё равно раздувает блок. Пустой контейнер сводки (скидки
   нет — единственная строка скрыта) убираем целиком. */
@media(max-width:900px){
  .modal-b #product-popup .pp-body{grid-template-rows:auto auto}
  .modal-b #product-popup .pp-body .product-popup-table-wrp{flex:0 1 auto !important;height:auto !important;max-height:calc(100vh - 300px);overflow-y:auto}
  .modal-b #product-popup .pp-totals:not(:has(.pp-total-row:not([hidden]))){display:none;padding:0;border:0}
  .modal-b #product-popup .pp-summary{padding-top:6px}
}


/* Остатки пустоты на мобильном:
   1) .product-popup-bottom{margin-top:auto} (легаси) прижимал блок к низу;
   2) строки грида по умолчанию растягиваются — align-content:start;
   3) «До оплати» до первого выбора имеет opacity:0 (класс .has-total ставит
      calc_popup) — невидима, но занимала полосу. Прячем её совсем. */
@media(max-width:900px){
  .modal-b #product-popup .pp-body{flex:0 1 auto;align-content:start}
  .modal-b #product-popup .pp-summary .to-bottom{margin-top:0}
  .modal-b #product-popup .pp-summary .product-popup-bottom:not(.has-total) .product-popup-total{display:none}
}


/* ── Плашка ростовки в ленте новостей: количество в ростовке + статус
   пилюлей, как на плитке опт-попапа (#product-popup .ppt-stat). Раньше
   статус был словом ленты («Готово») с точкой на окантовке — разошлось
   с карточкой товара, где то же состояние называется «виготовлений».
   Цвета/иконки те же, что в .ppt-stat--ready/making/pre, чтобы плитка
   в посте и в попапе читались одинаково. ── */
.nws-tier-set .nws-set-q{display:block;font-size:11px;font-weight:600;color:#7a7a7a;margin-bottom:2px}


/* ── Чат на сайті (js/common.js, блок «cvchat»; сервер — assets/shop/web_chat.php).
   Кнопка справа знизу → вікно з привітанням і полем вводу; повідомлення їде в
   Telegram-групу менеджерів, відповідь реплаєм повертається сюди.
   z-index 99000 — навмисно НИЖЧЕ модалок (100500): картка товару й кошик
   мають перекривати чат, а не навпаки. ── */
.cvchat{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:99000;font-family:inherit;line-height:1.35}

.cvchat *{box-sizing:border-box}

.cvchat [hidden]{display:none!important}

.cvchat button{font-family:inherit}

.cvchat__badge{position:absolute;top:-3px;right:-3px;min-width:21px;height:21px;padding:0 5px;border-radius:11px;background:#c0392b;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff}


/* підказка-бульбашка біля кнопки (показується раз на тиждень, до першого діалогу) */
.cvchat__tip{position:absolute;right:72px;bottom:6px;width:236px;max-width:calc(100vw - 110px);padding:12px 14px;background:#fff;color:var(--c-green-900);border-radius:14px;font-size:13.5px;box-shadow:0 6px 20px rgba(32,49,20,.18);cursor:pointer;animation:cvchat-pop .22s ease-out}

.cvchat__tip:after{content:"";position:absolute;right:-6px;bottom:18px;width:12px;height:12px;background:#fff;transform:rotate(45deg)}

.cvchat__tip-txt{display:block;padding-right:6px}

.cvchat__tip-x{position:absolute;top:-9px;right:-9px;width:24px;height:24px;border:0;border-radius:50%;background:#c0392b;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.2)}

.cvchat__tip-x svg{width:12px;height:12px}


/* вікно */
.cvchat__panel{position:absolute;right:0;bottom:74px;width:360px;height:520px;max-height:calc(100vh - 130px);display:flex;flex-direction:column;overflow:hidden;background:#eef2f5;border-radius:16px;box-shadow:0 14px 46px rgba(16,24,12,.34);animation:cvchat-up .18s ease-out}

.cvchat__head{position:relative;padding:14px 16px 12px;background:linear-gradient(180deg,var(--c-green-500),var(--c-green-500));color:#fff;text-align:center}

.cvchat__title{font-size:17px;font-weight:700}

.cvchat__head-x{position:absolute;top:10px;right:10px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}

.cvchat__head-x:hover{background:rgba(255,255,255,.3)}


.cvchat__status{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;background:#e6ecf0;color:#7c8a94;font-size:12px}

.cvchat__dot{width:8px;height:8px;border-radius:50%;background:#b9c3c9;flex:0 0 auto}

.cvchat__status.is-online .cvchat__dot{background:#46b04a;box-shadow:0 0 0 3px rgba(70,176,74,.18)}


.cvchat__body{flex:1;min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column}


.cvchat__contact{padding:10px 12px;background:#fff;border-top:1px solid #e3e9ed}

.cvchat__contact-txt{margin-bottom:7px;font-size:12px;color:#6a7883}

.cvchat__contact-row{display:flex;gap:6px}

.cvchat__phone{flex:1;min-width:0;padding:9px 11px;border:1px solid #d5dee4;border-radius:9px;font-size:14px;font-family:inherit;outline:none}

.cvchat__phone:focus{border-color:var(--c-green-500)}

.cvchat__contact-save{padding:9px 15px;border:0;border-radius:9px;background:var(--c-green-500);color:#fff;font-size:13px;font-weight:600;cursor:pointer}

.cvchat__contact-save:hover{background:var(--c-green-700)}


.cvchat__foot{display:flex;align-items:flex-end;gap:8px;padding:9px 12px;background:#fff;border-top:1px solid #e3e9ed}

.cvchat__input{flex:1;min-width:0;max-height:96px;padding:9px 0;border:0;background:transparent;resize:none;font-size:15px;font-family:inherit;line-height:1.35;outline:none;color:#1e2a16}

.cvchat__send{flex:0 0 auto;width:40px;height:40px;border:0;border-radius:50%;background:var(--c-green-500);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}

.cvchat__send:hover{background:var(--c-green-700)}


@keyframes cvchat-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

@keyframes cvchat-pop{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}


/* Телефон: вікно майже на весь екран, але сторінка лишається видимою зверху —
   інакше віджет читається як модалка, з якої «не вийти» */
@media(max-width:640px){
  .cvchat{right:14px;bottom:calc(14px + env(safe-area-inset-bottom))}
  .cvchat__fab{width:54px;height:54px}
  .cvchat__panel{position:fixed;right:10px;left:10px;bottom:calc(80px + env(safe-area-inset-bottom));top:56px;width:auto;height:auto;max-height:none}
}
@media print{.cvchat{display:none}}


/* ── Чат встроен в существующую кнопку помощника (.helper_block, чанк HELPER/187):
   своей второй кнопки нет, чат — первая пилюля в её меню. Разметку чанка не
   трогаем, пилюля добавляется скриптом и наследует стили соседних пунктов. ── */
.cvchat.is-embedded{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}

.cvchat.is-embedded .cvchat__tip{right:68px;bottom:2px}

.helper_block>.cvchat__badge{position:absolute;top:-3px;right:-3px;z-index:3}

/* бейдж вынесен из .cvchat, поэтому общее правило .cvchat [hidden] его не гасит */
.helper_block>.cvchat__badge[hidden]{display:none!important}
@media(max-width:640px){
  .cvchat.is-embedded{right:14px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}

  .cvchat.is-embedded .cvchat__tip{right:64px}}


/* ── Фото в чате: скрепка в футере и картинка в пузыре. Ширину картинки
   держим маленькой (лента узкая), полный размер — по клику в новой вкладке. ── */
.cvchat__clip{flex:0 0 auto;width:34px;height:34px;margin-bottom:3px;border:0;border-radius:50%;background:transparent;color:#8b98a1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,background .15s}

.cvchat__clip:hover{color:var(--c-green-700);background:#f1f5ec}

@keyframes cvchat-dot{0%,60%,100%{opacity:.28;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}


/* Кнопку помощника забрал чат (меню пустое): её собственный крестик и
   переключение .active больше не нужны — всегда показываем иконку чата. */
.helper_block.cvchat-solo .helper_close{display:none!important}

.helper_block.cvchat-solo .helper_show{display:flex!important}


/* Галочки «оформлюємо» в кошику (#fast-basket). Чекбокс сидить кутом на фото —
   так він не додає колонку в таблицю і не ламає мобільний grid-макет картки.
   Знятий рядок гасне (.basket-card--off) і не входить ні в суму, ні в замовлення:
   сервер тримає такі позиції окремо в $_SESSION['cart_off']. */
#fast-basket .fast-list tr.basket-card .basket-card__photo {
    position: relative
}


/* корзина: малый остаток по позиции — 1 шт. «Остання одиниця», 2 шт. «Майже
   розпродано». Красная плашка рядом с янтарной «виготовляється»: это не срок,
   а повод не тянуть. У снятой галочкой строки гаснет вместе со всей строкой. */
.basket-card__left{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:3px 8px;border-radius:4px;background:#fdecec;color:#c0392b;font-size:12px;font-weight:600;line-height:1.4}

/* текст плашки приходит из [#534#]/[#535#]: пока add_lang_low_stock.sql не
   применён и дамп переводов не пересобран, он пустой — тогда прячем плашку
   целиком, чтобы не висела иконка на пустом фоне */
.basket-card__left:has(.stock-txt:empty){display:none}


/* ============================================================================
 * INP: фаза presentation. По полевым данным (modx_a_inp, 532 записи за неделю)
 * у взаимодействий хуже 200 мс на отрисовку после обработчика уходит ~390 мс —
 * больше, чем на сам обработчик. Список каталога рендерится целиком, включая
 * десятки карточек за экраном, и каждая перерисовка после клика оплачивает их
 * лэйаут и покраску заново.
 *
 * content-visibility: auto снимает с браузера работу по карточкам вне вьюпорта.
 * contain-intrinsic-size: auto — размер запоминается после первого показа,
 * поэтому скроллбар не прыгает; 640px — стартовая оценка карточки на мобильном
 * (фото 345x518 плюс название, размеры и цена).
 *
 * Первые четыре карточки исключены намеренно: среди них LCP-элемент, его
 * пропуск отложил бы отрисовку главного изображения.
 * ========================================================================== */
@media (max-width: 1024px) {
    .catalog_holder .products-list .product {
        content-visibility: auto;
        contain-intrinsic-size: auto 640px
    }

    .catalog_holder .products-list .product:nth-child(-n+4) {
        content-visibility: visible;
        contain-intrinsic-size: none
    }
}


/* ============================================================================
 * INP: фаза presentation, продолжение. По полевым данным у медленных
 * взаимодействий на карточке товара обработчик занимает 0-3 мс, а отрисовка
 * кадра — 700-950 мс. Значит время уходит не в JS, а в рендер.
 *
 * Виновник — backdrop-filter на элементах, которые видны ПОСТОЯННО: браузер
 * пересобирает и размывает подложку под ними на каждом кадре, и цена кадра
 * ложится на любое взаимодействие, даже если обработчика нет вообще.
 * Оверлеи (.dropdown-overlay, .alert-modal__backdrop, .menu_catalog_back)
 * не трогаем: они появляются только на время модалки.
 *
 * На мобильных размытие снимаем, компенсируя фон плотностью, — визуально
 * разница почти незаметна, стоимость кадра падает кратно.
 * ========================================================================== */
@media (max-width: 1024px) {
    .color-picker-arrows .arrow span {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: rgba(255, 255, 255, .95)
    }

    .cc-tag span {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background: rgba(14, 20, 8, .62)
    }

    .brand-top-ctn a {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background: rgba(0, 0, 0, .28)
    }

    .download-catalog a {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background: rgba(255, 255, 255, .96)
    }

    /* Блок рекомендаций внизу карточки товара — вне экрана его лэйаут и
       покраска пересчитываться не должны */
    .rcb-card {
        content-visibility: auto;
        contain-intrinsic-size: auto 320px
    }
}