/* Start:/local/templates/2beman/assets/css/hb-bs-core.css?179137130012783*/
/* hb: остаток ядрового Bootstrap (только то, что нужно живым классам сайта).
   Подключается ПЕРЕД bootstrap.css шаблона, как раньше грузился bitrix/css/main/bootstrap.css. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display:block}
a{background-color:transparent}
*:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
[role="button"]{cursor:pointer}
a.hb-text-success:hover,
a.hb-text-success:focus {color:#2b542c}
a.hb-text-danger:hover,
a.hb-text-danger:focus {color:#843534}
kbd kbd{font-weight:bold}
caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}
.hb-table-striped > tbody > tr:nth-of-type(odd) {background-color:#f9f9f9}
.hb-table-hover > tbody > tr:hover {background-color:#f5f5f5}
.hb-table-responsive {min-height:.01%;overflow-x:auto}
.hb-form-control::-ms-expand {background-color:transparent;border:0}
.hb-form-control[disabled],
fieldset[disabled] .hb-form-control {cursor:not-allowed}
.radio label, .checkbox label{min-height:20px}
.radio-inline{position:relative}
.hb-form-group-sm .hb-form-control {height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
.hb-form-group-sm select.hb-form-control {height:30px;line-height:30px}
.hb-form-group-sm textarea.hb-form-control,
.hb-form-group-sm select[multiple].hb-form-control {height:auto}
.hb-form-group-lg .hb-form-control {height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}
.hb-form-group-lg select.hb-form-control {height:46px;line-height:46px}
.hb-form-group-lg textarea.hb-form-control,
.hb-form-group-lg select[multiple].hb-form-control {height:auto}
.hb-has-error .radio,
.hb-has-error .checkbox,
.hb-has-error .radio-inline,
.hb-has-error.radio label,
.hb-has-error.checkbox label,
.hb-has-error.radio-inline label {color:#a94442}
.hb-button {-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition:background 280ms ease, opacity 280ms ease, color 280ms ease, border 280ms ease;-moz-transition:background 280ms ease, opacity 280ms ease, color 280ms ease, border 280ms ease;-ms-transition:background 280ms ease, opacity 280ms ease, color 280ms ease, border 280ms ease;-o-transition:background 280ms ease, opacity 280ms ease, color 280ms ease, border 280ms ease;transition:background 280ms ease, opacity 280ms ease, color 280ms ease, border 280ms ease}
.hb-button:focus,
.hb-button:active:focus,
.hb-button.active:focus,
.hb-button.focus,
.hb-button:active.focus,
.hb-button.active.focus {outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.hb-button:hover,
.hb-button:focus,
.hb-button.focus {color:#333;text-decoration:none}
a.hb-button.disabled,
fieldset[disabled] a.hb-button {pointer-events:none}
.hb-button-default:focus,
.hb-button-default.focus {color:#333;background-color:#e6e6e6;border-color:#8c8c8c}
.hb-button-default:hover {color:#333;background-color:#e6e6e6;border-color:#adadad}
.hb-button-default:active,
.hb-button-default.active,
.open > .hb-dropdown-toggle.hb-button-default {color:#333;background-color:#e6e6e6;border-color:#adadad}
.hb-button-default:active:hover,
.hb-button-default.active:hover,
.open > .hb-dropdown-toggle.hb-button-default:hover,
.hb-button-default:active:focus,
.hb-button-default.active:focus,
.open > .hb-dropdown-toggle.hb-button-default:focus,
.hb-button-default:active.focus,
.hb-button-default.active.focus,
.open > .hb-dropdown-toggle.hb-button-default.focus {color:#333;background-color:#d4d4d4;border-color:#8c8c8c}
.hb-button-default.disabled:hover,
.hb-button-default[disabled]:hover,
fieldset[disabled] .hb-button-default:hover,
.hb-button-default.disabled:focus,
.hb-button-default[disabled]:focus,
fieldset[disabled] .hb-button-default:focus,
.hb-button-default.disabled.focus,
.hb-button-default[disabled].focus,
fieldset[disabled] .hb-button-default.focus {background-color:#fff;border-color:#ccc}
.hb-button-primary:focus,
.hb-button-primary.focus {color:#fff;background-color:#286090;border-color:#122b40}
.hb-button-primary:hover {color:#fff;background-color:#286090;border-color:#204d74}
.hb-button-primary:active,
.hb-button-primary.active,
.open > .hb-dropdown-toggle.hb-button-primary {color:#fff;background-color:#286090;border-color:#204d74}
.hb-button-primary:active:hover,
.hb-button-primary.active:hover,
.open > .hb-dropdown-toggle.hb-button-primary:hover,
.hb-button-primary:active:focus,
.hb-button-primary.active:focus,
.open > .hb-dropdown-toggle.hb-button-primary:focus,
.hb-button-primary:active.focus,
.hb-button-primary.active.focus,
.open > .hb-dropdown-toggle.hb-button-primary.focus {color:#fff;background-color:#204d74;border-color:#122b40}
.hb-button-primary.disabled:hover,
.hb-button-primary[disabled]:hover,
fieldset[disabled] .hb-button-primary:hover,
.hb-button-primary.disabled:focus,
.hb-button-primary[disabled]:focus,
fieldset[disabled] .hb-button-primary:focus,
.hb-button-primary.disabled.focus,
.hb-button-primary[disabled].focus,
fieldset[disabled] .hb-button-primary.focus {background-color:#337ab7;border-color:#2e6da4}
.hb-button-link,
.hb-button-link:active,
.hb-button-link.active,
.hb-button-link[disabled],
fieldset[disabled] .hb-button-link {background-color:transparent;-webkit-box-shadow:none;box-shadow:none}
.hb-dropdown {position:relative}
.hb-button-group > .hb-button-group:first-child:not(:last-child) > .hb-button:last-child,
.hb-button-group > .hb-button-group:first-child:not(:last-child) > .hb-dropdown-toggle {border-top-right-radius:0;border-bottom-right-radius:0}
.hb-button-group > .hb-button-group:last-child:not(:first-child) > .hb-button:first-child {border-top-left-radius:0;border-bottom-left-radius:0}
[data-toggle="buttons"] > .hb-button input[type="radio"],
[data-toggle="buttons"] > .hb-button-group > .hb-button input[type="radio"],
[data-toggle="buttons"] > .hb-button input[type="checkbox"],
[data-toggle="buttons"] > .hb-button-group > .hb-button input[type="checkbox"] {position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}
.hb-input-group .hb-form-control:focus {z-index:3}
.hb-input-group-btn:last-child > .hb-button,
.hb-input-group-btn:last-child > .hb-button-group {z-index:2}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{z-index:2}
.list-group-item.active > .badge {color:#337ab7;background-color:#fff}
.media{margin-top:15px}
.media > .hb-pull-right {padding-left:10px}
.media > .hb-pull-left {padding-right:10px}
a.list-group-item, button.list-group-item{color:#555}
a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus{color:#555;text-decoration:none;background-color:#f5f5f5}
button.list-group-item{width:100%;text-align:left}
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus{cursor:not-allowed}
.hb-panel > .list-group, .hb-panel > .hb-panel-collapse > .list-group{margin-bottom:0}
.hb-panel > .list-group .list-group-item, .hb-panel > .hb-panel-collapse > .list-group .list-group-item{border-width:1px 0;border-radius:0}
.hb-panel > .list-group:first-child .list-group-item:first-child, .hb-panel > .hb-panel-collapse > .list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}
.hb-panel > .list-group:last-child .list-group-item:last-child, .hb-panel > .hb-panel-collapse > .list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.hb-panel > .hb-panel-heading + .hb-panel-collapse > .list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}
.hb-panel > .hb-table caption,
.hb-panel > .hb-table-responsive > .hb-table caption,
.hb-panel > .hb-panel-collapse > .hb-table caption {padding-right:15px;padding-left:15px}
.hb-panel > .hb-table:first-child > thead:first-child > tr:first-child,
.hb-panel > .hb-table-responsive:first-child > .hb-table:first-child > thead:first-child > tr:first-child,
.hb-panel > .hb-table:first-child > tbody:first-child > tr:first-child,
.hb-panel > .hb-table-responsive:first-child > .hb-table:first-child > tbody:first-child > tr:first-child {border-top-left-radius:3px;border-top-right-radius:3px}
.hb-panel > .hb-table:last-child > tbody:last-child > tr:last-child,
.hb-panel > .hb-table-responsive:last-child > .hb-table:last-child > tbody:last-child > tr:last-child,
.hb-panel > .hb-table:last-child > tfoot:last-child > tr:last-child,
.hb-panel > .hb-table-responsive:last-child > .hb-table:last-child > tfoot:last-child > tr:last-child {border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.hb-panel > .hb-panel-body + .hb-table,
.hb-panel > .hb-panel-body + .hb-table-responsive,
.hb-panel > .hb-table + .hb-panel-body,
.hb-panel > .hb-table-responsive + .hb-panel-body {border-top:1px solid #ddd}
.hb-panel-group .hb-panel-heading + .hb-panel-collapse > .hb-panel-body, .hb-panel-group .hb-panel-heading + .hb-panel-collapse > .list-group{border-top:1px solid #ddd}
.hb-embed-responsive iframe,
.hb-embed-responsive embed,
.hb-embed-responsive object,
.hb-embed-responsive video {position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.hb-embed-responsive-16by9 {padding-bottom:56.25%}
.modal.fade .modal-dialog{-ms-transform:translate(0, -25%)}
.modal.in .modal-dialog{-ms-transform:translate(0, 0)}
.tooltip{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-style:normal;font-weight:normal;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;line-break:auto}
.tooltip.top-left .tooltip-arrow{right:5px;margin-bottom:-5px}
.tooltip.top-right .tooltip-arrow{left:5px;margin-bottom:-5px}
.tooltip.bottom-left .tooltip-arrow{right:5px;margin-top:-5px}
.tooltip.bottom-right .tooltip-arrow{left:5px;margin-top:-5px}
.popover{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px;font-style:normal;font-weight:normal;line-height:1.42857143;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;line-break:auto}
.hb-nav:before,
.hb-nav:after,
.hb-navbar:before,
.hb-navbar:after,
.hb-navbar-header:before,
.hb-navbar-header:after,
.hb-navbar-collapse:before,
.hb-navbar-collapse:after,
.pager:before,
.pager:after,
.hb-panel-body:before,
.hb-panel-body:after,
.hb-container:before,
.hb-container:after,
.hb-container-fluid:before,
.hb-container-fluid:after,
.hb-row:before,
.hb-row:after,
.hb-clearfix:before,
.hb-clearfix:after {display:table;content:" "}
.hb-nav:after,
.hb-navbar:after,
.hb-navbar-header:after,
.hb-navbar-collapse:after,
.pager:after,
.hb-panel-body:after,
.hb-container:after,
.hb-container-fluid:after,
.hb-row:after,
.hb-clearfix:after {clear:both}
@media screen and (-webkit-min-device-pixel-ratio: 0){
input[type="date"].hb-form-control,
input[type="time"].hb-form-control,
input[type="datetime-local"].hb-form-control,
input[type="month"].hb-form-control {line-height:34px}
}

/* hb: кнопки карточек каталога (hb-cbtn) — базовые свойства Bootstrap .btn/.btn-primary без самого Bootstrap */
.hb-cbtn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}
.hb-cbtn:focus,.hb-cbtn:active:focus,.hb-cbtn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.hb-cbtn:hover,.hb-cbtn:focus{color:#333;text-decoration:none}
.hb-cbtn:active,.hb-cbtn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.hb-cbtn.disabled,.hb-cbtn[disabled]{pointer-events:none;cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;opacity:.65}
.hb-cbtn{color:#fff;background-color:#428bca;border-color:#357ebd}
.hb-cbtn:hover,.hb-cbtn:focus,.hb-cbtn:active,.hb-cbtn.active{color:#fff;background-color:#3071a9;border-color:#285e8e}
.hb-cbtn:active,.hb-cbtn.active{background-image:none}
.hb-cbtn.disabled,.hb-cbtn[disabled],.hb-cbtn.disabled:hover,.hb-cbtn[disabled]:hover,.hb-cbtn.disabled:focus,.hb-cbtn[disabled]:focus,.hb-cbtn.disabled:active,.hb-cbtn[disabled]:active,.hb-cbtn.disabled.active,.hb-cbtn[disabled].active{background-color:#428bca;border-color:#357ebd}

/* End */


/* Start:/local/templates/2beman/assets/css/hb-base.css?17912957453385*/
/* hb-base: теги: сброс/типографика-база — перенесено дословно из bootstrap.lite8.css */
html{font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body{margin: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display: block;}
[hidden], template{display: none;}
a{background: 0 0;}
a:active, a:hover{outline: 0;}
b, strong{font-weight: 700;}
h1{margin: 0.67em 0; font-size: 2em;}
small{font-size: 80%;}
img{border: 0;}
svg:not(:root){overflow: hidden;}
hr{height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
button, input, optgroup, select, textarea{margin: 0; font: inherit; color: inherit;}
button{overflow: visible;}
button, select{text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance: button; cursor: pointer;}
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;}
table{border-spacing: 0; border-collapse: collapse;}
td, th{padding: 0;}
@font-face{
  font-family: "Glyphicons Halflings";
  src: url(/local/templates/2beman/assets/css/../fonts/glyphicons-halflings-regular.eot);
  src: url(/local/templates/2beman/assets/css/../fonts/glyphicons-halflings-regular.eot?#iefix)
      format("embedded-opentype"),
    url(/local/templates/2beman/assets/css/../fonts/glyphicons-halflings-regular.woff) format("woff"),
    url(/local/templates/2beman/assets/css/../fonts/glyphicons-halflings-regular.ttf) format("truetype"),
    url(/local/templates/2beman/assets/css/../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular)
      format("svg");
}
*{-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: #428bca; text-decoration: none;}
a:hover, a:focus{color: #2a6496; text-decoration: underline;}
a:focus{outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
img{vertical-align: middle;}
hr{margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee;}
p{margin: 0 0 10px;}
ul, ol{margin-top: 0; margin-bottom: 10px;}
ul ul, ol ul, ul ol, ol ol{margin-bottom: 0;}
table{background-color: transparent;}
label{display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700;}
input[type="radio"], input[type="checkbox"]{margin: 4px 0 0; margin-top: 1px \9; line-height: normal;}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus{outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
@-webkit-keyframes progress-bar-stripes{
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes{
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes{
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-ms-viewport{
  width: device-width;
}

/* End */


/* Start:/local/templates/2beman/assets/css/hb-ui.css?179130880124639*/
/* hb-ui: panel/table/list/alert/badge/text/заголовки/glyphicon/tooltip/nav-pills — перенесено дословно из bootstrap.lite8.css */
.glyphicon,
.hb-glyphicon {position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.hb-glyphicon-shopping-cart:before {content: "\e116";}
.thumbnail > img, .thumbnail a > img,
.hb-img-responsive {display: block; width: 100% \9; max-width: 100%; height: auto;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small{font-weight: 400; line-height: 1; color: #777;}
h1, .h1, h2, .h2, h3, .h3{margin-top: 20px; margin-bottom: 10px;}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small{font-size: 65%;}
h4, .h4, h5, .h5, h6, .h6{margin-top: 10px; margin-bottom: 10px;}
h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small{font-size: 75%;}
h1, .h1{font-size: 36px;}
h2, .h2{font-size: 30px;}
h3, .h3{font-size: 24px;}
h4, .h4{font-size: 18px;}
h5, .h5{font-size: 14px;}
small, .small{font-size: 85%;}
mark, .mark{padding: 0.2em; background-color: #fcf8e3;}
.hb-text-left {text-align: left;}
.hb-text-right {text-align: right;}
.hb-text-center {text-align: center;}
.hb-text-muted {color: #777;}
.hb-text-success {color: #3c763d;}
.hb-text-danger {color: #a94442;}
.hb-list-unstyled {padding-left: 0; list-style: none;}
.hb-list-inline {padding-left: 0; margin-left: -5px; list-style: none;}
.hb-list-inline > li {display: inline-block; padding-right: 5px; padding-left: 5px;}
blockquote footer, blockquote small, blockquote .small{display: block; font-size: 80%; line-height: 1.42857143; color: #777;}
blockquote footer:before, blockquote small:before, blockquote .small:before{content: "\2014 \00A0";}
.hb-table {width: 100%; max-width: 100%; margin-bottom: 20px;}
.hb-table > thead > tr > th,
.hb-table > tbody > tr > th,
.hb-table > tfoot > tr > th,
.hb-table > thead > tr > td,
.hb-table > tbody > tr > td,
.hb-table > tfoot > tr > td {padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd;}
.hb-table > thead > tr > th {vertical-align: bottom; border-bottom: 2px solid #ddd;}
.hb-table > caption + thead > tr:first-child > th,
.hb-table > colgroup + thead > tr:first-child > th,
.hb-table > thead:first-child > tr:first-child > th,
.hb-table > caption + thead > tr:first-child > td,
.hb-table > colgroup + thead > tr:first-child > td,
.hb-table > thead:first-child > tr:first-child > td {border-top: 0;}
.hb-table > tbody + tbody {border-top: 2px solid #ddd;}
.hb-table .hb-table {background-color: #fff;}
.hb-table > thead > tr > td.active,
.hb-table > tbody > tr > td.active,
.hb-table > tfoot > tr > td.active,
.hb-table > thead > tr > th.active,
.hb-table > tbody > tr > th.active,
.hb-table > tfoot > tr > th.active,
.hb-table > thead > tr.active > td,
.hb-table > tbody > tr.active > td,
.hb-table > tfoot > tr.active > td,
.hb-table > thead > tr.active > th,
.hb-table > tbody > tr.active > th,
.hb-table > tfoot > tr.active > th {background-color: #f5f5f5;}
.hb-table-hover > tbody > tr > td.active:hover,
.hb-table-hover > tbody > tr > th.active:hover,
.hb-table-hover > tbody > tr.active:hover > td,
.hb-table-hover > tbody > tr:hover > .active,
.hb-table-hover > tbody > tr.active:hover > th {background-color: #e8e8e8;}
.hb-table > thead > tr > td.success,
.hb-table > tbody > tr > td.success,
.hb-table > tfoot > tr > td.success,
.hb-table > thead > tr > th.success,
.hb-table > tbody > tr > th.success,
.hb-table > tfoot > tr > th.success,
.hb-table > thead > tr.success > td,
.hb-table > tbody > tr.success > td,
.hb-table > tfoot > tr.success > td,
.hb-table > thead > tr.success > th,
.hb-table > tbody > tr.success > th,
.hb-table > tfoot > tr.success > th {background-color: #dff0d8;}
.hb-table-hover > tbody > tr > td.success:hover,
.hb-table-hover > tbody > tr > th.success:hover,
.hb-table-hover > tbody > tr.success:hover > td,
.hb-table-hover > tbody > tr:hover > .success,
.hb-table-hover > tbody > tr.success:hover > th {background-color: #d0e9c6;}
.hb-table > thead > tr > td.info,
.hb-table > tbody > tr > td.info,
.hb-table > tfoot > tr > td.info,
.hb-table > thead > tr > th.info,
.hb-table > tbody > tr > th.info,
.hb-table > tfoot > tr > th.info,
.hb-table > thead > tr.info > td,
.hb-table > tbody > tr.info > td,
.hb-table > tfoot > tr.info > td,
.hb-table > thead > tr.info > th,
.hb-table > tbody > tr.info > th,
.hb-table > tfoot > tr.info > th {background-color: #d9edf7;}
.hb-table-hover > tbody > tr > td.info:hover,
.hb-table-hover > tbody > tr > th.info:hover,
.hb-table-hover > tbody > tr.info:hover > td,
.hb-table-hover > tbody > tr:hover > .info,
.hb-table-hover > tbody > tr.info:hover > th {background-color: #c4e3f3;}
.hb-table > thead > tr > td.warning,
.hb-table > tbody > tr > td.warning,
.hb-table > tfoot > tr > td.warning,
.hb-table > thead > tr > th.warning,
.hb-table > tbody > tr > th.warning,
.hb-table > tfoot > tr > th.warning,
.hb-table > thead > tr.warning > td,
.hb-table > tbody > tr.warning > td,
.hb-table > tfoot > tr.warning > td,
.hb-table > thead > tr.warning > th,
.hb-table > tbody > tr.warning > th,
.hb-table > tfoot > tr.warning > th {background-color: #fcf8e3;}
.hb-table-hover > tbody > tr > td.warning:hover,
.hb-table-hover > tbody > tr > th.warning:hover,
.hb-table-hover > tbody > tr.warning:hover > td,
.hb-table-hover > tbody > tr:hover > .warning,
.hb-table-hover > tbody > tr.warning:hover > th {background-color: #faf2cc;}
.hb-table > thead > tr > td.danger,
.hb-table > tbody > tr > td.danger,
.hb-table > tfoot > tr > td.danger,
.hb-table > thead > tr > th.danger,
.hb-table > tbody > tr > th.danger,
.hb-table > tfoot > tr > th.danger,
.hb-table > thead > tr.danger > td,
.hb-table > tbody > tr.danger > td,
.hb-table > tfoot > tr.danger > td,
.hb-table > thead > tr.danger > th,
.hb-table > tbody > tr.danger > th,
.hb-table > tfoot > tr.danger > th {background-color: #f2dede;}
.hb-table-hover > tbody > tr > td.danger:hover,
.hb-table-hover > tbody > tr > th.danger:hover,
.hb-table-hover > tbody > tr.danger:hover > td,
.hb-table-hover > tbody > tr:hover > .danger,
.hb-table-hover > tbody > tr.danger:hover > th {background-color: #ebcccc;}
@media screen and (max-width: 767px){
.hb-table-responsive > .hb-table {margin-bottom: 0;}
.hb-table-responsive > .hb-table > thead > tr > th,
.hb-table-responsive > .hb-table > tbody > tr > th,
.hb-table-responsive > .hb-table > tfoot > tr > th,
.hb-table-responsive > .hb-table > thead > tr > td,
.hb-table-responsive > .hb-table > tbody > tr > td,
.hb-table-responsive > .hb-table > tfoot > tr > td {white-space: nowrap;}
}
input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"]{cursor: not-allowed;}
.open > a{outline: 0;}
.hb-breadcrumb {padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px;}
.hb-breadcrumb > li {display: inline-block;}
.hb-breadcrumb > li + li:before {padding: 0 5px; color: #ccc; content: "/\00a0";}
.hb-breadcrumb > .active {color: #777;}
.pagination{display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px;}
.pagination > li{display: inline;}
.pagination > li > a, .pagination > li > span{position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #428bca; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a, .pagination > li:first-child > span{margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a, .pagination > li:last-child > span{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{color: #2a6496; background-color: #eee; border-color: #ddd;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{z-index: 2; color: #fff; cursor: default; background-color: #428bca; border-color: #428bca;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}
.pager .next > a, .pager .next > span{float: right;}
.pager .previous > a, .pager .previous > span{float: left;}
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span{color: #777; cursor: not-allowed; background-color: #fff;}
.label{display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em;}
a.label:hover, a.label:focus{color: #fff; text-decoration: none; cursor: pointer;}
.label:empty{display: none;}
.badge{display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 10px;}
.badge:empty{display: none;}
a.list-group-item.active > .badge, .hb-nav-pills > .active > a > .badge{color: #428bca; background-color: #fff;}
.hb-nav-pills > li > a > .badge{margin-left: 3px;}
.hb-alert {padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px;}
.hb-alert h4 {margin-top: 0; color: inherit;}
.hb-alert > p,
.hb-alert > ul {margin-bottom: 0;}
.hb-alert > p + p {margin-top: 5px;}
.hb-alert-success {color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6;}
.hb-alert-success hr {border-top-color: #c9e2b3;}
.hb-alert-warning {color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc;}
.hb-alert-warning hr {border-top-color: #f7e1b5;}
.hb-alert-danger {color: #a94442; background-color: #f2dede; border-color: #ebccd1;}
.hb-alert-danger hr {border-top-color: #e4b9c0;}
.media{overflow: hidden; zoom: 1;}
.media, .media .media{margin-top: 15px;}
.media:first-child{margin-top: 0;}
.list-group{padding-left: 0; margin-bottom: 20px;}
.list-group-item{position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd;}
.list-group-item:first-child{border-top-left-radius: 4px; border-top-right-radius: 4px;}
.list-group-item:last-child{margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
.list-group-item > .badge{float: right;}
.list-group-item > .badge + .badge{margin-right: 5px;}
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus{color: #777; background-color: #eee;}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{z-index: 2; color: #fff; background-color: #428bca; border-color: #428bca;}
.hb-panel{margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);}
.hb-panel-heading > .hb-dropdown .hb-dropdown-toggle{color: inherit;}
.hb-panel > .list-group{margin-bottom: 0;}
.hb-panel > .list-group .list-group-item{border-width: 1px 0; border-radius: 0;}
.hb-panel > .list-group:first-child .list-group-item:first-child{border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.hb-panel > .list-group:last-child .list-group-item:last-child{border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.hb-panel-heading + .list-group .list-group-item:first-child{border-top-width: 0;}
.hb-panel > .hb-table,
.hb-panel > .hb-table-responsive > .hb-table,
.hb-panel > .hb-panel-collapse > .hb-table {margin-bottom: 0;}
.hb-panel > .hb-table:first-child,
.hb-panel > .hb-table-responsive:first-child > .hb-table:first-child {border-top-left-radius: 3px; border-top-right-radius: 3px;}
.hb-panel > .hb-table:first-child > thead:first-child > tr:first-child td:first-child,
.hb-panel > .hb-table-responsive:first-child > .hb-table:first-child > thead:first-child > tr:first-child td:first-child,
.hb-panel > .hb-table:first-child > tbody:first-child > tr:first-child td:first-child,
.hb-panel > .hb-table-responsive:first-child > .hb-table:first-child > tbody:first-child > tr:first-child td:first-child,
.hb-panel > .hb-table:first-child > thead:first-child > tr:first-child th:first-child,
.hb-panel > .hb-table-responsive:first-child > .hb-table:first-child > thead:first-child > tr:first-child th:first-child,
.hb-panel > .hb-table:first-child > tbody:first-child > tr:first-child th:first-child,
.hb-panel > .hb-table-responsive:first-child > .hb-table:first-child > tbody:first-child > tr:first-child th:first-child {border-top-left-radius: 3px;}
.hb-panel > .hb-table:first-child > thead:first-child > tr:first-child td:last-child,
.hb-panel > .hb-table-responsive:first-child > .hb-table:first-child > thead:first-child > tr:first-child td:last-child,
.hb-panel > .hb-table:first-child > tbody:first-child > tr:first-child td:last-child,
.hb-panel > .hb-table-responsive:first-child > .hb-table:first-child > tbody:first-child > tr:first-child td:last-child,
.hb-panel > .hb-table:first-child > thead:first-child > tr:first-child th:last-child,
.hb-panel > .hb-table-responsive:first-child > .hb-table:first-child > thead:first-child > tr:first-child th:last-child,
.hb-panel > .hb-table:first-child > tbody:first-child > tr:first-child th:last-child,
.hb-panel > .hb-table-responsive:first-child > .hb-table:first-child > tbody:first-child > tr:first-child th:last-child {border-top-right-radius: 3px;}
.hb-panel > .hb-table:last-child,
.hb-panel > .hb-table-responsive:last-child > .hb-table:last-child {border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.hb-panel > .hb-table:last-child > tbody:last-child > tr:last-child td:first-child,
.hb-panel > .hb-table-responsive:last-child > .hb-table:last-child > tbody:last-child > tr:last-child td:first-child,
.hb-panel > .hb-table:last-child > tfoot:last-child > tr:last-child td:first-child,
.hb-panel > .hb-table-responsive:last-child > .hb-table:last-child > tfoot:last-child > tr:last-child td:first-child,
.hb-panel > .hb-table:last-child > tbody:last-child > tr:last-child th:first-child,
.hb-panel > .hb-table-responsive:last-child > .hb-table:last-child > tbody:last-child > tr:last-child th:first-child,
.hb-panel > .hb-table:last-child > tfoot:last-child > tr:last-child th:first-child,
.hb-panel > .hb-table-responsive:last-child > .hb-table:last-child > tfoot:last-child > tr:last-child th:first-child {border-bottom-left-radius: 3px;}
.hb-panel > .hb-table:last-child > tbody:last-child > tr:last-child td:last-child,
.hb-panel > .hb-table-responsive:last-child > .hb-table:last-child > tbody:last-child > tr:last-child td:last-child,
.hb-panel > .hb-table:last-child > tfoot:last-child > tr:last-child td:last-child,
.hb-panel > .hb-table-responsive:last-child > .hb-table:last-child > tfoot:last-child > tr:last-child td:last-child,
.hb-panel > .hb-table:last-child > tbody:last-child > tr:last-child th:last-child,
.hb-panel > .hb-table-responsive:last-child > .hb-table:last-child > tbody:last-child > tr:last-child th:last-child,
.hb-panel > .hb-table:last-child > tfoot:last-child > tr:last-child th:last-child,
.hb-panel > .hb-table-responsive:last-child > .hb-table:last-child > tfoot:last-child > tr:last-child th:last-child {border-bottom-right-radius: 3px;}
.hb-panel > .hb-panel-body + .hb-table,
.hb-panel > .hb-panel-body + .hb-table-responsive {border-top: 1px solid #ddd;}
.hb-panel > .hb-table > tbody:first-child > tr:first-child th,
.hb-panel > .hb-table > tbody:first-child > tr:first-child td {border-top: 0;}
.hb-panel > .hb-table-bordered,
.hb-panel > .hb-table-responsive > .hb-table-bordered {border: 0;}
.hb-panel > .hb-table-bordered > thead > tr > th:first-child,
.hb-panel > .hb-table-responsive > .hb-table-bordered > thead > tr > th:first-child,
.hb-panel > .hb-table-bordered > tbody > tr > th:first-child,
.hb-panel > .hb-table-responsive > .hb-table-bordered > tbody > tr > th:first-child,
.hb-panel > .hb-table-bordered > tfoot > tr > th:first-child,
.hb-panel > .hb-table-responsive > .hb-table-bordered > tfoot > tr > th:first-child,
.hb-panel > .hb-table-bordered > thead > tr > td:first-child,
.hb-panel > .hb-table-responsive > .hb-table-bordered > thead > tr > td:first-child,
.hb-panel > .hb-table-bordered > tbody > tr > td:first-child,
.hb-panel > .hb-table-responsive > .hb-table-bordered > tbody > tr > td:first-child,
.hb-panel > .hb-table-bordered > tfoot > tr > td:first-child,
.hb-panel > .hb-table-responsive > .hb-table-bordered > tfoot > tr > td:first-child {border-left: 0;}
.hb-panel > .hb-table-bordered > thead > tr > th:last-child,
.hb-panel > .hb-table-responsive > .hb-table-bordered > thead > tr > th:last-child,
.hb-panel > .hb-table-bordered > tbody > tr > th:last-child,
.hb-panel > .hb-table-responsive > .hb-table-bordered > tbody > tr > th:last-child,
.hb-panel > .hb-table-bordered > tfoot > tr > th:last-child,
.hb-panel > .hb-table-responsive > .hb-table-bordered > tfoot > tr > th:last-child,
.hb-panel > .hb-table-bordered > thead > tr > td:last-child,
.hb-panel > .hb-table-responsive > .hb-table-bordered > thead > tr > td:last-child,
.hb-panel > .hb-table-bordered > tbody > tr > td:last-child,
.hb-panel > .hb-table-responsive > .hb-table-bordered > tbody > tr > td:last-child,
.hb-panel > .hb-table-bordered > tfoot > tr > td:last-child,
.hb-panel > .hb-table-responsive > .hb-table-bordered > tfoot > tr > td:last-child {border-right: 0;}
.hb-panel > .hb-table-bordered > thead > tr:first-child > td,
.hb-panel > .hb-table-responsive > .hb-table-bordered > thead > tr:first-child > td,
.hb-panel > .hb-table-bordered > tbody > tr:first-child > td,
.hb-panel > .hb-table-responsive > .hb-table-bordered > tbody > tr:first-child > td,
.hb-panel > .hb-table-bordered > thead > tr:first-child > th,
.hb-panel > .hb-table-responsive > .hb-table-bordered > thead > tr:first-child > th,
.hb-panel > .hb-table-bordered > tbody > tr:first-child > th,
.hb-panel > .hb-table-responsive > .hb-table-bordered > tbody > tr:first-child > th {border-bottom: 0;}
.hb-panel > .hb-table-bordered > tbody > tr:last-child > td,
.hb-panel > .hb-table-responsive > .hb-table-bordered > tbody > tr:last-child > td,
.hb-panel > .hb-table-bordered > tfoot > tr:last-child > td,
.hb-panel > .hb-table-responsive > .hb-table-bordered > tfoot > tr:last-child > td,
.hb-panel > .hb-table-bordered > tbody > tr:last-child > th,
.hb-panel > .hb-table-responsive > .hb-table-bordered > tbody > tr:last-child > th,
.hb-panel > .hb-table-bordered > tfoot > tr:last-child > th,
.hb-panel > .hb-table-responsive > .hb-table-bordered > tfoot > tr:last-child > th {border-bottom: 0;}
.hb-panel > .hb-table-responsive {margin-bottom: 0; border: 0;}
.hb-panel-group .hb-panel{margin-bottom: 0; border-radius: 4px;}
.hb-panel-group .hb-panel + .hb-panel{margin-top: 5px;}
.hb-panel-default > .hb-panel-heading .badge{color: #f5f5f5; background-color: #333;}
.close{float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: 0.2;}
.close:hover, .close:focus{color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5;}
button.close{-webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0;}
.modal{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0;}
.modal.fade .modal-dialog{-webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; -webkit-transform: translate3d(0, -25%, 0); -o-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0);}
.modal.in .modal-dialog{-webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.modal-dialog{position: relative; width: auto; margin: 10px;}
@media (min-width: 768px){
.modal-dialog{width: 600px; margin: 30px auto;}
.modal-content{-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);}
}
.tooltip{position: absolute; z-index: 1070; display: block; font-size: 12px; line-height: 1.4; visibility: visible; filter: alpha(opacity=0); opacity: 0;}
.tooltip.in{filter: alpha(opacity=90); opacity: 0.9;}
.tooltip.top{padding: 5px 0; margin-top: -3px;}
.tooltip.right{padding: 0 5px; margin-left: 3px;}
.tooltip.bottom{padding: 5px 0; margin-top: 3px;}
.tooltip.left{padding: 0 5px; margin-left: -3px;}
.tooltip-inner{max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px;}
.tooltip-arrow{position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;}
.tooltip.top .tooltip-arrow{bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000;}
.tooltip.top-left .tooltip-arrow{bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000;}
.tooltip.top-right .tooltip-arrow{right: 5px; bottom: 0; border-width: 5px 5px 0; border-top-color: #000;}
.tooltip.right .tooltip-arrow{top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000;}
.tooltip.left .tooltip-arrow{top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000;}
.tooltip.bottom .tooltip-arrow{top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000;}
.tooltip.bottom-left .tooltip-arrow{top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000;}
.tooltip.bottom-right .tooltip-arrow{top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #000;}
.popover{position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; text-align: left; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.popover.top{margin-top: -10px;}
.popover.right{margin-left: 10px;}
.popover.bottom{margin-top: 10px;}
.popover.left{margin-left: -10px;}
.popover > .arrow, .popover > .arrow:after{position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid;}
.popover > .arrow{border-width: 11px;}
.popover > .arrow:after{content: ""; border-width: 10px;}
.popover.top > .arrow{bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0;}
.popover.top > .arrow:after{bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0;}
.popover.right > .arrow{top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0;}
.popover.right > .arrow:after{bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0;}
.popover.bottom > .arrow{top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25);}
.popover.bottom > .arrow:after{top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff;}
.popover.left > .arrow{top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25);}
.popover.left > .arrow:after{right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff;}

/* End */


/* Start:/local/templates/2beman/assets/css/hb-forms.css?179130880112546*/
/* hb-forms: btn/form/input/radio/checkbox/input-group — перенесено дословно из bootstrap.lite8.css */
.hb-form-control {display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;}
.hb-form-control:focus {border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);}
.hb-form-control::-moz-placeholder {color: #777; opacity: 1;}
.hb-form-control:-ms-input-placeholder {color: #777;}
.hb-form-control::-webkit-input-placeholder {color: #777;}
.hb-form-control[disabled],
.hb-form-control[readonly],
fieldset[disabled] .hb-form-control {cursor: not-allowed; background-color: #eee; opacity: 1;}
textarea.hb-form-control {height: auto;}
.hb-form-group {margin-bottom: 15px;}
.radio, .checkbox{position: relative; display: block; min-height: 20px; margin-top: 10px; margin-bottom: 10px;}
.radio label, .checkbox label{padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer;}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"]{position: absolute; margin-top: 4px \9; margin-left: -20px;}
.radio + .radio, .checkbox + .checkbox{margin-top: -5px;}
.radio-inline{display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer;}
.radio-inline + .radio-inline{margin-top: 0; margin-left: 10px;}
.radio-inline.disabled, fieldset[disabled] .radio-inline{cursor: not-allowed;}
.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label{cursor: not-allowed;}
.hb-has-error .radio,
.hb-has-error .checkbox,
.hb-has-error .radio-inline {color: #a94442;}
.hb-has-error .hb-form-control {border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.hb-has-error .hb-form-control:focus {border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;}
.hb-has-error .hb-input-group-addon {color: #a94442; background-color: #f2dede; border-color: #a94442;}
.hb-button {display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px;}
.hb-button:focus,
.hb-button:active:focus,
.hb-button.active:focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.hb-button:hover,
.hb-button:focus {color: #333; text-decoration: none;}
.hb-button:active,
.hb-button.active {background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.hb-button.disabled,
.hb-button[disabled],
fieldset[disabled] .hb-button {pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: 0.65;}
.hb-button-default {color: #333; background-color: #fff; border-color: #ccc;}
.hb-button-default:hover,
.hb-button-default:focus,
.hb-button-default:active,
.hb-button-default.active,
.open > .hb-dropdown-toggle.hb-button-default {color: #333; background-color: #e6e6e6; border-color: #adadad;}
.hb-button-default:active,
.hb-button-default.active,
.open > .hb-dropdown-toggle.hb-button-default {background-image: none;}
.hb-button-default.disabled,
.hb-button-default[disabled],
fieldset[disabled] .hb-button-default,
.hb-button-default.disabled:hover,
.hb-button-default[disabled]:hover,
fieldset[disabled] .hb-button-default:hover,
.hb-button-default.disabled:focus,
.hb-button-default[disabled]:focus,
fieldset[disabled] .hb-button-default:focus,
.hb-button-default.disabled:active,
.hb-button-default[disabled]:active,
fieldset[disabled] .hb-button-default:active,
.hb-button-default.disabled.active,
.hb-button-default[disabled].active,
fieldset[disabled] .hb-button-default.active {background-color: #fff; border-color: #ccc;}
.hb-button-default .badge {color: #fff; background-color: #333;}
.hb-button-primary {color: #fff; background-color: #428bca; border-color: #357ebd;}
.hb-button-primary:hover,
.hb-button-primary:focus,
.hb-button-primary:active,
.hb-button-primary.active,
.open > .hb-dropdown-toggle.hb-button-primary {color: #fff; background-color: #3071a9; border-color: #285e8e;}
.hb-button-primary:active,
.hb-button-primary.active,
.open > .hb-dropdown-toggle.hb-button-primary {background-image: none;}
.hb-button-primary.disabled,
.hb-button-primary[disabled],
fieldset[disabled] .hb-button-primary,
.hb-button-primary.disabled:hover,
.hb-button-primary[disabled]:hover,
fieldset[disabled] .hb-button-primary:hover,
.hb-button-primary.disabled:focus,
.hb-button-primary[disabled]:focus,
fieldset[disabled] .hb-button-primary:focus,
.hb-button-primary.disabled:active,
.hb-button-primary[disabled]:active,
fieldset[disabled] .hb-button-primary:active,
.hb-button-primary.disabled.active,
.hb-button-primary[disabled].active,
fieldset[disabled] .hb-button-primary.active {background-color: #428bca; border-color: #357ebd;}
.hb-button-primary .badge {color: #428bca; background-color: #fff;}
.hb-button-link {font-weight: 400; color: #428bca; cursor: pointer; border-radius: 0;}
.hb-button-link,
.hb-button-link:active,
.hb-button-link[disabled],
fieldset[disabled] .hb-button-link {background-color: transparent; -webkit-box-shadow: none; box-shadow: none;}
.hb-button-link,
.hb-button-link:hover,
.hb-button-link:focus,
.hb-button-link:active {border-color: transparent;}
.hb-button-link:hover,
.hb-button-link:focus {color: #2a6496; text-decoration: underline; background-color: transparent;}
.hb-button-link[disabled]:hover,
fieldset[disabled] .hb-button-link:hover,
.hb-button-link[disabled]:focus,
fieldset[disabled] .hb-button-link:focus {color: #777; text-decoration: none;}
.hb-button-lg {padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px;}
.hb-button-sm {padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px;}
.hb-button-block {display: block; width: 100%;}
.hb-button-block + .hb-button-block {margin-top: 5px;}
input[type="submit"].hb-button-block,
input[type="reset"].hb-button-block,
input[type="button"].hb-button-block {width: 100%;}
.hb-button-group {position: relative; display: inline-block; vertical-align: middle;}
.hb-button-group > .hb-button {position: relative; float: left;}
.hb-button-group > .hb-button:hover,
.hb-button-group > .hb-button:focus,
.hb-button-group > .hb-button:active,
.hb-button-group > .hb-button.active {z-index: 2;}
.hb-button-group > .hb-button:focus {outline: 0;}
.hb-button-group .hb-button + .hb-button,
.hb-button-group .hb-button + .hb-button-group,
.hb-button-group .hb-button-group + .hb-button,
.hb-button-group .hb-button-group + .hb-button-group {margin-left: -1px;}
.hb-button-group > .hb-button:not(:first-child):not(:last-child):not(.hb-dropdown-toggle) {border-radius: 0;}
.hb-button-group > .hb-button:first-child {margin-left: 0;}
.hb-button-group > .hb-button:first-child:not(:last-child):not(.hb-dropdown-toggle) {border-top-right-radius: 0; border-bottom-right-radius: 0;}
.hb-button-group > .hb-button:last-child:not(:first-child),
.hb-button-group > .hb-dropdown-toggle:not(:first-child) {border-top-left-radius: 0; border-bottom-left-radius: 0;}
.hb-button-group > .hb-button-group {float: left;}
.hb-button-group > .hb-button-group:not(:first-child):not(:last-child) > .hb-button {border-radius: 0;}
.hb-button-group > .hb-button-group:first-child > .hb-button:last-child,
.hb-button-group > .hb-button-group:first-child > .hb-dropdown-toggle {border-top-right-radius: 0; border-bottom-right-radius: 0;}
.hb-button-group > .hb-button-group:last-child > .hb-button:first-child {border-top-left-radius: 0; border-bottom-left-radius: 0;}
.hb-button-group .hb-dropdown-toggle:active,
.hb-button-group.open .hb-dropdown-toggle {outline: 0;}
.hb-button-group > .hb-button + .hb-dropdown-toggle {padding-right: 8px; padding-left: 8px;}
.hb-button-group > .hb-button-lg + .hb-dropdown-toggle {padding-right: 12px; padding-left: 12px;}
.hb-button-group.open .hb-dropdown-toggle {-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.hb-button-group.open .hb-dropdown-toggle.hb-button-link {-webkit-box-shadow: none; box-shadow: none;}
.hb-button .hb-caret {margin-left: 0;}
.hb-button-lg .hb-caret {border-width: 5px 5px 0; border-bottom-width: 0;}
[data-toggle="buttons"] > .hb-button > input[type="radio"],
[data-toggle="buttons"] > .hb-button > input[type="checkbox"] {position: absolute; z-index: -1; filter: alpha(opacity=0); opacity: 0;}
.hb-input-group {position: relative; display: table; border-collapse: separate;}
.hb-input-group[class*="col-"] {float: none; padding-right: 0; padding-left: 0;}
.hb-input-group .hb-form-control {position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0;}
.hb-input-group-addon,
.hb-input-group-btn,
.hb-input-group .hb-form-control {display: table-cell;}
.hb-input-group-addon:not(:first-child):not(:last-child),
.hb-input-group-btn:not(:first-child):not(:last-child),
.hb-input-group .hb-form-control:not(:first-child):not(:last-child) {border-radius: 0;}
.hb-input-group-addon,
.hb-input-group-btn {width: 1%; white-space: nowrap; vertical-align: middle;}
.hb-input-group-addon {padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px;}
.hb-input-group-addon input[type="radio"],
.hb-input-group-addon input[type="checkbox"] {margin-top: 0;}
.hb-input-group .hb-form-control:first-child,
.hb-input-group-addon:first-child,
.hb-input-group-btn:first-child > .hb-button,
.hb-input-group-btn:first-child > .hb-button-group > .hb-button,
.hb-input-group-btn:first-child > .hb-dropdown-toggle,
.hb-input-group-btn:last-child > .hb-button:not(:last-child):not(.hb-dropdown-toggle),
.hb-input-group-btn:last-child > .hb-button-group:not(:last-child) > .hb-button {border-top-right-radius: 0; border-bottom-right-radius: 0;}
.hb-input-group-addon:first-child {border-right: 0;}
.hb-input-group .hb-form-control:last-child,
.hb-input-group-addon:last-child,
.hb-input-group-btn:last-child > .hb-button,
.hb-input-group-btn:last-child > .hb-button-group > .hb-button,
.hb-input-group-btn:last-child > .hb-dropdown-toggle,
.hb-input-group-btn:first-child > .hb-button:not(:first-child),
.hb-input-group-btn:first-child > .hb-button-group:not(:first-child) > .hb-button {border-top-left-radius: 0; border-bottom-left-radius: 0;}
.hb-input-group-addon:last-child {border-left: 0;}
.hb-input-group-btn {position: relative; font-size: 0; white-space: nowrap;}
.hb-input-group-btn > .hb-button {position: relative;}
.hb-input-group-btn > .hb-button + .hb-button {margin-left: -1px;}
.hb-input-group-btn > .hb-button:hover,
.hb-input-group-btn > .hb-button:focus,
.hb-input-group-btn > .hb-button:active {z-index: 2;}
.hb-input-group-btn:first-child > .hb-button,
.hb-input-group-btn:first-child > .hb-button-group {margin-right: -1px;}
.hb-input-group-btn:last-child > .hb-button,
.hb-input-group-btn:last-child > .hb-button-group {margin-left: -1px;}
.hb-navbar-default .hb-button-link {color: #777;}
.hb-navbar-default .hb-button-link:hover,
.hb-navbar-default .hb-button-link:focus {color: #333;}
.hb-navbar-default .hb-button-link[disabled]:hover,
fieldset[disabled] .hb-navbar-default .hb-button-link:hover,
.hb-navbar-default .hb-button-link[disabled]:focus,
fieldset[disabled] .hb-navbar-default .hb-button-link:focus {color: #ccc;}
.hb-button .label {position: relative; top: -1px;}
.hb-button .badge {position: relative; top: -1px;}

/* End */


/* Start:/local/templates/2beman/assets/css/hb-utils.css?17913088013568*/
/* hb-utils: hidden-*/pull-*/clearfix/print (утилиты, !important осознанно) — перенесено дословно из bootstrap.lite8.css */
@media print{
*{color: #000 !important; text-shadow: none !important; background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
a, a:visited{text-decoration: underline;}
a[href]:after{content: " (" attr(href) ")";}
abbr[title]:after{content: " (" attr(title) ")";}
a[href^="javascript:"]:after, a[href^="#"]:after{content: "";}
pre, blockquote{border: 1px solid #999; page-break-inside: avoid;}
thead{display: table-header-group;}
tr, img{page-break-inside: avoid;}
img{max-width: 100% !important;}
p, h2, h3{orphans: 3; widows: 3;}
h2, h3{page-break-after: avoid;}
select{background: #fff !important;}
.hb-navbar{display: none;}
.table td, .table th,
.hb-table td,
.hb-table th {background-color: #fff !important;}
.hb-button > .hb-caret {border-top-color: #000 !important;}
.label{border: 1px solid #000;}
.table,
.hb-table {border-collapse: collapse !important;}
.table-bordered th, .table-bordered td,
.hb-table-bordered th,
.hb-table-bordered td {border: 1px solid #ddd !important;}
}
blockquote.hb-pull-right {padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0;}
blockquote.hb-pull-right footer:before,
blockquote.hb-pull-right small:before,
blockquote.hb-pull-right .small:before {content: "";}
blockquote.hb-pull-right footer:after,
blockquote.hb-pull-right small:after,
blockquote.hb-pull-right .small:after {content: "\00A0 \2014";}
.media > .hb-pull-left {margin-right: 10px;}
.media > .hb-pull-right {margin-left: 10px;}
.hb-nav:before,
.hb-nav:after,
.hb-navbar:before,
.hb-navbar:after,
.hb-navbar-header:before,
.hb-navbar-header:after,
.hb-navbar-collapse:before,
.hb-navbar-collapse:after,
.pager:before,
.pager:after,
.hb-panel-body:before,
.hb-panel-body:after,
.hb-clearfix:before,
.hb-clearfix:after,
.hb-container:before,
.hb-container:after,
.hb-container-fluid:before,
.hb-container-fluid:after,
.hb-row:before,
.hb-row:after {display: table; content: " ";}
.hb-nav:after,
.hb-navbar:after,
.hb-navbar-header:after,
.hb-navbar-collapse:after,
.pager:after,
.hb-panel-body:after,
.hb-clearfix:after,
.hb-container:after,
.hb-container-fluid:after,
.hb-row:after {clear: both;}
.hb-pull-right {float: right !important;}
.hb-pull-left {float: left !important;}
.hide{display: none !important;}
.show{display: block !important;}
.invisible{visibility: hidden;}
.hidden{display: none !important; visibility: hidden !important;}
.hb-visible-xs,
.hb-visible-sm,
.hb-visible-md,
.hb-visible-lg {display: none !important;}
@media (max-width: 767px){
.hb-visible-xs {display: block !important;}
table.hb-visible-xs {display: table;}
tr.hb-visible-xs {display: table-row !important;}
th.hb-visible-xs,
td.hb-visible-xs {display: table-cell !important;}
}
@media (min-width: 768px) and (max-width: 991px){
.hb-visible-sm {display: block !important;}
table.hb-visible-sm {display: table;}
tr.hb-visible-sm {display: table-row !important;}
th.hb-visible-sm,
td.hb-visible-sm {display: table-cell !important;}
}
@media (max-width: 767px){
.hb-hidden-xs {display: none !important;}
}
@media (min-width: 768px) and (max-width: 991px){
.hb-hidden-sm {display: none !important;}
}
@media (min-width: 992px) and (max-width: 1199px){
.hb-hidden-md {display: none !important;}
}
@media (min-width: 1200px){
.hb-hidden-lg {display: none !important;}
}
@media print{
.hidden-print{display: none !important;}
}

/* End */


/* Start:/local/templates/2beman/assets/css/hb-nav.css?17913088018506*/
/* hb-nav: стили меню/выпадашек/сворачивания — перенесены дословно из bootstrap.lite6.css (JS: hb-nav.js) */
.fade{opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear;}
.fade.in{opacity: 1;}
.hb-collapse{display: none;}
.hb-collapse.in{display: block;}
tr.hb-collapse.in{display: table-row;}
tbody.hb-collapse.in{display: table-row-group;}
.hb-collapsing{position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease;}
.hb-caret{display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.hb-dropdown{position: relative;}
.hb-dropdown-toggle:focus{outline: 0;}
.hb-dropdown-menu{position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);}
.hb-dropdown-menu.hb-pull-right {right: 0; left: auto;}
.hb-dropdown-menu > li > a{display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap;}
.hb-dropdown-menu > li > a:hover, .hb-dropdown-menu > li > a:focus{color: #262626; text-decoration: none; background-color: #f5f5f5;}
.hb-dropdown-menu > .active > a, .hb-dropdown-menu > .active > a:hover, .hb-dropdown-menu > .active > a:focus{color: #fff; text-decoration: none; background-color: #428bca; outline: 0;}
.hb-dropdown-menu > .disabled > a, .hb-dropdown-menu > .disabled > a:hover, .hb-dropdown-menu > .disabled > a:focus{color: #777;}
.hb-dropdown-menu > .disabled > a:hover, .hb-dropdown-menu > .disabled > a:focus{text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);}
.open > .hb-dropdown-menu{display: block;}
.hb-dropdown-backdrop{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990;}
.hb-pull-right > .hb-dropdown-menu {right: 0; left: auto;}
.hb-nav{padding-left: 0; margin-bottom: 0; list-style: none;}
.hb-nav > li{position: relative; display: block;}
.hb-nav > li > a{position: relative; display: block; padding: 10px 15px;}
.hb-nav > li > a:hover, .hb-nav > li > a:focus{text-decoration: none; background-color: #eee;}
.hb-nav > li.disabled > a{color: #777;}
.hb-nav > li.disabled > a:hover, .hb-nav > li.disabled > a:focus{color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent;}
.hb-nav .open > a, .hb-nav .open > a:hover, .hb-nav .open > a:focus{background-color: #eee; border-color: #428bca;}
.hb-nav > li > a > img{max-width: none;}
.hb-nav-tabs{border-bottom: 1px solid #ddd;}
.hb-nav-tabs > li{float: left; margin-bottom: -1px;}
.hb-nav-tabs > li > a{margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0;}
.hb-nav-tabs > li > a:hover{border-color: #eee #eee #ddd;}
.hb-nav-tabs > li.active > a, .hb-nav-tabs > li.active > a:hover, .hb-nav-tabs > li.active > a:focus{color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent;}
.hb-nav-pills > li{float: left;}
.hb-nav-pills > li > a{border-radius: 4px;}
.hb-nav-pills > li + li{margin-left: 2px;}
.hb-nav-pills > li.active > a, .hb-nav-pills > li.active > a:hover, .hb-nav-pills > li.active > a:focus{color: #fff; background-color: #428bca;}
.hb-tab-content > .hb-tab-pane{display: none;}
.hb-tab-content > .active{display: block;}
.hb-nav-tabs .hb-dropdown-menu{margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0;}
.hb-navbar{position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent;}
@media (min-width: 768px){
.hb-navbar{border-radius: 4px;}
}
@media (min-width: 768px){
.hb-navbar-header{float: left;}
}
.hb-navbar-collapse{padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);}
.hb-navbar-collapse.in{overflow-y: auto;}
@media (min-width: 768px){
.hb-navbar-collapse{width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none;}
.hb-navbar-collapse.hb-collapse{display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important;}
.hb-navbar-collapse.in{overflow-y: visible;}
}
.hb-container > .hb-navbar-header,
.hb-container-fluid > .hb-navbar-header,
.hb-container > .hb-navbar-collapse,
.hb-container-fluid > .hb-navbar-collapse {margin-right: -15px; margin-left: -15px;}
@media (min-width: 768px){
.hb-container > .hb-navbar-header,
.hb-container-fluid > .hb-navbar-header,
.hb-container > .hb-navbar-collapse,
.hb-container-fluid > .hb-navbar-collapse {margin-right: 0; margin-left: 0;}
}
.hb-navbar-toggle{position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px;}
.hb-navbar-toggle:focus{outline: 0;}
@media (min-width: 768px){
.hb-navbar-toggle{display: none;}
}
.hb-navbar-nav{margin: 7.5px -15px;}
.hb-navbar-nav > li > a{padding-top: 10px; padding-bottom: 10px; line-height: 20px;}
@media (max-width: 767px){
.hb-navbar-nav .open .hb-dropdown-menu{position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none;}
.hb-navbar-nav .open .hb-dropdown-menu > li > a{padding: 5px 15px 5px 25px;}
.hb-navbar-nav .open .hb-dropdown-menu > li > a{line-height: 20px;}
.hb-navbar-nav .open .hb-dropdown-menu > li > a:hover, .hb-navbar-nav .open .hb-dropdown-menu > li > a:focus{background-image: none;}
}
@media (min-width: 768px){
.hb-navbar-nav{float: left; margin: 0;}
.hb-navbar-nav > li{float: left;}
.hb-navbar-nav > li > a{padding-top: 15px; padding-bottom: 15px;}
}
.hb-navbar-nav > li > .hb-dropdown-menu{margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0;}
.hb-navbar-default{background-color: #f8f8f8; border-color: #e7e7e7;}
.hb-navbar-default .hb-navbar-nav > li > a{color: #777;}
.hb-navbar-default .hb-navbar-nav > li > a:hover, .hb-navbar-default .hb-navbar-nav > li > a:focus{color: #333; background-color: transparent;}
.hb-navbar-default .hb-navbar-nav > .active > a, .hb-navbar-default .hb-navbar-nav > .active > a:hover, .hb-navbar-default .hb-navbar-nav > .active > a:focus{color: #555; background-color: #e7e7e7;}
.hb-navbar-default .hb-navbar-nav > .disabled > a, .hb-navbar-default .hb-navbar-nav > .disabled > a:hover, .hb-navbar-default .hb-navbar-nav > .disabled > a:focus{color: #ccc; background-color: transparent;}
.hb-navbar-default .hb-navbar-toggle{border-color: #ddd;}
.hb-navbar-default .hb-navbar-toggle:hover, .hb-navbar-default .hb-navbar-toggle:focus{background-color: #ddd;}
.hb-navbar-default .hb-navbar-collapse{border-color: #e7e7e7;}
.hb-navbar-default .hb-navbar-nav > .open > a, .hb-navbar-default .hb-navbar-nav > .open > a:hover, .hb-navbar-default .hb-navbar-nav > .open > a:focus{color: #555; background-color: #e7e7e7;}
@media (max-width: 767px){
.hb-navbar-default .hb-navbar-nav .open .hb-dropdown-menu > li > a{color: #777;}
.hb-navbar-default .hb-navbar-nav .open .hb-dropdown-menu > li > a:hover, .hb-navbar-default .hb-navbar-nav .open .hb-dropdown-menu > li > a:focus{color: #333; background-color: transparent;}
.hb-navbar-default .hb-navbar-nav .open .hb-dropdown-menu > .active > a, .hb-navbar-default .hb-navbar-nav .open .hb-dropdown-menu > .active > a:hover, .hb-navbar-default .hb-navbar-nav .open .hb-dropdown-menu > .active > a:focus{color: #555; background-color: #e7e7e7;}
.hb-navbar-default .hb-navbar-nav .open .hb-dropdown-menu > .disabled > a, .hb-navbar-default .hb-navbar-nav .open .hb-dropdown-menu > .disabled > a:hover, .hb-navbar-default .hb-navbar-nav .open .hb-dropdown-menu > .disabled > a:focus{color: #ccc; background-color: transparent;}
}

/* End */


/* Start:/local/templates/2beman/assets/css/hb-grid.css?17913671813352*/
/* hb-grid: сетка (container/row/col-*) — перенесена из bootstrap.lite4.css дословно */
.hb-container {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.hb-container-fluid {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.hb-row {margin-right: -15px; margin-left: -15px;}
.hb-col-xs-1,
.hb-col-md-1,
.hb-col-xs-2,
.hb-col-sm-2,
.hb-col-md-2,
.hb-col-sm-3,
.hb-col-md-3,
.hb-col-xs-4,
.hb-col-sm-4,
.hb-col-md-4,
.hb-col-lg-4,
.hb-col-xs-5,
.hb-col-sm-5,
.hb-col-md-5,
.hb-col-xs-6,
.hb-col-sm-6,
.hb-col-md-6,
.hb-col-xs-7,
.hb-col-sm-7,
.hb-col-md-7,
.hb-col-sm-8,
.hb-col-md-8,
.hb-col-lg-8,
.hb-col-xs-9,
.hb-col-sm-9,
.hb-col-md-9,
.hb-col-lg-9,
.hb-col-xs-10,
.hb-col-sm-10,
.hb-col-md-10,
.hb-col-md-11,
.hb-col-xs-12,
.hb-col-sm-12,
.hb-col-md-12,
.hb-col-lg-12 {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.hb-col-xs-1,
.hb-col-xs-2,
.hb-col-xs-4,
.hb-col-xs-5,
.hb-col-xs-6,
.hb-col-xs-7,
.hb-col-xs-9,
.hb-col-xs-10,
.hb-col-xs-12 {float: left;}
.hb-col-xs-12 {width: 100%;}

.hb-col-xs-10 {width: 83.33333333%;}
.hb-col-xs-9 {width: 75%;}

.hb-col-xs-7 {width: 58.33333333%;}
.hb-col-xs-6 {width: 50%;}
.hb-col-xs-5 {width: 41.66666667%;}
.hb-col-xs-4 {width: 33.33333333%;}

.hb-col-xs-2 {width: 16.66666667%;}
.hb-col-xs-1 {width: 8.33333333%;}

.hb-col-xs-offset-3 {margin-left: 25%;}

@media (min-width: 768px){
.hb-col-sm-2,
.hb-col-sm-3,
.hb-col-sm-4,
.hb-col-sm-5,
.hb-col-sm-6,
.hb-col-sm-7,
.hb-col-sm-8,
.hb-col-sm-9,
.hb-col-sm-10,
.hb-col-sm-12 {float: left;}
.hb-col-sm-12 {width: 100%;}

.hb-col-sm-10 {width: 83.33333333%;}
.hb-col-sm-9 {width: 75%;}
.hb-col-sm-8 {width: 66.66666667%;}
.hb-col-sm-7 {width: 58.33333333%;}
.hb-col-sm-6 {width: 50%;}
.hb-col-sm-5 {width: 41.66666667%;}
.hb-col-sm-4 {width: 33.33333333%;}
.hb-col-sm-3 {width: 25%;}
.hb-col-sm-2 {width: 16.66666667%;}

.hb-col-sm-offset-5 {margin-left: 41.66666667%;}

}
@media (min-width: 992px){
.hb-col-md-1,
.hb-col-md-2,
.hb-col-md-3,
.hb-col-md-4,
.hb-col-md-5,
.hb-col-md-6,
.hb-col-md-7,
.hb-col-md-8,
.hb-col-md-9,
.hb-col-md-10,
.hb-col-md-11,
.hb-col-md-12 {float: left;}
.hb-col-md-12 {width: 100%;}
.hb-col-md-11 {width: 91.66666667%;}
.hb-col-md-10 {width: 83.33333333%;}
.hb-col-md-9 {width: 75%;}
.hb-col-md-8 {width: 66.66666667%;}
.hb-col-md-7 {width: 58.33333333%;}
.hb-col-md-6 {width: 50%;}
.hb-col-md-5 {width: 41.66666667%;}
.hb-col-md-4 {width: 33.33333333%;}
.hb-col-md-3 {width: 25%;}
.hb-col-md-2 {width: 16.66666667%;}
.hb-col-md-1 {width: 8.33333333%;}

.hb-col-md-offset-5 {margin-left: 41.66666667%;}

.hb-col-md-offset-3 {margin-left: 25%;}
.hb-col-md-offset-2 {margin-left: 16.66666667%;}

}
@media (min-width: 1200px){
.hb-col-lg-4,
.hb-col-lg-8,
.hb-col-lg-9,
.hb-col-lg-12 {float: left;}
.hb-col-lg-12 {width: 100%;}

.hb-col-lg-9 {width: 75%;}
.hb-col-lg-8 {width: 66.66666667%;}

.hb-col-lg-4 {width: 33.33333333%;}

.hb-col-lg-offset-3 {margin-left: 25%;}

}
/* clearfix для container/row */
.hb-container:before,
.hb-container:after,
.hb-container-fluid:before,
.hb-container-fluid:after,
.hb-row:before,
.hb-row:after,
.hb-clearfix:before,
.hb-clearfix:after {content: " "; display: table;}
.hb-container:after,
.hb-container-fluid:after,
.hb-row:after,
.hb-clearfix:after {clear: both;}

/* End */


/* Start:/local/templates/2beman/assets/css/main.css?1791453191252933*/
/*===================================================================================*/
/*  GENERAL
/*===================================================================================*/




















.inline {
   display: inline-block;
   vertical-align: top;
}

ul {
   list-style: none;
}


body {
   font-size: 13px;
   color: #666666;
   background-color: #fff;
   overflow-x: hidden;
   margin: 0;
   padding: 0;
   font-family: 'Roboto', sans-serif;
}

ul {
   margin: 0;
   padding: 0;
}

#seo-mobi-img ul li {
   list-style: disc;
   margin-left: 12px;
}

a {
   outline: none !important;
}

a:hover,
a:active,
a:focus {
   text-decoration: none;
}

img[src="assets/images/blank.gif"] {
   background: url("/local/templates/2beman/assets/css/../images/ajax.gif") no-repeat scroll center center #ffffff;
}


.btn-upper {
   text-transform: uppercase;
}

.m-t-20 {
   margin-top: 20px;
   text-align: justify;
}

.m-t-15 {
   margin-top: 15px;
}

.m-t-10 {
   margin-top: 10px;
}

.btn-uppercase {
   text-transform: uppercase;
}

.hb-button-default {
   background: #cbc9c9;
   color: #fff;
   font-weight: 700;
   /*line-height:30px;*/
}

.hb-cbtn,
.hb-button-primary {
   background: #a8a8a8;
   color: #fff;
   border: none;
   font-size: 13px;
   line-height: 22px;
}

.appt-form .hb-cbtn,
.appt-form .hb-button-primary {
   font-size: 15px;
   line-height: 30px;
   font-family: 'Arial';
   background: rgba(0, 0, 0, 0);
   text-transform: uppercase;
   border: 2px solid #f2f2f2;
   color: #747474;
   padding: 2px 17px;
   border-radius: 0px;
}

.btn-black {
   background: #3a3a3a;
   color: #fff;
   border: none;
   font-size: 15px;
   line-height: 30px;
   font-weight: 500;
   padding: 3px 22px;
}

.hb-cbtn:hover,
.btn-black:hover,
.btn-black:focus,
.hb-cbtn:focus,
.hb-button-primary:hover,
.hb-button-primary:focus {
   color: #fff;
}

.center-block {
   float: none;
}

.inner {
   padding-top: 120px;
   padding-bottom: 120px;
}

.inner-md {
   padding-top: 100px;
   padding-bottom: 100px;
}

.inner-sm {
   padding-top: 80px;
   padding-bottom: 80px;
}

.inner-xs {
   padding-top: 40px;
   padding-bottom: 40px;
}

.inner-vs {
   padding-top: 30px;
   padding-bottom: 30px;
}

.inner-top {
   padding-top: 120px;
}

.inner-top-md {
   padding-top: 100px;
}

.inner-top-sm {
   padding-top: 80px;
}

.inner-top-xs {
   padding-top: 40px;
}

.inner-top-vs {
   padding-top: 30px;
}

.inner-bottom {
   padding-bottom: 120px;
}

.inner-bottom-md {
   padding-bottom: 100px;
}

.inner-bottom-sm {
   /*padding-bottom: 80px;*/
}

.inner-bottom-xs {
   padding-bottom: 40px;
}

.inner-bottom-vs {
   padding-bottom: 60px;
}

.inner-left {
   padding-left: 75px;
}

.inner-left-md {
   padding-left: 60px;
}

.inner-left-sm {
   padding-left: 45px;
}

.inner-left-xs {
   padding-left: 30px;
}

.inner-right {
   padding-right: 75px;
}

.inner-right-md {
   padding-right: 60px;
}

.inner-right-sm {
   padding-right: 45px;
}

.inner-right-xs {
   padding-right: 30px;
}

.inner-right-vs {
   padding-right: 10px;
}

.outer {
   margin-top: 120px;
   margin-bottom: 120px;
}

.outer-md {
   margin-top: 100px;
   margin-bottom: 100px;
}

.outer-sm {
   margin-top: 80px;
   margin-bottom: 80px;
}

.outer-xs {
   margin-top: 40px;
   margin-bottom: 40px;
}

.outer-top {
   margin-top: 120px;
}

.outer-top-md {
   margin-top: 100px;
}

.outer-top-sm {
   margin-top: 80px;
}

.outer-top-xs {
   margin-top: 30px;
}

.outer-top-vs {
   margin-top: 40px;
}

.outer-top-small {
   margin-top: 50px;
}

.outer-bottom {
   margin-bottom: 120px;
}

.outer-bottom-md {
   margin-bottom: 100px;
}

.outer-bottom-sm {
   margin-bottom: 80px;
}

.outer-bottom-vs {
   margin-bottom: 60px;
}

.outer-bottom-xs {
   margin-bottom: 40px;
}

.outer-bottom-small {
   margin-bottom: 50px;
}

.outer-top-bd {
   margin-top: 50px;
}

.inner-bottom-30 {
   padding-bottom: 30px;
}

.inner-bottom-20 {
   padding-bottom: 20px;
}

@media (max-width: 767px) {
   .inner {
      padding-top: 80px;
      padding-bottom: 80px;
   }

   .inner-md {
      padding-top: 65px;
      padding-bottom: 65px;
   }

   .inner-sm {
      padding-top: 50px;
      padding-bottom: 50px;
   }

   .inner-xs {
      padding-top: 40px;
      padding-bottom: 40px;
   }

   .inner-top {
      padding-top: 80px;
   }

   .inner-top-md {
      padding-top: 65px;
   }

   .inner-top-sm {
      padding-top: 50px;
   }

   .inner-top-xs {
      padding-top: 40px;
   }

   .inner-bottom {
      padding-bottom: 80px;
   }

   .inner-bottom-md {
      padding-bottom: 65px;
   }

   .inner-bottom-sm {
      padding-bottom: 50px;
   }

   .inner-bottom-xs {
      padding-bottom: 40px;
   }
}

.section-title {
   font-size: 19px;
   font-family: 'FjallaOneRegular';
   font-weight: 600;
   border-bottom: 1px solid #e3e3e3;
   padding-bottom: 10px;
   text-transform: uppercase;
}

.home-owl-carousel .owl-controls,
.blog-slider .owl-controls,
.brand-slider .owl-controls {
   margin-top: 0px;
}

.homebanner-holder .featured-product {
   margin-top: 0px;
}

.homebanner-holder .featured-product h3 {
   margin-top: 0px;
}


/*carousel control button*/
.custom-carousel .owl-controls {
   position: absolute;
   right: 0;
   top: -5px;
   width: 100%;
   display: block;
}

.custom-carousel .owl-dotss {
   display: none;
}

@media (max-width: 529px) {
   .custom-carousel .owl-controls {
      top: -25px;
   }
}

.custom-carousel .owl-controls .owl-prev {
   position: absolute;
   width: 20px;
   height: 20px;
   top: -36px;
   right: 27px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   background: #dddddd;
}

.custom-carousel .owl-controls .owl-prev:before {
   color: #fff;
   content: "\f104";
   font-family: fontawesome;
   font-size: 13px;
   left: 8px;
   position: absolute;
   top: 0px;
}

.action.boot-text {
   display: none;
}

.custom-carousel .owl-controls .owl-next {
   position: absolute;
   width: 20px;
   height: 20px;
   top: -36px;
   right: 0px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   background: #dddddd;
}

.custom-carousel .owl-controls .owl-next:before {
   content: "\f105";
   font-family: fontawesome;
   color: #fff;
   font-size: 13px;
   left: 8px;
   position: absolute;
   top: 0px;
}

.logo-slider .owl-controls .owl-prev,
.logo-slider .owl-controls .owl-next {
   top: -57px;
}

.featured-product {}

.logo-slider-inner {
   margin-top: 50px;
   margin-bottom: 60px;
}

.special-product .product:first-child {
   margin-bottom: 30px;
}

.special-product .product:last-child {
   margin-top: 30px;
}

.best-product .product:first-child {
   margin-bottom: 30px;
}

#owl-main .owl-controls .owl-buttons .icon {
   position: relative;
   top: 8px;
   color: #fff;
}

.config-options ul>li>a {
   display: block;
}

.read-more-bottom {
   margin-bottom: 10px;
}

.unicase-form-control {
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   border-color: #eee;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   height: auto;
   padding: 10px 12px;
}

.unicase-form-control:focus {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   border-color: #d8d8d8;
}

.animate-dropdown .open>.hb-dropdown-menu,
.animate-dropdown .open>.hb-dropdown-menu>.hb-dropdown-submenu>.hb-dropdown-menu {
   animation-name: slidenavAnimation;
   animation-duration: 200ms;
   animation-iteration-count: 1;
   animation-timing-function: ease-out;
   animation-fill-mode: forwards;
   -webkit-animation-name: slidenavAnimation;
   -webkit-animation-duration: 200ms;
   -webkit-animation-iteration-count: 1;
   -webkit-animation-timing-function: ease-out;
   -webkit-animation-fill-mode: forwards;
   -moz-animation-name: slidenavAnimation;
   -moz-animation-duration: 200ms;
   -moz-animation-iteration-count: 1;
   -moz-animation-timing-function: ease-out;
   -moz-animation-fill-mode: forwards;
}

@keyframes slidenavAnimation {
   from {
      margin-top: -30px;
      opacity: 0;
   }

   to {
      margin-top: 0;
      opacity: 1;
   }
}

@-webkit-keyframes slidenavAnimation {
   from {
      margin-top: -30px;
      opacity: 0;
   }

   to {
      margin-top: 0;
      opacity: 1;
   }
}

.seller-product .products {
   margin-bottom: 35px;
}



a {
   color: #12cca7;
}

.show-theme-options:hover,
.show-theme-options:focus {
   background: #12cca7;
}

.hb-cbtn:hover,
.btn-black:hover,
.hb-cbtn:focus,
.btn-black:focus,
.hb-button-primary:hover,
.hb-button-primary:focus {
   background: #12cca7;
}

.top-bar .cnt-account ul>li a:hover,
.top-bar .cnt-account ul>li a:focus {
   color: #12cca7;
}

.top-bar .cnt-block ul li a .hb-caret {
   color: #12cca7;
}

.top-bar .cnt-block ul li .hb-dropdown-menu li a:hover,
.top-bar .cnt-block ul li .hb-dropdown-menu li a:focus {
   color: #12cca7;
}

body .main-header {
   padding: 0;
   margin-top: 49px;
}

body .top-search-holder .contact-row {
   text-align: left;
}

body .main-header .top-search-holder .contact-row .phone {
   margin-left: 30px;
   border-right: 1px solid #E2E2E2;
   font-size: 20px;
   font-weight: 500;
}

body .main-header .top-search-holder .contact-row .phone>a {
   color: black;
}

body .main-header .top-search-holder .contact-row .phone>a:hover {
   color: #3498db;
}

body .top-cart-row {
   padding-top: 15px;
}



.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .total-price-basket .total-price {
   color: #12cca7;
}

.top-cart-row .dropdown-cart .hb-dropdown-menu .cart-item.product-summary .name a:hover,
.top-cart-row .dropdown-cart .hb-dropdown-menu .cart-item.product-summary .name a:focus {
   color: #12cca7;
}

.top-cart-row .dropdown-cart .hb-dropdown-menu .cart-item.product-summary .price {
   color: #12cca7;
}

.top-cart-row .dropdown-cart .hb-dropdown-menu .cart-item.product-summary .action a:hover,
.top-cart-row .dropdown-cart .hb-dropdown-menu .cart-item.product-summary .action a:focus {
   color: #12cca7;
}

.top-cart-row .dropdown-cart .hb-dropdown-menu .cart-total .price {
   color: #12cca7;
}

.main-header .top-search-holder .search-area .categories-filter .hb-dropdown-menu li a:hover,
.main-header .top-search-holder .search-area .categories-filter .hb-dropdown-menu li a:focus {
   color: #12cca7;
}

.header-style-1 .header-nav {
   background: #12cca7;
}

.cnt-home .header-style-1 .header-nav .hb-navbar .hb-navbar-nav>li.active {
   background: #0b816a;
}

.cnt-home .header-style-1 .header-nav .hb-navbar .hb-navbar-nav>li>a:hover,
.cnt-home .header-style-1 .header-nav .hb-navbar .hb-navbar-nav>li>a:focus {
   background: #0b816a;
}

.cnt-home .header-style-1.header-style-2 .header-nav .hb-navbar .hb-navbar-nav>li.active,
.cnt-homepage .header-style-1.header-style-2 .header-nav .hb-navbar .hb-navbar-nav>li.active {
   background: #12cca7;
}

.cnt-home .header-style-1.header-style-3 .header-nav .hb-navbar .hb-navbar-nav>li.active {
   background: #12cca7;
}

.header-style-2 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav>li>a:hover,
.header-style-2 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav>li>a:focus {
   background: #12cca7;
}

.header-style-2 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav>li.open {
   background: #12cca7;
}

.sidebar .side-menu nav .hb-nav>li a:hover,
.sidebar .side-menu nav .hb-nav>li a:focus {
   color: #12cca7;
}

.sidebar .side-menu nav .hb-nav>li a:hover:after,
.sidebar .side-menu nav .hb-nav>li a:focus:after {
   color: #12cca7;
}

.info-box .info-box-heading.green {
   color: #12cca7;
}

.scroll-tabs .nav-tab-line li a:hover,
.scroll-tabs .nav-tab-line li a:focus {
   color: #12cca7;
}

.product .product-info .name a:hover,
.product .product-info .name a:focus {
   color: #12cca7;
}

.product .product-info .product-price .price {
   color: #12cca7;
}


/*custom ratcat*/
.product .cart {
   text-align: center;
}

.product .cart .action .wishlist {
   float: right;
}

.product .cart .action .btn-fast-order-grid {
   width: 100%;
}

.product .cart .action .bx_item_detail_size.full {
   margin-left: 0;
}

.product .cart .bx_size_scroller_container .bx_slide_left,
.product .cart .bx_size_scroller_container .bx_slide_right {
   bottom: 0px;
}

.product .product-info {
   padding: 0 12px 5px 12px;
}

@media (max-width: 529px) {
   .homepage-container .btn-fast-order-grid {
      width: 60%;
   }
}

@media (max-width: 1210px) {
   .cnt-homepage .homepage-container .add_to_basket::after {
      content: '';
      background-image: url(/images/cart.png);
      width: 25px;
      height: 25px;
      position: absolute;
      background-size: cover;
      left: 25%;
      right: 25%;
      top: 5px;
   }

   .cnt-homepage .homepage-container .action .add_to_basket {
      font-size: 0;
      position: relative;
      width: 56px;
      border: 1px solid #f2f2f2;
      padding: 3px 17px;
   }
}

/*custom*/

.product .cart .action ul li.lnk a:hover,
.product .cart .action ul li.lnk a:focus {
   color: #12cca7;
}

.product .cart .action ul li.add-cart-button .hb-cbtn:hover,
.product .cart .action ul li.add-cart-button .hb-cbtn:focus,
.product .cart .action ul li.add-cart-button .hb-button-primary:hover,
.product .cart .action ul li.add-cart-button .hb-button-primary:focus {
   background: #12cca7;
}

.product .cart .action ul li.add-cart-button .hb-cbtn.icon:hover,
.product .cart .action ul li.add-cart-button .hb-cbtn.icon:focus,
.product .cart .action ul li.add-cart-button .hb-button-primary.icon:hover,
.product .cart .action ul li.add-cart-button .hb-button-primary.icon:focus {
   background: #0b816a;
}

.tag.sale {
   background: #abd07e;
}

.copyright-bar .copyright a {
   color: #12cca7;
}



.footer .links-social .social-icons a:hover,
.footer .links-social .social-icons a:focus,
.footer .links-social .social-icons a.active {
   background: #12cca7;
}

.latest-tweet .re-twitter .comment a {
   color: #12cca7;
}

.latest-tweet .re-twitter .comment .icon .fa-stack-2x {
   color: #12cca7;
}

.footer .contact-information .media .icon .fa-stack-2x {
   color: #12cca7;
}

.footer .contact-information .media .media-body a:hover,
.footer .contact-information .media .media-body a:focus {
   color: #12cca7;
}

.footer .footer-bottom .module-body ul li a:hover,
.footer .footer-bottom .module-body ul li a:focus {
   color: #12cca7;
}

.product-tag .item.active,
.product-tag .item:hover,
.product-tag .item:focus {
   background: #12cca7;
}

.hot-deals .product-info .product-price .price {
   color: #12cca7;
}

.hot-deals .product-info .name a:hover,
.hot-deals .product-info .name a:focus {
   color: #12cca7;
}

.custom-carousel .owl-controls .owl-prev:hover,
.custom-carousel .owl-controls .owl-next:hover,
.custom-carousel .owl-controls .owl-prev:focus,
.custom-carousel .owl-controls .owl-next:focus {
   background: #0b816a;
}

.yamm .hb-dropdown-menu .title:hover,
.yamm .hb-dropdown-menu .title:focus {
   color: #12cca7;
}

.yamm .hb-dropdown-menu li a:hover,
.yamm .hb-dropdown-menu li a:focus {
   color: #12cca7;
}

.hb-breadcrumb ul li.active {
   color: #0b816a;
}

.hb-breadcrumb ul a:hover,
.hb-breadcrumb ul a:focus {
   color: #0b816a;
}

.filters-container .hb-nav-tabs.nav-tab-box li.active a .icon {
   color: #12cca7;
}

.filters-container .pagination-container ul li.active a {
   color: #12cca7;
}

.filters-container .pagination-container ul li.prev:hover,
.filters-container .pagination-container ul li.next:hover,
.filters-container .pagination-container ul li.prev:focus,
.filters-container .pagination-container ul li.next:focus {
   background: #12cca7;
}

.filters-container .pagination-container ul li a:hover,
.filters-container .pagination-container ul li a:focus {
   color: #12cca7;
}

.filters-container .lbl-cnt .hb-dropdown.dropdown-med .hb-dropdown-menu li a:hover,
.filters-container .lbl-cnt .hb-dropdown.dropdown-med .hb-dropdown-menu li a:focus {
   color: #12cca7;
}

.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .hb-accordion .hb-accordion-group .hb-accordion-heading .hb-accordion-toggle,
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .hb-accordion .hb-accordion-group .hb-accordion-heading .hb-accordion-toggle:hover,
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .hb-accordion .hb-accordion-group .hb-accordion-heading .hb-accordion-toggle:focus,
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .hb-accordion .hb-accordion-group .hb-accordion-heading .hb-accordion-toggle:after {
   color: #12cca7;
}

.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider .slider-track .slider-handle {
   border: 5px solid #12cca7;
}

.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .list li a:hover,
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .list li a:focus {
   color: #12cca7;
}

.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .compare-report span {
   color: #12cca7;
}

.sidebar .sidebar-widget .advertisement .owl-controls .owl-pagination .owl-page.active span {
   background: #12cca7;
}

.sidebar .sidebar-widget .advertisement .owl-controls .owl-pagination .owl-page:hover span {
   background: #12cca7;
}

.single-product .gallery-holder .gallery-thumbs .owl-item .item:hover {
   border: 1px solid #12cca7;
}

.single-product .product-info .rating-reviews .reviews .lnk:hover,
.single-product .product-info .rating-reviews .reviews .lnk:focus {
   color: #12cca7;
}

.single-product .product-info .price-container .price-box .price {
   color: #12cca7;
}

.single-product .product-info .quantity-container .cart-quantity .arrows .arrow:hover,
.single-product .product-info .quantity-container .cart-quantity .arrows .arrow:focus {
   color: #12cca7;
}

.single-product .product-info .product-social-link .social-icons ul li a:hover,
.single-product .product-info .product-social-link .social-icons ul li a:focus {
   background: #12cca7;
}

.single-product .product-tabs .hb-nav.hb-nav-tabs.nav-tab-cell li a:hover,
.single-product .product-tabs .hb-nav.hb-nav-tabs.nav-tab-cell li a:focus {
   background: #12cca7;
}

.single-product .product-tabs .hb-nav.hb-nav-tabs.nav-tab-cell li a:hover:after,
.single-product .product-tabs .hb-nav.hb-nav-tabs.nav-tab-cell li a:focus:after {
   border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #12cca7;
}

.single-product .product-tabs .hb-nav.hb-nav-tabs.nav-tab-cell li.active a {
   background: #12cca7;
}

.single-product .product-tabs .hb-nav.hb-nav-tabs.nav-tab-cell li.active a:after {
   border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #12cca7;
}

.cart .action .add-cart-button .hb-cbtn.hb-cbtn.icon:hover,
.cart .action .add-cart-button .hb-cbtn.hb-cbtn.icon:focus,
.cart .action .add-cart-button .hb-button.hb-button-primary.icon:hover,
.cart .action .add-cart-button .hb-button.hb-button-primary.icon:focus {
   background: #12cca7;
}

.product-tabs .hb-tab-content .hb-tab-pane .product-reviews .reviews .review .review-title .date span {
   color: #12cca7;
}

.product-tabs .hb-tab-content .hb-tab-pane .product-reviews .reviews .review .author span {
   color: #12cca7;
}

#owl-main:hover .owl-prev:hover,
#owl-main:hover .owl-next:hover {
   background: #0b816a;
}

#owl-main .owl-controls .owl-pagination .owl-page:active span,
#owl-main .owl-controls .owl-pagination .owl-page:hover span {
   background: #12cca7;
}





.homepage-container .product .tag.hot {
   background: #12cca7;
}

.homepage-container .product .product-info .name a:hover,
.homepage-container .product .product-info .name a:focus {
   color: #12cca7;
}

.homepage-container .hb-cbtn:hover,
.homepage-container .hb-cbtn:focus,
.homepage-container .hb-button-primary:hover,
.homepage-container .hb-button-primary:focus {
   background: #12cca7;
   border: 2px solid #12cca7;
}

.category-product .cart .action ul li .add-to-cart:hover,
.category-product .cart .action ul li .add-to-cart:focus {
   background: #12cca7;
}

.furniture-container .product .hb-cbtn:hover,
.furniture-container .product .hb-cbtn:focus,
.furniture-container .product .hb-button-primary:hover,
.furniture-container .product .hb-button-primary:focus {
   background: #12cca7;
}

.header-style-3 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav>li>a:hover,
.header-style-3 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav>li>a:focus {
   background: #12cca7;
}

.header-style-3 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav>li.open {
   background: #12cca7;
}

#owl-single-product-thumbnails .owl-controls .owl-pagination .owl-page.active span {
   background: #12cca7;
}

#owl-single-product-thumbnails .owl-controls .owl-pagination .owl-page span:hover,
#owl-single-product-thumbnails .owl-controls .owl-pagination .owl-page span:focus {
   background: #12cca7 !important;
}

.cnt-homepage .sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider .slider-track .slider-handle.max-slider-handle {
   background: #12cca7;
}

.blog-page .blog-post h1 a:hover,
.blog-page .blog-post h1 a:focus {
   color: #12cca7;
}

.blog-page .sidebar .sidebar-module-container .sidebar-widget .hb-nav-tabs>li.active>a,
.blog-page .sidebar .sidebar-module-container .sidebar-widget .hb-nav-tabs>li.active>a:hover,
.blog-page .sidebar .sidebar-module-container .sidebar-widget .hb-nav-tabs>li.active>a:focus {
   color: #0b816a;
}

.blog-page .blog-post .social-media a:hover,
.blog-page .blog-post .social-media a:focus {
   background-color: #12cca7;
}

.blog-page .sidebar .sidebar-module-container .search-area .search-button:after {
   color: #0b816a;
}

.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post h4 a:hover,
.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post h4 a:focus {
   color: #12cca7;
}

.blog-page .blog-post-author-details .author-social-network button .twitter-icon {
   background-color: #12cca7;
}

.blog-page .blog-review .review-action a,
.blog-page .blog-review .review-action a:hover,
.blog-page .blog-review .review-action a:focus {
   color: #12cca7;
}

.blog-page .blog-post-author-details .author-social-network .hb-dropdown-menu>li>a:hover,
.blog-page .blog-post-author-details .author-social-network .hb-dropdown-menu>li>a:focus {
   color: #12cca7;
}

.checkout-box .checkout-steps .hb-panel .hb-panel-heading .unicase-checkout-title>a:not(.collapsed) span {
   background-color: #12cca7;
}

.checkout-box .checkout-steps .checkout-step-01 .already-registered-login a:hover,
.checkout-box .checkout-steps .checkout-step-01 .already-registered-login a:focus {
   color: #12cca7;
}

.checkout-box .checkout-progress-sidebar .hb-panel-body ul li a:hover,
.checkout-box .checkout-progress-sidebar .hb-panel-body ul li a:focus {
   color: #12cca7;
}

.contact-page .contact-info .contact-i {
   background-color: #12cca7;
}

.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 a:hover,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 a:focus {
   color: #12cca7;
}

.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info .cart-product-info span span {
   color: #0b816a;
}

.shopping-cart .shopping-cart-table table tbody tr .cart-product-edit a:hover,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-edit a:focus {
   color: #12cca7;
}

.shopping-cart .cart-shopping-total table thead tr th .cart-grand-total {
   color: #0b816a;
}

.shopping-cart-table table tbody tr td .quant-input .arrows .arrow:hover,
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow:focus {
   color: #12cca7;
}

.logo-color {
   fill: #12cca7;
}

.cnt-homepage .single-product .product-info-block .hb-form-control .hb-dropdown-menu ul li a:hover,
.cnt-homepage .single-product .product-info-block .hb-form-control .hb-dropdown-menu ul li a:focus {
   color: #12cca7;
}

.cnt-homepage .single-product .product-info-block .txt.txt-qty {
   color: #12cca7;
}

.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail {
   border-bottom: none;
}

.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li {
   margin-right: 10px;
   padding: 0;
}

.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li a:hover,
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li a:focus {
   background: #12cca7;
   border: 2px solid #12cca7;
}

.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li.active a {
   background: #12cca7;
   border: 2px solid #12cca7;
}

.shopping-cart .estimate-ship-tax table tbody .unicase-form-control .hb-dropdown-menu.open ul li a:hover,
.shopping-cart .estimate-ship-tax table tbody .unicase-form-control .hb-dropdown-menu.open ul li a:focus {
   color: #12cca7;
}

.yamm .hb-dropdown-menu {
   border-top-color: #12cca7;
}

.product-comparison .compare-table tr td .product-price .price {
   color: #12cca7;
}

.product-comparison .compare-table tr td .in-stock {
   color: #12cca7;
}

.body-content .my-wishlist-page .my-wishlist table tbody .product-name a:hover,
.body-content .my-wishlist-page .my-wishlist table tbody .product-name a:focus {
   color: #12cca7;
}





.body-content .x-page .x-text h1 {
   color: #12cca7;
}

.body-content .x-page .x-text a {
   color: #12cca7;
}

.sign-in-page .register-form .forgot-password,
.sign-in-page .register-form .forgot-password:hover,
.sign-in-page .register-form .forgot-password:focus {
   color: #12cca7;
}

.body-content .my-wishlist-page .my-wishlist table tbody .price {
   color: #12cca7;
}

.terms-conditions-page .contact-form {
   color: #12cca7;
}

/*===================================================================================*/
/*  GREEN Color
/*===================================================================================*/
/*===================================================================================*/
/*  RED Color
/*===================================================================================*/
/*===================================================================================*/
/*  BLUE Color
/*===================================================================================*/
/*===================================================================================*/
/*  ORANGE Color
/*===================================================================================*/
/*===================================================================================*/
/*  DARK GREEN Color
/*===================================================================================*/
.top-bar {
   background: #f4f4f4;
   padding: 10px 0 9px;
   font-size: 12px;
   position: fixed;
   z-index: 900;
   left: 0;
   top: 0;
   width: 100%;
}

.top-bar .cnt-account {
   float: left;
   padding: 6px 0px;
}

.top-bar .cnt-account ul {
   margin: 0px;
}

.top-bar .cnt-account ul>li {
   display: inline-block;
   line-height: 12px;
   padding: 3px 12px;
}

.top-bar .cnt-account ul>li:last-child {
   border-right: 1px solid #e2e2e2;
}

.top-bar .cnt-account ul>li a {
   color: #888888;
   padding: 0px;
   font-weight: 400;
}

.top-bar .cnt-account ul>li a .icon {
   display: block;
   float: left;
   padding-right: 6px;
   font-size: 11px;
}

.top-bar .cnt-account ul>li a:hover,
.top-bar .cnt-account ul>li a:focus {
   text-decoration: none;
}

.top-bar .cnt-block {
   float: right;
}

.top-bar .cnt-block .hb-list-inline {
   margin: 0px;
}

.top-bar .cnt-block .hb-list-inline>li {
   display: inline-block;
}

.top-bar .cnt-block .hb-list-inline>li>a {
   padding: 6px 15px;
   border: 1px solid #d4d4d4;
   color: #888;
   display: inline-block;
}

.top-bar .cnt-block .hb-list-inline>li>a .value {
   color: #666;
   margin: 0px 7px;
}

.top-bar .cnt-block .hb-list-inline>li>a:hover,
.top-bar .cnt-block .hb-list-inline>li>a:focus {
   text-decoration: none;
   color: #888888;
}

.top-bar .cnt-block .hb-list-inline>li .hb-dropdown-menu {
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   border: 1px solid #e1e1e1;
   top: 125%;
   left: 5px;
}

.top-bar .cnt-block .hb-list-inline>li .hb-dropdown-menu li a:hover,
.top-bar .cnt-block .hb-list-inline>li .hb-dropdown-menu li a:focus {
   background: rgba(0, 0, 0, 0);
}

.main-header {
   padding: 0px 0px 20px 0px;
}

.main-header .logo-holder {
   margin-top: 0;
}

body .top-search-holder,
.top-cart-row {
   margin-top: 15px;
}

.main-header .top-search-holder .contact-row {
   line-height: 20px;
   color: #9b9b9b;
   font-size: 11px;
}

.main-header .top-search-holder .contact-row .phone {
   margin: 0 10px 0 0;
   border-right: 1px solid #E2E2E2;
   padding-right: 10px;
}

.main-header .top-search-holder .contact-row .contact {
   padding-right: 10px;
}

.main-header .top-search-holder .contact-row .icon {
   font-size: 18px;
   line-height: 23px;
   margin: 0 8px 0 0;
   vertical-align: middle;
}

.main-header .top-search-holder .search-area {
   border: 1px solid #e2e2e2;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   margin: 8px 0 0;
}

.main-header .top-search-holder .search-area .search-field {
   border: medium none;
   -webkit-border-radius: 5px 0 0 5px;
   -moz-border-radius: 5px 0 0 5px;
   border-radius: 5px 0 0 5px;
   padding: 13px;
   width: 67%;
}

.main-header .top-search-holder .search-area .categories-filter {
   border-right: 1px solid #E0E0E0;
   text-transform: capitalize;
   display: inline-block;
   line-height: 44px;
   background: #f6f6f6;
}

.main-header .top-search-holder .search-area .categories-filter a {
   padding: 0 10px;
   color: #666;
   font-size: 13px;
}

.main-header .top-search-holder .search-area .categories-filter a .hb-caret {
   margin-left: 15px;
   color: #a0a0a0;
}

.main-header .top-search-holder .search-area .categories-filter .hb-dropdown-menu {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   border: 1px solid #e1e1e1;
   padding: 12px 17px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}

.main-header .top-search-holder .search-area .categories-filter .hb-dropdown-menu li {
   margin-bottom: 10px;
}

.main-header .top-search-holder .search-area .categories-filter .hb-dropdown-menu li a {
   padding: 0px;
}

.main-header .top-search-holder .search-area .categories-filter .hb-dropdown-menu li a:hover,
.main-header .top-search-holder .search-area .categories-filter .hb-dropdown-menu li a:focus {
   background: rgba(0, 0, 0, 0);
}

.main-header .top-search-holder .search-area .categories-filter .hb-dropdown-menu li.menu-header {
   font-family: 'Arial';
   line-height: 30px;
}

.main-header .top-search-holder .search-area .search-button {
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   display: inline-block;
   float: right;
   margin: 0px;
   padding: 12px 19px 13px;
   text-align: center;
   background: #f6f6f6;
   border-left: 1px solid #E0E0E0;
}

.main-header .top-search-holder .search-area .search-button:after {
   color: #b2b2b2;
   content: "\f002";
   font-family: fontawesome;
   font-size: 13px;
   line-height: 9px;
   vertical-align: middle;
}

.cnt-home .header-style-1.header-style-2 .header-nav .hb-navbar-default {
   background: #404040;
}

.top-cart-row {
   padding-top: 31px;
}

.top-cart-row .dropdown-cart {
   float: right;
}

.top-cart-row .dropdown-cart .lnk-cart {
   padding: 0px;
   border: 1px solid #e1e1e1;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   display: inline-block;
   color: #666666;
}

.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner {
   position: relative;
}

.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .total-price-basket {
   padding: 13px 15px;
   font-family: 'Arial';
   text-transform: uppercase;
   float: left;
}

.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket {
   float: right;
   background: #efefef;
   padding: 12px;
   border-left: 1px solid #e1e1e1;
   padding: 13px 15px;
}

.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket-item-count {
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   border-radius: 100px;
   height: 21px;
   position: absolute;
   right: 33px;
   top: -13px;
   width: 21px;
   background: #f1c40f;
   color: #fff;
   font-size: 13px;
   text-align: center;
}

.top-cart-row .dropdown-cart .hb-dropdown-menu {
   border: 1px solid #e1e1e1;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   float: right;
   left: auto;
   min-width: 0;
   padding: 24px 22px;
   right: 0;
   z-index: 1100;
   width: 230px;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.top-cart-row .dropdown-cart .hb-dropdown-menu .cart-item.product-summary .name {
   font-size: 13px;
   font-family: 'Arial';
   margin-top: 0px;
}

.top-cart-row .dropdown-cart .hb-dropdown-menu .cart-item.product-summary .name a {
   color: #666666;
}

.top-cart-row .dropdown-cart .hb-dropdown-menu .cart-item.product-summary .price {
   font-weight: 700;
}

.top-cart-row .dropdown-cart .hb-dropdown-menu .cart-item.product-summary .action {
   padding: 0;
   position: relative;
   font-size: 15px;
   right: 8px;
   top: 8px;
}

.top-cart-row .dropdown-cart .hb-dropdown-menu .cart-item.product-summary .action a {
   color: #898989;
}

.top-cart-row .dropdown-cart .hb-dropdown-menu .cart-total .text {
   font-size: 13px;
   font-family: 'Arial';
   color: #666666;
   margin-right: 10px;
}

.top-cart-row .dropdown-cart .hb-dropdown-menu .cart-total .price {
   font-weight: 700;
}

.header-style-1 .header-nav .hb-navbar-default {
   border: medium none;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   background: rgba(0, 0, 0, 0);
   margin: 0;
}

.header-style-1 .header-nav .hb-navbar-default .hb-navbar-collapse {
   padding: 0;
}

.header-style-1 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav>li.active>a {
   color: #fff;
}

.header-style-1 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav>li>a {
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
   color: #FFFFFF;
   font-family: 'Arial';
   font-size: 20px;
   line-height: 20px;
   padding: 21px 27px;
   text-transform: uppercase;
}

.header-style-1 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav>li .menu-label {
   position: absolute;
   text-transform: uppercase;
   top: -14px;
   display: inline;
   padding: 1px 7px;
   color: #fff;
   font-size: 11px;
   font-family: 'Roboto';
   right: 23px;
}

.header-style-1 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav>li .menu-label:after {
   border-width: 7.5px 8.5px 0 7.5px;
   right: 18px;
   top: 90%;
   border-style: solid;
   content: "";
   display: block;
   height: 0;
   position: absolute;
   width: 0;
   z-index: 100;
}

.header-style-1 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav>li .menu-label:before {
   right: 18px;
   top: 90%;
}

.header-style-1 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav>li .menu-label.new-menu {
   background: #f1c40f;
}

.header-style-1 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav>li .menu-label.new-menu:after {
   border-color: #f1c40f rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.header-style-1 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav>li .menu-label.new-menu:before {
   border-color: #f1c40f rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.header-style-1 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav>li .menu-label.hot-menu {
   background: #ff7878;
}

.header-style-1 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav>li .menu-label.hot-menu:after {
   border-color: #ff7878 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.header-style-1 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav>li .menu-label.hot-menu:before {
   border-color: #ff7878 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.header-style-2 {
   /*margin-bottom:10px;*/
}

.header-style-2 .header-nav {
   background: rgba(0, 0, 0, 0);
}

.header-style-2 .header-nav .hb-navbar-default .nav-bg-class {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   margin: 0;
}

.header-style-2 .header-nav .hb-navbar-default .nav-bg-class .hb-navbar-collapse .hb-navbar-nav>li>a {
   color: #000000;
}

.header-style-2 .header-nav .hb-navbar-default .nav-bg-class .hb-navbar-collapse .hb-navbar-nav>li>a:hover,
.header-style-2 .header-nav .hb-navbar-default .nav-bg-class .hb-navbar-collapse .hb-navbar-nav>li>a:focus {
   color: #fff;
}

.header-style-2 .header-nav .hb-navbar-default .nav-bg-class .hb-navbar-collapse .hb-navbar-nav>li.open>a {
   color: #fff;
}



.header-style-3 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav>li>a {
   color: #fff;
}

.header-style-3 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav>li>a:hover,
.header-style-3 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav>li>a:focus {
   color: #fff;
}

.header-style-3 .header-nav .yamm .hb-dropdown-menu {
   top: 62px;
}

.yamm .hb-nav,
.yamm .hb-collapse,
.yamm .hb-dropup,
.yamm .hb-dropdown {
   position: static;
}

.yamm .hb-dropdown-menu {
   left: auto;
   top: 110%;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   border: 1px solid #f1f1f1;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}

.yamm .hb-dropdown-menu .yamm-content {
   padding: 20px 15px;
}

.yamm .hb-dropdown-menu .yamm-content .links li a {
   padding: 8px 0px;
}

.yamm .hb-dropdown-menu h2 {
   font-size: 15px;
   line-height: 27px;
   color: #555;
   text-transform: uppercase;
   font-family: 'Arial';
   margin-top: 0px;
}

.yamm .hb-dropdown-menu li {
   line-height: 26px;
   padding: 2px 5px;
}

.yamm .hb-dropdown-menu li a {
   color: #3D3D3D;
   line-height: 26px;
   text-transform: none;
   display: block;
   padding: 0;
}

.yamm .hb-dropdown-menu li a:hover,
.yamm .hb-dropdown-menu li a:focus {
   background: rgba(0, 0, 0, 0);
   margin-left: 0px;
}

.yamm .hb-dropdown-menu .text {
   font-size: 13px;
   line-height: 20px;
   position: relative;
   bottom: 0px;
   top: 73px;
}

.yamm .hb-dropdown.yamm-fw .hb-dropdown-menu {}

.cnt-home .header-style-1.header-style-2 .header-nav .hb-navbar .hb-navbar-nav>li.active>a,
.cnt-homepage .header-style-1.header-style-2 .header-nav .hb-navbar .hb-navbar-nav>li.active>a {
   color: #fff;
}



.cnt-home .header-style-1.header-style-2 .header-nav .hb-navbar-default .nav-bg-class {
   border: none;
}

.cnt-home .header-style-1.header-style-2 .header-nav .hb-navbar-default .nav-bg-class .hb-navbar-collapse .hb-navbar-nav>li>a {
   color: #fff;
}

.cnt-homepage .header-style-2 .header-nav .hb-navbar-default {
   background: #fff;
}

.cnt-homepage .header-style-2 .header-nav .hb-navbar-default .nav-bg-class {
   -moz-box-shadow: 0 0 0 3px #F6F6F6 inset;
   -webkit-box-shadow: 0 0 0 3px #F6F6F6 inset;
   box-shadow: 0 0 0 3px #F6F6F6 inset;
}

.header-nav .hb-navbar-default .hb-dropdown .hb-dropdown-menu.pages .links>li {
   border-bottom: 1px solid #E0E0E0;
   padding: 5px 0;
}

.header-nav .hb-navbar-default .hb-dropdown .hb-dropdown-menu.pages .links>li:last-child {
   border-bottom: none;
}

.header-nav .hb-navbar-default .hb-dropdown .hb-dropdown-menu.pages .links>li>a {
   line-height: 26px;
   padding: 0px;
}

.header-nav .hb-navbar-default .hb-dropdown .hb-dropdown-menu.pages .links>li>a:hover,
.header-nav .hb-navbar-default .hb-dropdown .hb-dropdown-menu.pages .links>li>a:focus {
   margin-left: 0px;
}

.sidebar .side-menu .head {
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   color: #FFFFFF;
   font-size: 18px;
   font-family: 'Arial';
   padding: 15px 17px;
   text-transform: uppercase;
   background: #333333;
}

.sidebar .side-menu .head .icon {
   margin-right: 20px;
}

.sidebar .side-menu nav .hb-nav>li {
   -moz-border-bottom-colors: none;
   -moz-border-left-colors: none;
   -moz-border-right-colors: none;
   -moz-border-top-colors: none;
   border-color: -moz-use-text-color #ebebeb;
   border-image: none;
   border-left: 1px solid #ebebeb;
   border-right: 1px solid #ebebeb;
   border-style: none solid;
   border-width: 0 1px;
   position: relative;
   width: 100%;
   border-bottom: 1px solid #e8e8e8;
   background: #f7f7f7;
}

.sidebar .side-menu nav .hb-nav>li>a {
   padding: 13px 15px;
   color: #666666;
   text-transform: uppercase;
}

.sidebar .side-menu nav .hb-nav>li>a:after {
   color: #bababa;
   content: "\f0a9";
   float: right;
   font-size: 12px;
   height: 20px;
   line-height: 18px;
   width: 20px;
   font-family: FontAwesome;
}

.sidebar .side-menu nav .hb-nav>li>a .icon {
   font-size: 20px;
   margin-right: 25px;
}

.sidebar .side-menu nav .hb-nav>li>a:hover,
.sidebar .side-menu nav .hb-nav>li>a:focus {
   background: #fff;
}

.sidebar .side-menu nav .hb-nav>li>a:hover .icon,
.sidebar .side-menu nav .hb-nav>li>a:focus .icon {
   color: #666666;
}



.sidebar .side-menu nav .hb-nav>li>.mega-menu .yamm-content {
   padding: 10px 20px;
}

.sidebar .side-menu nav .hb-nav>li>.mega-menu .yamm-content ul>li {
   border-bottom: 1px solid #E0E0E0;
   padding: 5px 0;
}

.sidebar .side-menu nav .hb-nav>li>.mega-menu .yamm-content ul>li:last-child {
   border-bottom: none;
}

.sidebar .side-menu nav .hb-nav>li>.mega-menu .yamm-content ul>li>a {
   line-height: 26px;
   padding: 0px;
}

.sidebar .side-menu nav .hb-nav>li>.mega-menu .yamm-content .dropdown-banner-holder {
   position: absolute;
   right: -36px;
   top: -8px;
}

.sidebar .side-menu2 nav .hb-nav li a {
   padding: 14.3px 15px;
}

.sidebar .sidebar-module-container .sidebar-widget .widget-header {
   background: #eeeeee;
   padding: 10px 15px;
}

.sidebar .sidebar-module-container .sidebar-widget .widget-header .widget-title {
   font-size: 14px;
   font-family: 'Arial';
   margin: 0px;
}

.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .hb-accordion .hb-accordion-group .hb-accordion-heading .hb-accordion-toggle {
   clear: both;
   display: block;
   font-family: 'Roboto', sans-serif;
   font-size: 13px;
   font-weight: 300;
   line-height: 36px;
}

.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .hb-accordion .hb-accordion-group .hb-accordion-heading .hb-accordion-toggle:after {
   content: "\f147";
   float: right;
   font-family: fontawesome;
}

.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .hb-accordion .hb-accordion-group .hb-accordion-heading .hb-accordion-toggle.collapsed {
   color: #666666;
}

.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .hb-accordion .hb-accordion-group .hb-accordion-heading .hb-accordion-toggle.collapsed:after {
   color: #636363;
   content: "\f196";
   font-family: fontawesome;
}

.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .hb-accordion .hb-accordion-group .hb-accordion-body .hb-accordion-inner {
   margin: 14px 0 20px;
}

.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .hb-accordion .hb-accordion-group .hb-accordion-body .hb-accordion-inner ul {
   padding-left: 15px;
}

.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .hb-accordion .hb-accordion-group .hb-accordion-body .hb-accordion-inner ul li {
   line-height: 27px;
}

.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .hb-accordion .hb-accordion-group .hb-accordion-body .hb-accordion-inner ul li a {
   color: #666666;
}

.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .hb-accordion .hb-accordion-group .hb-accordion-body .hb-accordion-inner ul li a:before {
   content: "\f105";
   font-family: fontawesome;
   font-size: 14px;
   line-height: 15px;
   margin: 0 5px 0 0;
}

.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .hb-accordion .hb-accordion-group .hb-accordion-body .hb-accordion-inner ul li a:hover:before {
   margin: 0 8px 0 0;
}

.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder {
   padding: 0 0 20px;
   position: relative;
}

.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider {
   display: inline-block;
   position: relative;
   vertical-align: middle;
   margin-top: 15px;
}





.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider .slider-track .slider-selection {
   bottom: 0;
   height: 100%;
   top: 0;
   background-repeat: repeat-x;
   box-sizing: border-box;
   position: absolute;
   background: #c3c3c3;
}



.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider .tooltip {
   margin-top: -36px;
}

.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .min-max {
   font-size: 15px;
   font-weight: 700;
   color: #fe5252;
   margin-top: 15px;
}

.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .list li {
   clear: both;
   display: block;
   font-family: 'Roboto', sans-serif;
   font-size: 13px;
   font-weight: 300;
   line-height: 36px;
}

.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .list li a {
   color: #666666;
   display: block;
}

.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .compare-report {
   margin-top: 20px;
   margin-bottom: 30px;
}

.sidebar .sidebar-widget .advertisement .item {
   background-color: #e7e7e7;
   background-position: center 55%;
   background-size: cover;
   height: 430px;
}

.sidebar .sidebar-widget .advertisement .item .caption {
   color: #636363;
   left: 12%;
   letter-spacing: -3px;
   position: absolute;
   top: 11%;
   z-index: 100;
   display: table-cell;
}

.sidebar .sidebar-widget .advertisement .item .caption .big-text {
   font-size: 60px;
   line-height: 125px;
   text-transform: uppercase;
   font-family: 'Arial';
   color: #fff;
   text-shadow: 1px 1px 3px #cfcfcf;
}

.sidebar .sidebar-widget .advertisement .item .caption .big-text .big {
   font-size: 120px;
   color: #ff7878;
   display: block;
   text-shadow: 1px 1px 3px #cfcfcf;
}

.sidebar .sidebar-widget .advertisement .item .caption .excerpt {
   font-size: 24px;
   letter-spacing: -1px;
   text-transform: uppercase;
   color: #e6e6e6;
   text-shadow: 1px 1px 3px #cfcfcf;
}

.sidebar .sidebar-widget .advertisement .owl-controls {
   bottom: 20px;
   position: absolute;
   text-align: center;
   top: auto;
   width: 100%;
}

.sidebar .sidebar-widget .advertisement .owl-controls .owl-pagination {
   display: inline-block;
}

.sidebar .sidebar-widget .advertisement .owl-controls .owl-pagination .owl-page {
   display: inline-block;
}

.sidebar .sidebar-widget .advertisement .owl-controls .owl-pagination .owl-page span {
   display: block;
   width: 15px;
   height: 15px;
   background: #fff;
   border: none;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   margin: 0 5px;
}

.related-product .tag {
   font-size: 15px;
   font-weight: 700;
   height: 50px;
   line-height: 45px;
   left: 15px;
   text-align: center;
   top: 3.5%;
   width: 50px;
   position: absolute;
}

/*===================================================================================*/
/*  OWL CAROUSEL
/*===================================================================================*/
#owl-main {
   text-align: center;
   cursor: default;
   height: 368px;
}

#owl-main .owl-controls {
   display: inline-block;
   position: relative;
   margin-top: 40px;
}

/*.panel-group .panel .owl-controls {
  margin-top: 25px;
}
.panel-group.blank .panel .owl-controls {
  margin-top: 40px;
}*/
#owl-main .owl-pagination {
   position: relative;
   line-height: 30px;
}

#owl-main .owl-buttons {
   display: block;
}

#owl-main .owl-prev,
#owl-main .owl-next {
   display: inline-block;
   position: absolute;
   top: 0;
   bottom: 0;
   width: 30px;
   height: 50px;
   font-size: 21px;
   background-color: #f2f2f2;
   border: none;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   margin: auto;
   opacity: 0;
}

#owl-main .owl-prev {
   left: 20px;
   /* -35px;*/
}

#owl-main .owl-next {
   right: 20px;
}

#owl-main:hover .owl-prev {
   left: 0px;
   opacity: 0.5;
}

#owl-main:hover .owl-next {
   right: 0px;
   opacity: 0.5;
}

#owl-main:hover .owl-prev:hover,
#owl-main:hover .owl-next:hover {
   opacity: 1;
}

#owl-main .owl-outer-nav:after {
   content: "";
   position: absolute;
   top: 0;
   left: -15%;
   width: 130%;
   height: 100%;
   z-index: 0;
}

#owl-main .owl-outer-nav .owl-wrapper-outer,
#owl-main .owl-outer-nav .owl-pagination,
#owl-main .owl-outer-nav .owl-prev,
#owl-main .owl-outer-nav .owl-next {
   z-index: 1;
}

#owl-main .owl-outer-nav .owl-controls {
   position: static;
}

#owl-main .owl-outer-nav .owl-prev {
   left: -65px;
}

#owl-main .owl-outer-nav .owl-next {
   right: -65px;
}

#owl-main .owl-outer-nav:hover .owl-prev {
   left: -80px;
}

#owl-main .owl-outer-nav:hover .owl-next {
   right: -80px;
}

#owl-main .owl-ui-md .owl-pagination {
   line-height: 45px;
}

#owl-main .owl-ui-md .owl-prev,
#owl-main .owl-ui-md .owl-next {
   width: 45px;
   height: 45px;
   font-size: 45px;
}

#owl-main .owl-ui-md .owl-prev {
   left: -55px;
}

#owl-main .owl-ui-md .owl-next {
   right: -55px;
}

#owl-main .owl-ui-md:hover .owl-prev {
   left: -60px;
}

#owl-main .owl-ui-md:hover .owl-next {
   right: -60px;
}

#owl-main .owl-outer-nav.owl-ui-md:after {
   left: -18%;
   width: 136%;
}

#owl-main .owl-outer-nav.owl-ui-md .owl-prev {
   left: -85px;
}

#owl-main .owl-outer-nav.owl-ui-md .owl-next {
   right: -85px;
}

#owl-main .owl-outer-nav.owl-ui-md:hover .owl-prev {
   left: -100px;
}

#owl-main .owl-outer-nav.owl-ui-md:hover .owl-next {
   right: -100px;
}

#owl-main .owl-ui-lg .owl-pagination {
   line-height: 60px;
}

#owl-main .owl-ui-lg .owl-prev,
#owl-main .owl-ui-lg .owl-next {
   width: 60px;
   height: 60px;
   font-size: 42px;
}

#owl-main .owl-ui-lg .owl-prev {
   left: -75px;
}

#owl-main .owl-ui-lg .owl-next {
   right: -75px;
}

#owl-main .owl-ui-lg:hover .owl-prev {
   left: -80px;
}

#owl-main .owl-ui-lg:hover .owl-next {
   right: -80px;
}

#owl-main .owl-outer-nav.owl-ui-lg:after {
   left: -22%;
   width: 144%;
}

#owl-main .owl-outer-nav.owl-ui-lg .owl-prev {
   left: -105px;
}

.owl-outer-nav.owl-ui-lg .owl-next {
   right: -105px;
}

#owl-main .owl-outer-nav.owl-ui-lg:hover .owl-prev {
   left: -120px;
}

#owl-main .owl-outer-nav.owl-ui-lg:hover .owl-next {
   right: -120px;
}

#owl-main .owl-inner-nav .owl-controls {
   position: static;
}

#owl-main .owl-inner-nav .owl-prev {
   left: 45px;
}

#owl-main .owl-inner-nav .owl-next {
   right: 45px;
}

#owl-main .owl-inner-nav:hover .owl-prev {
   left: 30px;
}

#owl-main .owl-inner-nav:hover .owl-next {
   right: 30px;
}

#owl-main .owl-outer-nav .owl-prev,
#owl-main .owl-outer-nav .owl-next,
#owl-main .owl-inner-nav .owl-prev,
#owl-main .owl-inner-nav .owl-next {
   bottom: 70px;
}

#owl-main .owl-outer-nav.owl-ui-md .owl-prev,
#owl-main .owl-outer-nav.owl-ui-md .owl-next,
#owl-main .owl-inner-nav.owl-ui-md .owl-prev,
#owl-main .owl-inner-nav.owl-ui-md .owl-next {
   bottom: 85px;
}

#owl-main .owl-outer-nav.owl-ui-lg .owl-prev,
#owl-main .owl-outer-nav.owl-ui-lg .owl-next,
#owl-main .owl-inner-nav.owl-ui-lg .owl-prev,
#owl-main .owl-inner-nav.owl-ui-lg .owl-next {
   bottom: 100px;
}

#owl-main .owl-inner-pagination .owl-pagination,
#owl-main .owl-inner-pagination .owl-prev,
#owl-main .owl-inner-pagination .owl-next {
   margin-top: -40px;
   top: -60px;
}

#owl-main .owl-inner-pagination.owl-ui-md .owl-pagination,
#owl-main .owl-inner-pagination.owl-ui-md .owl-prev,
#owl-main .owl-inner-pagination.owl-ui-md .owl-next {
   margin-top: -50px;
   top: -65px;
}

#owl-main .owl-inner-pagination.owl-ui-lg .owl-pagination,
#owl-main .owl-inner-pagination.owl-ui-lg .owl-prev,
#owl-main .owl-inner-pagination.owl-ui-lg .owl-next {
   margin-top: -60px;
   top: -75px;
}

#owl-main .owl-inner-pagination.owl-outer-nav .owl-prev,
#owl-main .owl-inner-pagination.owl-outer-nav .owl-next,
#owl-main .owl-inner-pagination.owl-inner-nav .owl-prev,
#owl-main .owl-inner-pagination.owl-inner-nav .owl-next {
   margin: auto;
   top: 0;
   bottom: 43px;
}

#owl-main .owl-inner-pagination .owl-pagination {
   opacity: 0;
}

#owl-main .owl-inner-pagination:hover .owl-pagination {
   opacity: 1;
}

#owl-main .owl-inner-pagination.owl-inner-nav .owl-pagination,
.owl-inner-pagination.owl-outer-nav .owl-pagination {
   top: -45px;
}

.owl-inner-pagination.owl-inner-nav.owl-ui-md .owl-pagination,
.owl-inner-pagination.owl-outer-nav.owl-ui-md .owl-pagination {
   top: -50px;
}

.owl-inner-pagination.owl-inner-nav.owl-ui-lg .owl-pagination,
.owl-inner-pagination.owl-outer-nav.owl-ui-lg .owl-pagination {
   top: -60px;
}

.owl-inner-pagination.owl-inner-nav:hover .owl-pagination,
.owl-inner-pagination.owl-outer-nav:hover .owl-pagination {
   top: -60px;
}

.owl-inner-pagination.owl-inner-nav.owl-ui-md:hover .owl-pagination,
.owl-inner-pagination.owl-outer-nav.owl-ui-md:hover .owl-pagination {
   top: -65px;
}

.owl-inner-pagination.owl-inner-nav.owl-ui-lg:hover .owl-pagination,
.owl-inner-pagination.owl-outer-nav.owl-ui-lg:hover .owl-pagination {
   top: -75px;
}

#owl-main.height-md .item {
   height: 457px;
}

#owl-main.height-lg .item {
   height: 675px;
}

#owl-main .hb-container {
   display: table;
   height: inherit;
}

#owl-main .caption {
   display: table-cell;
}

#owl-main .caption.vertical-center {
   vertical-align: middle;
   padding-bottom: 3vh;
}

#owl-main .caption.vertical-top {
   vertical-align: top;
   padding-top: 8vh;
}

#owl-main .caption.vertical-bottom {
   vertical-align: bottom;
   padding-bottom: 14vh;
}

#owl-main .caption.hb-text-center {
   padding-left: 10%;
   padding-right: 10%;
}

#owl-main .caption.hb-text-left {
   padding-right: 20%;
}

#owl-main .caption.hb-text-right {
   padding-left: 20%;
}

#owl-main .owl-controls {
   display: block;
   position: static;
   margin-top: -47px;
}

#owl-main .owl-pagination {
   background: #FFF;
   line-height: inherit;
   position: relative;
   bottom: -40px;
   padding: 10px;
   display: inline-block;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   margin: auto;
   opacity: 0;
}

#owl-main:hover .owl-pagination {
   bottom: -25px;
   opacity: 1;
}

#owl-main .owl-prev,
#owl-main .owl-next {
   bottom: 0;
}

#owl-main .owl-controls .owl-page {
   display: inline-block;
}

#owl-main .owl-pagination .owl-page span {
   display: block;
   width: 15px;
   height: 15px;
   background: #d3d3d3;
   border: none;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   margin: 0 5px;
}

#owl-main .owl-item-gap .item {
   margin: 0 15px;
}

#owl-main .owl-item-gap-sm .item {
   margin: 0 10px;
}

#owl-main .owl-item.loading {
   min-height: inherit;
   background: none;
}

#owl-main .item {
   background-color: #FFFFFF;
   background-position: center 55%;
   background-size: cover;
   height: 368px;
}

#owl-main .item .caption {
   color: #636363;
   right: 0;
   position: absolute;
   top: 24%;
   z-index: 100;
   padding-right: 8%;
}

#owl-main .item .caption .big-text {
   font-size: 35px;
   line-height: 50px;
   text-transform: uppercase;
   font-family: 'Arial';
   padding: 5px 25px;
   background: #bbbbbb;
   color: #fff;
}

#owl-main .item .caption .big-text .highlight {
   color: #f1c40f;
}

#owl-main .item .caption .excerpt,
#owl-main .item .caption .small {
   font-size: 16px;
   /*line-height: 50px;*/
   margin-top: 10px;
   font-family: 'Roboto';
   font-weight: 500;
   padding-left: 23px;
   background: rgba(0, 0, 0, 0);
   color: #fff;
}

#owl-main .item .caption .excerpt span,
#owl-main .item .caption .small span {
   background: none repeat scroll 0 0 #bbbbbb;
   -moz-box-shadow: -1.4em 0 0 #bbbbbb, 1.4em 0 0 #bbbbbb;
   -webkit-box-shadow: -1.4em 0 0 #bbbbbb, 1.4em 0 0 #bbbbbb;
   box-shadow: -1.4em 0 0 #bbbbbb, 1.4em 0 0 #bbbbbb;
   line-height: 336%;
   padding: 0.6em 0;
   display: inline;
}

#owl-main .item .caption .button-holder {
   margin: 10px 0 0;
}

#owl-main .item .caption.bg-color {
   padding-right: 3%;
}

#owl-main .item .caption.bg-color .big-text {
   background: rgba(0, 0, 0, 0);
   padding: 0px;
   color: #000;
}

#owl-main .item .caption.bg-color .excerpt,
#owl-main .item .caption.bg-color .small {
   background: rgba(0, 0, 0, 0);
   padding: 0px;
   color: #000;
   margin-top: 0px;
}

#owl-main .item .caption.bg-color .excerpt span,
#owl-main .item .caption.bg-color .small span {
   background: rgba(0, 0, 0, 0);
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   display: block;
   line-height: 24px;
}

#owl-main .full-width-slider {
   margin-bottom: 30px;
}

#owl-main .full-width-slider .item {
   background-color: #FFFFFF;
   background-position: center 55%;
   background-size: cover;
   height: 449px;
}

#owl-main .full-width-slider .item .caption {
   position: absolute;
   top: 11%;
   z-index: 100;
}

#owl-main .full-width-slider .item .caption .big-text {
   font-size: 45px;
   line-height: 50px;
   font-family: 'Arial';
   color: #fff;
   background: rgba(0, 0, 0, 0);
   padding: 0px;
   font-weight: 600;
   text-transform: none;
   max-width: 650px;
}

#owl-main .full-width-slider .item .caption .excerpt {
   font-size: 35px;
   line-height: 50px;
   margin-top: 5px;
   font-family: 'Arial Bold';
   color: #fff;
   background: rgba(0, 0, 0, 0);
   padding: 0px;
}

#owl-main .full-width-slider .item .caption .button-holder {
   margin: 31px 0 0;
}

.cnt-homepage .homepage-slider2 {
   height: 449px;
}

.cnt-homepage .homepage-slider2 #owl-main .item .caption {
   top: 29%;
   padding-right: 43%;
   right: 0px;
   left: 8%;
}

.cnt-homepage .homepage-slider2 #owl-main .owl-controls {
   margin-top: -89px;
   text-align: center;
}

.cnt-homepage .hb-breadcrumb ul {
   text-align: left;
}

.cnt-homepage .cart .action .left {
   margin-left: 10px;
   padding: 2px 10px;
}

.cnt-homepage .sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider .slider-track .slider-handle {
   height: 15px;
   width: 15px;
   top: 0px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   border: 2px solid #e4e4e4;
}

.homepage-slider3 {
   height: 368px;
}

.homepage-slider3 #owl-main .item {
   height: 368px;
}

.homepage-slider3 #owl-main .item .caption {
   padding-left: 10%;
   padding-right: 44%;
}

.homepage-slider3 #owl-main .item .caption .small {
   font-size: 15px;
   line-height: 50px;
   text-transform: uppercase;
   font-family: 'Arial';
   text-shadow: 2px 2px #c3c3c3;
   color: #fff;
   padding-left: 0px;
}

.homepage-slider3 #owl-main .item .caption .big-text {
   font-size: 45px;
   line-height: 50px;
   text-transform: uppercase;
   font-family: 'Arial';
   text-shadow: 2px 2px #c3c3c3;
   color: #000;
}

.homepage-slider3 #owl-main .item .caption .excerpt {
   font-size: 13px;
   line-height: 20px;
   color: #fff;
   text-transform: none;
}

.homepage-slider3 #owl-main .owl-controls {
   margin-top: -79px;
}

.home-page-slider4 {
   position: relative;
}

.home-page-slider4 .customNavigation {
   position: absolute;
   top: 50%;
   width: 100%;
   margin-top: -15px;
}

.home-page-slider4 .customNavigation .controls {
   position: relative;
}

.home-page-slider4 .owl-controls {
   bottom: 20px;
   position: absolute;
   text-align: center;
   top: auto;
   width: 100%;
}

.home-page-slider4 .owl-controls .owl-buttons {
   display: none !important;
}

.home-page-slider4 .owl-controls .owl-pagination .owl-page {
   display: inline-block;
}

.home-page-slider4 .owl-controls .owl-pagination .owl-page span {
   background: none repeat scroll 0 0 #e6e6e6;
   border: medium none;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   display: block;
   height: 12px;
   margin: 0 5px;
   width: 12px;
   -moz-box-shadow: 1px 3px rgba(0, 0, 0, 0.1) inset;
   -webkit-box-shadow: 1px 3px rgba(0, 0, 0, 0.1) inset;
   box-shadow: 1px 3px rgba(0, 0, 0, 0.1) inset;
}

.home-page-slider4 .owl-prev,
.home-page-slider4 .owl-next {
   position: absolute;
   opacity: 0;
}

.home-page-slider4 .owl-prev {
   left: 20px;
}

.home-page-slider4 .owl-next {
   right: 20px;
}

.home-page-slider4:hover .owl-prev {
   left: 0px;
   opacity: 1;
}

.home-page-slider4:hover .owl-next {
   right: 0px;
   opacity: 1;
}

.home-page-slider4:hover .owl-prev:hover,
.home-page-slider4:hover .owl-next:hover {
   opacity: 1;
}

.home-page-slider4 #owl-main .owl-pagination {
   background: rgba(0, 0, 0, 0);
   -webkit-border-radius: 3px;
   -moz-border-radiu: 3px;
   border-radius: 3px;
   display: inline-block;
   line-height: inherit;
   margin: auto;
   opacity: 1;
   padding: 10px;
   position: relative;
   bottom: none;
   bottom: 0px;
}

.cnt-homepage .homepage-container .hb-cbtn,
.cnt-homepage .homepage-container .hb-button-primary {
   padding: 2px 17px;
   -webkit-border-radius: 0px;
   -moz-border-radiu: 0px;
   border-radius: 0px;
   margin-left: 0px;
   font-weight: 600;
}

.cnt-homepage .homepage-container #owl-main .owl-prev,
.cnt-homepage .homepage-container #owl-main .owl-next {
   top: 25%;
}

.info-boxes {
   margin-top: 30px;
}

.info-boxes .info-box {
   border: 5px solid #f2f2f0;
   padding: 12px 13px;
}

.info-boxes .info-box .icon {
   font-size: 35px;
}

.info-boxes .info-box .info-box-heading {
   font-size: 35px;
   line-height: 30px;
   text-transform: uppercase;
   font-family: 'Arial Bold';
   margin-top: 5px;
}

.info-boxes .info-box .info-box-heading.orange {
   color: #ffb847;
}

.info-boxes .info-box .info-box-heading.red {
   color: #ff7878;
}

.info-boxes .info-box .text {
   color: #666666;
   text-transform: uppercase;
   font-weight: 500;
   font-size: 13px;
   margin: 0px;
}

.scroll-tabs {
   margin-bottom: 19px;
}

.scroll-tabs .more-info-tab {
   border-bottom: 1px solid #e3e3e3;
   padding-bottom: 10px;
}

.scroll-tabs .more-info-tab .new-product-title {
   margin-bottom: 0px;
   margin-top: 5px;
   font-size: 20px;
   font-family: 'Arial';
   text-transform: uppercase;
}

.scroll-tabs .nav-tab-line {
   border-bottom: none;
   margin-top: 7px;
   margin-right: 55px;
}

.scroll-tabs .nav-tab-line li.active a {
   border: none;
}



.scroll-tabs .nav-tab-line li a:hover,
.scroll-tabs .nav-tab-line li a:focus {
   background: rgba(0, 0, 0, 0);
}

.scroll-tabs .nav-tab-line li a:hover:after {
   content: "\f0d7";
   font-family: FontAwesome;
   position: absolute;
   right: 50%;
   top: 100%;
   height: 100%;
   margin-right: -4px;
   margin-top: -4px;
   width: 10px;
}

.product {
   position: relative;
}

.product .product-image .tag {
   position: absolute;
}

.product .product-info .name {
   font-size: 16px;
   font-family: 'FjallaOneRegular';
   font-weight: 600;
   line-height: 1.1;
   color: inherit;
}

.product .product-info .name a {
   color: #555;
}

.product .product-info .star-rating .color {
   color: #ffb400;
}

.product .product-info .product-price .price {
   font-weight: 700;
   font-size: 16px;
   line-height: 30px;
   margin-right: 8px;
}

.product .product-info .product-price .price-before-discount {
   text-decoration: line-through;
   color: #d3d3d3;
   font-weight: 400;
   line-height: 30px;
   font-size: 14px;
}

.product .cart {
   margin-top: 5px;
   opacity: 0;
   width: 100%;
   z-index: 666;
   left: 0px;
}

.product .cart .action ul li {
   float: left;
}

.product .cart .action ul li.add-cart-button .hb-cbtn.hb-cbtn.icon,
.product .cart .action ul li.add-cart-button .hb-button.hb-button-primary.icon {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   background: #575757;
}

.product .cart .action ul li.lnk {
   margin: 10px 0px;
}

.product .cart .action ul li.lnk a {
   padding: 0 10px;
   color: #dadada;
}

.product .cart .action ul li.lnk.wishlist {
   border-right: 1px solid #dadada;
}

.tag {
   font-size: 13px;
   font-weight: 700;
   line-height: 38px;
   width: 40px;
   height: 40px;
   text-transform: uppercase;
   top: 2.5%;
   z-index: 100;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   border-radius: 50px;
   color: #fff;
   right: 25px;
   /*11px;*/
   text-align: center;
}

.tag span {
   position: relative;
   z-index: 100;
}

.tag.new {
   background: #46aad7;
}

.tag.hot {
   background: #ff7878;
}

.product:hover .cart {
   opacity: 1;
}

.best-seller .product .product-info .name,
.special-offer .product .product-info .name {
   margin-top: 4px;
}

.cart {
   margin-top: 5px;
   opacity: 1;
   width: 100%;
   z-index: 666;
   left: 0px;
}

.cart .action {
   float: left;
}

.cart .action .add-cart-button .hb-cbtn.hb-cbtn.icon,
.cart .action .add-cart-button .hb-button.hb-button-primary.icon {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   background: #575757;
}

.cart .action.lnk {
   margin: 10px 0px;
}

.cart .action.lnk a {
   padding: 0 10px;
   color: #dadada;
}

.cart .action.lnk.wishlist {
   border-right: 1px solid #dadada;
}

.product-micro .product-image .image a .zoom-overlay:before {
   color: #FFFFFF;
   content: "\f00e";
   font-family: fontawesome;
   left: 45%;
   position: relative;
   right: 40%;
}

.product-micro .product-image .image a .zoom-overlay {
   height: 100%;
   left: 0;
   opacity: 0;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 99;
}

.product-micro .product-image .image a .zoom-overlay:hover,
.product-micro .product-image .image a .zoom-overlay:focus {
   opacity: 1;
}

.cnt-home .product-micro .tag-micro {
   width: 30px;
   height: 30px;
   font-size: 11px;
   line-height: 29px;
   top: 5.5%;
   right: 5.5%;
}

.cnt-home .product-micro .product-info .name {
   font-size: 15px;
   margin-top: 0px !important;
}

.cnt-home .product-micro .product-info .product-price .price {
   font-size: 15px;
}

.cnt-home .product-micro .product-info .action .lnk.hb-cbtn.hb-cbtn,
.cnt-home .product-micro .product-info .action .lnk.hb-button.hb-button-primary {
   font-size: 12px;
   line-height: 1.7;
}

.copyright-bar {
   background: #121212;
   padding: 20px 0px;
}

.copyright-bar .copyright {
   color: #ccc;
   text-align: center;
   line-height: 28px;
}

.copyright-bar .payment-methods {
   text-align: right;
}

.copyright-bar .payment-methods ul li {
   display: inline-block;
   margin-right: 15px;
}

.copyright-bar .payment-methods ul li:last-child {
   margin-right: 0px;
}

.copyright-bar .no-padding {
   padding: 0px;
}

.wide-banner {
   overflow: hidden;
}

.wide-banner .image img {
   display: block;
   width: 100%;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

.wide-banner:hover img {
   -webkit-transform: rotate(-1deg) scale(1.1);
   -moz-transform: rotate(-1deg) scale(1.1);
   -ms-transform: rotate(-1deg) scale(1.1);
   -o-transform: rotate(-1deg) scale(1.1);
   opacity: 0.9;
}

.cnt-strip {
   position: relative;
}

.cnt-strip .strip {
   position: absolute;
   bottom: 15px;
   width: 100%;
   padding: 8px 30px 5px 30px;
}

.cnt-strip .strip h1 {
   font-size: 50px;
   color: #ff4c4c;
   margin: 0;
   text-transform: uppercase;
   font-family: 'Arial Bold';
}

.cnt-strip .strip h2 {
   font-size: 45px;
   color: #f39c12;
   margin: 0;
   text-transform: uppercase;
   font-family: 'Arial Bold';
}

.cnt-strip .strip h2 .shopping-needs {
   font-family: 'Arial';
   color: #434343;
}

.cnt-strip .strip h3 {
   font-size: 30px;
   color: #434343;
   margin: 0;
   text-transform: uppercase;
   font-family: 'Arial';
}

.cnt-strip .strip h4 {
   font-size: 20px;
   margin: 0;
   text-transform: uppercase;
   font-family: 'Arial';
}

.cnt-strip .strip.strip-text {
   width: 60%;
}

.cnt-strip .strip .red {
   color: #ff7878;
}

.cnt-strip .strip .black {
   color: #434343;
}

.cnt-strip .strip .green {
   color: #83c038;
}

.cnt-strip .strip .white {
   color: #fff;
}

.cnt-strip .strip .normal-shopping-needs {
   font-size: 35px;
   font-family: 'Roboto';
}

.cnt-strip .new-label {
   background: url("/local/templates/2beman/assets/css/../images/label.png") no-repeat scroll right top;
   height: 72px;
   position: absolute;
   left: -1px;
   top: -1px;
   width: 72px;
   z-index: 999;
}

.cnt-strip .new-label .text {
   color: #fff;
   font-family: 'Roboto', sans-serif;
   font-size: 18px;
   font-weight: normal;
   line-height: 22px;
   left: -13px;
   position: absolute;
   text-align: center;
   top: 14px;
   -ms-transform: rotate(-43deg);
   /* IE 9 */
   -webkit-transform: rotate(-43deg);
   /* Chrome, Safari, Opera */
   transform: rotate(-43deg);
   width: 100%;
}

.wide-banners {
   margin-top: -10px;
}

.wide-banners.homepage-banner {
   margin-top: 30px;
}

.wide-banners.homepage-banner h4 {
   font-size: 20px;
   font-family: 'Arial';
}

.wide-banners.homepage-banner h3 {
   font-size: 20px;
   font-family: 'Arial';
   font-weight: 700;
}

.new-banner {
   margin-top: 30px;
}

.new-banner .cnt-strip .strip {
   width: auto;
   padding: 0px;
   right: 23px;
}

.new-banner .cnt-strip .strip h3 {
   background: #707070;
   padding: 13px 23px 13px 16px;
   line-height: 24px;
   font-size: 30px;
   font-family: 'Arial';
}

.new-banner .cnt-strip .strip h5 {
   font-size: 16px;
   line-height: 30px;
   font-weight: 700;
   padding-right: 21px;
   text-transform: uppercase;
}

.new-banner .cnt-strip .strip h5 span {
   background: none repeat scroll 0 0 #707070;
   -moz-box-shadow: -1.4em 0 0 #707070, 1.4em 0 0 #707070;
   -webkit-box-shadow: -1.4em 0 0 #707070, 1.4em 0 0 #707070;
   box-shadow: -1.4em 0 0 #707070, 1.4em 0 0 #707070;
   padding: 0.6em 0;
}

.new-banner.no-margin {
   margin-top: -10px;
}



.megamenu-banner h3 {
   font-size: 30px;
   font-family: 'Arial';
}

.megamenu-banner h2 {
   font-size: 40px;
   font-family: 'Arial Bold';
}

.wide-banner-4 .cnt-strip .strip h1 {
   font-size: 50px;
   font-family: 'Arial';
}

.wide-banner-4 .cnt-strip .strip h2 {
   font-size: 40px;
   font-family: 'Arial';
}

.wide-banner-4 .cnt-strip .strip h3 {
   font-size: 30px;
   font-family: 'Arial';
}

.wide-banner-4 .cnt-strip .strip h4 {
   font-size: 20px;
   font-family: 'Arial';
}

.wide-banner-4 .cnt-strip .strip p {
   font-size: 23px;
   font-family: 'Roboto';
   margin-bottom: 0px;
}









.footer .links-social {
   border-top: 1px solid #e5e5e5;
   font-size: 12px;
   line-height: 18px;
   color: #666666;
   margin-bottom: 70px;
}

.footer .links-social .contact-info .footer-logo {
   margin-top: 10px;
}

.footer .links-social .contact-info .about-us {
   margin-bottom: 20px;
}

.footer .links-social .contact-info .social-icons a {
   color: #888888;
   font-size: 16px;
   width: 2em;
   height: 2em;
   display: inline-block;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   text-align: center;
}

.footer .links-social .contact-info .social-icons a:hover,
.footer .links-social .contact-info .social-icons a:focus,
.footer .links-social .contact-info .social-icons a.active {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   color: #fff;
}

.footer .links-social .contact-info .social-icons a .icon {
   line-height: 2em;
}

.footer .module-heading {
   font-size: 16px;
   text-transform: uppercase;
   font-family: 'FjallaOneRegular';
   font-weight: 500;
   color: #555555;
}

.footer .contact-timing .hb-table tbody tr {
   border-bottom: 1px solid #e1e1e1;
}



.footer .contact-timing .contact-number {
   font-family: 'Arial';
}

.footer .contact-information .media .media-body a {
   color: #666666;
}

.footer .footer-bottom {
   background: #202020;
   padding-top: 50px;
}

.footer .footer-bottom .module-heading {
   font-size: 16px;
   text-transform: uppercase;
   font-family: 'Arial';
   color: #898989;
}

.footer .footer-bottom .module-body ul li {
   border-bottom: 1px solid #292929;
}

.footer .footer-bottom .module-body ul li a {
   font-size: 12px;
   line-height: 36px;
   color: #666666;
   position: relative;
   margin-left: 23px;
   display: block;
}

.footer .footer-bottom .module-body ul li a:before {
   content: "\f111";
   font-family: FontAwesome;
   position: absolute;
   margin-left: -22px;
   font-size: 6px;
}

.product-tag .item {
   background-color: #f5f5f5;
   color: #666666;
   display: inline-block;
   margin-bottom: 9px;
   margin-right: 8px;
   padding: 6px 12px;
}

.product-tag .item.active,
.product-tag .item:hover,
.product-tag .item:focus {
   color: #fff;
}

.newsletter .sidebar-widget-body input {
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   border: 1px solid #e1e1e1;
   background: #fafafa;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.hot-deals .hot-deal-wrapper {
   position: relative;
}

.hot-deals .hot-deal-wrapper .sale-offer-tag {
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   border-radius: 50px;
   color: #FFFFFF;
   font-size: 13px;
   font-weight: 700;
   height: 50px;
   text-transform: uppercase;
   top: 4%;
   right: 10px;
   width: 50px;
   z-index: 100;
   background: #ff7878;
   position: absolute;
   text-align: center;
}

.hot-deals .hot-deal-wrapper .sale-offer-tag span {
   position: relative;
   z-index: 100;
   top: 4px;
}

.hot-deals .hot-deal-wrapper .timing-wrapper {
   bottom: 20px;
   position: absolute;
   left: 21px;
}

.hot-deals .hot-deal-wrapper .timing-wrapper .box-wrapper {
   display: table;
   text-align: center;
   margin-right: 10px;
   float: left;
}

.hot-deals .hot-deal-wrapper .timing-wrapper .box-wrapper .box {
   background-color: #a5a5a5;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #FFFFFF;
   display: table-cell;
   height: 44px;
   vertical-align: middle;
   width: 47px;
   line-height: 15px;
}

.hot-deals .hot-deal-wrapper .timing-wrapper .box-wrapper .box .key {
   display: block;
   font-size: 17px;
   text-transform: uppercase;
   font-weight: 700;
}

.hot-deals .hot-deal-wrapper .timing-wrapper .box-wrapper .box .value {
   display: block;
   font-size: 11px;
   font-weight: 500;
}

.hot-deals .hot-deal-wrapper .timing-wrapper .box-wrapper:last-child {
   margin-right: 0px;
}

.hot-deals .product-info .name {
   font-size: 18px;
   font-family: 'Arial';
}

.hot-deals .product-info .name a {
   color: #555;
}

.hot-deals .product-info .product-price .price {
   font-weight: 700;
   font-size: 16px;
   line-height: 30px;
   margin-right: 8px;
}

.hot-deals .product-info .product-price .price-before-discount {
   text-decoration: line-through;
   color: #d3d3d3;
   font-weight: 400;
   line-height: 30px;
   font-size: 14px;
}

.hot-deals .cart {
   margin-top: 5px;
   z-index: 666;
   left: 0px;
}

.hot-deals .cart .action {
   float: left;
}

.hot-deals .cart .action .add-cart-button a {
   background: none repeat scroll 0 0 #a8a8a8;
   border: medium none;
   color: #FFFFFF;
   display: block;
   overflow: hidden;
   position: relative;
   text-decoration: none;
   padding: 0px;
}

.hot-deals .cart .action .add-cart-button a .icon {
   background: none repeat scroll 0 0 #575757;
   color: #FFFFFF;
   height: 100%;
   left: 0;
   font-size: 13px;
   padding: 11px 0 0;
   position: absolute;
   text-align: center;
   top: 0;
   width: 35px;
}

.hot-deals .cart .action .add-cart-button a span {
   display: block;
   margin-left: 35px;
   overflow: hidden;
   padding: 8px 13px;
}

.hot-deals .cart .action .add-cart-button a:hover,
.hot-deals .cart .action .add-cart-button a:focus {
   background: #c6c6c6;
}

.hb-breadcrumb {
   background: rgba(0, 0, 0, 0) !important;
   padding: 0;
}

.hb-breadcrumb ul {
   margin: auto;
   padding: 10px 0;
   text-align: right;
}

.hb-breadcrumb ul li:after {
   color: #666666;
   content: "/";
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   line-height: 24px;
   margin-left: 9px;
   margin-right: -4px;
   padding: 0px;
}

.hb-breadcrumb ul li:last-child:after {
   content: "";
}

.hb-breadcrumb ul li a {
   color: #666666;
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   line-height: 24px;
   font-weight: 500;
}

.category-carousel {
   text-align: center;
   cursor: default;
}

.category-carousel .item {
   background-color: #FFFFFF;
   background-position: center 55%;
   background-size: cover;
   height: 255px;
   position: relative;
}

.category-carousel .item .caption {
   color: #636363;
   left: 12%;
   letter-spacing: -3px;
   position: absolute;
   top: 10%;
   z-index: 100;
   display: table-cell;
}

.category-carousel .item .caption .big-text {
   font-size: 150px;
   line-height: 145px;
   text-transform: uppercase;
   font-family: 'Arial';
   color: #fe5252;
}

.category-carousel .item .caption .excerpt {
   font-size: 40px;
   letter-spacing: -1px;
   text-transform: uppercase;
   color: #666666;
}

.category-carousel .item .owl-controls {
   display: inline-block;
   position: relative;
   margin-top: 40px;
}

.category-carousel .item .owl-controls .owl-prev,
.category-carousel .item .owl-controls .owl-next {
   display: inline-block;
   position: absolute;
   top: 0;
   bottom: 0;
   width: 30px;
   height: 30px;
   font-size: 21px;
   color: #FFF;
   background-color: #d3d3d3;
   border: none;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   margin: auto;
   opacity: 0;
}

.category-carousel .item .owl-controls .owl-prev {
   left: -35px;
}

.category-carousel .item .owl-controls .owl-next {
   right: -35px;
}

.category-carousel .item:hover .owl-prev {
   left: -40px;
   opacity: .25;
}

.category-carousel .item:hover .owl-next {
   right: -40px;
   opacity: .25;
}

.category-carousel .item:hover .owl-prev:hover,
.category-carousel .item:hover .owl-next:hover {
   opacity: 1;
}

.filters-container {
   padding: 12px 0px;
   margin-bottom: 5px;
}

.filters-container .hb-nav-tabs.nav-tab-box {
   border: medium none;
   margin-top: 3px;
}

.filters-container .hb-nav-tabs.nav-tab-box li {
   margin-right: 5px;
   padding: 0;
}

.filters-container .hb-nav-tabs.nav-tab-box li a {
   background: none repeat scroll 0 0 #FFFFFF;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   color: #666666;
   font-family: 'Roboto', sans-serif;
   line-height: 18px;
   border: none !important;
   padding: 0px;
}

.filters-container .hb-nav-tabs.nav-tab-box li a .icon {
   margin-right: 5px;
   color: #aaa;
}

.filters-container .lbl-cnt {
   color: #666666;
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   line-height: 24px;
}

.filters-container .lbl-cnt .lbl {
   color: #666666;
   display: inline-block;
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   line-height: 24px;
   margin-right: 10px;
}

.filters-container .lbl-cnt .hb-dropdown.dropdown-med .hb-cbtn,
.filters-container .lbl-cnt .hb-dropdown.dropdown-med .hb-button {
   border: 1px solid #D6D6D6;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   padding: 4px 12px;
   background: #fff;
   font-size: 13px;
}

.filters-container .lbl-cnt .hb-dropdown.dropdown-med .hb-cbtn .hb-caret,
.filters-container .lbl-cnt .hb-dropdown.dropdown-med .hb-button .hb-caret {
   margin-left: 13px;
   margin-top: -2px;
}

.filters-container .lbl-cnt .hb-dropdown.dropdown-med .hb-dropdown-menu {
   -webkit-border-radius: 0px;
   -moz-border-radius: 0;
   border-radius: 0;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   border: 1px solid #e1e1e1;
}

.filters-container .lbl-cnt .hb-dropdown.dropdown-med .hb-dropdown-menu li a:hover,
.filters-container .lbl-cnt .hb-dropdown.dropdown-med .hb-dropdown-menu li a:focus {
   background: rgba(0, 0, 0, 0);
}

.filters-container .pagination-container {
   margin-top: 4px;
}

.filters-container .pagination-container ul {
   margin: 0px;
}

.filters-container .pagination-container ul li.prev,
.filters-container .pagination-container ul li.next {
   background: none repeat scroll 0 0 #dddddd;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.filters-container .pagination-container ul li.prev a,
.filters-container .pagination-container ul li.next a,
.filters-container .pagination-container ul li.prev a:hover,
.filters-container .pagination-container ul li.next a:hover,
.filters-container .pagination-container ul li.prev a:focus,
.filters-container .pagination-container ul li.next a:focus {
   color: #fff;
}

.filters-container .pagination-container ul li a {
   color: #666666;
   display: inline-block;
   font-family: 'Roboto', sans-serif;
   font-size: 13px;
   line-height: 20px;
   padding: 0 3px;
}

.filters-container .pagination-container ul li.active a {
   text-decoration: underline;
}

.search-result-container .category-product {
   border-top: 1px solid #ececec;
   border-bottom: 1px solid #ececec;
}

.search-result-container .category-product .product {
   margin-bottom: 10px;
}

.search-result-container .category-product .product .product-image .tag {
   width: 45px;
   height: 45px;
   line-height: 40px;
   font-size: 14px;
   right: 14px;
}

.search-result-container .category-product .product .cart {
   opacity: 1;
}

.search-result-container .category-product .product .cart .lnk {
   margin: 8px 0px;
}

.search-result-container .category-product .product .cart .lnk a {
   background: #a8a8a8;
   padding: 8px 11px;
   margin-left: 10px;
   color: #fff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.search-result-container .category-product .product .cart .lnk a:hover,
.search-result-container .category-product .product .cart .lnk a:focus {
   color: #fff !important;
}

.search-result-container .category-product-inner .product-list.product {
   border: 1px solid #f2f2f2;
   position: relative;
   margin-bottom: 30px;
}

.search-result-container .category-product-inner .product-list.product .product-info {
   padding: 24px 40px;
}

.search-result-container .category-product-inner .product-list.product .product-info .cart {
   margin-top: 30px;
}

.search-result-container .category-product-inner .product-list.product .tag {
   position: absolute;
   right: 12px;
   top: 18px;
   width: 60px;
   height: 60px;
   line-height: 60px;
   font-size: 17px;
   z-index: 999;
}

.product-list.product .product-info .name {
   font-size: 20px;
}

.product-list.product .product-info .description {
   line-height: 20px;
}

.single-product .gallery-holder #owl-single-product .single-product-gallery-item {
   border: 1px solid #e5e5e5;
}

.single-product .gallery-holder .gallery-thumbs {
   margin: 15px 0 0;
   position: relative;
   text-align: left;
}

.single-product .gallery-holder .gallery-thumbs .owl-item .item {
   margin-right: 10px;
   border: 1px solid #e5e5e5;
}

.single-product .product-info .name {
   font-size: 20px;
   line-height: 18px;
   font-family: 'FjallaOneRegular';
   font-weight: 600;
   color: #555;
   margin-top: 5px;

}

.single-product .product-info .rating-reviews .reviews .lnk {
   color: #aaaaaa;
}

.single-product .product-info .stock-container .stock-box .label {
   font-size: 16px;
   font-family: 'FjallaOneRegular';
   font-weight: 500;
   line-height: 18px;
   text-transform: uppercase;
   color: #666666;
   padding: 0px;
}

.single-product .product-info .stock-container .stock-box .value {
   font-size: 14px;
   color: #ff7878;
}

.single-product .product-info .description-container {
   line-height: 20px;
   color: #666666;
}

.single-product .product-info .price-container {
   border-bottom: 1px solid #F2F2F2;
   /* border-top removed: duplicate line above price-container (separator already in template.php) */
   margin-bottom: 0;
   padding: 0;
}

.single-product .product-info .price-container .hb-col-sm-6:first-child {
   margin-top: 17.5px;
}

@media (max-width: 991.5px) {
   .single-product .product-info .price-container .hb-col-sm-6:last-child {
      margin-top: 27.5px;
   }
}

.single-product .product-info .price-container .price-box .price {
   font-size: 36px;
   font-weight: 700;
   line-height: 50px;
}

.single-product .product-info .price-container .price-box .price-strike {
   color: #aaa;
   font-size: 16px;
   font-weight: 300;
   line-height: 50px;
   text-decoration: line-through;
}

.single-product .product-info .quantity-container {
   margin-bottom: 0;
   padding: 20px 0;
}

.single-product .product-info .quantity-container .label {
   font-size: 16px;
   font-family: 'FjallaOneRegular';
   font-weight: 500;
   line-height: 40px;
   text-transform: uppercase;
   color: #666666;
   padding: 0px;
}

.single-product .product-info .quantity-container .cart-quantity .quant-input,
.cart-quantity .quant-input {
   display: inline-block;
   height: 35px;
   position: relative;
   width: 70px;
}

.single-product .product-info .quantity-container .cart-quantity .quant-input .arrows,
.cart-quantity .quant-input .arrows {
   position: absolute;
   right: 0;
   top: 0;
   z-index: 2;
   height: 100%;
}

.single-product .product-info .quantity-container .cart-quantity .quant-input .arrows .arrow,
.cart-quantity .quant-input .arrows .arrow {
   box-sizing: border-box;
   display: block;
   text-align: center;
   width: 40px;
   cursor: pointer;
}

.single-product .product-info .quantity-container .cart-quantity .quant-input .arrows .arrow .ir .icon,
.cart-quantity .quant-input .arrows .arrow .ir .icon {
   position: relative;
}

.single-product .product-info .quantity-container .cart-quantity .quant-input .arrows .arrow .ir .icon.fa-sort-asc,
.cart-quantity .quant-input .arrows .arrow .ir .icon.fa-sort-asc {
   top: 5px;
}

.single-product .product-info .quantity-container .cart-quantity .quant-input .arrows .arrow .ir .icon.fa-sort-desc,
.cart-quantity .quant-input .arrows .arrow .ir .icon.fa-sort-desc {
   top: -7px;
}

.single-product .product-info .quantity-container .cart-quantity .quant-input input,
.cart-quantity .quant-input input {
   background: none repeat scroll 0 0 #fff;
   border: 1px solid #f2f2f2;
   box-sizing: border-box;
   font-size: 15px;
   height: 38px;
   left: 0;
   padding: 0 20px 0 18px;
   position: absolute;
   top: 0;
   width: 70px;
   z-index: 1;
}

.cart.hb-clearfix.animate-effect .cart-quantity {
   float: left;
   margin-right: 15px;
}

.single-product .product-info .product-social-link .social-label {
   font-size: 15px;
   font-family: 'Arial';
   line-height: 20px;
   text-transform: uppercase;
}

.single-product .product-info .product-social-link .social-icons {
   display: inline-block;
}

.single-product .product-info .product-social-link .social-icons ul li a {
   color: #888888;
   font-size: 16px;
   padding: 5px 6px;
}

.single-product .product-info .product-social-link .social-icons ul li a:hover,
.single-product .product-info .product-social-link .social-icons ul li a:focus {
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   border-radius: 50px;
   color: #fff;
}

.single-product .product-tabs {
   margin-top: 10px;
}

.single-product .product-tabs .hb-nav.hb-nav-tabs.nav-tab-cell>li {
   float: none;
   border-bottom: 1px solid #f2f2f2;
}

.single-product .product-tabs .hb-nav.hb-nav-tabs.nav-tab-cell>li>a {
   border: none;
   color: #555;
   display: block;
   padding: 12px 28px;
   font-size: 18px;
   font-family: 'Arial';
   line-height: 28px;
   text-transform: uppercase;
   position: relative;
}

.single-product .product-tabs .hb-nav.hb-nav-tabs.nav-tab-cell>li>a:hover,
.single-product .product-tabs .hb-nav.hb-nav-tabs.nav-tab-cell>li>a:focus {
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   color: #fff;
}

.single-product .product-tabs .hb-nav.hb-nav-tabs.nav-tab-cell>li>a:hover:before,
.single-product .product-tabs .hb-nav.hb-nav-tabs.nav-tab-cell>li>a:focus:before {
   border-color: rgba(0, 0, 0, 0) #e0e0e0 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
   right: -10px;
}

.single-product .product-tabs .hb-nav.hb-nav-tabs.nav-tab-cell>li>a:hover:after,
.single-product .product-tabs .hb-nav.hb-nav-tabs.nav-tab-cell>li>a:focus:after {
   border-style: solid;
   border-width: 7.5px 1px 7.5px 10px;
   content: "";
   height: 0;
   position: absolute;
   top: 20px;
   width: 0;
   right: -8px;
}

.single-product .product-tabs .hb-nav.hb-nav-tabs.nav-tab-cell>li.active>a {
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   color: #fff;
}

.single-product .product-tabs .hb-nav.hb-nav-tabs.nav-tab-cell>li.active>a:before {
   border-color: rgba(0, 0, 0, 0) #e0e0e0 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
   right: -10px;
}

.single-product .product-tabs .hb-nav.hb-nav-tabs.nav-tab-cell>li.active>a:after {
   border-style: solid;
   border-width: 7.5px 1px 7.5px 10px;
   content: "";
   height: 0;
   position: absolute;
   top: 20px;
   width: 0;
   right: -8px;
}

.single-product .product-tabs .hb-tab-content {
   border: 1px solid #f2f2f2;
}

.single-product .product-tabs .hb-tab-content .hb-tab-pane {
   padding: 24px;
}

.single-product .product-tabs .hb-tab-content .hb-tab-pane .text {
   line-height: 20px;
}

.single-product .upsell-product .product .product-info .name {
   margin-top: 20px;
   font-size: 16px;
}

.single-product #owl-single-product-thumbnails .owl-controls {
   position: absolute;
   text-align: center;
   top: auto;
   width: 100%;
   margin-top: 10px;
}

.single-product #owl-single-product-thumbnails .owl-controls .owl-pagination .owl-page {
   display: inline-block;
}

.single-product #owl-single-product-thumbnails .owl-controls .owl-pagination .owl-page span {
   background: none repeat scroll 0 0 #ddd;
   border: medium none;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   display: block;
   height: 12px;
   margin: 0 5px;
   width: 12px;
   cursor: pointer;
}

.single-product .sidebar .sidebar-module-container .sidebar-widget .section-title {
   margin-top: 0px;
}

.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder {
   background-color: #FFFFFF;
   height: 100%;
   position: absolute;
   top: 0;
   width: 30px;
   z-index: 50;
}

.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder.left {
   left: 0px;
}

.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder.right {
   right: 0;
}

.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder .prev-btn {
   left: 0;
}

.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder .prev-btn:after {
   content: "\f104";
}

.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder .next-btn {
   right: 0px;
}

.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder .next-btn:after {
   content: "\f105";
}

.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder .prev-btn,
.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder .next-btn {
   background-color: #fff;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   display: inline-block;
   height: 100%;
   position: absolute;
   vertical-align: top;
   width: 90%;
   z-index: 100;
   border: 1px solid #e5e5e5;
   color: #dadada;
}

.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder .prev-btn:after,
.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder .next-btn:after {
   bottom: 0;
   font-family: fontawesome;
   font-size: 30px;
   height: 30px;
   left: 0;
   line-height: 30px;
   margin: auto;
   position: absolute;
   right: 0;
   text-align: center;
   top: 0;
}

.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder .prev-btn:hover,
.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder .next-btn:hover,
.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder .prev-btn:focus,
.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder .next-btn:focus {
   background: #dadada;
   color: #fff;
}

.cnt-homepage .single-product .single-product-gallery .owl-item .single-product-gallery-item>a>img {
   display: block;
   width: 100%;
}

.cnt-homepage .single-product .single-product-gallery .owl-item .single-product-gallery-thumbs.gallery-thumbs .owl-item {
   margin-left: 10px;
}

.cnt-homepage .single-product .product-info-block label,
.cnt-homepage .single-product .product-info-block .label {
   font-size: 13px;
   font-weight: normal;
   line-height: 30px;
   color: #434343;
}

.cnt-homepage .single-product .product-info-block .label {
   padding: 0px;
}

.cnt-homepage .single-product .product-info-block .cart {
   width: auto;
   left: 0;
   margin-top: -8px;
   padding: 0px;
}

.cnt-homepage .single-product .product-info-block .cart .action .left {
   padding: 2px 8px;
   margin-left: 5px;
}

.cnt-homepage .single-product .product-info-block .hb-form-control .selectpicker {
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   border: 1px solid #f1f1f1;
   background: #fff;
   color: #b0b0b0;
}

.cnt-homepage .single-product .product-info-block .hb-form-control .hb-dropdown-menu {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   border: 1px solid #f1f1f1;
}

.cnt-homepage .single-product .product-info-block .hb-form-control .hb-dropdown-menu ul li a:hover,
.cnt-homepage .single-product .product-info-block .hb-form-control .hb-dropdown-menu ul li a:focus {
   background: rgba(0, 0, 0, 0);
}

.cnt-homepage .single-product .product-info-block .txt.txt-qty {
   font-size: 15px;
   line-height: 18px;
   border: 1px solid #f1f1f1;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   height: 30px;
   padding: 5px 10px;
   text-align: center;
   width: 60px;
}

.cnt-homepage .single-product .product-info-block .stock-container .stock-box .label {
   color: #434343;
   font-family: 'Roboto';
   font-size: 13px;
   font-weight: normal;
   line-height: 20px;
   padding: 0;
   text-transform: none;
}

.cnt-homepage .single-product .product-info-block .stock-container .stock-box .value {
   font-size: 13px;
}



.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li a {
   border: 2px solid #e1e1e1;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   color: #666666;
   font-family: 'Arial';
   font-size: 15px;
   line-height: 30px;
   padding-bottom: 4px;
   padding-top: 4px;
   text-transform: uppercase;
}

.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li a:hover,
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li a:focus {
   color: #fff;
}

.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li.active a {
   color: #fff;
}

.cnt-homepage .single-product .product-tabs .hb-tab-content {
   border: none;
}

.cnt-homepage .single-product .product-tabs .hb-tab-content .hb-tab-pane {
   padding: 0px;
}

.cnt-homepage .single-product .product-tabs .hb-tab-content .hb-tab-pane .product-tab .text {
   font-size: 13px;
   line-height: 22px;
}

.single-product .second-gallery-thumb.gallery-thumbs {
   padding: 0 40px;
}

.single-product .second-gallery-thumb.gallery-thumbs #owl-single-product2-thumbnails .owl-wrapper-outer {
   margin-left: 5px;
}

.product-tabs .hb-tab-content .hb-tab-pane .product-reviews .title {
   color: #666666;
   font-size: 16px;
   font-weight: 500;
   line-height: 20px;
   margin: 0 0 10px;
   text-transform: uppercase;
   font-family: 'Arial';
}

.product-tabs .hb-tab-content .hb-tab-pane .product-reviews .reviews .review {
   margin-bottom: 20px;
   font-family: 'Roboto', sans-serif;
   text-transform: none;
}

.product-tabs .hb-tab-content .hb-tab-pane .product-reviews .reviews .review .review-title {
   margin-bottom: 5px;
}

.product-tabs .hb-tab-content .hb-tab-pane .product-reviews .reviews .review .review-title .summary {
   color: #666666;
   font-size: 14px;
   font-weight: 300;
   line-height: 45px;
   margin-right: 10px;
   text-transform: uppercase;
}

.product-tabs .hb-tab-content .hb-tab-pane .product-reviews .reviews .review .review-title .date {
   font-size: 12px;
}

.product-tabs .hb-tab-content .hb-tab-pane .product-reviews .reviews .review .review-title .date span {
   margin-left: 5px;
}

.product-tabs .hb-tab-content .hb-tab-pane .product-reviews .reviews .review .text {
   line-height: 18px;
}

.product-tabs .hb-tab-content .hb-tab-pane .product-reviews .reviews .review .author span {
   margin-left: 5px;
}

.product-tabs .hb-tab-content .hb-tab-pane .product-add-review .title {
   color: #666666;
   font-size: 16px;
   font-weight: 500;
   line-height: 20px;
   margin: 0 0 20px;
   text-transform: uppercase;
   font-family: 'Arial';
}

.product-tabs .hb-tab-content .hb-tab-pane .product-add-review .review-table .hb-table thead th {
   font-weight: normal;
   border-bottom-width: 1px;
   text-align: center;
   vertical-align: middle;
}

.product-tabs .hb-tab-content .hb-tab-pane .product-add-review .review-table .hb-table tbody tr td {
   text-align: center;
   vertical-align: middle;
}

.product-tabs .hb-tab-content .hb-tab-pane .product-add-review .review-table .hb-table tbody tr td input {
   float: none;
   margin: auto;
}

.product-tabs .hb-tab-content .hb-tab-pane .product-add-review .review-form label {
   font-weight: normal;
   font-size: 13px;
}

.product-tabs .hb-tab-content .hb-tab-pane .product-add-review .review-form label .astk {
   color: #FF0000;
   font-size: 12px;
}

.product-tabs .hb-tab-content .hb-tab-pane .product-add-review .review-form .txt {
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.product-tabs .hb-tab-content .hb-tab-pane .product-tag .title {
   color: #666666;
   font-size: 16px;
   font-weight: 500;
   line-height: 20px;
   margin: 0 0 20px;
   text-transform: uppercase;
   font-family: 'Arial';
}

.product-tabs .hb-tab-content .hb-tab-pane .product-tag .hb-form-group label {
   font-weight: 300;
   font-size: 14px;
   line-height: 24px;
   margin-right: 10px;
}

.product-tabs .hb-tab-content .hb-tab-pane .product-tag .hb-form-group .txt {
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.product-tabs .hb-tab-content .hb-tab-pane .product-tag .hb-form-group .text {
   margin-left: 90px;
}

.furniture-container .product {
   position: relative;
}

.furniture-container .product .hb-cbtn,
.furniture-container .product .hb-button-primary {
   font-size: 15px;
   line-height: 30px;
   font-family: 'Arial';
   background: #cbc9c9;
   text-transform: uppercase;
   border: none;
   color: #fff;
}

.furniture-container .product .hb-cbtn:hover,
.furniture-container .product .hb-cbtn:focus,
.furniture-container .product .hb-button-primary:hover,
.furniture-container .product .hb-button-primary:focus {
   border: none;
}

.furniture-container .best-seller .product .product-info .name,
.furniture-container .special-offer .product .product-info .name {
   margin-top: 4px;
}

.furniture-container .cart {
   margin-top: 5px;
   opacity: 1;
   width: 100%;
   z-index: 666;
   left: 0px;
}

.furniture-container .cart .action {
   float: left;
}

.furniture-container .cart .action .add-cart-button .hb-cbtn.hb-cbtn.icon,
.furniture-container .cart .action .add-cart-button .hb-button.hb-button-primary.icon {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   background: #575757;
}

.furniture-container .cart .action.lnk {
   margin: 10px 0px;
}

.furniture-container .cart .action.lnk a {
   padding: 0 10px;
   color: #dadada;
}

.furniture-container .cart .action.lnk.wishlist {
   border-right: 1px solid #dadada;
}

.homepage-container .product {
   position: relative;
}

.homepage-container .product .product-image .tag {
   font-size: 15px;
   font-weight: 700;
   width: 50px;
   height: 50px;
   text-transform: uppercase;
   top: 2.5%;
   z-index: 100;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   border-radius: 50px;
   color: #fff;
   right: 0px;
   /*11px;*/
   text-align: center;
   position: absolute;
}

.homepage-container .product .product-image .tag span {
   position: relative;
   z-index: 100;
   line-height: 48px;
}

.homepage-container .product .product-image .tag.new {
   background: #46aad7;
}

.homepage-container .product .product-image .tag.hot {
   background: #ff7878;
}

.homepage-container .product .product-info .name {
   font-size: 18px !important;
   font-family: 'Arial';
}

.homepage-container .product .product-info .name a {
   color: #555;
}

.homepage-container .product .product-info .star-rating .color {
   color: #ffb400;
}

.homepage-container .product .product-info .product-price .price {
   font-weight: 700;
   font-size: 18px;
   line-height: 30px;
   margin-right: 8px;
}

.homepage-container .product .product-info .product-price .price-before-discount {
   text-decoration: line-through;
   color: #d3d3d3;
   font-weight: 400;
   line-height: 30px;
   font-size: 14px;
}

.homepage-container .product .cart {
   margin-top: 5px;
   width: 100%;
   z-index: 666;
   left: 0px;
   opacity: 1;
}

.homepage-container .product .cart .action {
   float: left;
}

.homepage-container .product .cart .action .add-cart-button .hb-cbtn.hb-cbtn.icon,
.homepage-container .product .cart .action .add-cart-button .hb-button.hb-button-primary.icon {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   background: #575757;
}

.homepage-container .product .cart .action.lnk {
   margin: 10px 0px;
}

.homepage-container .product .cart .action.lnk a {
   padding: 0 10px;
   color: #dadada;
}

.homepage-container .product .cart .action.lnk.wishlist {
   border-right: 1px solid #dadada;
}

.homepage-container .featured-product .products .product:first-child {
   margin-bottom: 30px;
}



.homepage-container .hb-cbtn,
.homepage-container .hb-button-primary {
   font-size: 15px;
   line-height: 30px;
   font-family: 'Arial';
   background: rgba(0, 0, 0, 0);
   text-transform: uppercase;
   border: 2px solid #f2f2f2;
   color: #747474;
}

.homepage-container .hb-cbtn:hover,
.homepage-container .hb-cbtn:focus,
.homepage-container .hb-button-primary:hover,
.homepage-container .hb-button-primary:focus {
   color: #fff;
}

.homepage-container .best-seller .product .product-info .name,
.homepage-container .special-offer .product .product-info .name {
   margin-top: 4px;
}

.homepage-container .cart {
   margin-top: 5px;
   opacity: 1;
   width: 100%;
   z-index: 666;
   left: 0px;
}

.homepage-container .cart .action .add-cart-button .hb-cbtn.hb-cbtn.icon,
.homepage-container .cart .action .add-cart-button .hb-button.hb-button-primary.icon {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   background: #575757;
}

.wrapper .box {
   margin-left: auto;
   margin-right: auto;
   padding-left: 50px;
   padding-right: 50px;
}

.wrapper .box .wrapper-inner {
   background: none repeat scroll 0 0 #FFFFFF;
   -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
   box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.wrapper .box .wrapper-inner .wrapper-body-inner .owl-item .tag {
   font-size: 15px;
   font-weight: 700;
   line-height: 55px;
   width: 55px;
   height: 55px;
   text-transform: uppercase;
   top: 2.5%;
   z-index: 100;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   border-radius: 50px;
   color: #fff;
   right: 25px;
   /*11px;*/
   text-align: center;
}

.wrapper .box .wrapper-inner .wrapper-body-inner .owl-item .tag span {
   position: relative;
   z-index: 100;
}

.wrapper .box .wrapper-inner .wrapper-body-inner .owl-item .tag.new {
   background: #46aad7;
}

.wrapper .box .wrapper-inner .wrapper-body-inner .owl-item .tag.sale {
   background: #989898;
}

.wrapper .box .wrapper-inner .wrapper-body-inner .owl-item .tag.hot {
   background: #ff7878;
}

/*for mobile  page /about start*/
.about-list {
   display: none;
}

/*for mobile  page /about end*/

/*===================================================================================*/
/*  Responsive Layout
/*===================================================================================*/

.main-header .top-search-holder .contact-row .phone a,
.main-header .top-search-holder .contact-row .contact a {
   color: #9b9b9b;
}

.footer-time-text {
   margin-top: 30px;
}

.mobile-buter-punkt-name,
.mobile-buter-podpunkt {
   border-image: none;
   border-left: 1px solid #ebebeb;
   border-right: 1px solid #ebebeb;
   border-style: none solid;
   border-width: 0 1px;
   position: relative;
   width: 100%;
   border-bottom: 1px solid #e8e8e8;
   background: #f7f7f7;
   padding: 13px 15px;
   color: #666666;
   text-transform: uppercase;
   cursor: pointer;
}

.activebuter .mobile-buter-punkt-name {
   background: #3498db;
   color: #fff;
}

.mobile-buter-podpunkt {
   cursor: pointer;
   background: #eaeaea;
   padding: 0;
}

.mobile-buter-podpunkt-name {
   cursor: pointer;
   font-size: 13px;
   padding: 11px 15px;
   border-bottom: 1px solid #ddd;
}

.mobile-buter-podpunkt-name a {
   color: #555;
}

.mobile-buter-hider {
   display: none;
}

#mobile-butter-open {
   cursor: pointer;
}

.cnt-block .geo {
   min-width: 1px !important;
}

.boot-text {
   display: none;
}



.b-navi ul li {
   float: left;
}

.basket-button-table {
   display: table
}

.forFlex {
   display: -webkit-box;
}

.css_popup {
   margin: 0;
}

.basket-button-table-top {
   display: table-cell;
   vertical-align: top;
   padding: 0 10px;
}

.delivery-div-td {
   width: 30%;
   padding-bottom: 15px;
   display: inline-block;
}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
   .delivery-div-td {
      width: 100%;
      padding-bottom: 15px;
   }

   .popup-window-content .bx-form-control,
   .popup-window-content .bx-form-control-2 {
      width: auto;
   }

   .popup-window .hb-form-group {
      min-width: 1px !important;
   }

   .single-product .product-tabs {
      margin-top: 10px;
   }

   .single-product .product-info .quantity-container {
      padding: 20px 0 0;
   }

   .basket-button-table-1 {
      text-align: center;
   }

   .b-navi {
      text-align: center !important;
   }

   .pull-left-nav {
      float: left;
      margin-right: 20px;
   }

   .pull-right-nav {
      float: right !important;
   }

   .filters-container {
      padding: 3px 0;
   }

   .mobile-marhin-bottom {
      margin-bottom: 0;
   }

   

   .section-title {
      text-align: center;
   }

   

   .footer-time-text {
      font-size: 18px;
      margin: 23px 0;
      text-transform: uppercase;
   }

   .footer .module-heading {
      text-align: center;
      margin-top: 14px;
   }

   .module-title {
      font-size: 21px;
   }

   .footer-logo .logo a img {
      max-width: 100%
   }

   .top-cart-row .dropdown-cart .lnk-cart {
      border-bottom: 1px solid #efefef;
      border-top: 1px solid #efefef;
   }

   .contact-row {
      margin-top: 0;
   }

   .outer-bottom-vs {
      margin-bottom: 0px;
   }

   #bascet {
      padding: 0;
   }

   .mobile-bar-btn {
      background-color: #efefef;
      display: inline-block;
      position: relative;
      left: 0;
      z-index: 50;
      margin: 0;
      cursor: pointer;
      border: 1px solid #e1e1e1;
      border-right: 1px solid #efefef;
      padding: 13px 16px;
      border-radius: 0;
      color: #555;
      margin: 0;
      float: left;
      font-size: 13px;
      line-height: 1.42857143;
      -webkit-user-select: none;
   }

   .mobile-menu {
      position: relative;
      z-index: 500;
      top: -62px;
   }

   .main-header {
      padding: 0;
   }

   .mobile-no-height {
      height: 0 !important;
   }

   /* .mobile_menu_compact (грид иконок Каталог/Доставка/Оплата/...) визуально
      рендерится внутри .mobile-no-height (height:0!important — нужен для
      схлопывания старого десктопного dropdown-меню на мобильных), поэтому
      не резервирует место в потоке документа сам, и следующий блок
      ("Популярные товары") наезжает на него. Резервируем место на внешнем
      контейнере, не трогая чужой !important. */
   .header-v2__nav-row {
      padding-bottom: 77px;
   }

   .top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .total-price-basket {
      padding: 13px 7px;
      background: #efefef;
   }

   .top-cart-row .dropdown-cart {
      position: absolute;
      top: -105px;
      right: 16px;
   }

   .top-bar .header-top-inner {
      text-align: center;
   }

   

   .top-bar .header-top-inner .cnt-account {
      clear: both;
      display: inline-block;
      float: none;
      margin: auto;
      text-align: center;
   }

   .top-bar .header-top-inner .cnt-account li {
      margin-bottom: 8px;
   }

   .top-bar .header-top-inner .cnt-block .list-inline li,
.top-bar .header-top-inner .cnt-block .hb-list-inline li {
      margin: 7px 0;
   }

   .main-header .logo-holder {
      text-align: center;
      margin-bottom: 7px;
   }

   .main-header .top-search-holder .contact-row {
      margin-bottom: 13px;
      text-align: center;
   }

   .main-header .top-search-holder .contact-row .phone,
   .main-header .top-search-holder .contact-row .contact {
      margin: 5px 10px 0;
      padding-right: 0px;
      border-right: none;
      font-size: 13px;
   }

   .main-header .top-search-holder .search-area .categories-filter {
      width: 100%;
      border-right: none;
      border-bottom: 1px solid #e0e0e0;
   }

   .main-header .top-search-holder .search-area .search-button {
      padding: 12px 19px;
   }

   .sidebar .side-menu nav .hb-nav>li>.mega-menu {
      left: 0px;
      min-width: 100%;
      top: 100%;
   }

   .logo-slider-inner .item {
      text-align: center;
   }

   .filters-container .filter-tabs,
   .filters-container .lbl-cnt,
   .filters-container .pagination-container {
      margin-bottom: 10px;
   }

   .homepage-container .wide-banners .wide-banner {
      margin-bottom: 10px;
   }

   .cnt-homepage .wrapper .box {
      padding: 0 10px;
   }

   #owl-main .item .caption {
      padding: 0 22px;
   }

   .wide-banners .wide-banner:first-child {
      margin-bottom: 10px;
   }

   .product .product-image .image img {
      width: 100%;
      height: auto;
      display: block;
   }

   .header-nav .yamm .hb-dropdown-menu {
      background: #fff;
   }

   .body-content .sidebar {
      margin-bottom: 0px;
   }

   .filters-container .no-padding {
      padding: 0px;
   }

   .search-result-container .category-product-inner .product-list.product .product-info {
      padding: 0px;
   }

   .search-result-container .category-product-inner .product-list.product .product-info .cart {
      margin-bottom: 20px;
   }

   .single-product .gallery-holder {
      margin-bottom: 0px;
   }

   .single-product .product-info-block {
      clear: both;
   }

   .yamm .hb-dropdown-menu.pages {
      padding: 10px 37px;
   }

   .hot-deal-wrapper .image img {
      width: 100%;
      height: auto;
      display: block;
   }

   

   .cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li a {
      font-size: 11px;
      padding: 5px 5px;

   }

   .cnt-homepage .header-nav .yamm .hb-navbar-header {
      border: 1px solid #f1f1f1;
      border-right: none;
      border-bottom: none;
   }

   .info-boxes .info-box {
      margin-bottom: 10px;
   }

   .cnt-homepage .single-product .product-info-block .cart {
      margin-top: 10px;
      padding: 0 15px;
   }

   .product-comparison .compare-table tr td .product .product-image .image img {
      width: auto;
   }

   /*for mobile  page /about start*/
   .about-list {
      display: block;
   }

   .menu_about a {
      font-size: 17px;
      color: #666666;
   }

   .about-list .menu_about a:hover {
      color: #337ab7;
   }

   /*for mobile  page /about end*/
}

.favorite-button .hb-cbtn,
.favorite-button .hb-button-primary {
   margin: 0 !important;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
   .top-search-holder {
      margin-top: 20px;
   }

   .top-bar .cnt-account ul>li {
      padding: 3px 2px;
   }

   .single-product .product-info .price-container .price-box .price {
      font-size: 30px;
   }

   .sidebar .side-menu nav .hb-nav>li>.mega-menu {
      min-width: 100%;
      left: 0px;
   }

   .logo-slider-inner .item {
      text-align: center;
   }

   .filters-container .filter-tabs,
   .filters-container .lbl-cnt,
   .filters-container .pagination-container {
      margin-bottom: 10px;
   }

   .filters-container .pagination-container {
      float: none;
   }

   .homepage-container .wide-banners .wide-banner {
      margin-bottom: 10px;
   }

   .cnt-homepage .wrapper .box {
      padding: 0 15px;
   }

   .cnt-homepage .hb-container {
      width: 100%;
   }

   .body-content .sidebar {
      margin-bottom: 30px;
   }

   .product .product-image .image img {
      width: 100%;
      height: auto;
      display: block;
   }

   

   .owl-item {
      padding: 10px;
   }

   #owl-main .owl-item {
      padding: 0px;
   }

   .wide-banners .wide-banner:first-child {
      margin-bottom: 10px;
   }

   .filters-container .no-padding {
      padding: 0px;
   }

   .search-result-container .category-product-inner .product-list.product .product-info {
      padding: 0px;
   }

   .hot-deal-wrapper .image img {
      width: 100%;
      height: auto;
      display: block;
   }

   .main-header .logo-holder {
      text-align: center;
      margin-bottom: 20px;
   }

   .main-header .contact-row {
      text-align: center;
   }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
   .main-header .top-search-holder .search-area .control-group {
      position: relative;
   }

   .main-header .top-search-holder .search-area .control-group .search-button {
      position: absolute;
      top: 0px;
      right: 0px;
   }

   .category-carousel .item {
      height: auto;
   }

   .filters-container .hb-nav-tabs.nav-tab-box li {
      margin-right: 3px;
   }

   .filters-container .lbl-cnt .lbl {
      margin-right: -1px;
   }

   .cnt-homepage .single-product .product-info-block .cart {
      clear: both;
      margin-top: 20px;
   }

   

   

   
}

/* Large devices (large desktops, 1200px and up) */
.blog-page .blog-post h1 {
   font-family: 'FjallaOneRegular';
   font-weight: 600;
   font-size: 25px;
   text-transform: uppercase;
}

.blog-page .blog-post h1 a {
   color: #555;
}

.blog-page .blog-post span {
   padding-right: 20px;
   color: #aaa;
   font-size: 13px;
}

.blog-page .blog-post p {
   padding-top: 16px;
   text-align: justify;
   font-size: 13px;
   color: #666666;
   margin-bottom: 0px;
}

.blog-page .blog-post a {
   margin-top: 10px;
}

.blog-page .blog-post .blog-pagination .pagination {
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}

.blog-page .blog-post .social-media {
   margin-top: 20px;
   margin-bottom: 30px;
}

.blog-page .blog-post .social-media span {
   font-size: 13px;
   text-transform: uppercase;
   color: #434343;
}

.blog-page .blog-post .social-media a {
   font-size: 18px;
   margin: 0px 10px 0px 0px;
   height: 30px;
   width: 30px;
   display: inline-block;
   text-align: center;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   color: #888888;
}

.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post h4 {
   font-family: 'Arial';
   font-size: 14px;
   text-transform: uppercase;
}

.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post h4 a {
   color: #555;
}

.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post span {
   padding-right: 10px;
   color: #aaa;
   font-size: 12px;
}

.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post p {
   padding-top: 10px;
   text-align: justify;
   font-size: 12px;
   color: #666666;
}

.blog-page .sidebar .sidebar-module-container .sidebar-widget .hb-nav-tabs {
   border-bottom: none;
}

.blog-page .sidebar .sidebar-module-container .sidebar-widget .hb-nav-tabs>li {
   text-transform: uppercase;
   color: #666666;
}

.blog-page .sidebar .sidebar-module-container .sidebar-widget .hb-nav-tabs>li>a {
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   font-size: 13px;
   border: none;
}

.blog-page .sidebar .sidebar-module-container .sidebar-widget .hb-nav-tabs>li:first-child>a {
   padding-right: 10px;
   border-right: 1px solid #d4d4d4;
}

.blog-page .sidebar .sidebar-module-container .sidebar-widget .hb-nav-tabs>li:last-child>a {
   padding-left: 10px;
}

.blog-page .sidebar .sidebar-module-container .sidebar-widget .hb-nav>li>a {
   padding: 0px;
   color: #666666;
}

.blog-page .sidebar .sidebar-module-container .search-area .search-button:after {
   content: "\f002";
   font-family: fontawesome;
   font-size: 13px;
   position: absolute;
   top: 14px;
   right: 30px;
   background-color: #fff;
   padding-left: 10px;
}

.blog-page .sidebar .sidebar-module-container .search-area input {
   font-size: 12px;
   color: #9e9e9e;
   padding: 14px;
   border: 1px solid #e1e1e1;
   width: 100%;
   position: relative;
}

.blog-page .blog-pagination {
   border-top: 1px solid #ececec;
}

.blog-page .blog-pagination .pagination>li:first-child>a {
   margin-right: 10px;
}

.blog-page .blog-pagination .pagination>li:last-child>a {
   margin-left: 2px;
}

.blog-page .side-bar-blog .widget .categories .side-bar-title h3 {
   font-family: 'Arial';
   font-size: 18px;
   text-transform: uppercase;
   color: #555;
   padding-bottom: 8px;
   border-bottom: 1px solid #e3e3e3;
   margin: 0px;
}

.blog-page .blog-post-author-details {
   padding: 40px 0px;
   border-top: 1px solid #e3e3e3;
   border-bottom: 1px solid #e3e3e3;
}

.blog-page .blog-post-author-details .author-social-network {
   display: inline-block;
}

.blog-page .blog-post-author-details .author-social-network button {
   background-color: #fff;
   border: 1px solid #e3e3e3;
}

.blog-page .blog-post-author-details .author-social-network button .twitter-icon {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   color: #fff;
   font-size: 16px;
   height: 26px;
   width: 26px;
   text-align: center;
   display: inline-block;
   margin: 6px;
   line-height: 26px;
}

.blog-page .blog-post-author-details .author-social-network>span {
   font-size: 13px;
   color: #434343;
   text-transform: uppercase;
   margin-right: 16px;
}

.blog-page .blog-post-author-details .author-social-network .hb-caret {
   color: #e3e3e3;
}

.blog-page .blog-post-author-details .hb-button-group.open .hb-dropdown-toggle {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.blog-page .blog-post-author-details img {
   float: left;
}

.blog-page .blog-post-author-details .author-job {
   display: block;
   padding: 0px;
   color: #aaa;
   font-size: 12px;
}

.blog-page .blog-post-author-details h4 {
   display: inline-block;
   font-size: 15px;
   font-family: 'Arial';
   text-transform: uppercase;
   color: #555;
   margin: 0px;
}

.blog-page .blog-post-author-details p {
   font-size: 13px;
   color: #666666;
   padding: 16px 0px 0px 0px;
   text-align: justify;
}

.blog-page .blog-review .title-review-comments {
   font-size: 16px;
   color: #555;
   font-family: 'Arial';
   margin-bottom: 40px;
   text-transform: uppercase;
}

.blog-page .blog-review p {
   font-size: 13px;
   color: #666666;
   text-align: justify;
}

.blog-page .blog-review .review-action {
   font-size: 12px;
   color: #666666;
}

.blog-page .blog-review .post-load-more {
   text-align: center;
   border-bottom: 1px solid #e3e3e3;
   padding-bottom: 30px;
}

.blog-page .blog-post .author:before,
.blog-page .blog-post .review:before,
.blog-page .blog-post .date-time:before {
   color: #666666;
   font-size: 13px;
   padding-right: 4px;
   font-family: FontAwesome;
}

.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post .author:before,
.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post .review:before,
.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post .date-time:before {
   color: #666666;
   font-size: 13px;
   padding-right: 4px;
   ont-family: FontAwesome;
}

.blog-page .blog-post .author:before,
.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post .author:before {
   content: "\f044";
}

.blog-page .blog-post .review:before,
.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post .review:before {
   content: "\f086";
}

.blog-page .blog-post .date-time:before,
.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post .date-time:before {
   content: "\f073";
}

.blog-page .sidebar .sidebar-module-container .sidebar-widget .hb-nav-tabs>li.active>a,
.blog-page .sidebar .sidebar-module-container .sidebar-widget .hb-nav-tabs>li.active>a:hover,
.blog-page .sidebar .sidebar-module-container .sidebar-widget .hb-nav-tabs>li.active>a:focus {
   background-color: #fff;
}

.blog-page .sidebar .sidebar-module-container .sidebar-widget .hb-nav>li>a:hover,
.blog-page .sidebar .sidebar-module-container .sidebar-widget .hb-nav>li>a:focus {
   background-color: #fff;
}

.blog-page .blog-post .social-media a:hover,
.blog-page .blog-post .social-media a:focus {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   color: #fff;
}

.blog-page .blog-post .social-media i,
.blog-page .blog-post-author-details .author-social-network button a i {
   padding-top: 6px;
}

.blog-page .blog-review h4,
.blog-page .blog-write-comment h4,
.contact-page .contact-title h4 {
   font-size: 16px;
   color: #555;
   font-family: 'FjallaOneRegular';
   font-weight: 500;
   text-transform: uppercase;
   display: inline-block;
}

.access-title-bar {

   font-size: 16px;
   font-family: 'FjallaOneRegular';
   font-weight: 500;
   text-transform: uppercase;
   display: inline-block;
   color: #fff !important;

}

.blog-page .blog-review .review-action a:hover,
.blog-page .blog-review .review-action a:focus {
   text-decoration: underline;
}

.blog-page .blog-review .blog-comments,
.blog-page .blog-review .blog-sub-comments {
   border-bottom: 1px solid #e3e3e3;
}

.blog-page .blog-post-author-details .author-social-network .hb-dropdown-menu {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}

.blog-page .blog-post-author-details .author-social-network .hb-dropdown-menu>li>a .icon {
   margin-right: 5px;
}

.blog-page .blog-post-author-details .author-social-network .hb-dropdown-menu>li>a:hover,
.blog-page .blog-post-author-details .author-social-network .hb-dropdown-menu>li>a:focus {
   background: rgba(0, 0, 0, 0);
}

.checkout-box .checkout-steps .checkout-step-01 .already-registered-login form .hb-form-group .info-title {
   font-family: 'Roboto', sans-serif;
   font-weight: normal;
   margin-bottom: 10px;
   font-size: 14px;
}

.checkout-box .checkout-steps .checkout-step-01 .already-registered-login .forgot-password {
   padding-top: 14px;
   display: inline-block;
}

.checkout-box .checkout-steps .checkout-step-01 .already-registered-login a {
   font-size: 14px;
   color: #666666;
   text-decoration: underline;
}

.checkout-box .checkout-steps .checkout-step-01 .already-registered-login button {
   margin-top: 15px;
}

.checkout-box .checkout-steps .hb-panel .hb-panel-heading .unicase-checkout-title {
   margin: 0px;
}

.checkout-box .checkout-steps .hb-panel .hb-panel-heading .unicase-checkout-title a {
   color: #555;
   text-transform: uppercase;
   display: block;
}

.checkout-box .checkout-steps .hb-panel .hb-panel-heading .unicase-checkout-title a span {
   background-color: #aaaaaa;
   color: #fff;
   display: inline-block;
   margin-right: 10px;
   padding: 15px 20px;
}

.checkout-box .checkout-steps .checkout-subtitle {
   font-family: 'Arial';
   font-size: 16px;
   text-transform: uppercase;
   color: #434343;
   margin-right: 12px;
}

.checkout-box .checkout-steps .hb-panel-body {
   padding: 50px;
}

.checkout-box .checkout-steps .guest-login form .radio-checkout-unicase .guest-check {
   margin-bottom: 6px;
}

.checkout-box .checkout-steps .guest-login ul .save-time-reg {
   padding-bottom: 4px;
}

.checkout-box .hb-panel-group .hb-panel {
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}

.checkout-box .checkout-progress-sidebar .hb-panel-body ul li a {
   color: #666666;
}

.checkout-box .checkout-progress-sidebar .hb-panel .hb-panel-heading {
   padding: 27px 30px;
   border-bottom: 1px solid #ddd;
}

.checkout-box .checkout-progress-sidebar .hb-panel .hb-panel-heading h4 {
   margin: 0px;
}

.checkout-box .checkout-steps .checkout-step-01 .guest-login form .radio input[type="radio"],
.checkout-box .checkout-steps form .radio-inline input[type="radio"],
.checkout-box .checkout-steps form .checkbox input[type="checkbox"],
.checkout-box .checkout-steps form .checkbox-inline input[type="checkbox"] {
   margin-left: 0px;
}

.checkout-box .checkout-steps .hb-panel .hb-panel-heading,
.checkout-box .checkout-progress-sidebar .hb-panel .hb-panel-heading {
   font-family: 'Arial';
   font-size: 20px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   text-transform: uppercase;
}

.checkout-box .checkout-steps .guest-login .title-tag-line,
.checkout-box .checkout-steps .already-registered-login .title-tag-line {
   margin-bottom: 15px;
   font-size: 14px;
}

.checkout-box .checkout-steps .guest-login form .radio-checkout-unicase,
.checkout-box .checkout-steps .guest-login ul {
   padding-left: 10px;
   font-size: 14px;
}

.checkout-box .checkout-steps .checkout-step-01 .already-registered-login a:hover,
.checkout-box .checkout-steps .checkout-step-01 .already-registered-login a:focus,
.checkout-box .checkout-progress-sidebar .hb-panel-body ul li a:hover {
   background-color: rgba(0, 0, 0, 0);
}

.contact-page .contact-map iframe {
   height: 400px;
   width: 100%;
}

.contact-page .contact-info {
   font-size: 12px;
   color: #666;
}

.contact-page .contact-info .contact-i {
   display: inline-block;
   height: 30px;
   width: 30px;
   text-align: center;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   border-radius: 50px;
   color: #fff;
   margin-right: 16px;
   float: left;
}

.contact-page .contact-info .contact-i i {
   padding-top: 8px;
   font-size: 14px;
}

.contact-page .contact-info .contact-span {
   display: block;
}

.contact-page .contact-title h4 {
   margin-bottom: 30px;
}

.contact-page .contact-info .address,
.contact-page .contact-info .phone-no {
   margin-bottom: 10px;
}

.shopping-cart .shopping-cart-table {
   margin-top: 20px;
   margin-bottom: 50px;
}



.shopping-cart .shopping-cart-table table tbody tr td {
   vertical-align: middle;
}

.shopping-cart .shopping-cart-table table tbody tr .romove-item a {
   font-size: 18px;
   color: #666666;
}



.shopping-cart .shopping-cart-table table tbody tr .cart-image .entry-thumbnail {
   display: block;
   text-align: center;
}



.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 {
   margin-top: 0px;
   font-family: 'Arial';
   font-size: 16px;
   text-transform: uppercase;
}

.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 a {
   color: #555;
}

.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info .reviews {
   font-size: 11px;
   color: #aaa;
}

.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info .cart-product-info {
   margin-top: 10px;
}

.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info .cart-product-info span {
   font-family: 'Arial';
   font-size: 12px;
   color: #666666;
   text-transform: uppercase;
}

.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info .cart-product-info span span {
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   text-transform: lowercase;
   margin-left: 14px;
}

.shopping-cart .shopping-cart-table table tbody tr .cart-product-edit a {
   color: #666666;
   text-decoration: underline;
}

.shopping-cart .shopping-cart-table .hb-table>thead>tr>th {
   text-align: center;
   padding: 16px;
   font-family: 'Arial';
   font-size: 15px;
}

.shopping-cart .shopping-cart-table .shopping-cart-btn span {
   padding: 20px 0px;
   display: block;
}

.shopping-cart .estimate-ship-tax table thead tr th .estimate-title {
   font-family: 'Arial';
   font-size: 19px;
   color: #555;
   text-transform: uppercase;
   margin-bottom: 2px;
   margin-top: 0px;
   display: block;
}

.shopping-cart .estimate-ship-tax table thead tr th p {
   font-family: 'Roboto', sans-serif;
   font-size: 13px;
   color: #666666;
   font-weight: normal;
   margin-bottom: 0px;
}

.shopping-cart .estimate-ship-tax table thead tr>th {
   padding: 24px 24px 20px 24px;
}



.shopping-cart .estimate-ship-tax table tbody .unicase-form-control .selectpicker {
   background: #fff;
   color: #999;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   border: 1px solid #eee;
}

.shopping-cart .estimate-ship-tax table tbody .unicase-form-control .hb-dropdown-menu.open ul li a:hover,
.shopping-cart .estimate-ship-tax table tbody .unicase-form-control .hb-dropdown-menu.open ul li a:focus {
   background: rgba(0, 0, 0, 0);
}

.shopping-cart .cart-shopping-total table thead tr th {
   background-color: #fafafa;
   text-align: right;
   padding: 24px 50px;
   text-transform: uppercase;
}

.shopping-cart .cart-shopping-total table thead tr th .cart-sub-total {
   color: #555;
   margin-bottom: 7px;
}

.shopping-cart .cart-shopping-total table tbody tr td {
   padding: 24px 50px;
}



.shopping-cart .cart-shopping-total table tbody tr td .cart-checkout-btn span {
   display: block;
   font-weight: normal;
   color: #666666;
}

.shopping-cart .shopping-cart-table table tbody tr .romove-item,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-edit,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-sub-total,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-grand-total,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-quantity {
   text-align: center;
}

.shopping-cart .shopping-cart-table table tbody tr .cart-product-sub-total span,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-grand-total span {
   display: block;
   font-family: 'Arial';
   font-size: 20px;
   color: #555;
   text-transform: uppercase;
}

.contact-page .contact-form form label,
.contact-page .contact-form form input,
.shopping-cart .estimate-ship-tax table tbody tr td .hb-form-group label,
.shopping-cart .estimate-ship-tax table tbody tr td .hb-form-group input,
.blog-page .blog-write-comment .hb-form-group label,
.blog-page .blog-write-comment .hb-form-group input {
   font-size: 13px;
   font-weight: normal;
   color: #999;
}

.blog-page .blog-write-comment label span,
.contact-page .contact-form form label span,
.shopping-cart .estimate-ship-tax table tbody tr td .hb-form-group label span,
.checkout-box .checkout-steps .checkout-step-01 .already-registered-login form .hb-form-group label span {
   color: red;
}

.shopping-cart .cart-shopping-total table thead tr th .cart-sub-total,
.shopping-cart .cart-shopping-total table thead tr th .cart-grand-total {
   font-family: 'Arial';
   font-size: 22px;
}

.shopping-cart-table table tbody tr td .quant-input {
   display: inline-block;
   height: 35px;
   position: relative;
   width: 70px;
}

.shopping-cart-table table tbody tr td .quant-input .arrows {
   height: 100%;
   position: absolute;
   right: 0;
   top: 0;
   z-index: 2;
}

.shopping-cart-table table tbody tr td .quant-input .arrows .arrow {
   box-sizing: border-box;
   cursor: pointer;
   display: block;
   text-align: center;
   width: 40px;
}

.shopping-cart-table table tbody tr td .quant-input .arrows .arrow .ir .icon.fa-sort-asc {
   top: 5px;
}

.shopping-cart-table table tbody tr td .quant-input .arrows .arrow .ir .icon.fa-sort-desc {
   top: -7px;
}

.shopping-cart-table table tbody tr td .quant-input .arrows .arrow .ir .icon {
   position: relative;
}

.shopping-cart-table table tbody tr td .quant-input input {
   background: none repeat scroll 0 0 #FFFFFF;
   border: 1px solid #F2F2F2;
   box-sizing: border-box;
   font-size: 15px;
   height: 35px;
   left: 0;
   padding: 0 20px 0 18px;
   position: absolute;
   top: 0;
   width: 70px;
   z-index: 1;
}

.product-comparison .page-title {
   font-family: 'Arial';
   font-size: 30px;
   text-transform: uppercase;
   color: #666666;
   margin-bottom: 40px;
}

.product-comparison .compare-table tr th {
   font-size: 20px;
   font-weight: 500;
   color: #666666;
   padding: 18px 25px;
   vertical-align: middle;
   border: 1px solid #cccccc;
}

.product-comparison .compare-table tr td {
   padding: 18px 30px;
   border: 1px solid #cccccc;
}

.product-comparison .compare-table tr td .product {
   margin-bottom: 15px;
   margin-top: 40px;
}

.product-comparison .compare-table tr td .product .product-image .image a {
   display: block;
   text-align: center;
}

.product-comparison .compare-table tr td .product-price .price {
   font-size: 16px;
   font-weight: 700;
   line-height: 30px;
   margin-right: 8px;
}

.product-comparison .compare-table tr td .product-price .price-before-discount {
   color: #D3D3D3;
   font-size: 14px;
   font-weight: 400;
   line-height: 30px;
   text-decoration: line-through;
}

.product-comparison .compare-table tr td .text {
   font-size: 14px;
   line-height: 22px;
}

.product-comparison .compare-table tr td .in-stock {
   font-size: 15px;
   font-weight: 700;
   margin-bottom: 0px;
}

.product-comparison .compare-table tr td .remove-icon {
   color: #666666;
}

.product-comparison .compare-table tr td .remove-icon:hover,
.product-comparison .compare-table tr td .remove-icon:focus {
   color: #ff6666;
}

.body-content .x-page .x-text h1 {
   font-family: 'Arial';
   font-size: 200px;
}

.body-content .x-page .x-text p {
   font-size: 25px;
   font-style: normal;
   font-weight: 300;
}

.body-content .x-page .x-text .le-button {
   border-radius: 0 3px 3px 0;
   margin: 0 0 0 -5px;
   padding: 21px 23px 20px;
   font-size: 15px;
   font-weight: bold;
   line-height: 10px;
   border: medium none;
   color: #fff;
}

.body-content .x-page .x-text form input {
   border: 1px solid #e0e0e0;
   border-radius: 3px 0 0 3px;
   color: #3d3d3d;
   padding: 13px;
   font-size: 15px;
   width: 40%;
}

.body-content .x-page .x-text a {
   font-size: 15px;
}

.body-content .x-page .x-text a i {
   padding-right: 2px;
}

.body-content .terms-conditions-page .terms-conditions h2,
.body-content .faq-page h2,
.body-content .track-order-page h2 {
   font-size: 30px;
   text-transform: uppercase;
   color: #555;
   text-align: center;
   font-family: 'Arial';
}

.body-content .terms-conditions-page .terms-conditions h3 {
   font-size: 24px;
   text-transform: uppercase;
   color: #555;
   font-family: 'Arial';
   margin-bottom: 30px;
}

.body-content .terms-conditions-page .terms-conditions ol {
   padding-left: 22px;
}

.body-content .terms-conditions-page .terms-conditions ol li {
   font-weight: 300;
   font-style: normal;
   font-size: 15px;
   color: #666;
   padding-bottom: 20px;
}

.body-content .terms-conditions-page .terms-conditions p {
   font-size: 15px;
}

.body-content .terms-conditions-page .terms-conditions h2,
.body-content .terms-conditions-page .terms-conditions span,
.body-content .track-order-page span {
   text-align: center;
}

.body-content .terms-conditions-page .terms-conditions span,
.body-content .faq-page .title-tag,
.body-content .track-order-page span {
   display: block;
   font-weight: 300;
   font-style: normal;
   font-size: 15px;
   color: #666;
}

.body-content .faq-page .title-tag {
   text-align: center;
   padding-bottom: 80px;
}

.body-content .track-order-page .register-form label {
   font-weight: 400;
   font-size: 14px;
}

.body-content .track-order-page .register-form .hb-form-group {
   margin-bottom: 25px;
}

.body-content .my-wishlist-page .my-wishlist table>thead>tr>th {
   text-align: center;
   font-size: 30px;
   font-family: 'Arial';
   text-transform: uppercase;
   border: none;
   font-weight: 400;
}

.body-content .my-wishlist-page .my-wishlist table tbody tr:nth-child(even) {
   border-top: 1px solid #ddd;
}

.body-content .my-wishlist-page .my-wishlist table tbody .product-name {
   font-size: 20px;
   font-family: 'Arial';
   padding-bottom: 6px;
}

.body-content .my-wishlist-page .my-wishlist table tbody .product-name a {
   color: #434343;
}

.body-content .my-wishlist-page .my-wishlist table tbody .rating span {
   font-size: 11px;
   color: #aaa;
   padding-left: 10px;
}

.body-content .my-wishlist-page .my-wishlist table tbody .rating .rate {
   color: #ffb400;
}

.body-content .my-wishlist-page .my-wishlist table tbody .rating .non-rate {
   color: #dcdcdc;
}

.body-content .my-wishlist-page .my-wishlist table tbody .price {
   font-size: 20px;
   padding-top: 4px;
   font-weight: bold;
}

.body-content .my-wishlist-page .my-wishlist table tbody .price span {
   font-size: 15px;
   color: #ddd;
   text-decoration: line-through;
   padding-left: 10px;
}

.body-content .my-wishlist-page .my-wishlist table>thead>tr>th,
.hb-table>tbody>tr>th,
.hb-table>tfoot>tr>th,
.hb-table>thead>tr>td,
.hb-table>tbody>tr>td,
.hb-table>tfoot>tr>td {
   vertical-align: middle;
   border: none;
   padding: 30px;
}

.body-content .my-wishlist-page .my-wishlist table tbody .close-btn a,
.body-content .my-wishlist-page .my-wishlist table tbody .close-btn a:hover {
   color: #ff7878;
   font-size: 15px;
}

.body-content .sign-in-page .sign-in h4,
.body-content .sign-in-page .create-new-account h4 {
   font-size: 24px;
   font-family: 'Arial';
   padding-bottom: 14px;
   border-bottom: 1px solid #ddd;
   text-transform: uppercase;
}

.body-content .sign-in-page .sign-in p,
.body-content .sign-in-page .create-new-account p {
   font-size: 15px;
   color: #666;
}

.body-content .sign-in-page .sign-in .social-sign-in a,
.body-content .sign-in-page .sign-in .social-sign-in a:hover,
.body-content .sign-in-page .sign-in .social-sign-in a:focus {
   border-radius: 3px;
   padding: 14px 30px;
   font-size: 15px;
   display: inline-block;
   color: #fff;
   text-align: center;
}

.body-content .sign-in-page .sign-in .social-sign-in a i {
   padding-right: 6px;
}

.body-content .sign-in-page .sign-in .social-sign-in .facebook-sign-in {
   background-color: #3d5c98;
   margin-right: 10px;
}

.body-content .sign-in-page .sign-in .social-sign-in .facebook-sign-in:hover,
.body-content .sign-in-page .sign-in .social-sign-in .facebook-sign-in:focus {
   background-color: #153470;
}

.body-content .sign-in-page .sign-in .social-sign-in .twitter-sign-in {
   background-color: #22aadf;
}

.body-content .sign-in-page .sign-in .social-sign-in .twitter-sign-in:hover,
.body-content .sign-in-page .sign-in .social-sign-in .twitter-sign-in:focus {
   background-color: #0084B9;
}

.body-content .sign-in-page .create-new-account>span {
   font-size: 20px;
   font-family: 'Arial';
   padding-bottom: 14px;
   text-transform: uppercase;
   display: inline-block;
}

.body-content .sign-in-page .create-new-account .checkbox label {
   margin-bottom: 10px;
   font-size: 16px;
}

.body-content .sign-in-page form .hb-form-group span {
   color: red;
}

.body-content .sign-in-page .register-form label {
   font-size: 14px;
   font-weight: 400;
}

.body-content .sign-in-page .register-form .hb-form-group {
   margin-bottom: 25px;
}

.footer {

   background: #f4f4f4;
}

.popup-window-titlebar .popup-window-top-row .popup-window-left-column,
.popup-window-titlebar .popup-window-top-row .popup-window-center-column,
.popup-window-titlebar .popup-window-top-row .popup-window-right-column,
.popup-window-titlebar-light .popup-window-top-row .popup-window-left-column,
.popup-window-titlebar-light .popup-window-top-row .popup-window-center-column,
.popup-window-titlebar-light .popup-window-top-row .popup-window-right-column {

   height: 36px;
   background-color: #a8a8a8;
   background-image: -webkit-linear-gradient(top, #a8a8a8, #a8a8a8);
   background-image: -moz-linear-gradient(top, #a8a8a8, #a8a8a8);
   background-image: -o-linear-gradient(top, #a8a8a8, #a8a8a8);
   background-image: -ms-linear-gradient(top, #a8a8a8, #a8a8a8);
   background-image: linear-gradient(to bottom, #a8a8a8, #a8a8a8);
   -webkit-box-shadow: 0 1px #a8a8a8;
   box-shadow: inset 0 1px #a8a8a8;
   border-bottom: 1px solid #a8a8a8;
   background-position: 0 0;
   padding: 5px;
}

.popup-window-top-row .popup-window-titlebar div {

   font-size: 16px;
   color: #555;
   font-family: 'FjallaOneRegular';
   font-weight: 500;
   text-transform: uppercase;
   color: #fff;

}

.popup-window-overlay {

   position: fixed !important;

}

.popup-window-light,
.popup-window {

   border: 0px solid;

}

.top-search-holder,
.top-cart-row {
   margin-top: 19px;
}

.logo a img {
   max-width: 100%;
}

.basket-item-count .count {
   line-height: 22px;
}

.table-menu-f {
   width: 100%;
   font-size: 16px;
   margin-top: 20px;
   text-transform: uppercase;
}

.table-menu-f tr td {
   padding: 10px 0;
}

.table-menu-f tr td a {
   color: #555;
}

.work-time {
   display: block;
}

.when-time {
   display: block;
   margin-top: 14px;
}

.footer-time-text {
   font-size: 16px;
}

.contacts-div-table {
   display: table;
   margin-top: -8px;
}

.contacts-div2-table {
   width: 100%;
}

.contacts-div2-table div {
   padding: 5px 8px 5px 0;
   display: table-cell;
   vertical-align: middle;
}

.contacts-div2-table div a {
   color: #555;
}

.contacts-div2-table div .fa-circle {
   color: #3498db;
}

@media (max-width: 991px) {
   .rowwii {
      /* margin-left: -20px; */
      margin-top: 20px;
   }
   .hb-dropdown-menu-sec {
      display: none;
   }

   .cnt-homepage .single-product .product-tabs .hb-tab-content {
      margin-bottom: 60px;
   }

   .homebanner-holder .featured-product {
      margin: 0;
   }

   .b-navi ul li {
      float: none;
   }

   .b-navi {
      text-align: center;
   }

   .hb-col-md-4 {
      height: auto;
   }

   .hidden-sm-filter {
      display: none;
   }

   .contacts-div-table {
      display: table;
      margin: 0 auto;
      margin-top: -15px;
   }

   .table-menu-f tr td {
      padding: 10px 15px;
   }

   .footer-time-text {
      margin-top: 15px;
   }

   .work-time {
      text-align: left;
      float: right;
   }

   .when-time {
      text-align: left;
      float: left;
      margin-top: 0;
   }

   .table-menu-f {
      width: 100%;
      text-align: center;
      font-size: 16px;
      margin-top: 0;
      text-transform: uppercase;
   }

   .footer .module-heading {
      text-align: center;
   }

   #bascet {
      padding: 4px 15px 0;
   }

   .contact-row {
      margin-top: 20px;
   }

   .main-header .top-search-holder .contact-row .phone {
      border: none;
   }

   .logo a img {
      max-width: 70%;
   }

   .main-header .logo-holder {
      margin-top: 0px;
   }

   .top-bar .cnt-account ul>li {
      border: none;
   }

   

   .top-bar .cnt-account ul>li:last-child {
      border: none;
   }

   .top-search-holder,
   .top-cart-row {
      margin-top: 0px;
   }

   .mobil-filter {
      color: #FFFFFF;
      font-size: 16px !important;
      font-family: 'Arial';
      padding: 18px 17px;
      text-transform: uppercase;
      background: #333333;
      font-weight: 400;
      white-space: nowrap;
   }

   .mobil-filter i {
      font-size: 18px;
      margin-left: 7px;
      margin-right: 17px;
      float: left;
   }

   .pull-left-nav {
      margin-right: 20px !important;
   }

   .b-navi {
      text-align: right;
   }

   

   .bx_catalog_item_images {
      z-index: 450;
   }

   .bx_catalog_item_container .tag {
      z-index: 450;
   }
}

@media (max-width: 375px) {
   .forFlex {
      display: block;
   }

   .basket-button-table {
      margin: 0 auto;
   }

   .basket-button-table-top {
      padding: 0;
      padding-left: 10px;
   }

   .css_popup {
      margin-top: 6px;
   }
}

@media (min-width: 376px) and (max-width: 413px) {
   .rowwii {
      /* margin-left: -20px; */
   }
}

.thirdmenu {
   border-bottom: 1px solid #E0E0E0;
   padding: 5px 0;
}

.hb-dropdown-menu-sec {
   padding: 10px 20px;
   background: #fff;
   top: 0;
   left: 100%;
   border-top: 1px solid #3498db;
   width: 100%;
   margin: 0;
   position: absolute;
   top: 0px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}

@media screen and (min-width: 1000px) {
   .search-result-container .category-product>div>div {
      height: 357px;
   }

   .search-cats {
      padding: 0 !important;
      text-align: center;
      vertical-align: middle;
   }

   .search-search>input {
      height: 47px;
   }

   .search-search {
      display: block !important;
   }
}

.btn-fast-order {
   background: #fff;
   border: 2px solid #f2f2f2;
   color: #747474;
   font-weight: 600;
   margin-top: 5px;
   padding: 7px;
   text-transform: uppercase;
   width: 203px;
}

.btn-fast-order:hover {
   background: #3498db;
   border: 2px solid #3498db;
   color: #fff;
   transition: .3s ease-in-out;
}

/*about/pay start*/

.pay-main {
   font-family: Roboto;
   font-style: normal;
   font-weight: normal;
   color: #000000;
   margin-left: 1rem;
}

.f-desc {
   font-size: 18px;
   line-height: 21px;
   margin-bottom: 29px;
}

.buy-btn-bl,
.prebuy-btn-bl {
   border: 1px solid #000000;
}

.buy-btn-bl:hover,
.prebuy-btn-bl:hover {
   border: 1px solid #0076DC;
}

.buy-btn-bl:hover a,
.prebuy-btn-bl:hover a {
   color: #0076DC;
}

.buy-btn-bl a,
.prebuy-btn-bl a {
   display: flex;
   justify-content: center;
   font-size: 18px;
   line-height: 21px;
   text-transform: uppercase;
   color: #000000;
   padding: 4px 0;
}

.pay-main .buy-body p,
.pay-main .prebuy-body p {
   font-size: 18px;
   line-height: 21px;
}

.pay-main .hb-tab-content {
   margin-top: 35px;
}

.pay-main .hb-nav-tabs {
   border: none;
}

.pay-main .hb-nav-tabs>li {
   float: unset;
}

.sp-oplaty {
   margin-left: 20px;
   margin-top: 15px;
   position: relative;
}

.predoplata-bl {
   margin-left: 15px;
   margin-bottom: 20px;
}

.sp-predoplaty {
   margin-left: 25px;
   margin-top: 15px;
   position: relative;
}

.sp-oplaty span,
.sp-predoplaty span {
   display: block;
}


.sp-oplaty .pay_name,
.sp-predoplaty .pay_name {
   font-size: 18px;
   line-height: 21px;
}

.sp-oplaty .pay-desc,
.sp-predoplaty .pay-desc {
   font-size: 13px;
}

.oplata-1::before {
   content: url("/local/templates/2beman/assets/css/../../images/sberbank-of-russia.png");
   position: absolute;
   left: -36px;
   top: 6px;
}

.oplata-2::before {
   content: url("/local/templates/2beman/assets/css/../../images/alfa-bank.png");
   position: absolute;
   left: -30px;
   top: 6px;
}

.oplata-3::before {
   content: url("/local/templates/2beman/assets/css/../../images/insert-card.png");
   position: absolute;
   left: -36px;
   top: 6px;
}

.oplata-4::before {
   content: url("/local/templates/2beman/assets/css/../../images/coin-in-hand.png");
   position: absolute;
   left: -36px;
   top: 6px;
}

.oplata-5::before {
   content: url("/local/templates/2beman/assets/css/../../images/google-pay.png");
   position: absolute;
   left: -45px;
   top: 6px;
}

.oplata-6::before {
   content: url("/local/templates/2beman/assets/css/../../images/apple-pay.png");
   position: absolute;
   left: -45px;
   top: 6px;
}

.oplata-7::before {
   content: url("/local/templates/2beman/assets/css/../../images/yandex-money.png");
   position: absolute;
   left: -36px;
   top: 6px;
}

.predoplata-1::before {
   content: url("/local/templates/2beman/assets/css/../../images/insert-card.png");
   position: absolute;
   left: -40px;
   top: 0;
}

.predoplata-2::before {
   content: url("/local/templates/2beman/assets/css/../../images/yandex-money.png");
   position: absolute;
   left: -40px;
   top: 0;
}

.predoplata-3::before {
   content: url("/local/templates/2beman/assets/css/../../images/google-pay.png");
   position: absolute;
   left: -51px;
   top: -4px;
}

.predoplata-4::before {
   content: url("/local/templates/2beman/assets/css/../../images/apple-pay.png");
   position: absolute;
   left: -48px;
   top: -4px;
}

.predoplata-5::before {
   content: url("/local/templates/2beman/assets/css/../../images/sberbank-of-russia.png");
   position: absolute;
   left: -40px;
   top: 0;
}

.predoplata-6::before {
   content: url("/local/templates/2beman/assets/css/../../images/money.png");
   position: absolute;
   left: -45px;
   top: 0;
}

.predoplata-7::before {
   content: url("/local/templates/2beman/assets/css/../../images/qiwi.png");
   position: absolute;
   left: -36px;
   top: 0;
}

.predoplata-8::before {
   content: url("/local/templates/2beman/assets/css/../../images/webmoney.png");
   position: absolute;
   left: -36px;
   top: 0;
}

.btn-predop {
   width: 100%;
   max-width: 202px;
   /*border: 1px solid #000000;*/
   margin-left: -5rem;
   margin-top: 5px;
}

.btn-predop a {
   display: flex;
   justify-content: center;
   font-size: 18px;
   line-height: 21px;
   color: #000000;
   padding: 4px 0;
}

.bl-line {
   width: 100%;
   max-width: 263px;
   height: 1px;
   background-color: #BCBCBC;
   margin-left: -2rem;
   margin-top: 10px;
}

.mobile-p {
   display: none;
}

.parent-bl ul li.active a {
   color: #0076DC;
}

.parent-bl ul li.active .buy-btn-bl,
.parent-bl ul li.active .prebuy-btn-bl {
   border: 1px solid #0076DC;
}


@media (max-width: 767px) {

   .pay-main {
      margin-bottom: 48px;
   }

   .f-desc {
      text-align: center;
   }

   .buy-btn-bl {
      margin-bottom: 10px;
   }

   .buy-body {
      margin-top: 80px;
   }

   .prebuy-body {
      margin-top: 80px;
   }

   .mobile-p {
      display: block;
      font-size: 12px;
      line-height: 14px;
      text-align: center;
   }

   .desktop-p {
      display: none;
   }

   .pay-main .buy-body p,
   .pay-main .prebuy-body p {
      text-align: center;
      font-size: 12px;
      line-height: 14px;
   }

   ul.icon-menu li a {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
   }

   ul.icon-menu li a span {
      color: #000000;
      font-size: 10px;
   }

}

@media (max-width: 320px) {
   .mobile-size-fixed-footer {
      display: none !important;
   }
}

/*about/pay end*/

/*new header start*/

.new-cnt-account.cnt-account .list-unstyled,
.new-cnt-account.cnt-account .hb-list-unstyled {
   column-count: 1;
}

.top-bar .new-cnt-account.cnt-account ul>li a {
   color: #000000;
}

.top-bar .new-cnt-block.cnt-block {
   display: flex;
   justify-content: space-between;
}

.top-bar .new-cnt-block-clock {
   display: flex;
   justify-content: flex-end;
   padding: 6px 30px 6px 0px;
   color: #000000;
   font-weight: 500;
}

.new-cnt-block.cnt-block {
   padding: 6px 0;
}

.cnt-block .phone {
   display: flex;
   align-items: center;
}

.cnt-block .phone a {
   color: #000000;
   font-weight: 500;
}

.new-cnt-block-clock .phone a {
   color: #000000;
   font-weight: 500;
}

.new-cnt-block.cnt-block .phone i {
   margin-right: 10px;
   color: #000000;
}

.new-cnt-block.cnt-block .geo {
   font-size: 12px;
   line-height: 14px;
   color: #000000;
}

.bl-messengers {
   display: flex;
   justify-content: space-evenly;
}

.mess-hide .bl-messengers {
   padding-top: 5px;
}

.mess-hide .bl-messengers img {
   width: 20px;
}

.search-search>input {
   height: 45.8px;
}

body .top-cart-row.new-basket {
   padding-top: 13px;
}

@media (max-width: 1000px) {
   .mess-hide {
      display: none;
   }
}

@media (max-width: 991px) {
   #bascet.new-basket {
      padding: 30px 15px 0;
   }
}

@media (max-width: 991px) and (min-width: 768px) {
   .bl-head {
      display: flex;
      align-items: center;
   }

   .header-style-1 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav>li>a {
      font-size: 17px;
   }

}

@media (max-width:767px) {

   /*.sidebar{
    display: none;
  }
  */
   .sidebar-module-container {
      cursor: pointer;
   }

   .block__img img.img-fluid {
      width: 40px;
   }

   #bascet.new-basket {
      display: none;
   }
}

/*new header end*/


/*new footer start*/

.new-lists .list-unstyled,
.new-lists .hb-list-unstyled {
   display: flex;
   justify-content: space-between;
}

.new-lists .hb-list-unstyled a {
   color: #000000;
}

.f-adress,
.f-inf,
.f-descr {
   margin-top: 30px;
}

.f-adress p {
   display: flex;
   justify-content: flex-end;
   font-size: 16px;
   line-height: 21px;
   color: #000000;
   text-align: right;
}

.f-inf {
   display: flex;
   justify-content: space-between;
}

.f-inf .bl-messengers a {
   margin-right: 30px;
}

.f-inf .bl-messengers a:last-child {
   margin-right: 0;
}

.f-phone a {
   font-size: 16px;
   line-height: 21px;
   color: #000000;
}

.f-descr {
   font-size: 15px;
   line-height: 21px;
   color: #000000;
   text-align: right;
}

.f-time {
   display: flex;
   justify-content: space-between;
}

.f-time .f-work {
   color: #000000;
   font-size: 16px;
   line-height: 21px;
}

.mob-f-inf {
   display: none;
}

.tablet-show {
   display: none;
}

@media (max-width: 991px) {
   .logo a img {
      max-width: 100%;
   }

   .tablet-hide {
      display: none;
   }

   .tablet-show {
      display: block;
      margin-top: 14px;
   }

   .bl-messengers.tablet-show a {
      margin-right: 19px;
   }

   .bl-messengers.tablet-show a:last-child {
      margin-right: 0;
   }

   .f-descr {
      font-size: 14px;
      line-height: 16px;
   }

   .f-adress,
   .f-inf,
   .f-descr {
      margin-top: 23px;
   }

}


@media (max-width: 767px) {

   .mobile-size-fixed-footer {
      display: none;
   }

   .new-lists {
      display: none;
   }

   .tablet-show {
      display: none;
   }

   .desktop-f-inf {
      display: none;
   }

   .mob-f-inf {
      display: block;
   }

   .mob-f-inf .f-inf {
      flex-direction: column;
      align-items: center;
   }

   .bl-messengers,
   .f-time {
      margin-bottom: 20px;
   }

   .f-inf .bl-messengers a {
      margin-right: 60px;
   }

   .f-descr {
      text-align: center;
   }

}

/*new footer end*/

/*about/dostavka start*/

.del-bl {
   margin-top: 22px;
}

.del-bl-1 {
   margin-bottom: 61px;
}


.primerka,
.po-rossii,
.express,
.ryadom {
   display: flex;
}

.primerka img,
.po-rossii img,
.express img,
.ryadom img {
   width: 100%;
}

.primerka img {
   width: 72px;
   margin-top: 10px;
}

.po-rossii img {
   width: 64px;
   margin-right: 10px;
   margin-top: 10px;
}

.express img {
   width: 64px;
   margin-right: 10px;
   margin-top: 10px;
}

.ryadom img {
   width: 58px;
   margin-right: 20px;
   margin-top: 10px;
}

.art-w {
   font-weight: bold;
   font-size: 20px;
   line-height: 28px;
   color: #000000;
   display: block;
}

.art-desc {
   font-size: 15px;
   line-height: 21px;
   color: #000000;
   display: block;
}

.del-bl-mob {
   display: none;
}

.del-btns {
   margin-top: 51px;
}

.del-btns .hb-nav-tabs {
   border: none;
}

.del-btns .hb-nav-tabs>li {
   float: unset;
}


.del-btn-bl {
   border: 1px solid #000000;
}

.del-btn-bl:hover {
   border: 1px solid #0076DC;
}

.del-btn-bl a {
   display: flex;
   justify-content: center;
   font-size: 18px;
   line-height: 21px;
   text-transform: uppercase;
   color: #000000;
   padding: 4px 0;
}

.del-btn-bl a:hover {
   color: #0076DC;
}

.del-btns ul li.active a {
   color: #0076DC;
}

.del-btns ul li.active .del-btn-bl {
   border: 1px solid #0076DC;
}

.del-btns .hb-tab-content {
   margin-top: 40px;
}

.cur-body span,
.sam-body span,
.post-body span {
   display: block;
   color: #000000;
   font-size: 15px;
   line-height: 21px;
}


.sam-p-1 {
   font-size: 21px;
   line-height: 28px;
   color: #000000;
   display: block;
   width: 100%;
   max-width: 502px;
   border-bottom: 2px solid #0076DC;
   margin-bottom: 20px;
}

.sam-p-2,
.sam-p-3,
.sam-p-4 {
   font-size: 15px;
   line-height: 21px;
   color: #000000;
}

.sam-p-2 {
   margin-top: 10px;
}

.mos-bl {
   margin-top: 20px;
   margin-bottom: 20px;
}

.mos-bl-1 {
   border: 1px solid rgba(0, 0, 0, 0.2);
   padding: 15px;
   min-height: 128px;
   width: 100%;
   max-width: 265px;
}

.mos-bl-1 span {
   text-align: center;
   font-size: 13px;
   line-height: 16px;
}

.ar-mosk {
   text-align: center;
   margin-bottom: 15px;
}


@media (min-width: 768px) and (max-width: 769px) {
   .mos-bl-1 {
      min-height: 144px;
   }
}

@media (max-width: 767px) {
   .mos-parent-bl {
      display: flex;
      justify-content: center;
      margin-bottom: 20px;
   }


   .del-bl-mob {
      display: block;
   }

   .del-bl-1,
   .del-bl-2 {
      display: none;
   }

   .primerka,
   .po-rossii,
   .express,
   .ryadom {
      flex-direction: column;
      align-items: center;
   }

   .primerka,
   .po-rossii,
   .express {
      margin-bottom: 40px;
   }

   .po-rossii img,
   .express img,
   .ryadom img {
      margin-right: 0;
   }

   .prim-text,
   .ros-text,
   .ex-text,
   .r-text {
      text-align: center;
   }

   .del-btn-bl {
      margin-bottom: 12px;
   }

}


/*about/dostavka end*/

/*about/contacts start*/

.cont-phones span {
   display: block;
}

.cont-phones p,
.cont-phones span {
   color: #000000;
   font-size: 16px;
   line-height: 21px;
}

.l-phone {
   font-weight: bold;
}

.cont-btns-bl {
   margin-top: 50px;
}

.cont-btns-bl .hb-nav-tabs {
   border: none;
}

.cont-btns-bl .hb-nav-tabs>li {
   float: unset;
}

.cont-btn-bl {
   border: 1px solid #000000;
}

.cont-btn-bl:hover {
   border: 1px solid #0076DC;
}

.cont-btn-bl a {
   display: flex;
   justify-content: center;
   font-size: 17px;
   line-height: 21px;
   text-transform: uppercase;
   color: #000000;
   padding: 4px 0;
}

.cont-btn-bl a:hover {
   color: #0076DC;
}

.cont-btns-bl ul li.active .cont-btn-bl {
   border: 1px solid #0076DC;
}

.cont-btns-bl ul li.active a {
   color: #0076DC;
}

.cont-btns-bl .hb-tab-content {
   margin-top: 50px;
}

.con-des {
   font-size: 15px;
   line-height: 21px;
   color: #000000;
}

.p-first,
.p-third {
   margin-bottom: 0;
}

.tz-img-bl {
   padding-top: 5px;
}

.tz-img-bl img {
   width: 100%;
}

.office-bl {
   margin-top: 50px;
}

.office-bl p,
.office-bl span {
   font-size: 15px;
   line-height: 21px;
   color: #000000;
}

.office-bl span {
   display: block;
}

.office-bl span.of-art {
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 20px;
}

.sheme {
   margin-bottom: 10px;
}


@media (max-width: 767px) {

   .cont-phones {
      text-align: center;
   }

   .cont-btn-bl {
      margin-bottom: 20px;
   }

   .con-des {
      margin-top: 15px;
   }

   .office-bl {
      margin-top: 0;
   }
}

/* 02.03.26 fix */

.products:hover .bx_catalog_item_title {
 white-space: normal;
}

.product .product-info .name a {
white-space: normal;
 display: -webkit-box; /* Включает гибкую коробку */
  -webkit-line-clamp: 2; /* Ограничение по количеству строк */
  -webkit-box-orient: vertical; /* Вертикальная ориентация */
  overflow: hidden; /* Обрезает лишний текст */
  text-overflow: ellipsis;
}

.product .cart .action .wishlist {
    float: right;
    position: absolute;
    /* right: 35px; */
    width: 34px;
    top: 0;
}

.cnt-homepage .cart .action .left {
    margin-left: 12px;
    padding: 2px 10px;
}

@media screen and (min-width: 1000px) {
    .search-result-container .category-product>div>div {
        height: 351px;
    }
}

@media (max-width: 1199px) {
	.cnt-homepage .cart .action .left {
    margin-left: -25px;
}

	.product .product-catalog-nal {
	float:initial;
	width: 100%;
	display: flex;
	justify-content: center;
}

	.product .article {
	text-align: center;
width: 100%;
float: initial;
}

.product .cart .action {
	width: 100%;
	display: flex !important;
	justify-content: center;
}



#grid-container .products .action {
position: static;

}

}

@media (max-width: 1000px) {
	.product .cart .action {
	width: 100%;
	display: flex !important;
	justify-content: center;
}



#grid-container .products .action {
position: static !important;

}










#grid-container .products:hover .action {
    display: flex;  /* было: contents */
    position: absolute;
    z-index: 990;
    background: #fff;
    padding: 10px 12px 10px 12px;
    border: 1px solid #e3e3e3;
    left: -6px;
    right: -6px;
    border-top: 0px;
    margin-top: 0;
    padding-bottom: 5px;
    align-items: center;
    flex-wrap: wrap;
}

.product .cart .action .wishlist {
    position: absolute;
    right: 12px; /* совпадает с padding */
    top: 0;
    width: 34px;
        margin-left: 70px;
    float: none !important;

        position: absolute;
        left: 0;
        display: flex;
        justify-content: flex-end;
        top: 13px;
        width: 100%;
        margin-left: 0;
z-index: 15;
border: 0 !important;
        float: none !important;
}

	#grid-container .products:hover .action {
   width: 163px;
   border: 0;
}

	.homepage-container .product .cart {
      display: flex;
      justify-content: center;
}

	body .cart.hb-clearfix.animate-effect .cart-quantity {
   width: auto !important;
}
}

@media (max-width: 800px) {
#grid-container .products .action {
    display: flex;  /* было: contents */
    position: absolute;
    z-index: 990;
    background: #fff;
    padding: 10px 12px 10px 12px;
    border: 0;
    left: -6px;
    right: -6px;
    border-top: 0px;
    margin-top: 0;
    padding-bottom: 5px;
    align-items: center;
    flex-wrap: wrap;
}

	.product .cart .action .wishlist {
   top: 0;
}

	.mobile-left-menu {
 z-index: 50;
}


}

@media (max-width: 375px) {
	#grid-container .products .action {
	padding-left: 0;
	padding-rigth: 0;
}
}

/*about/contacts end*/

/* ============================================================ */
/* MENU Z-STACK FIX: топ-бар (900) выше мегаменю, но ниже #bx-panel (~995) */
/* ============================================================ */

body .header-nav .hb-dropdown-menu,
body .header-nav .yamm .hb-dropdown.yamm-fw .hb-dropdown-menu,
body .sectionMenu-nav > .hb-mega__sub {
   z-index: 2000;
}
/* --- Фикс слоев для неактивного слайдера и карточек --- */
.owl-carousel,
.owl-carousel .owl-stage-outer,
.owl-carousel .owl-stage,
.owl-carousel .owl-item,
.bx_catalog_list_home .bx_catalog_item {
 z-index: 10;
}

/* Ограничиваем неактивный контейнер карточки */
.bx_catalog_list_home .bx_catalog_item_container {
 z-index: 20;
}

/* При hover контейнер поднимается над соседними карточками (800), но остается под шапкой (900+) */
.bx_catalog_list_home .bx_catalog_item_container:hover,
.bx_catalog_list_home .bx_catalog_item_container.hover {
 z-index: 800 !important;
}

/* --- Фикс контекста наложения для шапки --- */
header, .header-style-1, .header-style-2 {
 position: relative;
 z-index: 1150 !important;
}


/* --- Фикс поля выбора города на странице доставки --- */
.bx-sls .bx-ui-sls-container {
    min-height: 35px;
    display: flex;
    align-items: center;
}
.bx-sls .bx-ui-sls-container .bx-ui-sls-fake,
.bx-sls .bx-ui-sls-container .bx-ui-sls-route {
    height: 100%;
}
.bx-sls .dropdown-fade2white {
    display: none; /* Убираем белый градиент, который отрезает правую рамку */
}

/* --- Фикс наложения виджета чата на нижнюю черную панель --- */
.iachat_panel {
    bottom: 68px !important;
}
.iachat_panel_all_soc_blocks {
    bottom: 74px !important; /* Приподнимаем блок иконок соцсетей, чтобы при раскрытии они аккуратно появлялись над зеленой кнопкой */
}

/* --- Компактные блоки доставок на странице /about/delivery/ ---
   Классы .bx_logotype/.bx_description/.bx_result_price оформлены в template_styles.css
   только под .bx_order_make, а калькулятор на странице «Доставка» рендерит их без этого
   контекста -> логотип вылезает, описание не обтекает, блоки раздуты. Добавляем точечно. */
.bx_section .bx_block,
.bx_section .bx_element {
    overflow: hidden;
    box-sizing: border-box;
}
.bx_section .bx_logotype {
    float: left;
    width: 110px;
    padding: 2px;
    margin: 0 15px 0 0;
    overflow: hidden;
}
.bx_section .bx_logotype span {
    display: block;
    width: 100px;
    height: 70px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.bx_section .bx_description {
    margin-left: 125px;
}
.bx_section .bx_description .name {
    margin: 0 0 4px;
}
.bx_section .bx_description .name strong {
    font-size: 15px;
}
.bx_section .bx_result_price {
    font-size: 13px;
    line-height: 1.5;
}
.bx_section .bx_description p {
    margin: 6px 0 0;
    font-size: 13px;
    color: #666;
}

/* --- Страница подтверждения заказа (sale.order.ajax confirm) ---
   Кастомный шаблон local/templates/2beman/components/bitrix/sale.order.ajax/.default/
   Чистая семантическая вёрстка. Никаких !important и :has — только префикс .soa-confirm. */
.soa-confirm {
    max-width: 760px;
    margin: 0 0 70px 0;
}

.soa-confirm__card {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    padding: 28px 32px;
    margin-bottom: 20px;
}

.soa-confirm__card:last-child {
    margin-bottom: 0;
}

/* --- Верхняя карточка: успех заказа --- */
.soa-confirm__status {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #28a745;
    margin-bottom: 10px;
}

.soa-confirm__title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.35;
    color: #222222;
}

.soa-confirm__title b {
    color: #222222;
}

.soa-confirm__payment-note {
    margin-top: 10px;
    font-size: 15px;
    color: #555555;
}

.soa-confirm__track {
    margin-top: 14px;
    font-size: 15px;
    line-height: 1.55;
    color: #555555;
}

.soa-confirm__track a {
    color: #f39c12;
    font-weight: 600;
    text-decoration: underline;
}

/* --- Нижняя карточка: оплата --- */
.soa-confirm__card--pay {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.soa-confirm__pay-head {
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
}

.soa-confirm__pay-name {
    font-size: 18px;
    font-weight: 700;
    color: #222222;
}

.soa-confirm__pay-logo img {
    display: block;
    max-height: 40px;
    width: auto;
    object-fit: contain;
}

.soa-confirm__pay-system {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

.soa-confirm__pay-desc {
    font-size: 14px;
    line-height: 1.5;
    color: #777777;
    margin: -6px 0 0 0;
}

.soa-confirm__pay-action {
    margin-top: 4px;
}

.soa-confirm__btn {
    display: inline-block;
    padding: 13px 32px;
    border-radius: 8px;
    background: #f39c12;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    box-shadow: 0 3px 8px rgba(243, 156, 18, 0.35);
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
}

.soa-confirm__btn:hover,
.soa-confirm__btn:focus {
    background: #e08e0b;
    color: #ffffff;
    box-shadow: 0 5px 14px rgba(243, 156, 18, 0.45);
    text-decoration: none;
}

.soa-confirm__btn--ghost {
    margin-left: 10px;
    background: transparent;
    color: #333333;
    border: 1px solid #dddddd;
    box-shadow: none;
    text-transform: none;
    letter-spacing: 0;
}

.soa-confirm__btn--ghost:hover,
.soa-confirm__btn--ghost:focus {
    background: #f5f5f5;
    color: #222222;
    border-color: #cccccc;
    box-shadow: none;
}

.soa-confirm__form {
    max-width: 100%;
}

/* Готовая форма платёжки (BUFFERED_OUTPUT) — аккуратная кнопка внутри */
.soa-confirm__form input[type="submit"],
.soa-confirm__form button[type="submit"],
.soa-confirm__form button {
    display: inline-block;
    padding: 13px 32px;
    border-radius: 8px;
    border: none;
    background: #f39c12;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    box-shadow: 0 3px 8px rgba(243, 156, 18, 0.35);
    transition: background 0.2s ease, box-shadow 0.2s ease;
}

.soa-confirm__form input[type="submit"]:hover,
.soa-confirm__form button[type="submit"]:hover,
.soa-confirm__form button:hover {
    background: #e08e0b;
    color: #ffffff;
    box-shadow: 0 5px 14px rgba(243, 156, 18, 0.45);
}

.soa-confirm__note {
    font-size: 15px;
    line-height: 1.5;
    color: #555555;
    padding: 14px 18px;
    background: #f9f9f9;
    border-left: 3px solid #28a745;
    border-radius: 4px;
}

.soa-confirm__error {
    font-size: 15px;
    color: #c0392b;
    margin: 6px 0;
}

/* --- Ошибка (заказ не найден) --- */
.soa-confirm--error .soa-confirm__error-title {
    font-size: 19px;
    font-weight: 700;
    color: #c0392b;
    margin-bottom: 10px;
}

.soa-confirm__error-text {
    font-size: 15px;
    line-height: 1.55;
    color: #555555;
}

/* --- Ожидание проверки менеджера (IS_ALLOW_PAY = N) --- */
.soa-confirm__card--pending .soa-confirm__pending-text {
    font-size: 15px;
    line-height: 1.55;
    color: #555555;
}
/* ============================================================
   Личный кабинет — карточки (personal-dashboard / personal-card)
   Единая дизайн-система с .soa-confirm (акцент #f39c12)
   ============================================================ */
.personal-dashboard {
	max-width: 1170px;
	width: 100%;
	margin: 0 0 40px 0;
}

.personal-dashboard__intro {
	color: #7a7a7a;
	margin: 0 0 28px;
	line-height: 1.6;
	font-size: 15px;
}

.personal-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.personal-card {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 24px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 12px;
	text-decoration: none;
	color: inherit;
	transition: box-shadow .2s, transform .2s, border-color .2s;
}

.personal-card:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
	transform: translateY(-2px);
	border-color: #D7FF00;
	background: #F2FFB3;
}

.personal-card__icon {
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: #D7FF00;
	color: #111111;
}

.personal-card__icon svg {
	width: 26px;
	height: 26px;
	fill: none;
	stroke: #111111;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.personal-card__title {
	font-family: Roboto, sans-serif;
	font-size: 17px;
	font-weight: 700;
	color: #111111;
}

.personal-card__text {
	font-family: Roboto, sans-serif;
	font-size: 14px;
	color: #666666;
	line-height: 1.5;
}

@media (max-width: 991px) {
	.personal-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.personal-grid {
		grid-template-columns: 1fr;
	}
}
/* =====================================================================
   Список заказов — кастомный шаблон "orders" (sale.personal.order.list)
   Единая дизайн-система ЛК 2beman: карточки, бейджи, акцент #D7FF00 (лайм, 27.09.2026).
   Чистый CSS: без !important и :has.
   ===================================================================== */

/* ── Фильтры (Текущие / История / Отменённые) ── */
.order-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 12px 0 16px 0;
}
.order-filter-link {
	display: inline-block;
	padding: 7px 14px;
	border: 1px solid #e0e0e0;
	border-radius: 20px;
	font-size: 13px;
	color: #666;
	text-decoration: none;
	transition: border-color .2s, color .2s, background .2s;
}
.order-filter-link:hover {
	border-color: #111111;
	color: #111111;
	background: #F5F5F5;
}
.order-filter-link--active {
	background: #D7FF00;
	border-color: #D7FF00;
	color: #111111;
	font-weight: 600;
}
.order-filter-link--active:hover {
	background: #D7FF00;
	border-color: #D7FF00;
}

/* ── Пустое состояние ── */
.order-empty {
	background: #fff;
	border: 1px dashed #ddd;
	border-radius: 12px;
	padding: 40px 24px;
	text-align: center;
}
.order-empty h3 {
	margin: 0 0 20px;
	font-size: 18px;
	font-weight: 600;
	color: #444;
}

/* ── Заголовок группы по статусу ── */
.order-status-title {
	margin: 12px 0 16px 0;
	font-size: 20px;
	font-weight: 700;
	color: #111111;
}

/* ── Карточка заказа ── */
.order-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	max-width: 980px;
	/* гарантированный верхний отступ списка заказов (не уезжает под фикс. top-bar) */
	margin-top: 24px;
	margin-bottom: 40px;
}
.order-item {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 12px;
	padding: 24px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}
.order-item__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px 16px;
	margin-bottom: 18px;
	padding-bottom: 14px;
	border-bottom: 1px solid #f0f0f0;
}
.order-item__title {
	font-size: 19px;
	font-weight: 700;
	color: #222;
}
.order-item__meta {
	font-size: 14px;
	color: #888;
}
.order-item__sum {
	color: #222;
	font-weight: 700;
	white-space: nowrap;
}

/* ── Сетка Оплата | Доставка ── */
.order-item__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}
.order-block {
	border: 1px solid #f0f0f0;
	border-radius: 10px;
	padding: 16px;
	background: #fdfdfd;
}
.order-block__title {
	margin: 0 0 12px;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: #999;
	font-weight: 700;
}
.order-block__row {
	font-size: 14px;
	color: #444;
	line-height: 1.5;
	margin-bottom: 10px;
}
.order-block__row:last-child {
	margin-bottom: 0;
}
.order-block__label {
	color: #666;
}
.order-block__sum-label {
	color: #666;
}
.order-block__sum-value {
	color: #222;
	font-size: 16px;
}
.order-block__track {
	font-size: 14px;
	letter-spacing: .02em;
	color: #222;
}
.order-block__checks-title {
	font-size: 13px;
	color: #888;
}
.order-block__checks a {
	color: #111111;
	text-decoration: underline;
	text-decoration-color: #111111;
	font-size: 13px;
	transition: text-decoration-color 150ms ease;
}
.order-block__checks a:hover {
	color: #111111;
	text-decoration-color: #D7FF00;
}
.order-block__note {
	margin: 10px 0 0;
	font-size: 12px;
	color: #999;
	line-height: 1.4;
}
.order-block__note b {
	color: #666;
}

/* ── Бейджи статусов ── */
.order-badge {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	white-space: nowrap;
}
.order-badge--paid,
.order-badge--ok {
	background: #F2FFB3;
	color: #111111;
}
.order-badge--pending,
.order-badge--warn {
	background: #fdebd0;
	color: #b2600a;
}
.order-badge--restricted {
	background: #f1f2f3;
	color: #8a8f94;
}

/* ── Кнопки ── */
.order-btn {
	display: inline-block;
	padding: 10px 22px;
	border-radius: 10px;
	background: #D7FF00;
	color: #111111;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	border: none;
	cursor: pointer;
	transition: background .2s, box-shadow .2s;
}
.order-btn:hover {
	background: #c2e600;
	color: #111111;
}
.order-btn--ghost {
	background: #fff;
	border: 1px solid #111111;
	color: #111111;
}
.order-btn--ghost:hover {
	background: #F5F5F5;
	color: #111111;
}
.order-btn--disabled {
	background: #e9e9e9;
	color: #999;
	cursor: not-allowed;
	pointer-events: none;
}

/* ── Ссылки в подвале карточки ── */
.order-item__foot {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 18px;
	padding-top: 14px;
	border-top: 1px solid #f0f0f0;
}
.order-link {
	font-size: 14px;
	font-weight: 600;
	color: #111111;
	text-decoration: underline;
	text-decoration-color: #111111;
	transition: text-decoration-color 150ms ease;
}
.order-link:hover {
	color: #111111;
	text-decoration-color: #D7FF00;
}
.order-link--danger {
	color: #e74c3c;
	text-decoration-color: #e74c3c;
}
.order-link--danger:hover {
	color: #c0392b;
	text-decoration-color: #c0392b;
}
.order-link--muted {
	font-weight: 400;
	color: #999;
	text-decoration-color: #999;
}
.order-link--muted:hover {
	color: #666;
	text-decoration-color: #666;
}
.order-link--pay-change {
	display: block;
	margin-top: 12px;
}

/* ── Статусная строка исторических заказов ── */
.order-item__status-row {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}
.order-item__status-date {
	font-size: 13px;
	color: #888;
}

/* ── Пагинация (оставляем дефолтный вид, но чистим отступы) ── */
.order-item + .bx-pagination,
.order-list + .bx-pagination {
	margin-top: 24px;
}

/* ── Адаптив ── */
@media (max-width: 700px) {
	.order-item__grid {
		grid-template-columns: 1fr;
	}
	.order-item {
		padding: 18px;
	}
	.order-btn {
		width: 100%;
	}
}

/* ============================================================ */
/* CATALOG MEGA-MENU FIX: непрозрачный белый фон + перекрытие     */
/* (фикс прозрачности выпадающей плашки "КАТАЛОГ") 2026-08-15     */
/* ============================================================ */
body .header-nav .yamm .hb-dropdown.yamm-fw .hb-dropdown-menu,
body .header-nav .hb-dropdown .hb-dropdown-menu.pages.catalog-submenu,
body .header-nav .yamm .hb-dropdown-menu {
	background-color: #ffffff;
	background-image: none;
	z-index: 2000;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	border: 1px solid #f1f1f1;
}

/* Внутренние колонки мега-меню (ДИЗАЙН, ЦВЕТ, МАТЕРИАЛ, левый список):
   не даём прозрачности перебить общий белый фон */
body .header-nav .yamm .hb-dropdown-menu .yamm-content,
body .header-nav .yamm .hb-dropdown-menu .menu_title,
body .header-nav .yamm .hb-dropdown-menu .links,
body .header-nav .yamm .hb-dropdown-menu .links > li,
body .header-nav .yamm .hb-dropdown-menu li,
body .header-nav .yamm .hb-dropdown-menu ul {
	background-color: #ffffff;
	background-image: none;
}

/* ============================================================ */
/* ЗАКАЗЫ: тех.контейнер AJAX смены оплаты (нативный JS Битрикса) */
/* скрыт по умолчанию; JS PersonalOrderList показывает display:block */
/* ============================================================ */
.sale-order-list-inner-row-template {
	display: none;
}

/* ============================================================ */
/* АДМИН-ПАНЕЛЬ Битрикса ПОВЕРХ шапки (шапка 1150 / меню 2000) */
/* ============================================================ */
#bx-panel,
#bx-panel-back {
	z-index: 99999 !important;
	position: relative;
}
/* ============================================================ */
/* ФОРМА СМЕНЫ ОПЛАТЫ (sale.order.payment.change/orders) — vertical flex */
/* ============================================================ */
.pay-change-wrap {
	width: 100%;
}

.pay-change-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 8px;
	flex-wrap: wrap;
}

.pay-change-title {
	font-weight: 600;
	font-size: 14px;
	color: #333;
}

.pay-change-title-el {
	font-weight: 400;
	color: #95a5a6;
	margin-left: 4px;
}

.pay-change-status {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

.pay-change-status--paid   { background: #F2FFB3; color: #111111; }
.pay-change-status--alert  { background: #fff3e0; color: #e65100; }
.pay-change-status--restricted { background: #fce4ec; color: #c62828; }

.pay-change-sum {
	display: flex;
	align-items: baseline;
	gap: 6px;
	margin-bottom: 12px;
}

.pay-change-sum-label {
	font-size: 13px;
	color: #888;
}

.pay-change-sum-value {
	font-weight: 700;
	font-size: 16px;
	color: #333;
}

.pay-change-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 16px;
}

.pay-change-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px;
	border: 1px solid #eee;
	border-radius: 8px;
	cursor: pointer;
	transition: border-color .2s, background .2s;
	background: #fff;
	margin: 0;
}

.pay-change-item:hover {
	border-color: #D7FF00;
	background: #F2FFB3;
}

.pay-change-logo {
	width: 60px;
	flex-shrink: 0;
	max-width: 100%;
	max-height: 32px;
	object-fit: contain;
}

.pay-change-name {
	font-size: 13px;
	line-height: 1.3;
	color: #333;
	text-align: left;
	flex: 1;
}

.pay-change-back {
	display: inline-block;
	margin-top: 12px;
	color: #888;
	font-size: 14px;
	text-decoration: none;
	transition: color .2s;
}

.pay-change-back:hover {
	color: #111111;
	text-decoration: underline;
	text-decoration-color: #D7FF00;
}
/* ============================================================ */
/* СТРАНИЦА ОТМЕНЫ ЗАКАЗА (sale.personal.order.cancel/orders) */
/* ============================================================ */
.order-cancel {
	max-width: 980px;
}

.order-link--back {
	display: inline-block;
	margin-bottom: 16px;
	color: #111111;
}

.order-link--back:hover {
	color: #111111;
}

.order-cancel-card {
	max-width: 600px;
	margin-bottom: 40px;
}

.order-cancel-head {
	margin-bottom: 20px;
}

.order-cancel-title {
	margin: 0 0 8px;
	font-size: 18px;
	font-weight: 700;
	color: #222;
}

.order-cancel-subtitle {
	margin: 0 0 10px;
	font-size: 14px;
	color: #555;
	line-height: 1.5;
}

.order-cancel-note {
	display: inline-block;
	padding: 6px 12px;
	border-radius: 8px;
	background: #fff3e0;
	color: #e65100;
	font-size: 13px;
	font-weight: 600;
}

.cancel-label {
	display: block;
	margin-bottom: 8px;
	font-size: 14px;
	color: #666;
}

.cancel-textarea {
	width: 100%;
	min-height: 120px;
	padding: 12px;
	border: 1px solid #ddd;
	border-radius: 8px;
	font-size: 14px;
	font-family: inherit;
	resize: vertical;
	transition: border-color 0.2s;
	margin-bottom: 16px;
	color: #333;
	box-sizing: border-box;
}

.cancel-textarea:focus {
	outline: none;
	border-color: #111111;
	box-shadow: 0 0 0 3px rgba(215, 255, 0, 0.35);
}

.order-cancel-actions {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.order-btn--blue {
	background-color: #D7FF00;
	color: #111111;
	border: none;
}

.order-btn--blue:hover {
	background-color: #c2e600;
	color: #111111;
}

/* ============================================================
   Кнопка «В корзину» в карточке каталога — фирменный синий #359bed (15.08)
   Переопределяет Bootstrap v3 .btn-primary в контексте карточки товара
   ============================================================ */
/* 17.08: логика ИНВЕРТИРОВАНА — кнопка белая, синеет на hover/active */
.product .action a.hb-cbtn.add_to_basket,
#grid-container .products .action a.hb-cbtn.add_to_basket,
.category-product-inner .action a.hb-cbtn.add_to_basket {
	background-color: #D7FF00 !important;
	border-color: #D7FF00 !important;
	color: #111111 !important;
}
.product .action a.hb-cbtn.add_to_basket:hover,
.product .action a.hb-cbtn.add_to_basket:focus,
.product .action a.hb-cbtn.add_to_basket:active,
.product .action a.hb-cbtn.add_to_basket.added,
#grid-container .products .action a.hb-cbtn.add_to_basket:hover,
#grid-container .products .action a.hb-cbtn.add_to_basket:focus,
#grid-container .products .action a.hb-cbtn.add_to_basket:active,
#grid-container .products .action a.hb-cbtn.add_to_basket.added,
.category-product-inner .action a.hb-cbtn.add_to_basket:hover,
.category-product-inner .action a.hb-cbtn.add_to_basket:focus,
.category-product-inner .action a.hb-cbtn.add_to_basket:active,
.category-product-inner .action a.hb-cbtn.add_to_basket.added {
	background-color: #111111 !important;
	border-color: #111111 !important;
	color: #D7FF00 !important;
}

/* ============================================================
   Карточка каталога: Hitbox Expansion (15.08, фиксирует кражу
   hover / слепую зону кнопки «В корзину»)
   Физически растягиваем карточку вниз при ховере, чтобы кнопка
   100% была внутри зоны. margin-bottom компенсирует, сетка не прыгает.
   ============================================================ */
#grid-container .products {
	position: relative;
}
#grid-container .products .action {
	pointer-events: auto;
}

/* 17.08: Hitbox-расширение ТОЛЬКО на десктопе. На мобильных (<=991px)
   растяжение не применяется — убирает наложение на липкий футер при тапе. */
@media (min-width: 992px) {
	#grid-container .products:hover {
		padding-bottom: 100px;
		margin-bottom: -100px;
		z-index: 9999;
		overflow: visible;
	}
}

/* ============================================================ */
/* MOBILE STICKY TOP BAR FIX (гамбургер/телефон/профиль/корзина) */
/* 2026-08-16. Файл: assets/css/main.css                         */
/* Панель: ul.icon-menu (bitrix:menu "mobile") position:fixed    */
/* ============================================================ */
@media (max-width: 767px) {

   /* 1. Мобильная липкая панель: непрозрачный белый фон, высокий слой,
         фиксирована по ширине, нижняя граница. Выше поиска(2000) и меню. */
   body ul.icon-menu {
      background: #ffffff;
      background-image: none;
      z-index: 2100;
      position: fixed;
      top: auto;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 50px;
      padding-bottom: env(safe-area-inset-bottom);
      display: block;
      border-bottom: none;
      border-top: 1px solid #eaeaea;
      -webkit-box-shadow: 0 -2px 8px rgba(0,0,0,0.04);
      box-shadow: 0 -2px 8px rgba(0,0,0,0.04);
   }
   /* Контент не должен прятаться под новой нижней панелью */
   body #top-banner-and-menu.body-content {
      padding-bottom: calc(50px + env(safe-area-inset-bottom));
   }

   /* Бейдж корзины поверх липкой панели */
   .basket-item-count-mobile {
      z-index: 2101 !important;
   }

   /* MEGA-MENU (мега-меню с иконками Каталог/Доставка/Оплата/Контакты):
      гарантированно начинается строго ПОД липкой шапкой (50px) — не заезжает
      под неё и не обрезается. Слой ниже шапки(2100), выше поиска(2050) и контента.
      Позиционирование относительно — клики по иконкам не ломаются. */
   .mobile_menu_compact {
      margin-top: 0;
      padding-top: 6px;
      position: relative;
      z-index: 2050;
   }
   .mobile_menu_compact a {
      position: relative;
      z-index: 2050;
   }

   /* MENU-IS-OPEN STATE (16.08): когда открыто бургер-меню, на <body>
      вешается класс .menu-is-open (см. components/bitrix/menu/mobile-left/script.js).
      Физически убираем липкую панель и её бейдж корзины с дороги
      (visibility:hidden, не display:none — сохраняем высоту, без скачка),
      чтобы шторка/оверлей не просвечивались сквозь бар и не ломали вёрстку. */
   body.menu-is-open ul.icon-menu {
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
   }
   body.menu-is-open .basket-item-count-mobile {
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
   }

   /* ВТОРОЙ РЯД ИКОНОК (мега-меню с синей «Каталог», «Доставка», «Оплата»...):
      .mobile_menu_compact лежит ВНУТРИ .yamm.navbar.mobile-menu (z:26000 — поднят,
      чтобы полноэкранный каталог-оверлей накрывал липкую шапку). Из-за родителя
      с z:26000 второй ряд пробивал белую шторку бургер-меню (z:25001) и просвечивал
      поверх неё / наслаивался на поиск в админ-панели. Решение: по стейту
      body.menu-is-open полностью скрываем ВЕСЬ второй ряд из рендера (visibility:hidden,
      не display:none — сохраняем высоту/скролл). Базовый z ряда остаётся 2050
      (уровень шапки ~2100), под шторкой (25001) физически не поднимется. */
   body.menu-is-open .mobile_menu_compact,
   body.menu-is-open .yamm.hb-navbar.mobile-menu .mobile_menu_compact {
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
   }

   /* ROOT-CAUSE FIX (16.08, ARCHITECT): закрытое мобильное каталог-меню
      .mobile-menu-for-compact (position:fixed; top:0; height:100%; z-index:99999;
      width:0; opacity:0) — даже при width:0/opacity:0 ЕГО ДЕТИ (внутренний .head
      с H5 «Каталог» и бургер-каталога) оставались в дереве рендера и перехватывали
      тапы по всему экрану (верхний левый угол попадал ровно на бургер липкой шапки
      ul.icon-menu, из-за чего меню вообще не открывалось на реальном устройстве).
      Решение: в закрытом состоянии pointer-events:none + visibility:hidden.
      Открытое (после animate -> opacity:1) или с классом .is-open — кликабельно. */
   .mobile-menu-for-compact {
      pointer-events: none;
      visibility: hidden;
   }
   .mobile-menu-for-compact[style*="opacity: 1"],
   .mobile-menu-for-compact[style*="opacity:1"],
   .mobile-menu-for-compact.is-open {
      pointer-events: auto;
      visibility: visible;
   }

   /* 2. Компенсация закреплённой липкой панели (ul.icon-menu, fixed, top:0,
         высота 50px, z:2100) + отрыв контента от шапки.
         ВАЖНО (правка по ревью): не лить padding на body (это сдвигает весь сайт
         и НЕ чинит внутреннее наложение). Вместо этого раздвигаем ПОТОК:
         - body больше НЕ получает padding-top (убрали бессмысленный 54px);
         - .main-header получает margin-top:50px (закреплённая панель занимает
           0-50, хедер стартует ровно под ней) и margin-bottom:20px (отталкивает
           контент, идущий за хедером, чтобы ничего не ложилось поверх). */
   body {
      padding-top: 0 !important;
   }
   body .main-header {
      margin-top: 0;
      margin-bottom: 20px;
   }

   /* 4. ГЛОБАЛЬНЫЙ отступ контента под верхними панелями (липкий бар 50px +
         header со вторым рядом иконок .mobile_menu_compact). Контент всех
         страниц лежит в #top-banner-and-menu.body-content (главная/catalog/
         личный кабинет). Применяем padding-top на этот глобальный контейнер,
         чтобы хлебные крошки/заголовки начинались строго ПОД вторым рядом. */
   #top-banner-and-menu.body-content {
      padding-top: 40px !important;
   }
   /* Хлебные крошки на каталог/ЛК — прямой ребёнок BODY (НЕ в контейнере).
         Сдвигаем вниз, чтобы крошки начинались строго ПОД вторым рядом иконок
         (низ ряда ~292px). margin-top примыкает к margin-bottom .main-header
         (20px) — смежные margin схлопываются до max → ставим 40px: max(20,40)=40,
         низ ряда 292 → крошки top ~316, зазор под рядом ~24px (комфортно). */
   /* Уменьшено с 40px: реальная причина наложения на "Популярные товары"
      теперь устранена через padding-bottom на .header-v2__nav-row,
      этот margin был лишь временной компенсацией. */
   body .breadcrumb,
body .hb-breadcrumb {
      margin-top: 16px;
   }

   /* 3. Мобильный поиск: ниже липкой шапки(2500), выше каталога(~800) */
   .top-search-holder,
   .main-header .top-search-holder .search-area {
      position: relative;
      z-index: 2050;
   }
   .title-search-result,
   #title-search .title-search-result,
   div.title-search-result {
      z-index: 2050 !important;
   }
}

/* ============================================================ */
/* MOBILE NEWS BLOCK CENTERING (главная, блок «Новости»)        */
/* 2026-08-16. Файл: assets/css/main.css                         */
/* ============================================================ */


/* ============================================================ */
/* Кнопка «В корзину» — цвет иконки (17.08, маски вместо filter). */
/* Базовое: кнопка БЕЛАЯ + рамка синяя → иконка СИНЯЯ #359bed.    */
/* :hover/:active/.added: кнопка СИНЯЯ → иконка БЕЛАЯ.           */
/* Иконка = растровый PNG (url(/images/cart.png)). color/fill к   */
/* PNG не применимы, а filter hue-rotate искажал брендовый цвет.  */
/* → Используем CSS Mask: картинка как маска + background-color   */
/*   точного цвета заливки (#359bed / #ffffff). БЕЗ filter.       */
/* ============================================================ */
/* 1. БАЗОВОЕ (белая кнопка, синяя рамка): иконка СИНЯЯ #359bed */
.cnt-homepage .homepage-container .add_to_basket::after,
.cnt-homepage .homepage-container .action .add_to_basket::after,
.product .action a.hb-cbtn.add_to_basket::after,
#grid-container .products .action a.hb-cbtn.add_to_basket::after,
.category-product-inner .action a.hb-cbtn.add_to_basket::after {
   background-image: none;
   background-color: #359bed;
   -webkit-mask: url(/images/cart.png) no-repeat center;
   mask: url(/images/cart.png) no-repeat center;
   -webkit-mask-size: contain;
   mask-size: contain;
}

/* Страховка (SVG/иконка-шрифт) — базовая синяя */
.add_to_basket svg,
.add_to_basket svg *,
.add_to_basket i.icon,
.add_to_basket .icon {
   color: #359bed !important;
   fill: #359bed !important;
   stroke: #359bed !important;
}

/* 2. Состояния :hover/:active/.added (кнопка СИНЯЯ) → иконка БЕЛАЯ */
.product .action a.hb-cbtn.add_to_basket:hover::after,
.product .action a.hb-cbtn.add_to_basket:focus::after,
.product .action a.hb-cbtn.add_to_basket:active::after,
.product .action a.hb-cbtn.add_to_basket.added::after,
#grid-container .products .action a.hb-cbtn.add_to_basket:hover::after,
#grid-container .products .action a.hb-cbtn.add_to_basket:focus::after,
#grid-container .products .action a.hb-cbtn.add_to_basket:active::after,
#grid-container .products .action a.hb-cbtn.add_to_basket.added::after,
.category-product-inner .action a.hb-cbtn.add_to_basket:hover::after,
.category-product-inner .action a.hb-cbtn.add_to_basket:focus::after,
.category-product-inner .action a.hb-cbtn.add_to_basket:active::after,
.category-product-inner .action a.hb-cbtn.add_to_basket.added::after,
.homepage-container .add_to_basket:active::after,
.homepage-container .add_to_basket:hover::after {
   background-color: #ffffff !important;
}
.add_to_basket:hover svg,
.add_to_basket:hover svg *,
.add_to_basket:active svg,
.add_to_basket:active svg *,
.add_to_basket.added svg,
.add_to_basket.added svg *,
.add_to_basket:hover i.icon,
.add_to_basket:active i.icon,
.add_to_basket.added i.icon,
.add_to_basket:hover .icon,
.add_to_basket:active .icon,
.add_to_basket.added .icon {
   color: #ffffff !important;
   fill: #ffffff !important;
   stroke: #ffffff !important;
}

/* ============================================================ */
/* Сервисные блоки карточки товара (catalog.element) — редизайн  */
/* 2026-08-16. Компактный светлый аккордеон доставки + строка    */
/* наличия вместо чёрных плашек. Только мобильный рендер шаблона,*/
/* но стили безопасно применяются и на десктопе (блок показ-ся)  */
/* ============================================================ */

/* --- 1. Кнопка «Рассчитать доставку»: светлый аккордеон --- */
.delivery_change {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 8px;
   width: 100%;
   margin-top: 12px;
   padding: 10px 14px;
   font-weight: 500;
   font-family: inherit;
   text-transform: none;
   white-space: normal;
   line-height: 1.3;
   box-sizing: border-box;
   cursor: pointer;
   outline: none;
   text-align: left;
}
.delivery_change:hover,
.delivery_change:active {
   background: #e0effc !important;
   border-color: #359bed !important;
   color: #359bed !important;
}
.delivery_change .delivery-icon {
   display: inline-flex;
   flex: 0 0 auto;
   color: #111111;
}
.delivery_change .delivery-label {
   flex: 1 1 auto;
   color: #111111;
}
.delivery_change .delivery-arrow {
   flex: 0 0 auto;
   color: #111111;
   transition: transform 0.25s ease;
}
.delivery_change.open .delivery-arrow {
   transform: rotate(180deg);
}

/* --- 2. Раскрытый контент доставки --- */
#delivery_block {
   display: none;   /* стартуем закрытым (аккордеон) */
   margin-top: 10px;
}
#delivery_block.open {
   display: block;
}
#delivery_block .hb-row {
   margin: 0;
}
#delivery_block .hb-col-sm-12 {
   padding: 0;
}
#delivery_block .delivery-list {
   margin: 0;
}
#delivery_block .delivery-list table,
#delivery_block .delivery-list .bx_delivery {
   width: 100%;
   box-sizing: border-box;
}

/* --- 3. Компактная строка «Самовывоз» --- */






/* --- 4. Перебить старый чёрный фон мобильных аккордеонов --- */
/* Селекторы с повышенной специфичностью (button.delivery_change = 0-1-1)
   побеждают старую чёрную плашку (0-1-0) из компонентного style.css даже
   при одинаковых !important свойствах (позже в каскаде = источник позже). */
@media screen and (max-width: 767px){
   button.delivery_change,
   .delivery_change[class] {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: #edf6fd;
      border: 1px solid #359bed;
      color: #359bed;
      border-radius: 8px;
      font-size: 14px;
      font-family: inherit;
      font-weight: 500;
      text-transform: none;
      padding: 10px 14px;
      white-space: normal;
      width: 100%;
      margin-top: 12px;
      line-height: 1.3;
      box-sizing: border-box;
   }
   button.delivery_change .delivery-arrow,
   .delivery_change[class] .delivery-arrow {
      color: #359bed;
   }
   button.product_change,
   .product_change {
      display: none;
      background: none;
      border: none;
   }
}

/* --- 5. Отступы на десктопе (блок показывается и там) --- */
@media (min-width: 992px){
   .single-product .product-info .delivery_change {
      max-width: 420px;
   }
   
}

/* ============================================================
   Характеристики + описание товара (перенесены в правую колонку, 16.08)
   .product-block-props — контейнер под самовывозом в product-info-block
   ============================================================ */
.product-block-props {
   width: 100%;
   clear: both;
   margin-top: 18px;
   border-top: 1px solid #e8e8e8;
   padding-top: 14px;
}
.product-block-props .props-list {
   margin: 0;
   padding: 0;
}
.product-block-props .prop-row {
   display: flex;
   align-items: baseline;
   font-size: 13px;
   line-height: 1.55;
   padding: 4px 0;
   margin: 0;
}
.product-block-props .prop-name {
   color: #555;
   flex: 0 0 auto;
   max-width: 45%;
   font-weight: 500;
}
.product-block-props .prop-dots {
   flex: 1 1 auto;
   border-bottom: 1px dotted #c9c9c9;
   margin: 0 8px;
   height: 1.1em;
   min-width: 12px;
}
.product-block-props .prop-value {
   color: #222;
   flex: 0 1 auto;
   text-align: right;
   font-weight: 500;
}
.product-block-props .prop-offers {
   margin: 8px 0 0;
   padding: 0;
}
.product-block-props .prop-offers dt {
   color: #555;
   font-weight: 500;
   float: left;
   margin-right: 8px;
}
.product-block-props .prop-offers dd {
   color: #222;
   font-weight: 500;
   margin: 0;
}
.product-block-props .product-description-text {
   margin-top: 14px;
   border-top: 1px solid #e8e8e8;
   padding-top: 12px;
   font-size: 13.5px;
   line-height: 1.65;
   color: #444;
}
.product-block-props .product-description-text p {
   font-size: 13.5px;
   line-height: 1.65;
   color: #444;
   margin: 0 0 10px;
}
.product-block-props .product-description-text h1,
.product-block-props .product-description-text h2,
.product-block-props .product-description-text h3,
.product-block-props .product-description-text h4 {
   font-size: 15px;
   color: #222;
   margin: 12px 0 6px;
}

/* --- Адаптив: на мобильных чуть компактнее --- */
@media (max-width: 767px) {
   .product-block-props .prop-row {
      font-size: 12.5px;
   }
   .product-block-props .product-description-text,
   .product-block-props .product-description-text p {
      font-size: 13px;
   }
}

/* ============================================================
   Табы карточки товара: активная вкладка в фирменном #359bed (16.08)
   Перебиваем #3498db (bootstrap/компонент) на брендовый синий.
   ============================================================ */
.single-product .product-tabs .hb-nav-tabs > li.active > a,
.single-product .product-tabs .hb-nav-tabs > li.active > a:hover,
.single-product .product-tabs .hb-nav-tabs > li.active > a:focus,
.product-tabs .hb-nav-tabs > li.active > a,
.product-tabs .hb-nav-tabs > li.active > a:hover,
.product-tabs .hb-nav-tabs > li.active > a:focus {
   background-color: #359bed !important;
   border-color: #359bed !important;
   color: #ffffff !important;
}
.product-tabs .hb-nav-tabs > li > a:hover,
.product-tabs .hb-nav-tabs > li > a:focus {
   border-color: #359bed !important;
   color: #359bed !important;
}
.product-tabs .hb-nav-tabs {
   border-bottom-color: #359bed;
}
/* Адаптив табов на мобильных: растянуть на всю ширину, обе вкладки равны */
@media (max-width: 767px) {
   .single-product .product-tabs #product-tabs.hb-nav-tabs.nav-tab-cell-detail {
      display: flex;
      width: 100%;
      min-width: 0;
      border-bottom-color: #359bed;
   }
   .single-product .product-tabs #product-tabs.hb-nav-tabs.nav-tab-cell-detail > li {
      flex: 1 1 50%;
      margin: 0;
      text-align: center;
   }
   .single-product .product-tabs #product-tabs.hb-nav-tabs.nav-tab-cell-detail > li > a {
      display: block;
      width: 100%;
      height: 42px;
      line-height: 42px;
      padding: 0;
      font-size: 12px;
   }
}

/* ============================================================
   MOBILE LEFT DRAWER Z-STACK FIX (16.08)
   Шторка .mobile-left-menu + оверлей .menu-overlay под липкой
   панелью (ul.icon-menu z:2500) и поиском (2000).
   Компонент mobile-left/style.css ставит z:1111/1110.
   Поднимаем над ВСЕМ (но ниже #bx-panel z:99999).
   ============================================================ */
body .mobile-left-menu,
.mobile-left-menu {
   z-index: 25001;
   position: fixed;
}
body .menu-overlay,
.menu-overlay {
   z-index: 25000;
   position: fixed;
}
/* Контент шторки и кнопка закрытия остаются кликабельными */
body .mobile-left-menu > ul,
body .mobile-left-menu .close-mobile-menu,
body .mobile-left-menu .callback-request {
   position: relative;
   z-index: 25002;
}

/* ============================================================
   MOBILE LEFT DRAWER: КРЕСТИК ЗАКРЫТИЯ В ПРАВЫЙ ВЕРХНИЙ УГОЛ (16.08)
   Компонент mobile-left/style.css ставит .close-mobile-menu
   position:absolute; top:40px; right:40px — на мобиле крестик
   вылетал за край. Переносим внутрь шторки в правый верхний угол.
   ============================================================ */
body .mobile-left-menu .close-mobile-menu,
.mobile-left-menu .close-mobile-menu {
   position: absolute;
   top: 16px;
   right: 16px;
   left: auto;
   z-index: 25002;
   width: 34px;
   height: 34px;
   padding: 8px;
   background-size: 18px 18px;
   background-position: center;
   overflow: visible;
   cursor: pointer;
   display: block;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}
/* ============================================================
   MOBILE CATALOG PANEL (.mobile-menu-for-compact) — spacing + close (16.08)
   Компонент bitrix:menu/top_horizontal_ozon. Панель full-screen
   fixed top:0 z:99999. Заголовок «Каталог» и категории прилипали
   вплотную к верху; крестик был в потоке без позиционирования.
   ============================================================ */
@media (max-width: 767.5px) {
   /* 1. Безопасный верхний отступ: заголовок не прилипает к верхней кромке */
   .mobile-menu-for-compact .head__wrapper {
      position: relative;
      padding-top: 16px;
   }
   .mobile-menu-for-compact .head {
      min-height: 44px;
      padding: 0 16px;
   }
   /* 2. Категории не вплотную к заголовку/шапке */
   .mobile-menu-for-compact .content {
      padding-top: 6px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
   }
   /* 3. Крестик закрытия: правый верхний угол, поверх всего */
   .mobile-menu-for-compact .close {
      position: absolute;
      top: 12px;
      right: 16px;
      left: auto;
      z-index: 26000;
      font-size: 24px;
      line-height: 1;
      color: #333333;
      cursor: pointer;
      width: 34px;
      height: 34px;
      padding: 8px;
      display: block;
      text-align: center;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      overflow: visible;
   }
   /* 4. Заголовок не наезжает на крестик (справа запас) */
   .mobile-menu-for-compact .head h5 {
      margin: 0;
      padding-right: 40px;
   }
}
/* ============================================================
   MOBILE CATALOG OVERLAY: поднять контекст header над липкой панелью (16.08)
   Панель .mobile-menu-for-compact (z:99999) лежит ВНУТРИ <header>
   (header-style-1 z:1150). Топ-бар ul.icon-menu z:2500 (fixed, прямой
   потомок body) — выше 1150, поэтому при открытом каталоге липкая
   панель оставалась ПОВЕРХ панели и перекрывала крестик/заголовок.
   Поднимаем мобильный header выше топ-бара (но ниже шторки 25000 и
   #bx-panel 99999), чтобы каталог-оверлей накрывал панель и шапку.
   ============================================================ */
@media (max-width: 767px) {
   body header,
   body .header-style-1,
   body .header-style-2 {
      z-index: auto !important;
   }
   /* Fullscreen mobile-каталог (внутри header, поэтому header z:auto) —
      поднимаем его wrapper-контекст выше топ-бара (2100) и шторки (25001),
      чтобы каталог накрывал липкую шапку. Ниже #bx-panel (99999). */
   .yamm.hb-navbar.mobile-menu {
      /* Динамический z-index (правка): БАЗОВО — ниже липкой шапки (2100),
         чтобы второй ряд иконок при скролле прятался ПОД шапку и не обрезал её.
         Поднимается до 26000 ТОЛЬКО при открытом каталоге (body.catalog-is-open). */
      z-index: 2000 !important;
   }
   /* Каталог открыт -> поднимаем wrapper выше шапки (2100) и шторки (25001),
      чтобы полноэкранный каталог накрывал липкую шапку. Ниже #bx-panel(99999). */
   body.catalog-is-open .yamm.hb-navbar.mobile-menu {
      z-index: 26000 !important;
   }

   /* ============================================================
      КОРЗИНА (modern_blue) — мобильная чистка v2 (16.08, рефакторинг)
      Все правила ТОЛЬКО для <=767px.
      ============================================================ */

   /* --- 1. ОДИН крестик удаления в правом верхнем углу ---
         В DOM два узла удаления: десктопная ячейка
         `.basket-items-list-item-remove` (d-none d-md-block) и мобильный
         блок `.basket-item-block-info .basket-item-actions-remove`.
         Скрываем ДЕСКТОПНУЮ ячейку (дубль), оставляем мобильный блок:
         он нативно absolute (top:-4px; right:0) — чуть приподнимем в угол. */
   .basket-items-list-item-container { position: relative; }

   

   

   /* --- 2. Дубль «цена за 1 шт» убрать: скрыть НАТИВНУЮ серую подпись.
         (мой префикс «За 1 шт:» из v1 удалён — остаётся базовая цена). */
   

   /* --- 3. Цена / Количество / Сумма — ОДНА горизонтальная строка ---
         [Цена] — [Счетчик +-] — [Сумма]. Родитель tr по умолчанию flex+wrap;
         descriptions (фото/имя) занимает свою 100% линию, а эти три ячейки
         делят вторую строку поровну (flex:1;min-width:0 => не переносятся). */
   /* Родительская строка — выравнивание ПО НИЖНЕМУ КРАЮ:
         цифры цен и счетчик на одной линии снизу, подписи сверху. */
   tr.basket-items-list-item-container {
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
   }

   
   
   

   

   /* Цена — слева, Сумма — справа */
   
   
   

   

   /* Количество — по центру; снять штатный min-width:100% и колонку */
   
   /* Компактнее кнопки +/- , чтобы строка влезала на 320-375px */
   
   
   

   /* цена за единицу — бледнее/меньше */
   
   /* итоговая сумма — жирная/крупнее */
   

   /* --- 4. Подписи над цифрами цен (через ::before, без правки шаблона) --- */
   /* Подпись для цены за единицу */
   .basket-item-price-current [id^="basket-item-price-"]::before {
      content: "Цена";
      display: block;
      font-size: 11px;
      color: #999;
      font-weight: 400;
      margin-bottom: 2px;
   }
   /* Подпись для итоговой суммы */
   .basket-item-price-current [id^="basket-item-sum-price-"]::before {
      content: "Сумма";
      display: block;
      font-size: 11px;
      color: #999;
      font-weight: 400;
      margin-bottom: 2px;
   }
}

/* ============================================================
   КАТАЛОГ — мобильная карточка: МОНОЛИТНЫЙ блок «счётчик + корзина» (16.08)
   Счётчик ПРИКЛЕЕН к кнопке (gap:0, одна высота 36px), общий прямоугольник
   со скруглением 3px по краям. Кроссбраузер: раньше кнопка переносилась ПОД
   счётчик (Android) и был зазор/разная высота -> теперь единый компонент.
   ============================================================ */
@media (max-width: 767px) {
   /* 1. Общий контейнер: убрать зазор, центрировать, запретить перенос */
   #grid-container .products .cart .action {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 0;
      width: 100%;
   }

   /* 3. Кнопка "В корзину": редизайн каталога — полная ширина, видимый текст
      (заменяет прежний "квадрат-иконку 40x36 встык к счётчику"). Без !important —
      специфичность селектора (1 ID + 4 класса) уже достаточна. */
   #grid-container .products .cart .action a.add_to_basket {
      height: 36px;
      width: 100%;
      min-width: 0;
      max-width: 100%;
      padding: 0 10px;
      margin: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: none;
      border-radius: 2px;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      float: none;
      font-size: 13px;
      line-height: 1;
      color: #111111;
      background: #D7FF00;
      white-space: nowrap;
      overflow: hidden;
      text-align: center;
      text-transform: uppercase;
      font-weight: 700;
   }
   /* Иконка корзины (CSS-маска) — отключена, в новом дизайне виден текст */
   #grid-container .products .cart .action a.add_to_basket::after {
      display: none;
   }
}

/* ============================================================
   WISHLIST (В избранное) в карточках каталога (16.08 — v2)
   БАЗОВОЕ: сердечко серое #666, контейнер прозрачный (без плашек).
   АКТИВНОЕ (.active/.in-favorites/.is-favorite/.in-wishlist/.selected
   + :hover/:focus/:active): сердечко #359bed, контейнер прозрачный.
   НЕ красить все сердечки синим по умолчанию.
   ============================================================ */
@media (max-width: 767px) {
   /* Контейнер кнопки — редизайн каталога: прозрачный круг в углу картинки,
      подсветка лаймом при наведении (без !important — специфичность блока
      ниже уже достаточна благодаря отсутствию конкурирующих !important). */
   #grid-container .products .wishlist,
   .homepage-container .product .wishlist,
   .product .cart .action .wishlist,
   .catalog .wishlist,
   a.hb-cbtn.wishlist:not(.favorite-button-inline .hb-cbtn),
   a.hb-cbtn.wishlist:not(.favorite-button-inline .hb-cbtn),
   a[class*="wishlist"]:not(.similar-wishlist):not(.favorite-button-inline .hb-cbtn) {
      background: transparent;
      background-image: none;
      border: none;
      box-shadow: none;
      border-radius: 50%;
   }
   #grid-container .products .wishlist:hover,
   .homepage-container .product .wishlist:hover,
   .product .cart .action .wishlist:hover,
   .catalog .wishlist:hover,
   a.hb-cbtn.wishlist:not(.favorite-button-inline .hb-cbtn):hover,
   a.hb-cbtn.wishlist:not(.favorite-button-inline .hb-cbtn):hover,
   a[class*="wishlist"]:not(.similar-wishlist):not(.favorite-button-inline .hb-cbtn):hover {
      background: #D7FF00;
   }

   /* БАЗОВОЕ: сердечко — тёмное, без !important */
   #grid-container .products .wishlist i,
   #grid-container .products .wishlist .fa-heart,
   #grid-container .products .wishlist .fa,
   .homepage-container .product .wishlist i,
   .homepage-container .product .wishlist .fa-heart,
   .homepage-container .product .wishlist .fa,
   .product .cart .action .wishlist i,
   .product .cart .action .wishlist .fa-heart,
   .product .cart .action .wishlist .fa,
   .catalog .wishlist i,
   .catalog .wishlist .fa-heart,
   .catalog .wishlist .fa,
   a.hb-cbtn.wishlist:not(.favorite-button-inline .hb-cbtn) i,
   a.hb-cbtn.wishlist:not(.favorite-button-inline .hb-cbtn) .fa-heart,
   a.hb-cbtn.wishlist:not(.favorite-button-inline .hb-cbtn) .fa,
   a[class*="wishlist"]:not(.similar-wishlist):not(.favorite-button-inline .hb-cbtn) i,
   a[class*="wishlist"]:not(.similar-wishlist):not(.favorite-button-inline .hb-cbtn) .fa-heart,
   a[class*="wishlist"]:not(.similar-wishlist):not(.favorite-button-inline .hb-cbtn) .fa {
      color: #333333;
   }

   /* HOVER/ACTIVE: сердечко темнее на лаймовом фоне */
   #grid-container .products .wishlist:hover i,
   #grid-container .products .wishlist:hover .fa-heart,
   #grid-container .products .wishlist:hover .fa,
   #grid-container .products .wishlist:focus i,
   #grid-container .products .wishlist:active i,
   #grid-container .products .wishlist.active i,
   #grid-container .products .wishlist.in-favorites i,
   #grid-container .products .wishlist.is-favorite i,
   #grid-container .products .wishlist.in-wishlist i,
   #grid-container .products .wishlist.selected i,
   .homepage-container .product .wishlist:hover i,
   .homepage-container .product .wishlist:hover .fa-heart,
   .homepage-container .product .wishlist.active i,
   .homepage-container .product .wishlist.in-favorites i,
   .homepage-container .product .wishlist.is-favorite i,
   .homepage-container .product .wishlist.in-wishlist i,
   .homepage-container .product .wishlist.selected i,
   .product .cart .action .wishlist:hover i,
   .product .cart .action .wishlist.active i,
   .product .cart .action .wishlist.in-favorites i,
   .product .cart .action .wishlist.is-favorite i,
   .product .cart .action .wishlist.in-wishlist i,
   .product .cart .action .wishlist.selected i,
   .catalog .wishlist:hover i,
   .catalog .wishlist.active i,
   .catalog .wishlist.in-favorites i,
   .catalog .wishlist.is-favorite i,
   .catalog .wishlist.in-wishlist i,
   .catalog .wishlist.selected i,
   a.hb-cbtn.wishlist:hover i,
   a.hb-cbtn.wishlist.active i,
   a.hb-cbtn.wishlist.in-favorites i,
   a.hb-cbtn.wishlist.is-favorite i,
   a.hb-cbtn.wishlist.in-wishlist i,
   a.hb-cbtn.wishlist.selected i,
   a[class*="wishlist"]:not(.similar-wishlist):hover i,
   a[class*="wishlist"]:not(.similar-wishlist):focus i,
   a[class*="wishlist"]:not(.similar-wishlist):active i,
   a[class*="wishlist"]:not(.similar-wishlist).active i,
   a[class*="wishlist"]:not(.similar-wishlist).in-favorites i,
   a[class*="wishlist"]:not(.similar-wishlist).is-favorite i,
   a[class*="wishlist"]:not(.similar-wishlist).in-wishlist i,
   a[class*="wishlist"]:not(.similar-wishlist).selected i {
      color: #111111;
   }

   /* Наведение на сердечко в активном — чуть темнее синий */
/* hb-heart-clean: удалено правило принудительной белой иконки сердца (!important) */
}


/* ============================================================
   ТОЛЬКО @media (min-width:1200px). Планшеты/мобилки НЕ тронуты.
   Бэкапы: main.css.bak_wide4v1_20260816 (v1), main.css.bak_wide4_20260816 (исходный)
   Правка v2: центрирование контейнера + честная %-сетка (20/80), без щелей.
   Правила скапированы на каталог (.sidebar + .homebanner-holder), чтобы
   НЕ задеть другие колонки col-md-3/col-md-9 на главной/поиске/карточке.
   ============================================================ */
@media (min-width: 768px) {

   /* 4. Flexbox-сетка: 4 товара в ряд, ровные ряды независимо от высоты контента.
         Убраны float:left и clear:nth-child(4n+1) (костыль не работал при разной высоте). */
   #grid-container .bx_catalog_list_home {
      display: flex;
      flex-wrap: wrap;
   }
   /* Усиление специфичности через ID родителя (#grid-container = tab-pane.active, родитель строки) */
#grid-container .bx_catalog_list_home .hb-col-md-4 {
      flex: 0 0 25%;
      max-width: 25%;
      width: 25%;
      display: flex;
      margin-bottom: 30px;
      float: none;
      position: relative;
   }
   
   /* 3. Внутренний контейнер карточки: 100% ширины, столбик, растягивает высоту */
#grid-container .bx_catalog_list_home .hb-col-md-4 .products .products {
      width: 100%;
      display: flex;
      flex-direction: column;
      height: auto;
      min-height: 0;
   }
   
}


/* --- v3: внутренний .col-md-9 (обёртка товаров внутри homebanner-holder)
        тянется на 100% своей колонки, чтобы products заполнил все 80% --- */
@media (min-width: 768px) {
   .homebanner-holder .hb-col-md-9 {
      flex: 0 0 100% !important;
      max-width: 100% !important;
      width: 100% !important;
   }
}


/* ============================================================
   ВНУТРЕННИЙ FLEX КАРТОЧКИ КАТАЛОГА — ровные ряды (2026-08-17)
   ТОЛЬКО @media (min-width:1200px). Планшеты/мобилка НЕ тронуты.
   Бэкап: main.css.bak_intflex_20260817
   Задача: цены и кнопки по ОДНОЙ линии во всём ряду, hover не
   ломает геометрию (монолитные карточки).
   ============================================================ */
@media (min-width: 768px) {
   /* A. Проростим flex-колонку: .products уже flex:column;height:100%.
         Делаем .product тоже flex-колонкой на всю высоту карточки,
         иначе низ (.price + .cart) не выравнивается и цены прыгают. */
   #grid-container .products .product,
   #grid-container .bx_catalog_list_home .products .product {
      display: flex;
      flex-direction: column;
      height: auto;
      flex-grow: 1;   /* заполняет .products (col-строку) надёжнее, чем height:100%
                                    (при высоте .col-md-4 из авто-равнения % резолвится нестабильно) */
   }

   /* B. product-info(блок с названием/атрибутами) растягивается (flex-grow:1),
         жёстко выталкивая цену и кнопки в самый низ карточки. */
   #grid-container .products .product .product-info,
   #grid-container .bx_catalog_list_home .products .product .product-info {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      height: auto;
   }

   /* C. Цена прижата к низу внутри product-info → цены всего ряда на одной линии */
   #grid-container .products .product .product-info .product-price,
   #grid-container .bx_catalog_list_home .products .product .product-info .product-price {
      margin-top: auto;
   }

   /* D. Блок кнопок (.cart): всегда резервируем место (min-height:50px),
         чтобы hover/появление кнопки НЕ двигало сетку. Появление через
         opacity (НЕ display) → геометрия стабильна. */
   #grid-container .products .product .cart,
   #grid-container .bx_catalog_list_home .products .product .cart {
      margin-top: auto;
      min-height: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 1;
      visibility: visible;
      transition: opacity 0.25s ease;
   }
   #grid-container .products .product:hover .cart,
   #grid-container .bx_catalog_list_home .products .product:hover .cart {
      opacity: 1;
   }

   /* E. Отключить грубый hitbox-хак (padding-bottom:100px при hover) —
         он перекашивал ряд, делая наведённую карточку выше соседей.
         Теперь место под кнопки зарезервировано заранее (см. D), поэтому
         растяжение не нужно и кнопка остаётся кликабельной. */
   #grid-container .products:hover {
      padding-bottom: 0;
      margin-bottom: 0;
   }
}


/* ============================================================
   КНОПКИ + HOVER-РАМКА — ФИНАЛЬНАЯ ПОЛИРОВКА (2026-08-17)
   ТОЛЬКО @media (min-width:1200px). Планшеты/мобилка НЕ тронуты.
   Бэкап: main.css.bak_btnfinal_20260817
   Жалоба: дёрганье ряда при hover, кнопки без рамок, сердечко перенести
   в нижний блок в один ряд с «В корзину».
   Решение: базовая прозрачная рамка на .products (убирает сдвиг),
   .action — flex-ряд (Корзина flex-grow + Избранное квадрат 40px),
   количество скрыто, сердечко inline (без absolute), активное состояние.
   ============================================================ */
@media (min-width: 768px) {
   /* 1. АНТИ-ДЁРГАНЬЕ: базовая ПРОЗРАЧНАЯ рамка + padding на .products
         ИДЕНТИЧНЫ состоянию hover (рамка и padding-bottom:15px заложены в базу).
         При hover меняются только цвет рамки и тень — физический размер НЕ
         меняется, ряд не передёргивается (раньше hover добавлял padding:15px,
         база без него → +15px скачок высоты). */
   /* 1. ЖЕЛЕЗОБЕТОННАЯ ГЕОМЕТРИЯ (анти-дёрганье по горизонтали + вертикали):
         box-sizing:border-box + прозрачная рамка со всех сторон + width:100%
         ЗАПИРАЮТ ширину .products на ширине ячейки. Раньше .products был
         content-width (279 из 309px колонки) и при hover border расш±ривал
         карточку на +20px (279->299), расталкивая соседей. Теперь width:100%
         + border-box: рамка всегда внутри, ширина не меняется ни на мм. */
   #grid-container .bx_catalog_list_home .products {
      box-sizing: border-box;
      border: 1px solid transparent;
      border-right: 1px solid transparent;
      border-left: 1px solid transparent;
      flex: 0 0 100%;   /* .products — flex-item колонки .col-md-4.
                                      flex:0 0 100% = НИ grow (не растёт по контенту кнопок),
                                      НИ shrink, всегда ровно ширина колонки (border-box).
                                      flex:1 1 100% всё ещё мог разъезжаться из-за
                                      min-content .action/.add_to_basket на :hover. */
      flex-grow: 0;
      flex-shrink: 0;
      width: 100%;
      max-width: 100%;
      min-width: 0;
      padding-bottom: 15px;
      height: auto;
      overflow: hidden;  /* контент (кнопки) НЕ растягивает .products:
                                      min-content .action не разъезжает ширину на :hover */
   }
   #grid-container .bx_catalog_list_home .products:hover {
      margin: 0;
      margin-bottom: 0;
      /* Рамку даёт box-shadow-кольцо (inset 1px) + мягкая тень — это НЕ layout,
         физическая ширина 100% НЕ меняется ни на мм (border убран!). */
      box-shadow: none;
      border: 0;
      /* ПЕРЕБИВАЕМ legacy hitbox (стр.8974: @media min-width:992px
         #grid-container .products:hover {padding-bottom:100px; overflow:visible})
         — он ОТКРЫВАЛ overflow:visible и растягивал .products на +20px по ширине
         (кнопочный min-content разъезжался), плюс добавлял 100px снизу. */
      padding-bottom: 6px;
      overflow: visible;
      z-index: auto;
   }

   /* 2. СКРЫТЬ КОЛИЧЕСТВО в плитке каталога ВЕЗДЕ (все разрешения). */

   /* 1. РЯД "В НАЛИЧИИ + АРТИКУЛ" в одну строку (над ценой). PHP-обёртка .artikel-nal-row. */
   #grid-container .bx_catalog_list_home .artikel-nal-row {
      display: flex;
      flex-wrap: wrap;   /* при нехватке места элементы переносятся */
      justify-content: space-between;
      align-items: center;
      width: 100%;
      margin-bottom: 8px;
   }
   /* Узкие десктопы (1200-1400): карточка сужается, "В наличии"+"Артикул"
         выстраиваются в колонку, чтобы не сплющивались. */
   @media (min-width: 1200px) and (max-width: 1400px) {
      #grid-container .bx_catalog_list_home .artikel-nal-row {
         flex-direction: column;
         align-items: flex-start;
         gap: 4px;
      }
   }
   #grid-container .bx_catalog_list_home .artikel-nal-row .product-catalog-nal {
      margin: 0;
      padding: 0;
   }
   #grid-container .bx_catalog_list_home .artikel-nal-row .article {
      /* Шрифт идентичен остальному сайту, просто жирный.
         font-weight: bold (600 нет в начертании — браузер синтетически утолщал,
         выглядел чужеродно). Цвет — унаследованный серый (убран #333). */
      font-weight: 400;
      font-family: inherit;
      margin: 0;
      padding: 0;
      color: #A0A0A0;
      font-size: 12px;
   }
   #grid-container .products .cart-quantity {
      display: none;
   }
   #grid-container .products a.add_to_basket:hover,
   #grid-container .products .add_to_basket:hover {
      background: #c2e600;
      color: #111111;
   }

   /* 5. КНОПКА «ИЗБРАННОЕ» (сердечко) — редизайн каталога: правый верхний
         угол картинки, без рамки/фона (заменяет прежний "квадрат 40px"). */
   #grid-container .products .wishlist,
   #grid-container .products a.wishlist,
   #grid-container .products a[class*="wishlist"]:not(.similar-wishlist),
   #grid-container .bx_catalog_list_home .product .cart .action .wishlist {
      position: absolute;
      top: 12px;
      right: 12px;
      left: auto;
      float: none;
      flex: 0 0 auto;
      width: 22px;
      height: 22px;
      border: none;
      border-radius: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background: transparent;
      box-shadow: none;
      opacity: 1;
      visibility: visible;
      color: #333333;
      z-index: 460;
   }
   /* Активное состояние (товар в избранном). */
   #grid-container .products .wishlist.active,
   #grid-container .products a.wishlist.active,
   #grid-container .products .wishlist.in_wishlist,
   #grid-container .products .wishlist.added {
      border-color: #36a4da;
      color: #36a4da;
   }

   /* 6. КОНТЕКСТ: .cart прозрачен, кнопки живут в .action, рамка одна.
         align-items:flex-end прижимает .action с кнопками к низу .cart,
         чтобы под кнопками не зияла пустая часть зарезервированной строки. */
   #grid-container .bx_catalog_list_home .product .cart {
      opacity: 1;
      align-items: flex-end;
      min-height: 0;
   }

   /* 7. Внутренние элементы — без собственных рамок (одна у .products).
         ВНИМАНИЕ: НЕ трогаем .action/.add_to_basket/.wishlist — у них свои
         рамки кнопок (правила 4,5). Раньше универсальный .products * {border:0}
         стирал рамки у кнопок «В корзину» и «Избранное»! */
#grid-container .products .product-image,
#grid-container .products .product-info,
#grid-container .bx_catalog_list_home .hb-col-md-4 {
      border: 0;
      outline: 0;
      box-shadow: none;
   }

   /* 8. Убираем базовый margin-bottom:30px у .product ВСЕГДА (не только hover).
         Базовый отступ между карточками оставлял дыру под контентом (product
         не заполнял .products: 423 из 455px). Теперь .product заполняет фрейм
         целиком, кнопки прижаты к низу, под ними ровно ~15px рымки. */
   #grid-container .products .product {
      margin-bottom: 0;
   }

   /* 9. ПИНИМ ГОРИЗОНТАЛЬНЫЙ padding колонки в 15px в обоих состояниях.
         КОРЕНЬ дёрганья по горизонтали: при :hover базовый стиль менял
         padding .col-md-4 с 15px на 5px → контент-бокс рос на 20px,
         и .products (width:100%) растягивался 279->299, расталкивая соседей.
         Закрепляем padding — контент-бокс константен, ширина не меняется. */
#grid-container .bx_catalog_list_home .hb-col-md-4,
#grid-container .bx_catalog_list_home .hb-col-md-4:hover {
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 0;
      padding-bottom: 0;
   }

   /* 9b. Гасим базовые hover-рамки шаблона (.col-md-4/.category-product). */
#grid-container .search-result-container .category-product:hover,
#grid-container .bx_catalog_list_home .hb-col-md-4:hover {
      border: 0;
      outline: 0;
      box-shadow: none;
      background: transparent;
   }

   /* 10. КОРЕНЬ: шаблон ставил фикс. высоту 351px на ячейку
         (.search-result-container .category-product>div>div {height:351px!important}).
         Снимаем — ячейка растёт по контенту, кнопки не вываливаются за рамку. */
#grid-container .bx_catalog_list_home .catalog-grid__item,
#grid-container .bx_catalog_list_home .hb-col-md-4 {
      height: auto;
      min-height: 0;
   }
}
/* ============================================================ */
/* ГАЛЕРЕЯ ДЕТАЛЬНОЙ КАРТОЧКИ — рамка главного фото = ширине миниатюр (desktop)
   2026-08-17. База: .gallery-holder .bx_item_slider .bx_bigimages задаёт
   max-width:440px + padding-top:130% (height:0) => при расширенной десктопной
   сетке рамка главного фото узкая и не совпадает с каруселью миниатюр (610px).
   Переопределяем тот же селектор (специфичность равна, main.css грузится позже):
   снимаем cap 440->100%, padding-top->0, включаем aspect-ratio:3/4, центрируем,
   картинку object-fit:contain без искажений/обрезки. */
@media (min-width: 1200px) {
   .gallery-holder .bx_item_slider .bx_bigimages {
      width: 100%;
      max-width: 100%;
      height: auto;
      aspect-ratio: 1 / 1;
      padding-top: 0;
      padding-bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      margin: 0 auto;
      border: 1px solid #e3e3e3;
   }
   .gallery-holder .bx_item_slider .bx_bigimages .bx_bigimages_imgcontainer {
      position: static;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
   }
   .gallery-holder .bx_item_slider .bx_bigimages .bx_bigimages_imgcontainer .bx_bigimages_aligner {
      position: static;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      overflow: hidden;
      margin-top: 0;
   }
   .gallery-holder .bx_item_slider .bx_bigimages .bx_bigimages_imgcontainer img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      max-width: 100%;
      max-height: 100%;
      display: block;
   }
}

/* ============================================================
   БЛОК НОВОСТЕЙ — жёсткий сброс позиционирования (2026-08-17)
   Причина: глобальные .col-md-4 flex-правила ломали сетку новостей.
   Теперь News блок — строго block на 100%, ниже каталога.
   ============================================================ */


/* ============================================================
 ФИКС ГЛАВНОЙ СТРАНИЦЫ: Изоляция сетки товаров и блока новостей
 ============================================================ */
.bx_catalog_list_home {
 width: 100%;
 clear: both;
}

.homepage-container .news,
.homepage-container .news-list,
.homepage-container .blog-news,
.homepage-container .news-section,
.homepage-container section:not(.products-block):not(.featured-product) {
 clear: both;
 display: block;
 width: 100%;
 position: relative;
 margin-top: 40px;
 z-index: 1;
}

/* ============================================================

/* ============================================================
 БАННЕР: высота 320px задаётся ОДНИМ правилом в template_styles.css
 (.cnt-homepage .homepage-slider2, #hero, ... {height:320px!important}) —
 старые 530px/550px-версии этого же фикса (для прежней высоты
 баннера) удалены как мёртвый код, чтобы не конкурировать.
 Отступ margin-bottom у #hero — без !important, конкурентов нет. */
@media (min-width: 1200px) {
 #hero {
 margin-bottom: 8px;
 clear: both;
 }
}

/* hb-popup-cart: попап «Товар добавлен в корзину» — единый блок, без !important */
.popup-window-overlay {
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(2px);
}
.popup-window.popup-window-with-titlebar {
  width: 500px;
  min-width: 480px;
  max-width: 520px;
  padding: 28px 30px;
  box-sizing: border-box;
  background: #ffffff;
  border: none;
  border-radius: 12px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
}
.popup-window .popup-window-titlebar {
  margin: 0 0 18px;
  padding: 0;
  border: none;
  background: transparent;
  font-size: 19px;
  font-weight: 700;
  color: #111111;
  text-align: center;
  justify-content: center;
}
.popup-window .popup-window-content {
  padding: 0;
  background: #ffffff;
}
/* inline max-height:130px у картинки перебивается фиксированной высотой через min-height */
.popup-window .popup-window-content img {
  display: block;
  width: auto;
  height: 250px;
  min-height: 250px;
  max-width: 85%;
  margin: 15px auto 20px;
  object-fit: contain;
  background: transparent;
  border: none;
  box-shadow: none;
}
.popup-window .popup-window-content p {
  margin: 6px 0;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 500;
  color: #222222;
  text-align: center;
}
.popup-window .popup-window-buttons {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  margin-top: 24px;
  padding: 0;
  border: none;
  background: transparent;
}
.popup-window .popup-window-buttons > span {
  display: block;
  flex: 1;
  margin: 0;
  padding: 0;
  background: transparent;
}
.popup-window .popup-window-buttons .bx_medium.bx_bt_button,
.popup-window .popup-window-buttons > .popup-window-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  width: 100%;
  margin: 0;
  padding: 0 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.25s ease;
  box-sizing: border-box;
  box-shadow: none;
  text-decoration: none;
}
.popup-window .popup-window-buttons > span:first-child .bx_medium.bx_bt_button,
.popup-window .popup-window-buttons > .popup-window-button:first-child {
  background: #111111;
  color: #ffffff;
  border: 1px solid #111111;
}
.popup-window .popup-window-buttons > span:first-child .bx_medium.bx_bt_button:hover,
.popup-window .popup-window-buttons > .popup-window-button:first-child:hover {
  background: #333333;
  border-color: #333333;
  color: #ffffff;
}
.popup-window .popup-window-buttons > span:last-child .bx_medium.bx_bt_button,
.popup-window .popup-window-buttons > .popup-window-button:last-child {
  background: #ffffff;
  color: #111111;
  border: 1px solid #111111;
}
.popup-window .popup-window-buttons > span:last-child .bx_medium.bx_bt_button:hover,
.popup-window .popup-window-buttons > .popup-window-button:last-child:hover {
  background: #111111;
  color: #ffffff;
  border-color: #111111;
}
@media (max-width: 767px) {
  .popup-window.popup-window-with-titlebar {
    width: calc(100% - 30px);
    min-width: 0;
    max-width: 360px;
    max-height: 90vh;
    margin: 20px 0;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .popup-window .popup-window-buttons {
    flex-direction: column;
    gap: 8px;
  }
  .popup-window .popup-window-buttons > span {
    flex: none;
  }
}

/* САМО СЕРДЕЧКО ПРИ НАВЕДЕНИИ — ВСЕГДА БЕЛОЕ И ВИДИМОЕ */
/* hb-heart-clean: удалено правило принудительной белой иконки сердца (!important) */



/* ============================================================
   ФИКС КНОПОК «ИЗБРАННОЕ» И «СРАВНЕНИЕ» В ЛИСТИНГЕ КАТАЛОГА
   ============================================================ */
a.hb-cbtn.hb-cbtn.wishlist,
a.hb-cbtn.hb-cbtn.wishlist i,
a.hb-cbtn.hb-cbtn.wishlist .fa-heart {
    transition: all 0.2s ease-in-out !important;
}

/* hb-heart-clean: удалено правило принудительной белой иконки сердца (!important) */

/* Ховер кнопки Сравнение (рядом) */
a.hb-cbtn.hb-cbtn[id*="COMPARE_LINK"]:hover,
a.hb-button.hb-button-primary[id*="COMPARE_LINK"]:hover {
    background: #007bff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: #ffffff !important;
}

a.hb-cbtn.hb-cbtn[id*="COMPARE_LINK"]:hover i,
a.hb-button.hb-button-primary[id*="COMPARE_LINK"]:hover i {
    color: #ffffff !important;
}

/* ============================================================
   РЕЖИМ КАТАЛОГА «СПИСКОМ» — КОМПАКТНЫЙ АККУРАТНЫЙ ВИД
   Префикс .product-list — не задевает «Плитку»
   ============================================================ */
.product-list.product {
    padding: 12px 0 !important;
    margin-bottom: 14px !important;
}

.product-list.product .product-info {
    padding: 4px 18px 4px 0 !important;
    display: flex;
    flex-direction: column;
}

.product-list.product .product-info .name {
    font-size: 19px;
    line-height: 1.3;
    margin: 0 0 4px 0;
    order: 0;
}

/* Артикул — в общий поток под заголовком, подпись «Артикул: » */
.product-list.product .product-info .article {
    float: none !important;
    position: static !important;
    width: auto !important;
    max-width: none !important;
    text-align: left !important;
    display: block;
    margin: 4px 0 4px 0 !important;
    padding: 0 !important;
    color: #555;
    font-size: 13px;
    order: 1;
}

.product-list.product .product-info .article::before {
    content: "Артикул: ";
    color: #999;
}

/* Рейтинг — сразу за артикулом, в потоке */
.product-list.product .product-info .bx_item_detail_rating {
    margin: 2px 0 !important;
    order: 2;
}

/* Строка склада — единственный статус наличия (зелёный, с галочкой) */
.product-list.product .product-info .bx_storege {
    margin: 2px 0 4px 0 !important;
    order: 3;
}

.product-list.product .product-info .bx_storege ul#c_store_amount {
    list-style: none;
    margin: 0;
    padding: 0;
}

.product-list.product .product-info .bx_storege ul#c_store_amount li {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.4;
}

/* Дублирующийся бедж «В наличии» скрываем */
.product-list.product .product-catalog-nal.list {
    display: none !important;
}

/* Цена — после склада */
.product-list.product .product-info .product-price {
    margin: 6px 0 4px 0 !important;
    order: 4;
}

/* Описание подтянуто */
.product-list.product .product-info .description {
    line-height: 1.45;
    margin: 4px 0 0 0 !important;
    order: 5;
}

/* Кнопки: Flex-обёртка, без склейки */
.product-list.product .product-info .cart {
    text-align: left !important;
    margin-top: 4px !important;
    order: 6;
}

.product-list.product .product-info .cart .action {
    display: flex !important;
    gap: 5px;
    align-items: center;
    margin-top: 15px !important;
    flex-wrap: nowrap !important;
}

/* «В корзину»: фикс. ширина/высота, текст по центру */
.product-list.product .product-info .cart .action a.hb-cbtn.hb-cbtn[id*="_buy_link"],
.product-list.product .product-info .cart .action a.hb-button.hb-button-primary[id*="_buy_link"] {
    width: 150px;
    height: 40px;
    min-width: 150px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    line-height: 1;
    white-space: nowrap;
}

/* «Избранное»: строгий квадрат 40x40, без лишних рамок/маргинов */
.product-list.product .product-info .cart .action a.hb-cbtn.hb-cbtn.wishlist {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    padding: 0 !important;
    margin: 0 !important;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.product-list.product .product-info .cart .action a.hb-cbtn.hb-cbtn.wishlist i,
.product-list.product .product-info .cart .action a.hb-cbtn.hb-cbtn.wishlist .fa-heart,
.product-list.product .product-info .cart .action a.hb-cbtn.hb-cbtn.wishlist .icon {
    margin: 0 !important;
    line-height: 1;
}

/* Зелёная галочка у строки «В наличии» на складе */
.product-list.product .bx_storege li span {
    font-weight: 600;
}
.product-list.product .bx_storege li span::before {
    content: "✔ ";
    color: green;
    font-weight: 700;
}

/* End */


/* Start:/local/templates/2beman/assets/css/owl.carousel.css?15856556441474*/
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: static;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(/local/templates/2beman/assets/css/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-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);
}


/* End */


/* Start:/local/templates/2beman/assets/css/owl.transitions.css?15856556444476*/
/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}
/* End */


/* Start:/local/templates/2beman/assets/css/lightbox.css?15856556443898*/
/* Preload images */
body:after {
  content: url(/local/templates/2beman/assets/css/../images/close.png) url(/local/templates/2beman/assets/css/../images/loading.gif) url(/local/templates/2beman/assets/css/../images/prev.png) url(/local/templates/2beman/assets/css/../images/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/local/templates/2beman/assets/css/../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/local/templates/2beman/assets/css/../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/local/templates/2beman/assets/css/../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/local/templates/2beman/assets/css/../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* End */


/* Start:/local/templates/2beman/assets/css/rateit.css?15856556442239*/
.rateit {
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.rateit .rateit-range
{
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    background: url(/local/templates/2beman/assets/css/images/star.gif);
    height: 16px;
    outline: none;
}

.rateit-small .rateit-range
{
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    background: url(/local/templates/2beman/assets/css/images/star-small.png);
    height: 16px;
    outline: none;
}

.rateit .rateit-range * {
    display:block;
}

/* for IE 6 */
* html .rateit, * html .rateit .rateit-range
{
    display: inline;
}

/* for IE 7 */
* + html .rateit, * + html .rateit .rateit-range
{
    display: inline;
}

.rateit .rateit-hover, .rateit .rateit-selected
{
    position: absolute;
    left: 0px;
}

.rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl
{
    left: auto;
    right: 0px;
}

.rateit .rateit-hover
{
    background: url(/local/templates/2beman/assets/css/images/star.gif) left -32px;
}

.rateit-small .rateit-hover
{
    background: url(/local/templates/2beman/assets/css/images/star-small.png) left -32px;
}

.rateit .rateit-hover-rtl
{
    background-position: right -32px;
}

.rateit .rateit-selected
{
    background: url(/local/templates/2beman/assets/css/images/star.gif) left -16px;
}

.rateit-small .rateit-selected
{
    background: url(/local/templates/2beman/assets/css/images/star-small.png) left -16px;
}

.rateit .rateit-selected-rtl
{
    background-position: right -16px;
}

.rateit .rateit-preset
{
    background: url(/local/templates/2beman/assets/css/images/star.gif) left -48px;
}

.rateit .rateit-preset-rtl
{
    background: url(/local/templates/2beman/assets/css/images/star.gif) left -48px;
}

.rateit-small .rateit-preset
{
    background: url(/local/templates/2beman/assets/css/images/star-small.png) left -48px;
}

.rateit-small .rateit-preset-rtl
{
    background: url(/local/templates/2beman/assets/css/images/star-small.png) left -48px;
}

.rateit button.rateit-reset
{
    background: url(/local/templates/2beman/assets/css/images/delete.gif) 0 0;
    width: 16px;
    height: 16px;
    display: -moz-inline-box;
    display: inline-block;
    float: left;
    outline: none;
    border:none;
    padding: 0;
}

.rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus
{
    background-position: 0 -16px;
}

/* End */


/* Start:/local/templates/2beman/assets/css/config.css?17913088011025*/
.config{
	position: fixed;
	top: 50px;
	left: -200px;
	-webkit-transition: 0.3s ease;
  	transition: 0.3s ease;
  	z-index: 999;
}

.config-options{
	float: left;
	width: 200px;
	background-color: #f5f5f5;
	padding: 15px 10px;
	border: 1px solid #333;
	line-height: 24px;
}

.config-options h4{
	margin-bottom: 10px;
}

.config-options .hb-list-unstyled {
	margin-bottom: 20px;
}

.config-options .hb-list-unstyled:last-child {
	margin-bottom: 0;
}

.config-options .hb-list-unstyled > li > a {
	display: block;
	padding-left: 5px;
}

.config-options .hb-list-unstyled > li > a:hover {
	background-color: #fff;
	text-decoration:none;
}

.show-theme-options{
	float: left;
	padding:10px;/* 0 10px;*/
	font-size: 30px;
	display: block;
	background-color: #333;
	color: #fff;
}

.show-theme-options:hover,.show-theme-options:focus{
	text-decoration:none;
	color:#fff;
}

.config.open{
	left: 0;
}

.config .hb-dropdown .hb-dropdown-toggle{
	padding: 6px 12px;
}

.config .hb-dropdown .hb-dropdown-toggle:after{
	content: none;
}
/* End */


/* Start:/local/templates/2beman/assets/css/font-awesome.min.css?158565564421984*/
/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('/local/templates/2beman/assets/css/../fonts/fontawesome-webfont.eot?v=4.2.0');src:url('/local/templates/2beman/assets/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('/local/templates/2beman/assets/css/../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('/local/templates/2beman/assets/css/../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('/local/templates/2beman/assets/css/../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}
/* End */


/* Start:/local/templates/2beman/assets/css/core_fileinput.css?158565564465734*/
.adm-fileinput-drag-area .bx-bxu-thumb-thumb {
	display : inline-block;
}

.adm-fileinput-popup {
	padding : 13px;
}
.adm-fileinput-popup-input-container {
	overflow: hidden;
	padding-right: 12px;
	margin-right: 83px;
}
.adm-fileinput-popup-button-container {
	float: right;
	padding-left: 12px;
}
.adm-fileinput-popup input[type="text"] {
	width: 100%;
	height: 32px;
	line-height: 32px;
}

.adm-fileinput-popup input[type="button"] {
	height: 32px;
	line-height: 32px;
}

.adm-fileinput-setting {
	width: 800px;
	border: 1px solid #e0eaed;
	border-top: 0;
	background: #f5f9f9;
	padding: 0 20px 20px;
	margin-top: 30px;
}

.adm-fileinput-setting-title {
	background: #e0e8e9;
	font-size: 15px;
	color: #4b6266;
	text-shadow: 0 1px 0 #fff;
	font-weight: bold;
	line-height: 36px;
	padding: 0 16px;
	margin: 0 -20px 25px;
}

.adm-fileinput-setting-table-td {
	padding-bottom: 17px;
}

.adm-fileinput-setting-table td:first-child {
	text-align: right;
	padding-right: 5px;
}

.adm-fileinput-setting-table textarea {
	height: 15px;
	width: 100%;
	max-width: 100%;
}

.adm-fileinput-setting-textarea-container {
	display: block;
	overflow: hidden;
	padding-right: 14px;
	margin-top: 1px;
}

.adm-fileinput-setting-table input[type="text"] {
	margin-right: 5px;
}

.adm-fileinput-setting-table input[type="button"] {
	float: right;
	margin-left: 15px;
}

.adm-fileinput-setting-table .adm-designed-checkbox-container {
	margin: 11px 0 5px;
}

.adm-fileinput-setting-table .adm-designed-checkbox-container input {
	width: 14px;
	height: 24px;
}

.adm-fileinput-setting-table .adm-designed-checkbox-container span {
	vertical-align: middle;
	display: inline-block;
}

.adm-fileinput-setting-table .adm-fileinput-setting-table-hint {
	font-weight: bold;
}

.adm-detail-content-table tr .adm-fileinput-table-td-title {
	vertical-align: top;
	text-align: right;
	padding-right: 20px;
	font-size: 14px;
	font-weight: bold;
}

.adm-fileinput-btn-panel .adm-fileinput-mode {
	white-space: nowrap;
	margin: 10px 0 0 10px;
	color: rgba(0,0,0,0.5);
	font-weight: normal;
	font-size: 12px;
}

.adm-fileinput-btn-panel .adm-fileinput-mode a {
	position: relative;
	display: block;
	vertical-align: middle;
	width: 29px;
	height: 25px;
	border: 1px solid transparent;
	border-radius: 3px;
	margin: 0 auto 3px;
}

.adm-fileinput-btn-panel .adm-fileinput-mode a:before {
	content: '';
	position: absolute;
	background: url(/local/templates/2beman/assets/css/../images/fileinput/fileinput-sprite.png) no-repeat -61px -17px;
	width: 16px; 
	height: 14px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.adm-fileinput-btn-panel .adm-fileinput-mode a.mode-file:before {
	width: 11px;
	height: 14px;
	background-position: -79px -17px;
}

.adm-fileinput-btn-panel .adm-fileinput-mode a:active:before,
.adm-fileinput-btn-panel .adm-fileinput-mode.mode-file a.mode-file:before,
.adm-fileinput-btn-panel .adm-fileinput-mode.mode-pict a.mode-pict:before{
	background-position: -61px -35px; 
}

.adm-fileinput-btn-panel .adm-fileinput-mode a.mode-file:active:before,
.adm-fileinput-btn-panel .adm-fileinput-mode.mode-file a.mode-file:before{
	background-position: -79px -35px; 
}

.adm-fileinput-btn-panel .adm-fileinput-mode a:hover {
	background-image: -webkit-linear-gradient(bottom, #c4d0d5, #ebeef1);
	background-image: -moz-linear-gradient(bottom, #c4d0d5, #ebeef1);
	background-image: -ms-linear-gradient(bottom, #c4d0d5, #ebeef1);
	background-image: -o-linear-gradient(bottom, #c4d0d5, #ebeef1);
	background-image: linear-gradient(bottom, #c4d0d5, #ebeef1);
	border: 1px solid #8e9a9e;
}

.adm-fileinput-btn-panel .adm-fileinput-mode a:active, 
.adm-fileinput-btn-panel .adm-fileinput-mode.mode-file a.mode-file,
.adm-fileinput-btn-panel .adm-fileinput-mode.mode-pict a.mode-pict{
	background-image: -webkit-linear-gradient(bottom, #b2bbbf, #6d767b);
	background-image: -moz-linear-gradient(bottom, #b2bbbf, #6d767b);
	background-image: -ms-linear-gradient(bottom, #b2bbbf, #6d767b);
	background-image: -o-linear-gradient(bottom, #b2bbbf, #6d767b);
	background-image: linear-gradient(bottom, #b2bbbf, #6d767b);
	border: 1px solid #5f676b;
	width: 27px;
	height: 23px;
	margin: 0 auto 5px;
}
.adm-fileinput-area.mode-with-description .adm-fileinput-item-description {
	display : block;
}

.adm-fileinput-btn-panel {
	float: right;
}

span.adm-btn.add-file-popup-btn {
	
}

.adm-fileinput-list,
.adm-fileinput-list li,
.adm-fileinput-drag-area ol,
.adm-fileinput-drag-area ol li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
}
.adm-fileinput-area {
	position: relative;
	border: 2px dashed transparent;
	border-radius: 4px;
	padding: 10px 10px 20px;
	margin-right: 55px;
	font-size: 0;
	min-height: 65px;
}
.adm-photoeditor-popup-frame-wait span{
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	background: url("/local/templates/2beman/assets/css/../images/wait-big.gif") no-repeat center center #fff !important;
}

.adm-fileinput-drag-area {
	border: 2px dashed #d3d2d2;
}

.adm-fileinput-drag-area-error,
.adm-fileinput-drag-area.adm-fileinput-drag-area-error:hover {
	border: 2px dashed #f54740;
}

.adm-fileinput-drag-area:hover {
	border: 2px dashed #929ba1;
}
.adm-fileinput-area.adm-fileinput-non-delete .adm-btn-del {
	display : none;
}
.adm-fileinput-area.adm-fileinput-non-edit .adm-btn-setting {
	display : none;
}
.adm-fileinput-drag-area-hint {
	display: none;
	font-size: 14px;
	font-weight: bold;
	color: #aebac3;
	text-align: center;
	margin-top: 29px;
}
.adm-fileinput-drag-area .adm-fileinput-drag-area-hint,
.adm-fileinput-drag-area-error .adm-fileinput-drag-area-hint {
	display : block;
}

input.adm-fileinput-area-input {
	filter: alpha(opacity=0) !important;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	cursor: pointer !important;
}
.bx-ie8 input.adm-fileinput-area-input{
	font-size: 120px;
	right: 0;
	left: inherit;
	overflow: hidden;
}
.adm-fileinput-drag-area-error .adm-fileinput-drag-area-hint,
.adm-fileinput-drag-area.adm-fileinput-drag-area-error:hover .adm-fileinput-drag-area-hint {
	color: #d85452; 

}

.adm-fileinput-drag-area:hover .adm-fileinput-drag-area-hint {
	color: #929ba1;
}
input.adm-fileinput-drag-area-input {
	filter: alpha(opacity=0) !important;
	bottom: 15px !important;
	left: 0 !important;
	opacity: 0 !important;
	position: absolute !important;
	display: block;
	width: 100%;
	height: 40px;
	cursor: pointer !important;
}
.bx-ie8 input.adm-fileinput-drag-area-input{
	font-size: 400px;
	right: 0;
	left: inherit;
	overflow: hidden;
}

.adm-fileinput-item {
	width: 164px;
	margin-right: 10px;
	padding: 12px 12px 0;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
	background: #fff;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.4);
	border-radius: 3px;
	display: inline-block;
}

.adm-fileinput-item-wrapper {
	display: inline-block;
	vertical-align: top;
	opacity: 1;
	width: 198px;
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition: opacity 0.3s linear, width 0.3s linear 0.3s, transform 0.3s linear;
	transition: opacity 0.3s linear, width 0.3s linear 0.3s, transform 0.3s linear;
}

.adm-fileinput-links  {
	padding: 12px;
	position: relative;
	margin-bottom: 10px;
	background: #fff;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.4);
	border-radius: 3px;
	display: inline-block;
}

.bx-drag-over {
	width: 276px;
}

.bx-drag-over .adm-fileinput-item {
	position: relative;
	margin-left: 78px;
	overflow: visible;
	background: rgba(255,255,255,0.6);
}

.bx-drag-over .adm-fileinput-item:before {
	content: '';
	position: absolute;
	top: 2px;
	bottom: 0;
	left: -76px;
	margin: auto;
	width: 62px;
	background-color: #e2f5fc;
	border: 2px dashed #a7b0b5;
	border-radius: 3px;
}

.adm-fileinput-item-remove {
	opacity: 0;
	width: 0;
	-webkit-transform: scale(0.6,0.6);
	-moz-transform: scale(0.6,0.6);
	-o-transform: scale(0.6,0.6);
	transform: scale(0.6,0.6);
}

.adm-fileinput-item input.adm-fileinput-item-description {
	display: none;
	border: 1px solid #d7d9db;
	border-radius: 0;
	padding: 0 8px;
	box-shadow: 0 0 0 1px #d7d9db;
	height: 30px;
	margin-top: 8px;
	width: 146px;
}

.adm-fileinput-item input.adm-fileinput-item-description:focus { 
	box-shadow: 0 0 0 1px #3ca2f1;
	border: 1px solid #3ca2f1;
}


.adm-fileinput-item .adm-fileinput-item-preview-img {
	display : none;
}
.adm-fileinput-item-image .adm-fileinput-item-preview-img {
	display : block;
}
.adm-fileinput-item-image .adm-fileinput-item-preview-icon{
	display : none;
}
.mode-file .adm-fileinput-item-image .adm-fileinput-item-preview-img,
.mode-file.adm-fileinput-item-image .adm-fileinput-item-preview-img {
	display : none;
}
.mode-file .adm-fileinput-item-image .adm-fileinput-item-preview-icon,
.mode-file.adm-fileinput-item-image .adm-fileinput-item-preview-icon {
	display : inline-block;
}
.adm-fileinput-item-saved {
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.4), inset 0 0 0 3px #ffe667;
}
.adm-fileinput-item-error .adm-fileinput-item-preview {
	box-shadow: 0 0 0 1px #eb9da0;
}

.adm-fileinput-item-link {
	background: #f3f3f5;
	padding: 11px 17px;
	margin-bottom: 10px;
	border-radius: 5px;
}
.adm-fileinput-link-container {
	clear: both;
}
.adm-fileinput-item-add {
	float: right;
	font-size: 13px;
	font-weight: bold;
	color: #2b7bbc;
	text-decoration: none;
	margin-bottom: 10px;
}
.adm-fileinput-item-add.disabled{
	opacity: 0.3;
}

.adm-fileinput-item-divider {
	width: 100%;
	height: 1px;
	background: #e7e9ee;
	margin: 10px 0;
	overflow: hidden;
}

.adm-fileinput .adm-btn.adm-btn-grey, .adm-fileinput .adm-btn.adm-btn-grey:active {
	padding-right: 15px!important;
}

.adm-fileinput .adm-btn.adm-btn-grey:after {
	display: none;
}

ol.adm-fileinput-urls li {
	background: #f3f3f5;
	padding: 11px 17px;
	margin-bottom: 10px;
	border-radius: 5px;
}

.adm-fileinput-urls .adm-fileinput-item-panel {
	float: right;
	margin-left: 4px;
	height: 37px;
}

.adm-fileinput-urls-item {
	overflow: hidden;
	margin-right: 26px;
}

.adm-fileinput-urls input[type="text"] {
	width: 308px;
	height: 32px;
	border-radius: 4px;
	display: inline-block;
}

.adm-fileinput-urls label {
	margin-right: 10px;
	display: inline-block;
}


ol.adm-fileinput-presets li {
	background: #f3f3f5;
	padding: 11px 17px;
	margin-bottom: 10px;
	border-radius: 5px;
}

.adm-fileinput-presets .adm-fileinput-item-panel {
	float: right;
	margin-left: 4px;
	height: 37px;
}

.adm-fileinput-presets-item {
	overflow: hidden;
	margin-right: 26px;
}

.adm-fileinput-presets input[type="text"] {
	width: 50px;
	height: 32px;
	border-radius: 4px;
	display: inline-block;
	text-align: center;
}
.adm-fileinput-presets input.adm-fileinput-presets-title {
	width: 100px;
	text-align: left;
}



.adm-fileinput-item-preview {
	position: relative;
	background: #f5f9f9;
	width: 164px;
	height: 164px;
	line-height: 164px;
	text-align: center;
	box-shadow: 0 0 0 1px #e6e7e9;
}

.adm-fileinput-item-preview .bx-file-icon-container-big {
	margin: auto;
	width: 110px;
	height: 135px;
	display: inline-block;
	vertical-align: middle;
}

.adm-fileinput-item-preview .bx-file-icon-label {
	width: 65%;
	height: 26%;
	-webkit-background-size: auto 58%;
	-moz-background-size: auto 58%;
	-o-background-size: auto 58%;
	background-size: auto 58%;
}

.adm-fileinput-item-preview .bx-file-icon-corner-fix {
	background: #f5f9f9;
}

.adm-fileinput-item-preview-icon {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	text-align: center;
	width: 100%;
}

.adm-fileinput-item-preview-icon .bx-file-icon-container-medium {
	width: 33px;
	height: 37px;
	margin: auto;
}

.container-doc-title {
	position: relative;
	display: block;
	padding: 0 10px;
	font-size: 12px;
	font-weight: bold;
	color: #333434;
	line-height: 15px;
	margin: 10px 0 7px;
	word-wrap: break-word;
	word-break: keep-all;
	max-height: 60px;
	max-width: 144px;
	overflow: hidden;
}

.container-doc-title:after {
	content: '';
	position: absolute;
	right: 10px;
	bottom: 0;
	height: 15px;
	width: 40px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#f5f9f9), color-stop(50%, #f5f9f9));
	background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), #f5f9f9 50%, #f5f9f9);
	background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), #f5f9f9 50%, #f5f9f9);
	background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), #f5f9f9 50%, #f5f9f9);
	background: linear-gradient(to right, rgba(255, 255, 255, 0), #f5f9f9 50%, #f5f9f9);
}

.container-doc-error {
	position: relative;
	color: #e0302b;
	padding: 1px 10px 0 32px;
	text-align: left;
	font-size: 11px;
	display: inline-block;
	max-height: 26px;
	line-height: 13px;
	overflow: hidden;
}

.container-doc-error:before {
	content: '';
	width: 16px;
	height: 14px;
	position: absolute;
	left: 10px;
	top: 0;
	background: url(/local/templates/2beman/assets/css/../images/fileinput/fileinput-sprite.png) no-repeat -58px 0;
}

.container-doc-error:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	height: 13px;
	width: 35px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#f5f9f9), color-stop(50%, #f5f9f9));
	background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), #f5f9f9 50%, #f5f9f9);
	background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), #f5f9f9 50%, #f5f9f9);
	background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), #f5f9f9 50%, #f5f9f9);
	background: linear-gradient(to right, rgba(255, 255, 255, 0), #f5f9f9 50%, #f5f9f9);
}

.adm-fileinput-item-loading {
	display: none;
}
.adm-fileinput-item-uploading .adm-fileinput-item-loading {
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}
.adm-fileinput-item-uploading .adm-fileinput-item-preview-icon,
.adm-fileinput-item-uploading .adm-fileinput-item-preview-img {
	display: none;
}
.container-loading-title {
	color: #90969a;
	font-size: 13px;
}

.container-loading-bg {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 12px auto;
	width: 105px;
	height: 9px;
	border-radius: 9px;
	background: url(/local/templates/2beman/assets/css/../images/fileinput/fileinput-loading.gif) repeat-x 0 0;
}

.container-loading-bg-progress {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: #1580c3;
	border-radius: 9px;
	width: 0;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
}

.container-loading-bg:hover .container-loading-bg-progress {
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-o-transform: translate(0,0);
	-moz-transform: translate(0,0);
	width: 100%;
}

.adm-fileinput-item-preview img,
.adm-fileinput-item-preview canvas {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}
.adm-fileinput-item-preview img {
	height: auto!important;
	width: auto!important;
}
.adm-fileinput-drag-area-popup {
	background: rgba(244,249,250,0.9);
	border-radius: 3px;
	padding: 14px;
	border: 1px solid #d7e1e5;
	box-shadow: 0 18px 20px 0 rgba(72,93,99,0.3);
	display: inline-block;
	font-size: 13px;
}

.adm-fileinput-drag-area-popup-title {
	display: block;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 15px;
}

.adm-fileinput-drag-area-popup-param {
	display: block;
	color: rgba(0,0,0,0.6);
	margin-bottom: 10px;
}

.adm-fileinput-drag-area-popup-param span {
	color: #000;
	word-wrap: break-word;
	word-break: keep-all;
}

.adm-fileinput-drag-area-popup-param span a {
	text-decoration: none;
	color: #000;
}

.adm-fileinput-item-panel {
	height: 37px;
}

.adm-fileinput-item-panel-btn {
	width: 14px;
	height: 37px;
	cursor: pointer;
	opacity: 0.5;
	position: relative;
}

.adm-fileinput-item-panel-btn:before {
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	left: 12px;
	margin: auto;
	width: 14px;
	height: 15px;
	background: url(/local/templates/2beman/assets/css/../images/fileinput/fileinput-sprite.png) no-repeat -42px -26px;
}

.adm-fileinput-item-panel-btn:hover {
	opacity: 1;
}

.adm-fileinput-item-panel-btn.adm-btn-setting {
	float: left;
	margin-left: -12px;
	width: 38px;
	text-align: center;
}

.adm-fileinput-item-panel-btn.adm-btn-del {
	float: right;
	width: 34px;
	margin-right: -12px;
}

.adm-fileinput-item-panel-btn.adm-btn-del:before {
	width: 10px;
	height: 11px;
	right: 12px;
	background-position: -29px -26px;
}

.adm-photoeditor-container {
	position: relative;
	background: #fff;
	min-width: 1000px;
	min-height: 700px;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.adm-photoeditor-buttons-panel {
	border-bottom: 1px solid #e4e5e7;
	height: 27px;
	margin-bottom: 17px;
	padding: 13px 0;
}

.adm-photoeditor-buttons-panel .disabled span {
	opacity: 0.3;
}

.adm-photoeditor-buttons-panel .disabled span:hover {
	text-decoration: none;
}

.adm-photoeditor-buttons-panel-save {
	float: right;
	font-size: 13px;
	font-weight: bold;
	line-height: 27px;
	color: #2b7bbc;
	padding: 0 17px 0 14px;
	cursor: pointer;
}

.adm-photoeditor-buttons-panel-cancel {
	float: left;
	position: relative;
	height: 27px;
	color: #31363f;
	font-size: 11px;
	line-height: 13px;
	padding: 0 12px 0 20px;
	cursor: pointer;
}

.adm-photoeditor-buttons-panel span:hover {
	text-decoration: underline;
}

.adm-photoeditor-buttons-panel-cancel:before, .adm-photoeditor-btn-wrap:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 27px;
	top: 0;
	bottom: 0;
	right: 0;
	background: #ebeced;
	margin: auto;
}

.adm-photoeditor-btn-wrap {
	position: relative;
	margin-top: -2px;
	padding: 0 15px;
	float: left;
	font-size: 0;
}

.adm-photoeditor-btn {
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	height: 30px;
	margin: 0 2px;
	width: 30px;
}

.adm-photoeditor-btn.adm-photoeditor-btn-ph {
	margin: -2px 0 0 10px;
	transition: opacity 100ms ease-in-out;
	-webkit-transition: opacity 100ms ease-in-out;
}
.adm-photoeditor-btn.adm-photoeditor-btn-ph.disabled {
	opacity: 0;
}
.adm-photoeditor-btn:hover {
	background-color: #edf2f4;
	background-image: -webkit-linear-gradient(top, #f9fafa, #dee9ec);
	background-image: -moz-linear-gradient(top, #f9fafa, #dee9ec);
	background-image: -ms-linear-gradient(top, #f9fafa, #dee9ec);
	background-image: -o-linear-gradient(top, #f9fafa, #dee9ec);
	background-image: linear-gradient(to bottom, #f9fafa, #dee9ec);
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, .1), 0 1px 0 rgba(0, 0, 0, .075), inset 0 1px 0 #fff;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, .1), 0 1px 0 rgba(0, 0, 0, .075), inset 0 1px 0 #fff;
}

.adm-photoeditor-btn:active, .adm-photoeditor-btn-active {
	background: #c5e6ff;
	-webkit-box-shadow: inset 0 1px 2px rgba(122, 128, 141, .55);
	box-shadow: inset 0 1px 2px rgba(122, 128, 141, .55);
}

.adm-photoeditor-btn-icon {
	background: url(/local/templates/2beman/assets/css/../images/fileinput/fileinput-sprite.png) no-repeat -67px -115px;
	display: inline-block;
	margin-top: 5px;
	height: 19px;
	width: 19px;
}

.adm-photoeditor-btn-turn-l .adm-photoeditor-btn-icon {
	background-position: -67px -115px;
}
.adm-photoeditor-btn-turn-r .adm-photoeditor-btn-icon {
	background-position: -67px -147px;
}
.adm-photoeditor-btn-flip-v .adm-photoeditor-btn-icon {
	background-position: -67px -179px;
}
.adm-photoeditor-btn-flip-h .adm-photoeditor-btn-icon {
	background-position: -67px -210px;
}
.adm-photoeditor-btn-crop .adm-photoeditor-btn-icon {
	background-position: -67px -246px;
}
.adm-photoeditor-btn-grayscale .adm-photoeditor-btn-icon {
	background-position: -67px -276px;
}
.adm-photoeditor-btn-sign .adm-photoeditor-btn-icon {
	background-position: -68px -308px;
}
.adm-photoeditor-btn-cut .adm-photoeditor-btn-icon {
	background-position: -69px -386px;
}
.adm-photoeditor-btn-edit .adm-photoeditor-btn-icon {
	background-position: -67px -366px;
}
.adm-photoeditor-btn-ins .adm-photoeditor-btn-icon {
	background: deepskyblue;
}
.adm-photoeditor-btn-ph .adm-photoeditor-btn-icon {
	background-position: -73px -477px;
}
.adm-photoeditor-buttons-panel-cropping-too-big {
	padding : 10px;
}
.adm-photoeditor-buttons-panel-cropping {
	float: left;
	padding: 0 0 0 15px;
	overflow: hidden;
	line-height: 27px;
	margin-top: -2px;
	width: 31%;
}

.adm-photoeditor-buttons-panel-cropping span.crop {
	line-height: 27px;
	float: left;
	margin: 2px 5px 0 0;
}

.adm-photoeditor-buttons-panel-cropping span.crop:hover {
	text-decoration: none;
}

.adm-select-wrap {
	overflow: hidden;
	display: block;
}

.bx-chrome .adm-select {
	width: 100%;
}

.adm-photoeditor-buttons-panel-cropping select.adm-select {
	background: none;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #3f4b54;
	display: inline-block;
	font-size: 13px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 23px;
	text-shadow: 0 1px #fff;
	outline: none;
	overflow: hidden;
	padding: 6px 4px 6px 5px;
	padding-right: 14px;
	min-width: 44px;
	vertical-align: top;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none!important;
	text-indent: 0.01px;
	text-overflow: '';
	position: relative;
	z-index: 1;
	zoom: 1;
	height: 31px;
	margin-top: -3px;
}
select::-ms-expand {
	display: none;
}

.adm-photoeditor {
	overflow: hidden;
	position: absolute;
	top: 72px;
	bottom: 18px;
	margin: auto;
	right: 145px;
	left: 0;
}

.adm-photoeditor-preview-panel {
	position: relative;
	width: 20%;
	float: left;
	padding: 43px 0;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.adm-photoeditor-preview-panel-arrow-top, .adm-photoeditor-preview-panel-arrow-bottom {
	position: absolute;
	height: 43px;
	display: block;
	cursor: pointer;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0.5;
}

.adm-photoeditor-preview-panel-arrow-top:before, .adm-photoeditor-preview-panel-arrow-bottom:before {
	content: '';
	position: absolute;
	background: url(/local/templates/2beman/assets/css/../images/fileinput/fileinput-sprite.png) no-repeat -15px 0;
	width: 24px;
	height: 11px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.adm-photoeditor-preview-panel-arrow-bottom {
	top: auto;
	bottom: 0;
}

.adm-photoeditor-preview-panel-arrow-bottom:before {
	background-position: -15px -13px;
}

.adm-photoeditor-preview-panel-arrow-top:hover, .adm-photoeditor-preview-panel-arrow-bottom:hover {
	opacity: 1;
}

.adm-photoeditor-preview-panel-previews {
	font-size: 0;
	padding: 0 7px;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.adm-photoeditor-preview-panel-previews-inner {
	position: absolute;
	top : 0;
	width : 94%;
}

.adm-photoeditor-preview-panel-container {
	position: relative;
	width: 50%;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	opacity: 0.9;
	border: 3px solid transparent;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.adm-photoeditor-preview-panel-container-sub {
	background: #dce2e3;
	position: relative;
	border: 2px solid #fff;
	text-align: center;
	height: 100%;
}

.adm-photoeditor-preview-panel-container-loading{
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
  	width: 28px;
	height: 28px;
}

.adm-photoeditor-preview-panel-container-sub.adm-photoeditor-preview-panel-container-wait .adm-photoeditor-preview-panel-container-loading {
	display: block;
}

.adm-photoeditor-preview-panel-container:active .adm-photoeditor-preview-panel-container-sub, .adm-photoeditor-preview-panel-container.active .adm-photoeditor-preview-panel-container-sub {
	border: 2px solid #2d8ef2;
	border-radius: 2px;
}

.adm-photoeditor-preview-panel-container .adm-photoeditor-preview-panel-container-close {
	position: absolute;
	top: -7px;
	right: -7px;
	width: 14px;
	height: 14px;
	border: 2px solid #fff;
	border-radius: 9px;
	background: #99a0a7;
	display: none;
	box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.25), 0 1px 1px 0 rgba(0,0,0,0.21);
}

.adm-photoeditor-preview-panel-container .adm-photoeditor-preview-panel-container-close:hover {
	background: #6e7782;
}

.adm-photoeditor-preview-panel-container .adm-photoeditor-preview-panel-container-close:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 8px;
	height: 8px;
	background: url(/local/templates/2beman/assets/css/../images/fileinput/fileinput-sprite.png) no-repeat -16px -26px;
}

.adm-photoeditor-preview-panel-container:hover .adm-photoeditor-preview-panel-container-close {
	display: block;
}

.adm-photoeditor-preview-panel-container-space {
	border: none;
	display: block;
	width: 100%;
}

.adm-photoeditor-preview-panel-container-img {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

.adm-photoeditor-preview-panel-container-img:before {
	display: inline-block;
	content: '';
	height: 100%;
	margin-left: -1px;
	vertical-align: middle;
	width: 1px;
}

.adm-photoeditor-preview-panel-container-img img{
	border: none;
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	height: auto !important;
	width: auto !important;
	vertical-align: middle;
}
.adm-photoeditor-active-block {
	overflow : hidden;
	position: relative;
	background: #e4eaeb;
	width: 80%;
	height: 100%;

}
.adm-photoeditor-active-wrapper {
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
.adm-photoeditor-active-container1 {
	position: absolute;
	overflow: hidden;

	display: inline-block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

}

.adm-photoeditor-active-container-loading {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
	z-index: 2;
}

.adm-photoeditor-active-container-loading:after {
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
	zoom: 1;
	content: '';
}

.adm-photoeditor-active-container-loading span {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	background: url("/local/templates/2beman/assets/css/../images/fileinput/step-by-step.png") 0 0 no-repeat;
	width: 82px;
	height: 82px;
	-webkit-animation: loader 0.7s steps(12) infinite;
	-moz-animation: loader 0.7s steps(12) infinite;
	-ms-animation: loader 0.7s steps(12) infinite;
	animation: loader 0.7s steps(12) infinite;
}

@-moz-keyframes loader {
	0% { background-position:    0 0; }
	100% { background-position: -984px 0; }
}

@-ms-keyframes loader {
	0% { background-position:    0 0; }
	100% { background-position: -984px 0; }
}

@-webkit-keyframes loader {
	0% { background-position:    0 0; }
	100% { background-position: -984px 0; }
}

@keyframes loader {
	0% { background-position:    0 0; }
	100% { background-position: -984px 0; }
}

.adm-photoeditor-active-container1.adm-photoeditor-active-loading .adm-photoeditor-active-container-loading,
.adm-photoeditor-active-container1.adm-photoeditor-active-error {
	display: block;
}

.adm-photoeditor-active-container1.adm-photoeditor-active-error .adm-photoeditor-active-container2{
	display: none;
}

.adm-photoeditor-active-container-error {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}

.adm-photoeditor-active-container-error:after {
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
	zoom: 1;
	content: '';
}

.adm-photoeditor-active-container-error span {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	color: #9da6aa;
	font-size: 14px;
	text-align: center;
	padding: 80px 80px 0;
	background: url(/local/templates/2beman/assets/css/../images/fileinput/photoeditor-error.png) no-repeat center top;
}

.adm-photoeditor-active-container2 {
	position: relative;
	overflow: hidden;

	display: inline-block;
	transform: matrix(1, 0, 0, 1, 0, 0);
	backface-visibility: hidden;
	transform-origin: 50% 50% 0;
	transition: transform 200ms ease-in-out;
	-webkit-transition: transform 200ms ease-in-out;
}
.adm-photoeditor-scale-area {
	position: absolute;
	display: none;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	z-index: 1002;
/*	background-color: goldenrod;*/
	opacity: 0.4;
	cursor : default;
}
.adm-photoeditor-crop-area {
	position: absolute;
	display: none;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	z-index: 1002;
/*	background-color: palevioletred;*/
	opacity: 0.4;
	cursor : default;
}
.adm-photoeditor-crop-overlay-top,
.adm-photoeditor-crop-overlay-right,
.adm-photoeditor-crop-overlay-bottom,
.adm-photoeditor-crop-overlay-left {
	position: absolute;
	box-sizing: border-box;
	background-color: black;
	opacity: 0.3;
}
.adm-photoeditor-crop-overlay-top {
	top : 0;
	left : 0;
}
.adm-photoeditor-crop-overlay-right {
	top : 0;
	right : 0;
}
.adm-photoeditor-crop-overlay-bottom {
	right : 0;
	bottom : 0;
}
.adm-photoeditor-crop-overlay-left {
	bottom : 0;
	left : 0;
}
.adm-photoeditor-crop {
	top: 0;
	bottom: 0;
	left: 0;
	right : 0;
	display: none;
	position: absolute;
	z-index: 1000;
	cursor: move;
	box-sizing: border-box;
	background-color: gray;
	opacity: 0.3;
}
.adm-photoeditor-crop-apply {
	width : 18px;
	height: 18px;
	position: absolute;
	top : -25px;
	left : 42px;
	background: rgba(0,0,0,0.5);
}
.adm-photoeditor-crop-apply:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 8px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: url(/local/templates/2beman/assets/css/../images/fileinput/fileinput-sprite.png) no-repeat -80px -426px;
}

.adm-photoeditor-crop-cancel {
	width : 18px;
	height: 18px;
	position: absolute;
	top : -25px;
	left : 0;
	background: rgba(0,0,0,0.5);
}
.adm-photoeditor-crop-cancel:before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: url(/local/templates/2beman/assets/css/../images/fileinput/fileinput-sprite.png) no-repeat -82px -450px;
}

.adm-photoeditor-crop-proportion {
	width : 18px;
	height: 18px;
	position: absolute;
	top : -25px;
	left : 21px;
	background: rgba(0,0,0,0.5);
}
.adm-photoeditor-crop-proportion:before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: url(/local/templates/2beman/assets/css/../images/fileinput/fileinput-sprite.png) no-repeat -78px -462px;
}

.adm-photoeditor-crop-proportion.active:before {
	width: 10px;
	height: 10px;
	background-position: -80px -437px;
}
.adm-photoeditor-crop-apply:hover,
.adm-photoeditor-crop-cancel:hover,
.adm-photoeditor-crop-proportion:hover {
	-webkit-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

.adm-photoeditor-crop-apply:hover,
.adm-photoeditor-crop-cancel:hover,
.adm-photoeditor-crop-proportion:hover {
	background: #000;
	-webkit-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
.adm-photoeditor-crop-pointer {
	border: 1px solid #b3b3b3;
	z-index: 1;
}
.adm-photoeditor-crop-pointer:before{
	content: '';
	display: block;
	position: absolute;
	border: 1px dashed;
	box-sizing: border-box;
	top : -1px;
	left : -1px;
	bottom : -1px;
	right : -1px;
	z-index: 1;
}
.adm-photoeditor-crop-right,
.adm-photoeditor-crop-left,
.adm-photoeditor-crop-top,
.adm-photoeditor-crop-bottom {
	position: absolute;
	z-index: 2;
}
.adm-photoeditor-crop-right:before,
.adm-photoeditor-crop-left:before,
.adm-photoeditor-crop-top:before,
.adm-photoeditor-crop-bottom:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 3px;
	height: 3px;
	background: #fff;
	z-index: 2;
}
.adm-photoeditor-crop-right:before {
	right: -1px;
	left: auto;
	height: 20%;
	max-height: 22px;
	min-height: 10px;
}
.adm-photoeditor-crop-left:before {
	left: -1px;
	right: auto;
	height: 20%;
	max-height: 22px;
	min-height: 10px;
}
.adm-photoeditor-crop-top:before {
	width: 20%;
	max-width: 22px;
	min-width: 10px;
	height: 3px;
	top: -1px;
	bottom: auto;
}
.adm-photoeditor-crop-bottom:before {
	width: 20%;
	max-width: 22px;
	min-width: 10px;
	height: 3px;
	bottom: -1px;
	top: auto;
}

.adm-photoeditor-crop-left {
	top : 0;
	bottom : 0;
	left : -1px;
	width : 1px;
	height : 100%;
	cursor: w-resize;
}
.adm-photoeditor-crop-right {
	top : 0;
	bottom : 0;
	right : -1px;
	width : 1px;
	height : 100%;
	cursor: e-resize;
}
.adm-photoeditor-crop-top {
	left : 0;
	right : 0;
	top : -1px;
	height : 1px;
	width : 100%;
	cursor: n-resize;
}
.adm-photoeditor-crop-bottom {
	left : 0;
	right : 0;
	bottom : -1px;
	height : 1px;
	width : 100%;
	cursor: s-resize;
}
.adm-photoeditor-crop-left-bottom,
.adm-photoeditor-crop-left-top,
.adm-photoeditor-crop-right-top,
.adm-photoeditor-crop-right-bottom {
	width : 3px;
	height : 3px;
	display : block;
	background : #fff;
	box-sizing : border-box;
	position : absolute;
	z-index : 2;
}

.adm-photoeditor-crop-left-bottom {
	left : -2px;
	bottom : -2px;
	cursor : sw-resize;
}

.adm-photoeditor-crop-left-top {
	left : -2px;
	top : -2px;
	cursor: nw-resize;
}
.adm-photoeditor-crop-right-top {
	right : -2px;
	top : -2px;
	cursor: ne-resize;
}
.adm-photoeditor-crop-right-bottom {
	right : -2px;
	bottom : -2px;
	cursor: se-resize;
}
.adm-photoeditor-crop-left-bottom:before,
.adm-photoeditor-crop-left-bottom:after,
.adm-photoeditor-crop-left-top:before,
.adm-photoeditor-crop-left-top:after,
.adm-photoeditor-crop-right-top:before,
.adm-photoeditor-crop-right-top:after, 
.adm-photoeditor-crop-right-bottom:before, 
.adm-photoeditor-crop-right-bottom:after {
	content: '';
	position: absolute;
	width: 3px;
	height: 12px;
	bottom: 3px;
	left: 0;
	display: block;
	background: #fff;
}
.adm-photoeditor-crop-left-bottom:after {
	width: 12px;
	height: 3px;
	left: 3px;
	bottom: 0;
}
.adm-photoeditor-crop-left-top:before {
	top: 3px;
}
.adm-photoeditor-crop-left-top:after {
	width: 12px;
	height: 3px;
	left: 3px;
	bottom: 0;
}
.adm-photoeditor-crop-right-top:before {
	top: 3px;
}
.adm-photoeditor-crop-right-top:after {
	width: 12px;
	height: 3px;
	left: auto;
	right: 3px;
	top: 0;
}
.adm-photoeditor-crop-right-bottom:after {
	width: 12px;
	height: 3px;
	left: auto;
	right: 3px;
	top: 0;
}

.adm-photoeditor-crop-measures {
	display: inline-block;
	padding: 0 3px;
	font-size: 10px;
	line-height: 18px;
	position: absolute;
	width : 0;
	height : 0;
	bottom: -3px;
	right : -6px;
	overflow: visible;
	color: #fff;
	text-transform: uppercase;
	white-space: nowrap;
}
.adm-photoeditor-crop-width, .adm-photoeditor-crop-height {
	background: rgba(0,0,0,0.5);
	font-size: 10px;
	height: 18px;
	line-height: 18px;
	padding: 0 5px;
	display: inline-block;
}
.adm-photoeditor-crop-width::before {
	content: "w:";
}
.adm-photoeditor-crop-height::before {
	content: "h:";
}
.adm-photoeditor-active-block-outer {
	overflow : hidden;
	position: relative;
	background: #e4eaeb;
	width: 80%;
	height: 100%;

}
.adm-photoeditor-active-block {
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	position: relative;
	display: inline-block;
	overflow: hidden;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	max-width: none;
	max-height: none;
	border: none;
	line-height: 1;
	backface-visibility: visible;
	-webkit-backface-visibility: visible;
	-webkit-user-select: none;
	transform: translate3d(0, 0, 0);
	z-index: 0;
	background-color: rgb(255, 255, 255);
}
.adm-photoeditor-active-image-block {
	position: absolute;
	display: inline-block;
	overflow: hidden;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	max-width: none;
	max-height: none;
	border: none;
	line-height: 1;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	width: 100%;
	height: 100%;
	background-color: rgb(255, 255, 255);
}
.adm-photoeditor-active-image{
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	max-width: none;
	max-height: none;
	border: none;
	line-height: 1;
	transform-origin: 0% 0% 0;
	-webkit-transition: opacity 0.3s linear, width 0.3s linear 0.3s, transform 0.3s linear;
	transition: opacity 0.3s linear, width 0.3s linear 0.3s, transform 0.3s linear;
	background-color: transparent;
}
.adm-photoeditor-active-image-ascetic {
	-webkit-transition-duration: 0;
	transition-duration: 0;
}
.adm-photoeditor-active-image img,
.adm-photoeditor-active-image canvas {
	position: relative;
	display: block;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	max-width: none;
	max-height: none;
	border: none;
	line-height: 1;
}

.adm-photoeditor-active-cursor {
	display: none;
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	max-width: none;
	max-height: none;
	border: none;
	line-height: 1;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	cursor: default;
	width: 100%;
	height: 100%;
	background-color: transparent;
}
.adm-photoeditor-active-move-cursor {
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	max-width: none;
	max-height: none;
	border: none;
	line-height: 1;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	cursor: default;
	opacity: 0.5;
	width: 0;
	background-color: rgb(0, 0, 0);
}
.adm-photoeditor-active-map-root {
	position: absolute;
	display: none;
	overflow: hidden;
	width: 0;
	height: 0;
}

.adm-photoeditor-active-map-root.collapse{
	transform-origin: 50% 0% 0;
	-webkit-transition: transform 0.6s linear, opacity 0.6s linear 0.3s, top 0.4s linear 0.6s;
	transition: transform 0.4s linear, opacity 0.6s linear 0.2s, top 0.4s linear 0.4s;
}
.adm-photoeditor-active-map-root.collapse2{
	transform-origin: 50% 0% 0;
	-webkit-transition: opacity 1s linear;
}

.adm-photoeditor-active-map-handle {
	position : absolute;
	bottom : 0;
	left : 0;
	width : 13px;
	height : 10px;
	cursor: sw-resize;
	z-index: 2;
	background:  linear-gradient(to top right,
		rgba(0,0,0,0) 0%,
		rgba(0,0,0,0) calc(20% - 1px),
		rgba(255,255,255,1) 20%,
		rgba(0,0,0,0) calc(20% + 1px),

		rgba(0,0,0,0) calc(35% - 1px),
		rgba(255,255,255,1) 35%,
		rgba(0,0,0,0) calc(35% + 1px),

		rgba(0,0,0,0) calc(50% - 1px),
		rgba(255,255,255,1) 50%,
		rgba(0,0,0,0) calc(50% + 1px),
		rgba(0,0,0,0) 100%);
}
.adm-photoeditor-active-map-block {
	position: absolute;
	overflow: visible;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	max-width: none;
	max-height: none;
	border: none;
	line-height: 1;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-user-select: none;
	transform: translate3d(0, 0, 0);
	background-color: transparent;
	z-index: 1;
}

.adm-photoeditor-active-map {
	position: absolute;
	display: inline-block;
	overflow: visible;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	max-width: none;
	max-height: none;
	border: none;
	line-height: 1;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	width: 230px;
	height: 134px;
	transform: translate3d(0, 0, 0);
	background-color: transparent;
	box-sizing: border-box;
}

.adm-photoeditor-active-map-image {
	position: absolute;
	display: inline-block;
	overflow: visible;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	max-width: none;
	max-height: none;
	border: none;
	line-height: 1;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	background-color: transparent;
}

.adm-photoeditor-active-map-image img,
.adm-photoeditor-active-map-image canvas {
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	max-width: none;
	max-height: none;
	border: none;
	line-height: 1;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-user-select: none;
	background-color: transparent;
}

.adm-photoeditor-active-map-area {
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	max-width: none;
	max-height: none;
	border: 1px solid rgb(255, 255, 255);
	line-height: 1;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	width: 100%;
	height: 100%;
	background-color: transparent;
	box-sizing: border-box;
}

.adm-photoeditor-active-map-pointer {
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	max-width: none;
	max-height: none;
	border: 1px solid rgb(255, 0, 0);
	line-height: 1;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	width: 0;
	height: 0;
	background-color: transparent;
	box-sizing: border-box;
}
.adm-photoeditor-active-map-pointer-draggable {
	cursor : move;
}
.adm-photoeditor-sidebar {
	width: 155px;
	float: right;
	padding: 14px 0;
	text-align: center;
	color: #7f7f7f;
}

.adm-photoeditor-sidebar-options  {
	font-size: 12px;
	margin-bottom: 30px;
}

.sidebar-options-checkbox-container {
	position: relative;
	display: inline-block;
}

.sidebar-options-checkbox-container label {
	width: 64px;
	height: 27px;
	background: #f1f1f1;
	display: block;
}

.sidebar-options-checkbox-container input {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;
}

.sidebar-options-checkbox-container input:checked + label:before,
.sidebar-options-checkbox-container input:checked + label:after {
	display: block;
}


.sidebar-options-checkbox-container label .label-icon {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 12px;
	margin: auto;
	width: 17px;
	height: 8px;
	background: url(/local/templates/2beman/assets/css/../images/fileinput/fileinput-sprite.png) no-repeat -70px -413px;
}
.sidebar-options-checkbox-container label:before,
.sidebar-options-checkbox-container label:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 2px;
	height: 14px;
	background: #e3e6e7;
	top: -21px;
	display: none;
}
.sidebar-options-checkbox-container label:after {
	top: auto;
	bottom: -21px;
}

.adm-photoeditor-sidebar-options-title {
	display: block;
	margin-bottom: 3px;
}

.adm-photoeditor-plus, .adm-photoeditor-minus {
	position: relative;
	width: 21px;
	height: 21px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 3px;
	cursor: pointer;
	border: 1px solid transparent;
	background: transparent;
	border-radius: 12px;
}
.adm-photoeditor-plus:before, .adm-photoeditor-minus:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 11px;
	height: 12px;
	margin: auto;
	background: url(/local/templates/2beman/assets/css/../images/fileinput/fileinput-sprite.png) no-repeat 0 0;
}
.adm-photoeditor-plus:before {
	background-position: 0 -13px;
}
.adm-photoeditor-plus:hover, .adm-photoeditor-minus:hover {
	border: 1px solid #a9bac1;
	background-image: -webkit-linear-gradient(top, #f4f7f9, #d7e4ea);
	background-image: -moz-linear-gradient(top, #f4f7f9, #d7e4ea);
	background-image: -ms-linear-gradient(top, #f4f7f9, #d7e4ea);
	background-image: -o-linear-gradient(top, #f4f7f9, #d7e4ea);
	background-image: linear-gradient(to bottom, #f4f7f9, #d7e4ea);
}

.adm-photoeditor-minus:hover:before {
	background: url(/local/templates/2beman/assets/css/../images/fileinput/fileinput-sprite.png) no-repeat -42px 0;
}
.adm-photoeditor-plus:hover:before {
	background: url(/local/templates/2beman/assets/css/../images/fileinput/fileinput-sprite.png) no-repeat -42px -13px;
}
.adm-photoeditor-plus:active, .adm-photoeditor-minus:active {
	width: 23px;
	height: 23px;
	border: none;
	background-image: -webkit-linear-gradient(top, #b5c5ca, #cad7dc);
	background-image: -moz-linear-gradient(top, #b5c5ca, #cad7dc);
	background-image: -ms-linear-gradient(top, #b5c5ca, #cad7dc);
	background-image: -o-linear-gradient(top, #b5c5ca, #cad7dc);
	background-image: linear-gradient(to bottom, #b5c5ca, #cad7dc);
	box-shadow: inset 0 1px 2px 1px rgba(103,109,123,0.78);
}

.adm-photoeditor-sidebar input[type="number"] {
	-moz-appearance: textfield;
	width: 60px;
	height: 29px;
	border-radius: 3px;
	text-align: center;
	font-size: 17px;
	line-height: 31px;
	outline: none;
	border: 1px solid #d1d8dc;
	box-shadow: inset 0 2px 5px 0 rgba(0,0,0,0.15);
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	display: inline-block;
	vertical-align: middle;
}

.adm-photoeditor-sidebar input[type=number]::-webkit-inner-spin-button,
.adm-photoeditor-sidebar input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.adm-photoeditor-sidebar-scale {
	position: relative;
	width: 13px;
	height: 358px;
	background: url(/local/templates/2beman/assets/css/../images/fileinput/fileinput-sprite.png) no-repeat 0 -26px;
	margin: 0 auto;
	margin-left: 65px;
}

.adm-photoeditor-sidebar-scale-value {
	position: absolute;
	width: 35px;
	left: -40px;
	text-align: right;
	font-size: 10px;
	color: #7f7f7f;
	line-height: 16px;
	color: rgba(0,0,0,0.5);
	margin-top: -8px;
}

.adm-photoeditor-scale-indicator {
	position: absolute;
	left: 9px;
	width: 54px;
	height: 33px;
	background: url(/local/templates/2beman/assets/css/../images/fileinput/fileinput-sprite.png) no-repeat 0 -405px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 27px;
	color: #000;
	margin-top: -14px;
	padding-right: 15px;
	cursor: move;
}

.adm-photoeditor-scale-indicator:before {
	content: '';
	position: absolute;
	top: 8px;
	left: -12px;
	width: 11px;
	height: 11px;
	background: url(/local/templates/2beman/assets/css/../images/fileinput/fileinput-sprite.png) no-repeat 0 -389px;
	cursor: default;
}

/*FileIcon*/
.bx-file-icon-container-medium{
	position:relative;
	overflow:hidden;
	width:42px;
	height:48px;
	display:block;
	float:right;
	margin:0px auto 10px;
}
.bx-file-icon-cover{
	position:absolute;
	top:0;
	right:12.5%;
	bottom:0;
	left:0;
	overflow:hidden;
	background:#e5e8eb;
}
.bx-file-icon-corner{
	position:absolute;
	top:0;
	right:0;
	overflow:hidden;
	background:#b9bec4;
}

.bx-file-icon-container-medium .bx-file-icon-corner{
	width:12px;
	height:12px;
}
.bx-file-icon-container-medium .bx-file-icon-corner-fix{
	top:-8px;
	right:-8px;
	width:16px;
	height:16px;
}
.bx-file-icon-corner-fix{
	position:absolute;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	background:#fff;
}
.bx-disk-file-block.selected .bx-file-icon-corner-fix{
	background:#f5fcde !important;
}
.bx-file-icon-label{
	position:absolute;
	right:0;
	bottom:24%;
	display:none;
	width:66%;
	height:27%;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-background-size:auto 60%;
	background-size:auto 60%;
}
.bx-firefox  .bx-file-icon-label{
	background-image:none !important;
}
.bx-firefox  .bx-file-icon-label:after{
	line-height:normal;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	text-align:center;
	color:#fff;
}
.bx-firefox .bx-file-icon-container-medium .bx-file-icon-label:after{
	font-size:10px;
	line-height:14px;
}
.bx-file-icon-images{
	position:absolute;
	top:50%;
	left:50%;
	display:none;
	width:50%;
	height:50%;
	margin-top:-25%;
	margin-left:-25%;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-background-size:contain;
	background-size:contain;
}
/*--- DOC */
.icon-doc .bx-file-icon-label{
	display:block;
	background-color:#2c77b1;
	background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNS40ODhweCIgaGVpZ2h0PSI4Ljk0M3B4IiB2aWV3Qm94PSIwIDAgMjUuNDg4IDguOTQzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNS40ODggOC45NDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLjA0Miw4Ljc1OGgyLjM1NGMzLjAxNywwLDQuNzQ2LTEuNzk0LDQuNzQ2LTQuMzQzYzAtMi40OTYtMS42LTQuMjI2LTQuNjQyLTQuMjI2SDAuMDQyVjguNzU4eiBNMS40MDcsNy42MDFWMS4zNDdoMC45NzVjMi4yMjQsMCwzLjMwMywxLjIzNSwzLjMwMywzLjA4MmMwLDEuNzE2LTAuODcxLDMuMTcyLTMuMjc3LDMuMTcySDEuNDA3eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMi43MDQsOC44ODljMi40NDQsMCw0LjI2NS0xLjcyOSw0LjI2NS00LjM4MmMwLTIuNTc1LTEuNzU1LTQuMzk1LTQuMjY1LTQuMzk1Yy0yLjQ5NywwLTQuMjc4LDEuNzk0LTQuMjc4LDQuMzk1QzguNDI2LDcuMTQ2LDEwLjIyMSw4Ljg4OSwxMi43MDQsOC44ODl6IE0xMi43MDQsNy43M2MtMS42OSwwLTIuODIyLTEuMjIyLTIuODIyLTMuMjI0czEuMTMxLTMuMjM4LDIuODIyLTMuMjM4YzEuNzU1LDAsMi44MjEsMS4zLDIuODIxLDMuMjM4QzE1LjUyNSw2LjUwOSwxNC4zOTUsNy43MywxMi43MDQsNy43M3oiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjUuMDE2LDcuMTU5Yy0wLjU5OSwwLjMzOC0xLjI0OCwwLjU3MS0yLjA4MSwwLjU3MWMtMS44MiwwLTIuOTUxLTEuMzEyLTIuOTUxLTMuMTk4YzAtMS43ODEsMS4wOTItMy4yNjQsMy4wMTctMy4yNjRjMC44NDYsMCwxLjUzNCwwLjIwOCwyLjE3MiwwLjU0NlYwLjU0MWMtMC40OTQtMC4yMzQtMS4yNzQtMC40MjktMi4xOTctMC40MjljLTIuNjc5LDAtNC40NDcsMS45NzctNC40NDcsNC40NmMwLDIuNTEsMS41MzQsNC4zMTcsNC4yNTIsNC4zMTdjMC44MzIsMCwxLjcxNy0wLjE1NiwyLjYxMy0wLjY1TDI1LjAxNiw3LjE1OXoiLz48L3N2Zz4=);
}
.bx-firefox .icon-doc .bx-file-icon-label:after{
	content:'DOC';
}

/*--- PDF */
.icon-pdf .bx-file-icon-label{
	display:block;
	background-color:#d73b41;
	background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIwLjU1NnB4IiBoZWlnaHQ9IjguNjNweCIgdmlld0JveD0iMCAwIDIwLjU1NiA4LjYzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMC41NTYgOC42MyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9IkxheWVyXzIiPjwvZz48ZyBpZD0iTGF5ZXJfMSI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTAuMDU0LDguNjE5aDEuMzY1VjUuNjAzaDAuNDI5YzAuNzY3LDAsMS4zMzktMC4xMTcsMS43OTQtMC4zMTJDNC43ODcsNC44MSw1LjIxNiwzLjgyMSw1LjIxNiwyLjgyYzAtMS4xMzEtMC40OTQtMS45NTEtMS4zMzktMi4zOTNjLTAuNDk0LTAuMjYtMS4wOTItMC4zNzctMS45MTEtMC4zNzdIMC4wNTRWOC42MTl6IE0xLjQxOSw0LjQ4NVYxLjE2OWgwLjUwN2MwLjUwNywwLDAuODcxLDAuMDkxLDEuMTQ0LDAuMjQ3QzMuNTUxLDEuNzAyLDMuNzg2LDIuMjA5LDMuNzg2LDIuODJjMCwwLjY4OS0wLjI0NywxLjE5Ni0wLjc2NywxLjQ0M2MtMC4yNiwwLjE0My0wLjYxMSwwLjIyMS0xLjA4LDAuMjIxSDEuNDE5eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik03LjE1MSw4LjYxOWgyLjM1NGMzLjAxNywwLDQuNzQ2LTEuNzk0LDQuNzQ2LTQuMzQzYzAtMi40OTYtMS41OTktNC4yMjYtNC42NDItNC4yMjZINy4xNTFWOC42MTl6IE04LjUxNyw3LjQ2MlYxLjIwOGgwLjk3NmMyLjIyNCwwLDMuMzAzLDEuMjM1LDMuMzAzLDMuMDgyYzAsMS43MTYtMC44NzEsMy4xNzItMy4yNzcsMy4xNzJIOC41MTd6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE1LjkyNiw4LjYxOWgxLjM2NlY0LjgzNWgyLjc1N1YzLjY3OGgtMi43NTd2LTIuNDdoMi44MDlsMC4zOS0xLjE1N2gtNC41NjRWOC42MTl6Ii8+PC9nPjwvc3ZnPg==);
}
.bx-firefox .icon-pdf .bx-file-icon-label:after{
	content:'PDF';
}

/*--- PPT */
.icon-ppt .bx-file-icon-label{
	display:block;
	background-color:#e89e00;
	background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE5LjY3OXB4IiBoZWlnaHQ9IjguNjM2cHgiIHZpZXdCb3g9IjAgMCAxOS42NzkgOC42MzYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE5LjY3OSA4LjYzNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9IkxheWVyXzIiPjwvZz48ZyBpZD0iTGF5ZXJfMSI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTAsOC42MzZoMS4zNjVWNS42MTloMC40MjljMC43NjgsMCwxLjMzOS0wLjExNywxLjc5NC0wLjMxMmMxLjE0NS0wLjQ4MSwxLjU3NC0xLjQ2OSwxLjU3NC0yLjQ3YzAtMS4xMzEtMC40OTQtMS45NTEtMS4zMzktMi4zOTNDMy4zMjksMC4xODQsMi43MywwLjA2NywxLjkxMSwwLjA2N0gwVjguNjM2eiBNMS4zNjUsNC41MDFWMS4xODVoMC41MDdjMC41MDcsMCwwLjg3MSwwLjA5MSwxLjE0NSwwLjI0N2MwLjQ4MSwwLjI4NiwwLjcxNSwwLjc5MywwLjcxNSwxLjQwNWMwLDAuNjg5LTAuMjQ3LDEuMTk2LTAuNzY3LDEuNDQzYy0wLjI2LDAuMTQzLTAuNjExLDAuMjIxLTEuMDc5LDAuMjIxSDEuMzY1eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02LjgzNyw4LjYzNmgxLjM2NlY1LjYxOWgwLjQyOWMwLjc2OCwwLDEuMzM5LTAuMTE3LDEuNzk0LTAuMzEyQzExLjU3MSw0LjgyNiwxMiwzLjgzOCwxMiwyLjgzN2MwLTEuMTMxLTAuNDk0LTEuOTUxLTEuMzM5LTIuMzkzYy0wLjQ5NC0wLjI2LTEuMDkyLTAuMzc3LTEuOTEyLTAuMzc3SDYuODM3VjguNjM2eiBNOC4yMDMsNC41MDFWMS4xODVIOC43MWMwLjUwNywwLDAuODcxLDAuMDkxLDEuMTQ1LDAuMjQ3YzAuNDgxLDAuMjg2LDAuNzE1LDAuNzkzLDAuNzE1LDEuNDA1YzAsMC42ODktMC4yNDcsMS4xOTYtMC43NjcsMS40NDNjLTAuMjYsMC4xNDMtMC42MTEsMC4yMjEtMS4wNzksMC4yMjFIOC4yMDN6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE1LjU2MSw4LjYzNmgxLjM2NVYxLjIyNGgyLjMyOGwwLjM5LTEuMTU3aC02LjU2NnYxLjE1N2gyLjQ4NFY4LjYzNnoiLz48L2c+PC9zdmc+);
}
.bx-firefox .icon-ppt .bx-file-icon-label:after{
	content:'PPT';
}

/*--- XLS */
.icon-xls .bx-file-icon-label{
	display:block;
	background-color:#54b51e;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAAAjCAMAAADmKXeoAAACAVBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+AOC1HAAAAqnRSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRsdHh8gIiQlKCssLS4vMDM0NTY5PD4/QEFCQ0RGSU1OT1FUVldYWlxdXmJmZ2hpbG9wcnN1dnh5e36ChIeJio2QlJWXmJmcnp+goaKjpaeqq6yur7Gys7S1trm6u72+wsPEx8rLzM3Q0dLT1NfY2drc3d7g4eLj5OXm5+nq6+zt7u/w8fLz9PX29/j5+vz9/rVeTIwAAALbSURBVHgBlZb5VxNXGIZfSJuSAg1QGqBQutCllKWyyL6IiuAOCNGAsiAKKAou4i6okQUVQVlkkSgGGO5fqffNuXPIMGdInh8y3/fej4cMlzNzAXe/pBgGKhkfkmURy++xG1fd1XGfWJt93HX0N5B92+IrcwkI4lefTGeZ1guJE0bi2/yCkJFShm1sLmMntocy2y6EhS1zVgRxg2nMKzYl2EEjo1ZY2P5aFWY2FPFe38ZD598NmXijLGzfPBdk7W7/9fsLyibpZN4NRZRX9v6/YWGrZfjxyHfs0mpva8rmnOGSvq8etqdgZRtlWASd9BpVFXNpxgmSr8nuXqSVLX6b+whTuoWkk7XztaxXUmFly1Z/HDMS5vgfwS/ew8EDsLTlMhuCOeVcnY4FKlj1wtqWwWz5B5jTx+V2pLyX1zdxe9i+XWXYGQFTEud5r/tvyYuWD0sbfzu56IAJ6g59/DyHPW3/aIKM5cGUAaF4Zre2EbeavpYBE5KXRIDPfyIEm61X6bSeNOymRgQ4hlBsiGjRlG+92QEjtndc2vw5BBvJGxeKyf9goEkEGAzVBvvJRaXzVyKIrE21UhOSjcQ1+0SArTLsIHpCKJaSQ7MRV7smyOovIKSD0Qg/B0K1kZyXgnRBp5TBkGOM1+pwbPhplBP+GBUk82G8kIScLVksusKxIW2FI6UAibiptx5WV8Ky4SxHGoN+oEOWjknWFWHZKjniBvnjk2wmotnkco/mE8OxlXGkibWdO7mZBZBWLvWFY2vhSBVrt24m0VPsyy1t2aft0HFxD7UUnkS4jQ9sUKijiZXtjphuSFLzE+otod5RH9JBjEcT3bayTMhxFPBJ/fTCmfoT572CbPBBdon1QSgMRxPaDDTgkTCiHQaAKtb9CKJQP5qY2358YYzW+XVSl9VBLYh29fY1t8FeNxWUDP8OSdOwpAAGYgeZc6Zk2Eg1gMj/PU82aNryejJBvgCGD479rWlvWgAAAABJRU5ErkJggg==);
}
.bx-firefox .icon-xls .bx-file-icon-label:after{
	content:'XLS';
}

/*--- PHP */
.icon-php .bx-file-icon-label{
	display:block;
	background-color:#746781;
	background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIyLjQ2M3B4IiBoZWlnaHQ9IjguNjY2cHgiIHZpZXdCb3g9IjAgMCAyMi40NjMgOC42NjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIyLjQ2MyA4LjY2NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9IkxheWVyXzIiPjwvZz48ZyBpZD0iTGF5ZXJfMSI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTAuMDQyLDguNjI5aDEuMzY1VjUuNjEyaDAuNDI5YzAuNzY3LDAsMS4zMzktMC4xMTcsMS43OTQtMC4zMTJjMS4xNDUtMC40ODEsMS41NzQtMS40NjksMS41NzQtMi40N2MwLTEuMTMxLTAuNDk0LTEuOTUxLTEuMzM5LTIuMzkzYy0wLjQ5NC0wLjI2LTEuMDkyLTAuMzc3LTEuOTEyLTAuMzc3SDAuMDQyVjguNjI5eiBNMS40MDgsNC40OTRWMS4xNzloMC41MDdjMC41MDcsMCwwLjg3MSwwLjA5MSwxLjE0NSwwLjI0N0MzLjU0LDEuNzExLDMuNzc0LDIuMjE5LDMuNzc0LDIuODNjMCwwLjY4OS0wLjI0NywxLjE5Ni0wLjc2NywxLjQ0M2MtMC4yNiwwLjE0My0wLjYxMSwwLjIyMS0xLjA3OSwwLjIyMUgxLjQwOHoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNy42Niw4LjYyOWgxLjM2NVY0LjgzM2g0LjI5MXYzLjc5N2gxLjM2NVYwLjA2MWgtMS4zNjV2My42MTVIOS4wMjVWMC4wNjFINy42NlY4LjYyOXoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTcuMjY3LDguNjI5aDEuMzY1VjUuNjEyaDAuNDI5YzAuNzY3LDAsMS4zMzktMC4xMTcsMS43OTQtMC4zMTJDMjIsNC44MTksMjIuNDI5LDMuODMxLDIyLjQyOSwyLjgzYzAtMS4xMzEtMC40OTQtMS45NTEtMS4zMzktMi4zOTNjLTAuNDk0LTAuMjYtMS4wOTItMC4zNzctMS45MTEtMC4zNzdoLTEuOTEyVjguNjI5eiBNMTguNjMyLDQuNDk0VjEuMTc5aDAuNTA3YzAuNTA3LDAsMC44NzEsMC4wOTEsMS4xNDQsMC4yNDdjMC40ODEsMC4yODYsMC43MTUsMC43OTMsMC43MTUsMS40MDRjMCwwLjY4OS0wLjI0NywxLjE5Ni0wLjc2NywxLjQ0M2MtMC4yNiwwLjE0My0wLjYxMSwwLjIyMS0xLjA4LDAuMjIxSDE4LjYzMnoiLz48L2c+PC9zdmc+);
}
.bx-firefox .icon-php .bx-file-icon-label:after{
	content:'PHP';
}

/*--- TXT */
.icon-txt .bx-file-icon-label{
	display:block;
	background-color:#9ba4ae;
	background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIyLjAzMXB4IiBoZWlnaHQ9IjguNjAzcHgiIHZpZXdCb3g9IjAgMCAyMi4wMzEgOC42MDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIyLjAzMSA4LjYwMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9IkxheWVyXzIiPjwvZz48ZyBpZD0iTGF5ZXJfMSI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIuNTk5LDguNjI0aDEuMzY1VjEuMjEyaDIuMzI4bDAuMzktMS4xNTdIMC4xMTV2MS4xNTdoMi40ODNWOC42MjR6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuODM2LDguNjI0aDEuNDk2bDIuMzI4LTMuMzAzbDIuMTg1LDMuMzAzaDEuNTQ3TDExLjUxNyw0LjI4bDIuOTY1LTQuMjI2aC0xLjUwOGwtMi4yMzcsMy4yMjVMOC42MDQsMC4wNTVINy4wNTdsMi44MDksNC4yNjVMNi44MzYsOC42MjR6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE3LjgyMiw4LjYyNGgxLjM2NVYxLjIxMmgyLjMyOGwwLjM5LTEuMTU3aC02LjU2NnYxLjE1N2gyLjQ4NFY4LjYyNHoiLz48L2c+PC9zdmc+);
}
.bx-firefox .icon-txt .bx-file-icon-label:after{
	content:'TXT';
}

/*--- ZIP */
.icon-zip .bx-file-icon-label{
	display:block;
	background-color:#ac5fbd;
	background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2LjEwOXB4IiBoZWlnaHQ9IjguNTk0cHgiIHZpZXdCb3g9IjAgMCAxNi4xMDkgOC41OTQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2LjEwOSA4LjU5NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9IkxheWVyXzIiPjwvZz48ZyBpZD0iTGF5ZXJfMSI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTAuMTMsOC41OTNoNi41MjhWNy40MzVIMi4zNTRsNC4yLTcuNDExSDAuMjYxbDAuMzY0LDEuMTU3aDMuNzcxTDAuMTMsOC41OTN6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTcuNzM1LDguNTkzaDEuMzY2VjAuMDIzSDcuNzM1VjguNTkzeiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMC45MDgsOC41OTNoMS4zNjVWNS41NzVoMC40MjljMC43NjcsMCwxLjMzOS0wLjExNywxLjc5NC0wLjMxMmMxLjE0NC0wLjQ4MSwxLjU3My0xLjQ3LDEuNTczLTIuNDcxYzAtMS4xMzEtMC40OTQtMS45NS0xLjMzOS0yLjM5M2MtMC40OTQtMC4yNjEtMS4wOTItMC4zNzctMS45MTItMC4zNzdoLTEuOTExVjguNTkzeiBNMTIuMjczLDQuNDU3VjEuMTQyaDAuNTA3YzAuNTA3LDAsMC44NzIsMC4wOTEsMS4xNDUsMC4yNDdjMC40ODEsMC4yODUsMC43MTUsMC43OTMsMC43MTUsMS40MDRjMCwwLjY4OC0wLjI0NywxLjE5Ni0wLjc2OCwxLjQ0M2MtMC4yNiwwLjE0My0wLjYxMSwwLjIyMS0xLjA3OSwwLjIyMUgxMi4yNzN6Ii8+PC9nPjwvc3ZnPg==);
}
.bx-firefox .icon-zip .bx-file-icon-label:after{
	content:'ZIP';
}

/*--- RAR */
.icon-rar .bx-file-icon-label{
	display:block;
	background-color:#7eab34;
	background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIwLjk1M3B4IiBoZWlnaHQ9IjguNjQxcHgiIHZpZXdCb3g9IjAgMCAyMC45NTMgOC42NDEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwLjk1MyA4LjY0MSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9IkxheWVyXzIiPjwvZz48ZyBpZD0iTGF5ZXJfMSI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTAuMDUyLDguNjRoMS4zNjVWNS4yMDZoMC44MDZjMC4yMzQsMC4wNTIsMC41NDYsMC40MTYsMC45NjIsMS4xNTdMNC40OTksOC42NGgxLjU3M0w0LjYwMyw2LjExNkM0LjE0Nyw1LjM0OSwzLjgxLDQuODgxLDMuNTQ5LDQuNzM4VjQuNzEyYzEuMDI3LTAuMzI1LDEuNjktMS4wNzksMS42OS0yLjIzNmMwLTAuODMyLTAuMzM4LTEuNTg2LTEuMTgzLTIuMDE2QzMuNjE0LDAuMjEzLDMuMDI5LDAuMDcsMi4xOTcsMC4wN0gwLjA1MlY4LjY0eiBNMS40MTcsNC4wNzVWMS4xODhoMC43NDFjMC41MzMsMCwwLjg3MSwwLjExNiwxLjEwNSwwLjI5OWMwLjM3NywwLjIzMywwLjU1OSwwLjY1LDAuNTU5LDEuMTMyYzAsMC41NzEtMC4yNiwwLjk4OC0wLjY1LDEuMjIyQzIuODg2LDMuOTk3LDIuNTc0LDQuMDc1LDIuMTQ1LDQuMDc1SDEuNDE3eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02LjI1Miw4LjY0aDEuNDNsMC44MTktMi4xOThoMy4xNzNMMTIuNTIsOC42NGgxLjQ3bC0zLjM5NC04LjYwOEg5LjU0Mkw2LjI1Miw4LjY0eiBNOC45MDUsNS4zMjNsMC43MDItMS45NWMwLjI2LTAuNjg5LDAuMzktMS4wNzksMC40NjgtMS4zNzhoMC4wMjZjMC4wOTEsMC4yODYsMC4yMjEsMC42NzYsMC40NTUsMS4zNzhsMC43MDIsMS45NUg4LjkwNXoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTQuODcyLDguNjRoMS4zNjVWNS4yMDZoMC44MDZjMC4yMzQsMC4wNTIsMC41NDYsMC40MTYsMC45NjIsMS4xNTdsMS4zMTMsMi4yNzZoMS41NzNsLTEuNDY5LTIuNTIzYy0wLjQ1NS0wLjc2OC0wLjc5My0xLjIzNS0xLjA1My0xLjM3OFY0LjcxMmMxLjAyNy0wLjMyNSwxLjY5LTEuMDc5LDEuNjktMi4yMzZjMC0wLjgzMi0wLjMzOC0xLjU4Ni0xLjE4My0yLjAxNmMtMC40NDItMC4yNDctMS4wMjctMC4zOS0xLjg1OS0wLjM5aC0yLjE0NlY4LjY0eiBNMTYuMjM3LDQuMDc1VjEuMTg4aDAuNzQxYzAuNTMzLDAsMC44NzEsMC4xMTYsMS4xMDUsMC4yOTljMC4zNzcsMC4yMzMsMC41NTksMC42NSwwLjU1OSwxLjEzMmMwLDAuNTcxLTAuMjYsMC45ODgtMC42NSwxLjIyMmMtMC4yODYsMC4xNTYtMC41OTgsMC4yMzQtMS4wMjcsMC4yMzRIMTYuMjM3eiIvPjwvZz48L3N2Zz4=);
}
.bx-firefox .icon-rar .bx-file-icon-label:after{
	content:'RAR';
}


.icon-rar .bx-file-icon-images,
.icon-zip .bx-file-icon-images{
	top:0;
	display:block;
	margin-top:0;
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAA9AQMAAACN2Ds+AAAABlBMVEUAAACvtbrFRaP9AAAAAXRSTlMAQObYZgAAABNJREFUCFtj+H/4PwM6RgbDUB4AgxBuKftThygAAAAASUVORK5CIIA=') top center no-repeat;
}
/*--- NON */
.icon-non .bx-file-icon-images{
	display:block;
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAYAAAA4TnrqAAAEw0lEQVR42u1cvUscQRQ/UAQLoxZWdmrlXyB4JCRGDEZMrNSAio1I/IJEsbjDVohp04jGjyjoNUpIk6BikZxpNEUsUghGUENUSBS/OvMGnrA5583O7O3O7p6z8Ktm5r3f/G5vdubNzItEfHg+rnwuBzwFxAHzgE+AdcAJB+tYPo/1WbvySKY+0LkiwDPAJGALcOUCttAes1uUCSLVAeYA5y4JROEc/dSFUaQOwHePBaLA/HaEQaR2wA+fREoF49EeRJEqAF8cduoMsA1IAmY4SGL5mUP7jFdFUIQaUST/C79sfYBK2cEZPxKV2G4e7aj4HfFTpDLAhiTRY8AooBaQ45L/HMATtHssyYPxLdMtFCN5KUFuG9+EQo/5FKKfbQlOjHe9LqF6JQgdIPkszT9iFvo9kODY6zWZYQkSbwB5Po+jecjDjuuwX0LtA6oD9pWuRl76BAOD3TYOPwAKAjr3K0B+Iv7dbjl7bONoNCSrinGbftSm66DYxsHLkC3DBmz6U5yOcdHS5UVIF/f9oiWSU6OvBUbHQx4NmRT07bWT4BxlbDlDYmzLgj6WqxjaJIz8BeRmiFi52B9ePzdljTQJFI9mWAQ3Kuhro4wBajU/pkCiBrAAeA9o0dTxFvTH/NYotBujJtl2DVsFUYMsBaFS28c8FirG8Vkj2TZLELVoFTWkVu2dCsRXCRsxjUIxrCrY6KSiJlSDKiqCoEh+TTAOxDQJxbCmaIuKVFTxKi8SlbscjB1XXgtmI9SV6ljJ+knYWeR9Ri+JQFm2Bx2JpylU3O0fhPUTcEFokGut2Ew4nfTwl48FyS7afkfYbLZWmiUqVXr8V4n7/Ual2H9A2J21VtrlVDjSNLbEgyCUxc8Rx/budWEJ4Xzexa9WWh31egxM8TVH+CgRLW+6Ii4+Tjus642y+KM2ZJpY4ZAX45Ubg7OXg7mA4z3C1xArTHAK/gDyNc+4rzEgGdX0akVwB/uf6i/BClc4BTs+rOX+i5n5IZSF3w7H50qE2IJPaogSxBwe9Ihp4Jbkbf2zglNOwYSmsEpcUai4Jl4THN+nlFjTGgNwgxInA1n5oEZO05RYJ5yCGc0RyyUbsZY085nhcDgxbxaf05TK3/C2j1nk39B8DW9y+0p9Dc086ya/n9Q8y8zgFWbwZm2osDakog7PTdThZtSh1MSzpOJZpSZSqhIptYnB3zUx+JsxeGp3Z+qW7e5My+zuUPuGF2bfMGXfECubHWm+nQVe5dt+1uGQsHOfamBO0cicosFGbbfwfFaO4HxWm13jfRdO/j3y+eTfQ4V2bx2d/MPGjYJxoDKSQQ9e9nR+phSNmNPKCobMOXhFY6IbFpMhF8q9GxYWo6K7O/0hFcr9uztouFgmqhkioby7FYYO6mwcjIdEKG/vG1oc9UjcZM0PqEj5EjdZe9x2andHei+gd6T3gnqpPCi37wt8vX1vIdInQeK3T3kdstHvoQTHPl2k6gOaMWQnUBlDLARZLppvirlo6l3ORVMf+Fw0CjN9uyxHUcUsR9E0shy9CspXp4I4WiiDU8n8WacO7ScDkz8rRTSTmc2BaCbnn8Olks5skrWRsD8mT2l64rHgYgNuliYww+0GkQF3A8sTWL/Brwy4/wDk7sxPqCIHPQAAAABJRU5ErkJggg==') top center no-repeat;
	background-size:contain;
}

/*--- img */
/*.icon-img .bx-file-icon-images{
	display:block;
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAABuElEQVR42u3bL0/DQBzG8S5AwCwLAhQOVzIPCQaLIFgEQYHCM48Ds3cAAvQUWdI3gMGB5A1AMEhCwnga1qxpsvbXuxu73u8RX3lJ+zHt/YsGD8mIJaOICIQohRiiCyUNyyB6KFJSjxCEIAQhCEEIQhCCEJNW0Bpa0AqxgxL0PX7+T3SDNjRBHOUAir2hrgaITfRVMaN8QYuhQ/SF0+vD0CEehRCXoUM8CSGuQ4e4FUIchw6xK0B4R20Nn8+rEoT0s3qg6YfqHH0U3uEZ7Wn8xV5C22gfbXHSxUkXIQhBCEI0E+IExdohTtHPeGEk1gqRIeRXiWJtEEWEJmA4h5iG4DuGU4gqBJ8xnEFIEXzFcAJRF8FHDGsIUwTfMKwgbBF8wjCGcIVgi5Hub67PC+LMMYIpRopwh16F+5tOIWaFUBcjQ8jG2WLUgpg1ghSjiOACQwzR/ieEKowU4b5knCmGGKIzhzPRRYwqBBsMryHyGFIEUwzvITKMgcG4OhiNgLBJihE8hBRDBYQEQw1EFYYqiDIMdRDTMFRCZBjLhPirQwhC2EO00GpgtbgbzmMBZhC8Es1L8kQgRL5fERoZ1OOxRiUAAAAASUVORK5CIIA=');
}*/

/*--- vid */
.icon-vid .bx-file-icon-images{
	display:block;
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAA1CAYAAAD8mJ3rAAABN0lEQVRo3u3bywqCQBSAYYluFBhEECS0iNoVGLQKoiCi7PL+r9OZXaBjRaOdGf7FvwvDr9LjpNH6cH1QvggEYGqBWUoTT1rWCZNIkSclwAADDDDaYTLpYikUGNv+ZWUw45I3CAXG9roxMMAAAwwwymBSaW7JNUxLav4BxrZ/qZYBL5b2Uo/JNw9jtnWWRsDkYUx3aQZMHub1GNcApnjbO6kLTHEnaagJxvzOB5bqhDHdpGkFMLb9m2kZ8OIPP73Vj8cd7ybf+Iuv9lZqA1PcUeoA4+54EyzMr2coJzCazkquZhonZyUtc4zLKTiYAc/1dVMQMFVcaXsPU9XajNcwmwpX87yEMceThQ8reHWu+fbfzE2q1nz5lwAYYIABBhg9MNxRxT143JwIDDDA+AfD0yc8r0TAfNITJNBto873iJsAAAAASUVORK5CIIA=');
}

/*--- exe */
.icon-exe .bx-file-icon-images{
	display:block;
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA9CAYAAAAeYmHpAAACxUlEQVRo3u1b20rDQBCt1la8FU0RL1itmnrro4oUWxWL0Wp98tUf8P9/wBmYQlhq9zbb7LoJHAolmTknm92ZzE4qlTkdX98/O4DPGdip/LejFB2CaCC0FIJoDp4TQ3uAF8Cmz6KRH/HcsxXcALwTKfzd9VE08hJ4NkwN1QFDgdgYcOyTaORDvPK2kHdd19ACoDeDYBfPKVI0cezOsNfT4igxNsEtoCqxswHoEIGRxN6IzsPzNyR2q+RfxrGrKrilYGyCPmBZuH4RcAh41LAzDXj9EdoT7C+TX1U7LemSD3jTJIfzZ50eNySZWYoVkZHdBfLzrHn9mzSUwQkJ4NXA8COz2GkjrzsgqCNRfcTXDO6ob0D+ayYh6z5QwffaIUtYlG4CE3wjLn4mwnEBuQpE8JVu/iAT356S+fgC5NV29baVeir61JVgnN9Pnop+sp7Hjkb5gVLMJmAFUKPfJv3/YGk/ZS8iGCQs+fCRKPpJLMIkJi41TtGnhotLarKa0nXjwkabQtbQgMCBpd8DA+FDlpBFj1whd9xwHUk4HF/qzmHm9UR3jl9yOO3P/U7bPWl9FaP7EnxoOBw4yhF0Xls/ZJoqzElCx5Hoc06e3KKbjkRv+yx61ZHodZ9F1xyJrpcjXc7p4kW7Wr073KJlcXrkQZwesMZpBYe9wDKyAYfTsxhz70Z0b1kGue+kgBDu+3Su/GtUObEY4XGhdTLaD84samRbin62vKmREaEThmpo+kc1NPWuGhpt3duiKhr0Dkdce1kh7VpyzePrwPanr43nd3SdCNH1nFCCYNJd5DqcuekuYugjO7bY3ZzVR9bO9ZHp7quNVPrIdDoGB1M6Bqsk/plhZP/qGNQpKrTm3RuKPdgXtLC8K0yRu0J6Q6PtAo6y31uomsTT2S/samaBfMORWX/DkQ9lDDbC+VqH8aWl/BitFD1n0b9+tOeiFjjLzwAAAABJRU5ErkJggg==');
}
/* End */


/* Start:/local/templates/2beman/assets/css/color.css?179130880119019*/
/*===================================================================================*/
/*  RED Color
/*===================================================================================*/
a {
  color: #3498db;
}
.show-theme-options:hover,
.show-theme-options:focus {
  background: #3498db;
}
.btn-black:hover,
.btn-black:focus,
.hb-button-primary:hover,
.hb-button-primary:focus {
  background: #3498db;
}
.top-bar .cnt-account ul > li a:hover,
.top-bar .cnt-account ul > li a:focus {
  color: #3498db;
}
.top-bar .cnt-block ul li a .hb-caret {
  color: #3498db;
}
.top-bar .cnt-block ul li .hb-dropdown-menu li a:hover,
.top-bar .cnt-block ul li .hb-dropdown-menu li a:focus {
  color: #3498db;
}
.main-header .top-search-holder .contact-row .icon {
  color: #3498db;
}
.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .total-price-basket .total-price {
  color: #3498db;
}
.top-cart-row .dropdown-cart .hb-dropdown-menu .cart-item.product-summary .name a:hover,
.top-cart-row .dropdown-cart .hb-dropdown-menu .cart-item.product-summary .name a:focus {
  color: #3498db;
}
.top-cart-row .dropdown-cart .hb-dropdown-menu .cart-item.product-summary .price {
  color: #3498db;
}
.top-cart-row .dropdown-cart .hb-dropdown-menu .cart-item.product-summary .action a:hover,
.top-cart-row .dropdown-cart .hb-dropdown-menu .cart-item.product-summary .action a:focus {
  color: #3498db;
}
.top-cart-row .dropdown-cart .hb-dropdown-menu .cart-total .price {
  color: #3498db;
}
.main-header .top-search-holder .search-area .categories-filter .hb-dropdown-menu li a:hover,
.main-header .top-search-holder .search-area .categories-filter .hb-dropdown-menu li a:focus {
  color: #3498db;
}
.header-style-1 .header-nav {
  background: #3498db;
}
.cnt-home .header-style-1 .header-nav .hb-navbar .hb-navbar-nav > li.active {
  background: #1d6ca1;
}
.cnt-home .header-style-1 .header-nav .hb-navbar .hb-navbar-nav > li > a:hover,
.cnt-home .header-style-1 .header-nav .hb-navbar .hb-navbar-nav > li > a:focus {
  background: #1d6ca1;
}
.cnt-home .header-style-1.header-style-2 .header-nav .hb-navbar .hb-navbar-nav > li.active,
.cnt-homepage .header-style-1.header-style-2 .header-nav .hb-navbar .hb-navbar-nav > li.active {
  background: #3498db;
}
.cnt-home .header-style-1.header-style-3 .header-nav .hb-navbar .hb-navbar-nav > li.active {
  background: #3498db;
}
.header-style-2 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav > li > a:hover,
.header-style-2 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav > li > a:focus {
  background: #3498db;
}
.header-style-2 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav > li.open {
  background: #3498db;
}
.sidebar .side-menu nav .hb-nav > li a:hover,
.sidebar .side-menu nav .hb-nav > li a:focus {
  color: #3498db;
}
.sidebar .side-menu nav .hb-nav > li a:hover:after,
.sidebar .side-menu nav .hb-nav > li a:focus:after {
  color: #3498db;
}
.info-box .info-box-heading.green {
  color: #3498db;
}
.scroll-tabs .nav-tab-line li a:hover,
.scroll-tabs .nav-tab-line li a:focus {
  color: #3498db;
}
.product .product-info .name a:hover,
.product .product-info .name a:focus {
  color: #3498db;
}
.product .product-info .product-price .price {
  color: #111111;
}
.product .cart .action ul li.lnk a:hover,
.product .cart .action ul li.lnk a:focus {
  color: #3498db;
}
.product .cart .action ul li.add-cart-button .hb-button-primary:hover,
.product .cart .action ul li.add-cart-button .hb-button-primary:focus {
  background: #3498db;
}
.product .cart .action ul li.add-cart-button .hb-button-primary.icon:hover,
.product .cart .action ul li.add-cart-button .hb-button-primary.icon:focus {
  background: #1d6ca1;
}
.tag.sale {
  background: #abd07e;
}
.copyright-bar .copyright a {
  color: #3498db;
}
.blog-slider-container .blog-slider .blog-post-info .name a:hover,
.blog-slider-container .blog-slider .blog-post-info .name a:focus {
  color: #3498db;
}
.footer .links-social .social-icons a:hover,
.footer .links-social .social-icons a:focus,
.footer .links-social .social-icons a.active {
  background: #3498db;
}
.latest-tweet .re-twitter .comment a {
  color: #3498db;
}
.latest-tweet .re-twitter .comment .icon .fa-stack-2x {
  color: #3498db;
}
.footer .contact-information .media .icon .fa-stack-2x {
  color: #3498db;
}
.footer .contact-information .media .media-body a:hover,
.footer .contact-information .media .media-body a:focus {
  color: #3498db;
}
.footer .footer-bottom .module-body ul li a:hover,
.footer .footer-bottom .module-body ul li a:focus {
  color: #3498db;
}
.product-tag .item.active,
.product-tag .item:hover,
.product-tag .item:focus {
  background: #3498db;
}
.hot-deals .product-info .product-price .price {
  color: #3498db;
}
.hot-deals .product-info .name a:hover,
.hot-deals .product-info .name a:focus {
  color: #3498db;
}
.custom-carousel .owl-controls .owl-prev:hover,
.custom-carousel .owl-controls .owl-next:hover,
.custom-carousel .owl-controls .owl-prev:focus,
.custom-carousel .owl-controls .owl-next:focus {
  background: #1d6ca1;
}
.yamm .hb-dropdown-menu .title:hover,
.yamm .hb-dropdown-menu .title:focus {
  color: #3498db;
}
.yamm .hb-dropdown-menu li a:hover,
.yamm .hb-dropdown-menu li a:focus {
  color: #3498db;
}
.hb-breadcrumb ul li.active {
  color: #1d6ca1;
}
.hb-breadcrumb ul a:hover,
.hb-breadcrumb ul a:focus {
  color: #1d6ca1;
}
.filters-container .hb-nav-tabs.nav-tab-box li.active a .icon {
  color: #3498db;
}
.filters-container .pagination-container ul li.active a {
  color: #3498db;
}
.filters-container .pagination-container ul li.prev:hover,
.filters-container .pagination-container ul li.next:hover,
.filters-container .pagination-container ul li.prev:focus,
.filters-container .pagination-container ul li.next:focus {
  background: #3498db;
}
.filters-container .pagination-container ul li a:hover,
.filters-container .pagination-container ul li a:focus {
  color: #3498db;
}
.filters-container .lbl-cnt .hb-dropdown.dropdown-med .hb-dropdown-menu li a:hover,
.filters-container .lbl-cnt .hb-dropdown.dropdown-med .hb-dropdown-menu li a:focus {
  color: #3498db;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .hb-accordion .hb-accordion-group .hb-accordion-heading .hb-accordion-toggle,
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .hb-accordion .hb-accordion-group .hb-accordion-heading .hb-accordion-toggle:hover,
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .hb-accordion .hb-accordion-group .hb-accordion-heading .hb-accordion-toggle:focus,
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .hb-accordion .hb-accordion-group .hb-accordion-heading .hb-accordion-toggle:after {
  color: #3498db;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider .slider-track .slider-handle {
  border: 5px solid #3498db;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .list li a:hover,
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .list li a:focus {
  color: #3498db;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .compare-report span {
  color: #3498db;
}
.sidebar .sidebar-widget .advertisement .owl-controls .owl-pagination .owl-page.active span {
  background: #3498db;
}
.sidebar .sidebar-widget .advertisement .owl-controls .owl-pagination .owl-page:hover span {
  background: #3498db;
}
.single-product .gallery-holder .gallery-thumbs .owl-item .item:hover {
  border: 1px solid #3498db;
}
.single-product .product-info .rating-reviews .reviews .lnk:hover,
.single-product .product-info .rating-reviews .reviews .lnk:focus {
  color: #3498db;
}
.single-product .product-info .price-container .price-box .price {
  color: #3498db;
}
.single-product .product-info .quantity-container .cart-quantity .arrows .arrow:hover,
.single-product .product-info .quantity-container .cart-quantity .arrows .arrow:focus {
  color: #3498db;
}
.single-product .product-info .product-social-link .social-icons ul li a:hover,
.single-product .product-info .product-social-link .social-icons ul li a:focus {
  background: #3498db;
}
.single-product .product-tabs .hb-nav.hb-nav-tabs.nav-tab-cell li a:hover,
.single-product .product-tabs .hb-nav.hb-nav-tabs.nav-tab-cell li a:focus {
  background: #3498db;
}
.single-product .product-tabs .hb-nav.hb-nav-tabs.nav-tab-cell li a:hover:after,
.single-product .product-tabs .hb-nav.hb-nav-tabs.nav-tab-cell li a:focus:after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #3498db;
}
.single-product .product-tabs .hb-nav.hb-nav-tabs.nav-tab-cell li.active a {
  background: #3498db;
}
.single-product .product-tabs .hb-nav.hb-nav-tabs.nav-tab-cell li.active a:after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #3498db;
}
.cart .action .add-cart-button .hb-button.hb-button-primary.icon:hover,
.cart .action .add-cart-button .hb-button.hb-button-primary.icon:focus {
  background: #3498db;
}
.product-tabs .hb-tab-content .hb-tab-pane .product-reviews .reviews .review .review-title .date span {
  color: #3498db;
}
.product-tabs .hb-tab-content .hb-tab-pane .product-reviews .reviews .review .author span {
  color: #3498db;
}
#owl-main:hover .owl-prev:hover,
#owl-main:hover .owl-next:hover {
  background: #1d6ca1;
}
#owl-main .owl-controls .owl-pagination .owl-page:active span,
#owl-main .owl-controls .owl-pagination .owl-page:hover span {
  background: #3498db;
}
.cart .action ul .lnk .add-to-cart:hover,
.cart .action ul .lnk .add-to-cart:focus {
  color: #3498db !important;
}
.cart .action .add-to-cart:hover,
.cart .action .add-to-cart:focus {
  color: #3498db !important;
}
.homepage-container .product .tag.hot {
  background: #3498db;
}
.homepage-container .product .product-info .name a:hover,
.homepage-container .product .product-info .name a:focus {
  color: #3498db;
}
.homepage-container .hb-button-primary:hover,
.homepage-container .hb-button-primary:focus {
  background: #3498db;
  border: 2px solid #3498db;
  color:#fff !important;
}
.category-product .cart .action ul li .add-to-cart:hover,
.category-product .cart .action ul li .add-to-cart:focus {
  background: #3498db;
}
.furniture-container .product .hb-button-primary:hover,
.furniture-container .product .hb-button-primary:focus {
  background: #3498db;
}
.header-style-3 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav > li > a:hover,
.header-style-3 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav > li > a:focus {
  background: #3498db;
}
.header-style-3 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav > li.open {
  background: #3498db;
}
#owl-single-product-thumbnails .owl-controls .owl-pagination .owl-page.active span {
  background: #3498db !important;
}
#owl-single-product-thumbnails .owl-controls .owl-pagination .owl-page span:hover,
#owl-single-product-thumbnails .owl-controls .owl-pagination .owl-page span:focus {
  background: #3498db !important;
}
.cnt-homepage .sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider .slider-track .slider-handle.max-slider-handle {
  background: #3498db;
}
.blog-page .blog-post h1 a:hover,
.blog-page .blog-post h1 a:focus {
  color: #3498db;
}
.blog-page .sidebar .sidebar-module-container .sidebar-widget .hb-nav-tabs > li.active > a,
.blog-page .sidebar .sidebar-module-container .sidebar-widget .hb-nav-tabs > li.active > a:hover,
.blog-page .sidebar .sidebar-module-container .sidebar-widget .hb-nav-tabs > li.active > a:focus {
  color: #1d6ca1;
}
.blog-page .blog-post .social-media a:hover,
.blog-page .blog-post .social-media a:focus {
  background-color: #3498db;
}
.blog-page .sidebar .sidebar-module-container .search-area .search-button:after {
  color: #1d6ca1;
}
.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post h4 a:hover,
.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post h4 a:focus {
  color: #3498db;
}
.blog-page .blog-post-author-details .author-social-network button .twitter-icon {
  background-color: #3498db;
}
.blog-page .blog-review .review-action a,
.blog-page .blog-review .review-action a:hover,
.blog-page .blog-review .review-action a:focus {
  color: #3498db;
}
.blog-page .blog-post-author-details .author-social-network .hb-dropdown-menu > li > a:hover,
.blog-page .blog-post-author-details .author-social-network .hb-dropdown-menu > li > a:focus {
  color: #3498db;
}
.checkout-box .checkout-steps .hb-panel .hb-panel-heading .unicase-checkout-title > a:not(.collapsed) span {
  background-color: #3498db;
}
.checkout-box .checkout-steps .checkout-step-01 .already-registered-login a:hover,
.checkout-box .checkout-steps .checkout-step-01 .already-registered-login a:focus {
  color: #3498db;
}
.checkout-box .checkout-progress-sidebar .hb-panel-body ul li a:hover,
.checkout-box .checkout-progress-sidebar .hb-panel-body ul li a:focus {
  color: #3498db;
}
.contact-page .contact-info .contact-i {
  background-color: #3498db;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 a:hover,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 a:focus {
  color: #3498db;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info .cart-product-info span span {
  color: #1d6ca1;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-edit a:hover,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-edit a:focus {
  color: #3498db;
}
.shopping-cart .cart-shopping-total table thead tr th .cart-grand-total {
  color: #1d6ca1;
}
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow:hover,
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow:focus {
  color: #3498db;
}
.logo-color {
  fill: #3498db;
}
.cnt-homepage .single-product .product-info-block .hb-form-control .hb-dropdown-menu ul li a:hover,
.cnt-homepage .single-product .product-info-block .hb-form-control .hb-dropdown-menu ul li a:focus {
  color: #3498db;
}
.cnt-homepage .single-product .product-info-block .txt.txt-qty {
  color: #3498db;
}
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail {
  border-bottom: none;
}
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li {
  margin-right: 10px;
  padding: 0;
}
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li a:hover,
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li a:focus {
  background: #3498db;
  border: 2px solid #3498db;
}
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li.active a {
  background: #3498db;
  border: 2px solid #3498db;
}
.shopping-cart .estimate-ship-tax table tbody .unicase-form-control .hb-dropdown-menu.open ul li a:hover,
.shopping-cart .estimate-ship-tax table tbody .unicase-form-control .hb-dropdown-menu.open ul li a:focus {
  color: #3498db;
}
.yamm .hb-dropdown-menu {
  border-top-color: #3498db;
}
.product-comparison .compare-table tr td .product-price .price {
  color: #3498db;
}
.product-comparison .compare-table tr td .in-stock {
  color: #3498db;
}
.body-content .my-wishlist-page .my-wishlist table tbody .product-name a:hover,
.body-content .my-wishlist-page .my-wishlist table tbody .product-name a:focus {
  color: #3498db;
}
.product-comparison .compare-table tr td .product-price .price {
  color: #3498db;
}
.product-comparison .compare-table tr td .in-stock {
  color: #3498db;
}
.body-content .x-page .x-text h1 {
  color: #3498db;
}
.body-content .x-page .x-text a {
  color: #3498db;
}
.sign-in-page .register-form .forgot-password,
.sign-in-page .register-form .forgot-password:hover,
.sign-in-page .register-form .forgot-password:focus {
  color: #3498db;
}
.body-content .my-wishlist-page .my-wishlist table tbody .price {
  color: #3498db;
}
.terms-conditions-page .contact-form {
  color: #3498db;
}

/*---*/
.bx_catalog_list_home .bx_catalog_item_price .bx_price {
    color: #3498db;	
	}
.gallery-holder .bx_item_slider .bx_slide ul li:active .cnt, .gallery-holder .bx_item_slider .bx_slide ul li.bx_active .cnt {
    border: 1px solid #3498db;
}
.gallery-holder .bx_item_slider .bx_slide ul li:hover .cnt {
    border: 1px solid #3498db;
}

.single-product .bx_item_detail_scu .bx_scu ul li:active .cnt, .single-product .bx_item_detail_scu .bx_scu ul li.bx_active .cnt {
    border: 1px solid #3498db;
}
.single-product .bx_item_detail_scu .bx_scu ul li:hover .cnt {
    border: 1px solid #3498db;
}
.single-product .bx_item_detail_scu .bx_scu ul li .cnt {
    border: 0px solid #3498db;
}
.single-product .bx_item_detail_size ul li:active .cnt, .single-product .bx_item_detail_size ul li.bx_active .cnt {
    border: 1px solid #3498db;
}
.products .bx_item_detail_scu .bx_scu ul li:active .cnt, .products .bx_item_detail_scu .bx_scu ul li.bx_active .cnt {
    border: 1px solid #3498db;
}
.products .bx_item_detail_scu .bx_scu ul li:hover .cnt {
    border: 1px solid #3498db;
}
.bx_catalog_list_home .bx_item_detail_size ul li:hover .cnt {
    border: 1px solid #3498db;
}
.bx_catalog_list_home .bx_item_detail_size ul li:active .cnt, .bx_catalog_list_home .bx_item_detail_size ul li.bx_active .cnt {
    border: 1px solid #3498db;
}
.bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li:active .cnt, .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li.bx_active .cnt {
    border: 1px solid #3498db;
}
.bx_item_detail_scu_small_noadaptive .bx_scu ul li:active a, .bx_item_detail_scu_small_noadaptive .bx_scu ul li.bx_active a {
    border: 1px solid #3498db;
	background-color: #3498db;
}
.bx_item_detail_size_small_noadaptive ul li:active a, .bx_item_detail_size_small_noadaptive ul li.bx_active a {
    border: 1px solid #3498db;
}
.bx_item_detail_scu_small_noadaptive .bx_scu ul li:hover a {
    border: 1px solid #3498db;
}

.bx_item_detail_size_small_noadaptive ul li:hover a {
    border: 1px solid #3498db;
}
.bx_ordercart .bx_sort_container a:hover{	
background: #3498db;	
}

.bx_ordercart .bx_sort_container a.current:hover{	
background: #3498db;	
}
.main-buttons:hover{	
background: #3498db;	
}
.bx_bt_button:hover{
	background: #3498db;
}
.product-list .product-price{	
	color: #3498db;
}
.touch .bx_bt_button_type_2:hover{	
background: #3498db;	
}
.bx_filter .bx_ui_slider_handle.right {
	        background: #3498db;
}
.bx_filter .bx_ui_slider_handle.left {
	    background: #3498db;
}

.bx_filter .bx_ui_slider_part{
	
	background: #3498db;
	
}
.sidebar .side-menu nav .hb-nav > li > a:hover, .sidebar .side-menu nav .hb-nav > li > a:focus {
    border-left: 5px solid #3498db;
}
.bx_filter .bx_filter_param_btn:active, .bx_filter .bx_filter_param_label.active .bx_filter_param_btn{
	box-shadow: 0 0 0 1px #3498db,inset 0 2px 3px rgba(0,0,0,.12);
}
.bx_catalog_list_home .bx_bt_button:hover{
    background: #3498db;
    border: 2px solid #3498db;
}

.bx_bt_button.bx_medium:hover{
background: #3498db;
	}
/* End */


/* Start:/local/templates/2beman/assets/css/bitrix.css?1791301626140*/
.cart-checkout-btn.hb-pull-right {
    margin-top: 27px;
}
.bx_ordercart_coupon .bx_ordercart_coupon_notes{
    //display: none!important;
}
/* End */


/* Start:/local/templates/2beman/assets/css/new.owl.carousel.css?15856556444744*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .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;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -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 {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    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-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .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; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  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 Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.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("/local/templates/2beman/assets/css/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms 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-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/* End */


/* Start:/local/templates/2beman/components/kuznica/search.title/2beman/style.css?17868300835477*/
.bx-searchtitle {
    margin: 0;
}
.bx-searchtitle form {
    margin-bottom: 0;
}
.bx-searchtitle .bx-block-title {
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #343434;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 9px;
    font-weight: 600;
}
.bx-searchtitle .bx-input-group {
   padding: 11px 0;
    display: table;
    width: 91%;
    margin: 0 auto;
    border-collapse: separate;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bx-searchtitle .bx-input-group {}
.bx-searchtitle .bx-input-group .bx-form-control {
    display: table-cell;
    position: relative;
    width: 100%;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-right: 0;
    padding: 12px 15px;
    outline: 0;
	border-radius: 0;
    box-shadow: none!important;
}
.bx-ios .bx-searchtitle .bx-input-group .bx-form-control {
    /* Fix of input shadow for IOS browsers. */
    background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
    background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}
.bx-searchtitle .bx-input-group-btn {
    position: relative;
    font-size: 0;
    width: 1%;
    white-space: nowrap;
    vertical-align: bottom;
    display: table-cell;
}
.bx-searchtitle .bx-input-group-btn button {
    background: #efefef;
    display: inline-block;
    position: relative;
    margin-bottom: 0;
    cursor: pointer;
    border: 1px solid #e1e1e1;
    padding: 13px 16px;
    border-radius: 0;
    color: #555;
    font-size: 13px;
    line-height: 1.42857143;
    -webkit-user-select: none;
}

.bx-searchtitle .bx-input-group-btn button:hover {
    background-color: #ddd;
}

div.title-search-result {
    border:1px solid #c6c6c6;
    display:none;
    overflow:hidden;
    position: absolute;
    z-index: 2050 !important;
    /*max-width: 272px;*/
    margin-top:-3px;
    background-color: #FFF;
}

div.title-search-fader {
    display:none;
    background-image: url('/local/templates/2beman/components/kuznica/search.title/2beman/images/fader.png');
    background-position: right top;
    background-repeat: repeat-y;
    position:absolute;
}

p.title-search-preview {
    font-size:12px;
}
div.title-search-result td.title-search-price span {
    font-size: 26px;
}

/*========================*/
.bx_searche{}
.bx_searche .bx_img_element{
    background: #fafafa;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    position: relative;
    margin: 10px;
    top: 0;
    bottom: 0;
    border-radius: 25px;
}
.bx_searche .bx_item_block{
    min-height: 65px;
    position: relative
}
.bx_searche .bx_image{
    height: auto;
    position: absolute;
    width: 50px;
    height: auto;
    text-align: center;
}
.bx_searche .bx_item_element{
    /*float: left;*/
    padding-left: 10px;
    margin-left: 70px;
}
.bx_searche .bx_item_element hr{
    margin: 0;
    border: none;
    border-bottom: 1px solid #e5e5e5;
}
.bx_searche .bx_item_element a{
    margin-top: 10px;
    display: inline-block;
    color: #4788cb;
    font-size: 13px;
    text-decoration: none;
}
.bx_searche .bx_item_element a b{color: #000;font-weight: normal;}
.bx_searche .bx_item_element a:hover,
.bx_searche .bx_item_element a:hover b{text-decoration: underline;}
.bx_searche .bx_price{
    font-weight:bold;
    font-size:13px;
}
.bx_searche .bx_price .old{
    font-weight:normal;
    text-decoration: line-through;
    color: #636363
}
.bx_item_block.all_result{min-height:0}
.bx_item_block.others_result{
    min-height: 0;
    padding: 0 0 12px;
    line-height: 12px;
}
.bx_item_block.all_result .all_result_title{
    display: block;
    font-size: 12px;
    color: #a7a7a7;
    padding-top: 15px;
    padding-bottom: 10px;
}
.bx_item_block.all_result .all_result_title a{color: #a7a7a7}
.bx_item_block.all_result .all_result_title a:hover{color: #4788cb}
.bx_item_block.all_result a{
    margin-top: 0;
}

.search-cats{
	padding: 12px;
    background: #efefef;
    width: 24%;
    display: table-cell;
	    border: 1px solid #e1e1e1;
    border-right: none;
	cursor: pointer;
}
.search-cats ul{
	display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #e1e1e1;
    
    margin: 13px 0 0 -14px;
    z-index: 2050 !important; 
}
.search-cats ul li a{
	display: block;
	padding: 8px 15px;
	color: #555;
	cursor: pointer;
	text-decoration: none;
	font-size: 15px;
}
.search-cats ul li a:hover{
	color: #fff !important;
	background: #3498db !important;
}
.search-cats span i{
	font-size: 18px;
    margin-left: 10px;
}
.search-search{
	    width: 100%;
    display: inline-block;
}

@media (max-width: 991px){
	.bx-searchtitle .bx-input-group .bx-form-control{
		padding: 12px 19px;
	}
	.search-cats{
		    padding: 12px 10px;
		background: #efefef;
		width: 30%;
		display: table-cell;
		border: 1px solid #e1e1e1;
		border-right: none;
	}
	.search-search{
	    width: 70%;
		display: table-cell;
	}
	.bx-searchtitle .bx-input-group{
		width: 100%;
	}
}
@media (max-width: 767px){

	.bx-searchtitle .bx-input-group-btn button {
		z-index:700;
	}
	.bx-searchtitle .bx-input-group .bx-form-control {
		margin-left: 46px;
		z-index:600;
	}
	.search-cats{
		padding: 13px;
		background: #efefef;
		width: 100%;
		display: inline-block !important;
		border: 1px solid #e1e1e1;
		border-bottom: 1px solid #efefef;
		border-right: none;
	}
	.search-search{
	    width: 100%;
		display: block;
	}
}
/* End */


/* Start:/local/templates/2beman/components/bit-ecommerce/geo/geo/style.css?15856556441538*/
.popup-window-content .bx-form-control {
    position: relative;
    display: block;
    width: 320px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #F8FAFC;
    border: 1px solid #D5DADC;
    border-radius: 2px;
    outline: none;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.popup-window-content .bx-form-control-2 {
    position: relative;
    display: block;
    width: 320px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 0px solid #D5DADC;
	overflow:hidden !important;
    border-radius: 2px;
    outline: none;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.popup-window-content .close-input{
    position: absolute;
    right: 20px;
    top: 98px;
    border: 0px;
    background-color: transparent;
}

.popup-window-content .bx-form-control-2 option{ cursor: pointer;}

.top-bar .cnt-block{min-width: 315px;}

.cnt-block .geo{
	float: left;
    font-size: 20px;
	cursor: pointer;
	min-width: 200px;
	text-align: right;
    padding-right: 15px;
}
.user-city{float: right;}
.cnt-block .fa-map-marker{
	margin-right: 10px;
}
/* End */


/* Start:/local/templates/2beman/components/bitrix/sale.basket.basket.line/main_bascet/style.css?17912109337104*/
.bx-basket {}
.bx-basket-block {
	font-size: 12px;
	padding-bottom: 5px;
	white-space: nowrap;
	position: relative;
	padding-left: 20px;
}
.bx-basket-block>.fa {
	color: #97a1ab;
	width: 12px;
	position: absolute;
	left: 0;
	top: 3px;
}
.bx-basket-block a {
	color: #039BE5;
	border-bottom: 1px dashed;
	margin-right: 10px;
}
.bx-basket-block a:hover {
	text-decoration: none;
	border-bottom-color: transparent;
}


/*FIXED BASKET*/

@media (min-width: 768px) {
	.bx-basket-fixed{
		width: 200px;
		position: fixed;
		z-index: 1100;
		background: #fff;
		padding-top: 10px;
		border: 1px solid #F0F0F0;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
		border-radius: 1px;
		overflow: hidden;
	}
	.bx-basket-fixed.top	  {top:10px}
	.bx-basket-fixed.right  {right:10px}
	.bx-basket-fixed.bottom{bottom:10px}
	.bx-basket-fixed.left	 {left:10px}
	.bx-basket-fixed.bx-max-height{top:10px;bottom:10px;}
}
@media (max-width: 767px) {
	.bx-basket-fixed{
		/*width: 200px;*/
		position: fixed;
		z-index: 1100;
		background: #fff;
		padding-top: 10px;
		border: 1px solid #F0F0F0;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
		border-radius: 1px;
		overflow: hidden;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.bx-basket-item-list{
		display: none;
	}
	/*.bx-basket-fixed */
}
.bx-basket-fixed .bx-basket-block{
	margin-left: 10px;
}
.bx-basket-item-list{
	position: relative;
	padding-bottom: 20px;
	border-top: 1px solid #F7F7F7;
	overflow: hidden;
}
.bx-opener .bx-basket-item-list{
	padding-bottom: 75px;
}
.bx-max-height .bx-basket-item-list{
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
}
.bx-closed .bx-basket-item-list{
	height: 20px;
	overflow: hidden;
}
.bx-basket-item-list-action{
	cursor: pointer;
	background: #F7F7F7;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 120;
	height: 20px;
	line-height: 14px;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	color: #4f4f4f;
	padding: 3px 0;
}
.bx-basket-item-list-button-container{
	text-align: center;
	position: absolute;
	bottom: 20px;
	border-top: 1px solid #F7F7F7;
	padding: 10px 0;
	background: #fff;
	left: 0;
	right: 0;
}

.bx-basket-item-list-container{
	overflow-y: auto;
	max-height: 100%
}
.bx-basket-item-list-item{
	padding-top: 15px;
	position: relative;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #F7F7F7;
}
.bx-basket-item-list-container .bx-basket-item-list-item:last-child{
	border-bottom: none;
	margin-bottom: 0;
}
.bx-basket-item-list-item-status{
	font-weight: bold;
	padding: 3px;
	background: #EBEBEB;
	margin: 0 10px 20px;
	line-height: 16px;
	font-size: 13px;
	border-radius: 3px;
	text-align: center;
}
.bx-basket-item-list-item-img{
	text-align: center;
	position: relative;
	padding-bottom: 5px;
}
.bx-basket-item-list-item-img img{
	max-width: 90px;
	height: auto;
	border: 1px solid #E6E6E6;
}
.bx-basket-item-list-item-name{padding-bottom: 5px;}
.bx-basket-item-list-item-name a{
	font-size: 13px;
	color: #3F3F3F;
	text-decoration: none;
}
.bx-basket-item-list-item-remove{
	position: absolute;
	right: 10px;
	top: -7px;
	width: 20px;
	height:20px;
	cursor: pointer;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC) no-repeat center;
	opacity: .5;
}
.bx-basket-item-list-item-remove:hover{
	opacity: .7;
}
.bx-basket-item-list-item-price-block{
	padding-bottom: 5px;
	font-size: 12px;
}
.bx-basket-item-list-item-price{
	display: inline-block;
	margin-right: 5px;
}
.bx-basket-item-list-item-price-old{
	display: inline-block;
	margin-right: 5px;
	text-decoration: line-through;
	color: #B0B0B0
}
.bx-basket-item-list-item-price-summ{}

.bx_cart_login_top .bx-hdr-profile a {
	text-decoration: none;
}
.bx_cart_login_top .bx-hdr-profile{
	line-height: 1.44em;
}
/* ===== hb-mini: выпадающая мини-корзина в шапке (десктоп от 992px, по наведению) ===== */
.hb-mini{display:none;position:absolute;top:100%;right:0;z-index:1100;width:360px;padding-top:14px;color:#111;text-align:left;font:400 14px/1.35 Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.hb-mini *,.hb-mini *::before,.hb-mini *::after{box-sizing:border-box}
.hb-mini a,.hb-mini a:hover,.hb-mini a:focus{color:inherit;text-decoration:none}
.hb-mini__panel{overflow:hidden;border:1px solid #e7e7e4;border-radius:16px;background:#fff;box-shadow:0 16px 40px rgba(0,0,0,.12)}
.hb-mini__list{max-height:340px;overflow-y:auto;padding:6px 16px}
.hb-mini__item{display:grid;grid-template-columns:56px minmax(0,1fr) 28px;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f0ed}
.hb-mini__item:last-child{border-bottom:0}
.hb-mini__img{display:block;width:56px;height:56px;overflow:hidden;border-radius:10px;background:#f6f6f3}
.hb-mini__img img{display:block;width:100%;height:100%;object-fit:contain}
.hb-mini__info{min-width:0}
.hb-mini__name{display:-webkit-box;overflow:hidden;font-size:14px;font-weight:600;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hb-mini a.hb-mini__name:hover{text-decoration:underline}
.hb-mini__meta{display:flex;justify-content:space-between;gap:8px;margin-top:4px;font-size:13px;color:#6f6f6f}
.hb-mini__sum{font-weight:700;color:#111;white-space:nowrap}
.hb-mini__remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:none;color:#8a8a8a;cursor:pointer;transition:background .15s,color .15s}
.hb-mini__remove svg{width:16px;height:16px;pointer-events:none}
.hb-mini__remove:hover{background:#f6f6f3;color:#c62828}
.hb-mini__foot{padding:14px 16px 16px;border-top:1px solid #e7e7e4;background:#fafaf8}
.hb-mini__total{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}
.hb-mini__total span{color:#6f6f6f}
.hb-mini__total b{font-size:20px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.hb-mini a.hb-mini__btn{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;background:#D7FF00;color:#111;font-size:14px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:background .15s}
.hb-mini a.hb-mini__btn:hover,.hb-mini a.hb-mini__btn:focus{background:#c9f000;color:#111}
@media (min-width:992px) and (hover:hover){
	.dropdown-cart:hover .hb-mini,
	.dropdown-cart:focus-within .hb-mini{display:block;animation:hbMiniIn .16s ease-out}
}
@keyframes hbMiniIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* на странице самой корзины список не нужен */
body:has(.hb-cart) .dropdown-cart .hb-mini{display:none}

/* фото товара в мини-корзине: белая подложка и тонкая рамка (фото товара: белая подложка) */
.hb-mini .hb-mini__img{background:#fff;border:1px solid #e7e7e4}

/* End */


/* Start:/local/templates/2beman/components/bitrix/menu/top_horizontal_ozon/style.css?179130880110581*/
.header-nav .yamm .hb-nav{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.header-nav .yamm .hb-nav > li{
    flex-grow: 1;
}
.header-nav .yamm .hb-dropdown-menu li{
    padding: 0;
}
.header-nav .yamm .hb-dropdown-menu li:hover .hb-mega__cat{
    background-color: #fff;
}
body .header-nav .yamm .hb-dropdown.yamm-fw .hb-dropdown-menu{
    /* margin-top: -15px !important; */
    background: transparent;
    padding: 0;
    border: none;
}
.hb-dropdown-menu .no-catalog > li {
    padding: 0 15px !important;
}
.hb-dropdown-menu .no-catalog{
background-color: #fff;
}
.hb-dropdown-menu .no-catalog li{
    padding: 15px;
}
.hb-dropdown-menu .no-catalog > li > a {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-style: normal;
}
.header-style-1 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav > li > a{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.hb-dropdown-menu .no-catalog li:hover{
    background-color: #fff;
}
.sectionMenu-nav > .hb-mega__cat{
    padding: 1px 15px;
    width: 18% !important;
    min-height: 30px;
    display: flex;
    align-items: center;
    margin-left: 15px;
    margin-right: -15px;
    background: #fff;
    position: unset;
}
.sectionMenu-nav > .hb-mega__cat.active{
    background-color: #fff;
    border-right: 7px solid #73b8e6;
}
body .sectionMenu-nav > .hb-mega__cat a{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: uppercase !important;
    font-style: normal !important;
}
.sectionMenu-nav > .hb-mega__sub > .hb-mega__grid > .hb-mega__itm > a,
.sectionMenu-nav > .hb-mega__sub > .hb-mega__grid > .hb-col-md-12 > a {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-style: normal;
    font-weight: normal;
}
.sectionMenu-nav > .hb-mega__sub > .hb-mega__grid > .hb-col-md-12:hover a {
    color: #3498db;
}
.sectionMenu-nav > .hb-mega__itm:hover a{
    color: #3498db;
}
.sectionMenu-nav > .hb-mega__sub{
    display: none;
    position: absolute;
    left: 195px;
    background: #fff;
    min-height: 50px;
    flex-wrap: wrap;
    align-items: center;
    z-index: 500;
    top: 0;
    overflow-y: auto;
}
.sectionMenu-nav > .hb-mega__sub > .hb-mega__grid > .hb-mega__col{
    text-align: left;
    
}
.sectionMenu-nav > .hb-mega__sub > .hb-mega__grid > .hb-mega__itm{
    width: 34% !important;
}
.sectionMenu-nav > .hb-mega__sub > .hb-mega__grid > .hb-mega__itm > a,
.sectionMenu-nav > .hb-mega__sub > .hb-mega__grid > .hb-col-md-12 > a {
    padding: 5px;
}
.sectionMenu-nav > .hb-mega__sub > .hb-mega__grid > .hb-mega__col:hover{
background: #fff;
}

.mobile_menu_compact{
    display: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}
.mobile_menu_compact a > .block__img{
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mobile_menu_compact a > .block__text{
    display: flex;
    align-items: center;
    justify-content: center;
}
.mobile_menu_compact a > .block__text > span {
    font-size: 12px;
    line-height: 16px;
    color: #001a34;
}
.bx-searchtitle form{
    margin-top: 5px;
}

/* 
.clb{
    clear: both;
}
.sectionMenu-nav > .hb-mega__sub .itm{
 display: flex;
 flex-wrap: wrap;
 margin: 0;
 align-items: center;
 padding: 0;
}

.sectionMenu-nav > .hb-mega__sub .itm a{
font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-style: normal;
    font-weight: normal;
    line-height: 21px;
} */

.sectionMenu-nav > .hb-mega__sub .itm{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    align-items: center;
    padding: 0;
   }
   .sectionMenu-nav > .hb-mega__sub .itm a{
       font-family: 'Roboto', sans-serif;
       text-transform: uppercase;
       font-style: normal;
       font-weight: normal;
       line-height: 21px;
   }
   .sectionMenu-nav > .hb-mega__sub .submenu_items span{
   font-size: 18px;
   color: black;
   text-align: left;
   }
   .sectionMenu-nav > .hb-mega__sub .itm img{
       margin-right: 5px;
       width: 13px;
       height: 13px;
       border: 1px solid #e3e3e3;
       border-radius: 50%;
   }
   body.cnt-homepage .header-style-2 .header-nav .hb-navbar-default .nav-bg-class{
       box-shadow: none;
   }
   
   body .outer-top-xs{
       margin-top: 15px;
   }
   .sectionMenu-nav > .hb-mega__sub > .hb-mega__grid > .hb-mega__col:nth-child(2){
    border-right: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
}

body .hb-navbar-nav > li > .hb-dropdown-menu{
       margin-top: -5px;
   }
   .mobile-menu-for-compact{
       display: none;
   }

   .sidebar .side-menu.animate-dropdown.outer-bottom-xs.mobile-marhin-bottom{
    display: none;
    margin-bottom: 15px;
}
@media(max-width: 1199.5px){
    .sectionMenu-nav > .hb-mega__sub{
        left: 160px;
    }
    .nav-outer .menu_title b{
        font-size: 13px;
    }
}
@media(max-width: 767.5px){
    .mobile-menu-for-compact{
        display: block;
        background: #f2f3f5;
        position: fixed;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        opacity: 0;
        z-index: 99999;
    }
    /* .mobile-menu-for-compact{
        display: block;
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
        z-index: 99999;
    } */
    .mobile-menu-for-compact .content{
        overflow-y: auto;
        height: 100%;
        display: flex;
    }
    .nav-outer .menu_title a{
        font-weight: 700 !important;
        text-transform: uppercase !important;
        font-style: normal !important;
    }
    .mobile-menu-for-compact .content .selection-menu{
        height: 100%;
        width: 35%;
        overflow: auto;
    }
    .mobile-menu-for-compact .content .selection-menu a{
        font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
        display: block;
        font-size: 13px;
        color: #000;
        opacity: 0.8;
        padding: 15px;
        font-weight: 700;
        /* border-bottom: 1px solid rgba(0,0,0,0.5);
        border-right: 1px solid rgba(0,0,0,0.5); */
        display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 80px;
    }
    .mobile-menu-for-compact .content .right_selection-menu span::after{
        content: '';
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-top-color: rgba(0,0,0,.5);
        margin-left: 8px;
        transition: transform 0.2s ease-out;
    }
    .mobile-menu-for-compact .content .right_selection-menu .itm{
        padding: 0;
    }
    .mobile-menu-for-compact .content .right_selection-menu span.active::after{
        transform: rotate(180deg);
        margin-bottom: 10px;
    }
    .mobile-menu-for-compact .content .right_selection-menu span{
        font-size: 16px;
        display: flex;
        align-items: center;
        color: black;
        margin-top: 15px;
    }
    /* .mobile-menu-for-compact .content .right_selection-menu .clb a{
        font-size: 12px;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif;
    }
    .mobile-menu-for-compact .content .right_selection-menu .clb{
display: none;
    } */
    .mobile-menu-for-compact .content .right_selection-menu .wrap a{
        font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-style: normal;
    font-weight: normal;
    line-height: 21px;
    font-size: 10px;
    }
    .mobile-menu-for-compact .content .right_selection-menu .wrap img{
        
        margin-right: 0;
    width: 13px;
    height: 13px;
    border: 1px solid #e3e3e3;
    border-radius: 50%;
    }
    .mobile-menu-for-compact .content .right_selection-menu .wrap{
        display: none;
        padding: 0;
        transition: all 0.2s ease-out;
        
        flex-wrap: wrap;
        width: 49%;
    }
    .mobile-menu-for-compact .content .right_selection-menu .wrap.active{
        display: inline-flex;
    }
    .mobile-menu-for-compact .content .selection-menu a.active{
        color: #3498db;
        /* border-right: 1px solid transparent; */
        background: #fff;
    }
    .mobile-menu-for-compact .content .selection-menu a.active img{
        -webkit-filter: none;
        -moz-filter: none;
        -ms-filter: none;
        -o-filter: none;
        filter: none;
        filter: none;
    }
    .mobile-menu-for-compact .content .selection-menu a img{
        width: 50px;
        margin: 5px 0;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
    }

    .mobile-menu-for-compact .content .right_selection-menu .all{
        padding: 5px 15px;
        font-size: 14px;
        text-transform: uppercase;
    }
    .mobile-menu-for-compact .content .right_selection-menu{
        width: 75%;
        overflow: auto;
    }
    .mobile-menu-for-compact .content .right_selection-menu.active{
        background: #ffffff;
    }
    .mobile-menu-for-compact .head__wrapper{
        /* border-bottom: 1px solid rgba(0,0,0,0.5); */
        /* box-shadow: 0 0 10px rgba(0,0,0,0.5); */
    }
    .mobile-menu-for-compact .head__wrapper.active{
        background: #ffffff;
    }
    .mobile-menu-for-compact .close{
        font-size: 28px;
        cursor: pointer;
        opacity: .8;
    }
    .mobile-menu-for-compact h5{
        font-size: 20px;
        font-weight: bold;
    }
    .mobile-menu-for-compact .head{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .mobile-marhin-bottom #mobile-buter{
        display: none;
        margin-bottom: 15px;
    }
    body .main-header{
        margin-top: 15px;
    }
    .mobile_menu_compact{
        display: flex;
    }
    .nav-bg-class, .hb-navbar-default .hb-navbar-toggle{
        display: none;
    }
    .bx-searchtitle form{
        margin-top: 45px;
    }
    body .top-cart-row .dropdown-cart .lnk-cart{
        display: none;
    }
    .bx-searchtitle .bx-input-group .bx-form-control{
        margin-left: 0 !important;
    }
    .bx-searchtitle .bx-input-group > .search-cats{
        display: none !important;
    }
    .homebanner-holder section.featured-product{
        margin-top: 16px;
    }
    .header-style-1{
        margin-bottom: 20px ;
      }
}
/* End */


/* Start:/local/templates/2beman/components/bitrix/catalog.smart.filter/marcet_vertical/style.css?158565564432212*/
.bx_filter .bx_filter_section{
	position:relative;
	padding:30px 3.5% 0;
	border:7px solid #e1f5fb;
	border-radius:2px;
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAS1BMVEXB5/LB6PLC6PLC6PPC6fPD6fPD6fTD6vTE6vTE6vXE6/XF6/XF6/bF7PbG7PbG7PfG7ffH7ffH7fjH7vjI7vjI7vnI7/nJ7/nJ7/oBqae4AAAGDElEQVQYGQXBAWKDQBACwGtXUQyKkmx6/39pZ4bDPzEfbgagALphXig4gI3mKrNtZgmIUtIalgPblzYAxjTm5osAP3Eu2nsToNsNmXboeo2ZtkMaz3TOpMszFpAp70TgQPNMghs+/OC67EFvE+KkhKmgkYump6vZ4cJly0RsPvECeQ0O/Yw2ItAm8Po1Ce+8Hof+5TTh49dWEldTrBiyNCaLXEwf96ak7ONrotmphhSM9ReKHSBrcppQauDHy9b9mPzGeiWYb5vgS/vpPTh9orPey3Edq501CDJe157vQcNICkSe7k+3sjb0LrdUNN0AqZyx8gkG5OqYa+810f03dj/ATT0LgnJ30eDSiw22Y9InB7P6TtM89TxAiplwaEkC+nvNtJ6HvJCpOO5yj3XPxHOZyYXVRvDSD2jK1TER1kT3t+gbCBXgXgehUzZBAgy8kuiWg4RmIc13M6zs9Gzc37kaY4aaiYwmsZmJAthAV94wcMvgDhE54AQTytgOzQ0SgYKdgyb0+L3DiIw6we6cO2civbPOdjgwC7zFewH6jluVd8AHBZavgtiCnXjGRKMgcayzwd4AnrHNhFkRkArDoEGTlDIJIGVvFz2wKGnJj7Otd+J4O5P3Ti7qCcont5Zt1B5R7JUZmslp9MYVZqIANvD5yRvG8sggVxG3lutxTShUBo6RjaDtGL2yC7ZZ1PxrknUDlZitnRdMVS5vQ3Ui2ozj90NEVg4s3/CFSaHYls+AgAkQB5AeHNp9banLRqcCWbCzBkGeKSfoaYe5coRLI6P8HoC0fnhPrtmKPGTYAZa2PpQNudrLTQPw/nczIcYC19tOlPBMAHYMFrv8Am7mrBnbj4vLZZ/EjQzU7Pv5myoYDcfEgnnbPSEnJfTFmLR3QGUS5rA4FTRv03S7mp+bwMpMxOYdY3WQRa9aaMrVGWz9daqChioEeJ2+jQa7ypcJHvOvsbMCVD/XPk8Optx8wPBsfBqGf0ycf2SLPJrT1ciM/F2urjP01WN52ciZBLFVUVg226kKe2ID8osG8UayUB8hHkqThrmESMO4SQS9s+QP5ASOkS/wYmz5fb08egUZC2PfQnZ82E9MRUrkNpww4W8ZcgPWjQFQ3wrm1Izvj28HtJcQ05S92x9mvbwxzqUZARh6V7cY/+CbANt5pwE1CbnxdDaB0wfT6NAhpGuA53bfurHYQJcbBiKDhIhodYKGbijdMbcZcACWM3mdF3Ehn7wXNAyyYW/2CXAD9qC7kmvL/gsPQvsK2u533ZkLZNedevxF7uKycV86vC76LPCeMe3RQdPKGzRPEtWkZKH0gauy+cIrwrvDRsrLG8zYDEnuEKcZ9kZQWZ28SNGNA5FvwkRXh2yAYwu4MpD3tEkzFeBbnguB6Y8ncRdAXzidOju9csCyJ20Txp000KtBNmzaXsCd4I3uX8cMCydGuT7L7pBFbBSEqDp42PI9ERaeACgjfoG5EHNENcl552TQbtsn7y2t8FpuTthETdCmb/IoHWyPdQ8ub90GzdQNfMsTG/B1e3K5fwu04aQ8nzeUyRqGzd5W0O33IvO8shlqpoLK9TK39qQzJdMUGQx4C7cKmiq5F/kOHOOZgBhbbuukuCILfQPuHvR+bvwQwYJCO5YfdW5HervEtytem3fsqi/wTGKsXpN1Ifx096d1r70o5baKphvrRj2O5c4SkI1ghLgYwLXIme8TUmcYrpdFXNUKHMDwuZRbv5E8jrKVJGiSI4YsmUASYWcNVGEqcPldVxEHC8MPUBs8AzhHwYJ/d4ZLbv5pS5MGoIBXVtFL0c+A7Vz4gO8f+DQXHPPvQ6JSqI45T26Gd9XbF62rJAzY1GmA5LIF3ZXbDH9wFjnZTZCwkqIN9WWihld23yZnInVqtkNAB0/vN2yvHQQ6hfMygizJHDfrAQ9MFPNiAHQev1X5NBisYNk/OLY+YD/xjLkO0Y3O8YSQVGCYs4d+vLi7ERAM3HzAyF3duDBOEA0bbMekTdSHtL9m2UQjf2QerOAxf4I5X99nHIxrmQlAJ41Sk5B7TYcHtj9rT9B5JYTkBXv4D9G7lmk7oTNdAAAAAElFTkSuQmCC');
	text-shadow:0 1px 0 #fff;
}
.bx_filter .bx_filter_title{
	font-size:21px;
	font-weight:bold;
	margin-bottom:10px;
	padding:0 10px;
	color:#000;
	text-shadow:0 1px 0 #fff;
	/*text-align: left;*/
}
/*bx_filter_container => bx_filter_parameters_box*/
.bx_filter .bx_filter_button_box,
.bx_filter .bx_filter_parameters_box{
	margin-bottom:20px;
	padding:0 6px;
}
.bx_filter .bx_filter_button_box{clear: both;}
.bx_filter.bx_horizontal .bx_filter_parameters_box{
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:25%;
	padding:0 15px;
}
.bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(4n+2){clear:both;}
@media (max-width:860px){
	.bx_filter.bx_horizontal .bx_filter_parameters_box{width:33.333%;}
	.bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(4n+2){clear:none;}
	.bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(3n+2){clear:both;}
}
@media (max-width:640px){
	.bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box{width:50%;}
	.bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(4n+2){clear:none;}
	.bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(3n+2){clear:none;}
	.bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(2n+2){clear:both;}
}
@media (max-width:450px){
	.bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box{float:none;width:100%;}
	.bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(4n+2){clear:none;}
	.bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(3n+2){clear:none;}
	.bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(2n+2){clear:none;}
}

.bx_filter .bx_filter_parameters_box_title{
    background: #eeeeee;
    padding: 10px 15px;
    font-size: 14px;
    font-family: 'FjallaOneRegular';
    margin: 0px;
	cursor: pointer;
	position: relative;
}

.bx_filter .bx_filter_parameters_box_title:after{
	position: absolute;
	content: ' ';
	width:7px;
	height: 4px;
	top: 50%;
	/*left: -13px;*/
	right: 15px;
	margin-top: -1px;
	opacity: .8;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFAgMAAAD09B5LAAAABGdBTUEAALGPC/xhBQAAAAlQTFRF////AAAAAAAAflGpXQAAAAN0Uk5TvwCA2cz+0wAAABdJREFUCNdjWLWCQWsBg1cLQ5AIQ0gIACLDA/lykNHsAAAAAElFTkSuQmCC');
}
.bx_filter .bx_filter_parameters_box.active .bx_filter_parameters_box_title:after{
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFAgMAAAD09B5LAAAABGdBTUEAALGPC/xhBQAAAAlQTFRF////AAAAAAAAflGpXQAAAAN0Uk5TvwCA2cz+0wAAABdJREFUCNdjCAthiJrCkLWEYdUKBgYGACBrA/l9XbhoAAAAAElFTkSuQmCC");
}
.bx_filter .bx_filter_block{
	display:none;
	padding:0;
}
.bx_filter .bx_filter_button_box .bx_filter_block,
.bx_filter .bx_filter_parameters_box.active .bx_filter_block{
	display:block;
	margin-top: 10px;
}
.bx_filter .bx_filter_parameters_box.active .bx_filter_block i{
	font-size: 15px;
	font-style: normal;
	color: #596b70;
	display: block;
	padding-bottom: 3px;
}
/*bx_filter_param_area => bx_filter_parameters_box_container*/
.bx_filter .bx_filter_parameters_box_container{/*margin-bottom:20px;*/}
/*bx_filter_param_area_block => bx_filter_parameters_box_container_block*/
.bx_filter .bx_filter_parameters_box_container_block{
	font-size:11px;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:50%;
	color:#3f3f3f;
}
.bx_filter .bx_filter_parameters_box_container .bx_filter_parameters_box_container_block:nth-child(2){
	text-align: right;
}
/*bx_input_container => bx_filter_input_container*/
/*.bx_filter .bx_filter_parameters_box_container .bx_filter_input_container{
	display:inline-block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	max-width:105px;
	max-width:66%;
	min-width: 80px;
	width: 100%;
	height:35px;
	padding:1px;
	border-radius:3px;
	background:#8ca3ae;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYTNhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmM4ZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ca3ae), color-stop(100%,#b6c8d2));
	background:-webkit-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%);
	background:   -moz-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%);
	background:    -ms-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%);
	background:     -o-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%);
	background:        linear-gradient(top bottom, #8ca3ae 0%,#b6c8d2 100%);
	box-shadow:0 1px 0 0 rgba(255,255,255,.75);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ca3ae', endColorstr='#b6c8d2',GradientType=0 );
}*/
.bx_filter .bx_filter_parameters_box_container .bx_filter_parameters_box_container_block:nth-child(1){
	padding-right: 5px;
}
.bx_filter .bx_filter_parameters_box_container .bx_filter_parameters_box_container_block:nth-child(2){
	padding-left: 5px;
}

.bx_filter .bx_filter_parameters_box_container .bx_filter_input_container input{
    border: 1px solid #D6D6D6;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 4px 12px;
    background: #fff;
    font-size: 13px;
}

.bx_filter .bx_filter_parameters_box_container .bx_filter_calendar_container{
	max-width:100%;
	position:relative;
}

.bx_filter .bx_filter_parameters_box_container .bx_filter_calendar_container input.calendar{
	padding:0 23px 0 4px;
	font-size:15px;
}

.bx_filter .bx_filter_parameters_box_container .bx_filter_input_container img.calendar-icon{
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:absolute;
	font-size:18px;
	top:7px;
	right:3px;
}

/*Track*/
.bx_filter .bx_ui_slider_track{
	position:relative;
	height:7px;
	margin:25px 10px;
	border:1px solid #8da3ad;
	background:#a1c0c8;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ExYzBjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2Q1ZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1c0c8), color-stop(100%,#b3d5df));
	background:-webkit-linear-gradient(top, #a1c0c8 0%,#b3d5df 100%);
	background:   -moz-linear-gradient(top, #a1c0c8 0%,#b3d5df 100%);
	background:    -ms-linear-gradient(top, #a1c0c8 0%,#b3d5df 100%);
	background:     -o-linear-gradient(top, #a1c0c8 0%,#b3d5df 100%);
	background:        linear-gradient(top bottom, #a1c0c8 0%,#b3d5df 100%);
	box-shadow:0 1px 0 0 rgba(255,255,255,.35);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1c0c8', endColorstr='#b3d5df',GradientType=0 );
}
.bx_filter .bx_ui_slider_part{
	position:absolute;
	top:-6px;
	width:1px;
	height:17px;
	background:#abd07e;
	z-index:100;
}
.bx_filter .bx_ui_slider_part.p1{left:-1px;}
.bx_filter .bx_ui_slider_part.p2{left:25%;}
.bx_filter .bx_ui_slider_part.p3{left:50%;}
.bx_filter .bx_ui_slider_part.p4{left:75%;}
.bx_filter .bx_ui_slider_part.p5{right:-1px;}
.bx_filter .bx_ui_slider_part span{
	font-size:11px;
	font-weight: bold;
	position:absolute;
	top:-16px;
	left:50%;
	display:block;
	width:100px;
	margin-left:-50px;
	text-align:center;
	color:#000;
}
.bx_filter .bx_ui_slider_part.p2 span,
.bx_filter .bx_ui_slider_part.p3 span,
.bx_filter .bx_ui_slider_part.p4 span{color:#6b8086;}

.bx_filter .bx_ui_slider_range,
.bx_filter .bx_ui_slider_pricebar,
.bx_filter .bx_ui_slider_pricebar_VD,
.bx_filter .bx_ui_slider_pricebar_VN,
.bx_filter .bx_ui_slider_pricebar_V{
	position:absolute;
	top:-1px;
	bottom:-1px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.bx_filter .bx_ui_slider_range{
	/*z-index:50*/;
}
.bx_filter .bx_ui_slider_pricebar{
	z-index:100;
}

.bx_filter .bx_ui_slider_pricebar_VD{
	z-index:60;
	border-top:   1px solid #74868e;
	border-bottom:1px solid #74868e;
	background:#849da4;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0OWRhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5M2FmYjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#849da4), color-stop(100%,#93afb7));
	background:-webkit-linear-gradient(top, #849da4 0%,#93afb7 100%);
	background:   -moz-linear-gradient(top, #849da4 0%,#93afb7 100%);
	background:    -ms-linear-gradient(top, #849da4 0%,#93afb7 100%);
	background:     -o-linear-gradient(top, #849da4 0%,#93afb7 100%);
	background:        linear-gradient(top bottom, #849da4 0%,#93afb7 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#849da4', endColorstr='#93afb7',GradientType=0 );
}
.bx_filter .bx_ui_slider_pricebar_VN{
	z-index:70;
	border:0px solid #8da3ad;
	background:#f1f1f1;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4ZGZmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMGVhZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#f1f1f1));
	background:-webkit-linear-gradient(top, #f1f1f1 0%,#f1f1f1 100%);
	background:   -moz-linear-gradient(top, #f1f1f1 0%,#f1f1f1 100%);
	background:    -ms-linear-gradient(top, #f1f1f1 0%,#f1f1f1 100%);
	background:     -o-linear-gradient(top, #f1f1f1 0%,#f1f1f1 100%);
	background:        linear-gradient(top bottom, #f1f1f1 0%,#f1f1f1 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f1f1f1',GradientType=0 );
}
.bx_filter .bx_ui_slider_pricebar_V{
	z-index:80;
	top:-1px;
	bottom:-1px;
	/*	border-right:1px solid #1888cc;
		border-left: 1px solid #1888cc;*/
    background: #c3c3c3;
}



.bx_filter .bx_ui_slider_handle{
	position:absolute;
	top:100%;
	width:22px;
	height:22px;
}
.bx_filter .bx_ui_slider_handle:hover{
	-webkit-cursor:grab;
	-ms-cursor:grab;
	-o-cursor:grab;
	cursor:grab;
}
.bx_filter .bx_ui_slider_handle:active{
	-webkit-cursor:grabbing;
	-ms-cursor:grabbing;
	-o-cursor:grabbing;
	cursor:grabbing;
}
.bx_filter .bx_ui_slider_handle.left{
background-color: #FFFFFF;
    background-repeat: repeat-x;
    height: 15px;
    margin-left: -3px !important;
    opacity: 1;
    position: absolute;
    top: 0px;
    width: 15px;
    margin-top: -4px;
	border: 2px solid #e4e4e4;
	z-index: 999;
}
.bx_filter .bx_ui_slider_handle.right{
background-color: #FFFFFF;
    background-repeat: repeat-x;
    height: 15px;
    margin-right: -3px !important;
    opacity: 1;
    position: absolute;
    top: 0px;
    width: 15px;
    margin-top: -4px;
	border: 2px solid #e4e4e4;
	z-index: 999;
}

/*
*	Select
*
*/
.bx_filter .bx_filter_select_container{
	display:inline-block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	height:35px;
	padding:1px;
	border-radius:3px;
	background:#8ca3ae;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYTNhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmM4ZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ca3ae), color-stop(100%,#b6c8d2));
	background:-webkit-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%);
	background:   -moz-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%);
	background:    -ms-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%);
	background:     -o-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%);
	background:        linear-gradient(top bottom, #8ca3ae 0%,#b6c8d2 100%);
	box-shadow:0 1px 0 0 rgba(255,255,255,.75);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ca3ae', endColorstr='#b6c8d2',GradientType=0 );
}
.bx_filter .bx_filter_select_block{
	position:relative;
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	height:33px;
	margin:0;
	padding:0 33px 0 10px;
	border:none;
	border-radius:2px;
	background:#fff;
	box-shadow:inset 0 3px 6px 0 rgba(215,215,215,.75);
}
.bx_filter .bx_filter_select_text{
	font-size:15px;
	line-height:33px;
	overflow:hidden;
	max-width:100%;
	height:33px;
	cursor:pointer;
	vertical-align:middle;
	white-space:nowrap;
	text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
}
.bx_filter .bx_filter_select_text.fix{
	min-width:120px;
}
.bx_filter .bx_filter_select_text label{
	cursor:pointer;
}
.bx_filter .bx_filter_select_arrow{
	position:absolute;
	top:0;
	right:0;
	width:34px;
	height:33px;
	cursor:pointer;
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAG0lEQVQY02OYOXPmf1yYAQRwSsAATglkBch8ADy7LKHqFrgoAAAAAElFTkSuQmCC') no-repeat center;
}
/*
*	Select popup
*
*/
.bx_filter_select_popup{padding:0;}
.bx_filter_select_popup ul{
	margin:0;
	padding:0;
	list-style:none;
}
.bx_filter_select_popup ul li{
	display:block;
	text-align: left;
	vertical-align:middle;
}
.bx_filter_select_popup ul li:first-child{
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.bx_filter_select_popup ul li label{
	font-size:14px;
	line-height:26px;
	display:block;
	text-align: left !important;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	height:26px;
	padding:0 5px;
	cursor:pointer;
	vertical-align:middle;
	white-space:nowrap;
	text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	color:#575757;
}
.bx_filter_select_popup ul li label.selected,
.bx_filter_select_popup ul li label:hover{
	color:#000;
	background:#f3f8fa;
}
.bx_filter_select_popup ul li label.disabled{
	color:#b8b8b8;
	background:transparent;
}
.bx_filter_select_popup ul li .bx_filter_param_text{
	line-height: 26px !important;
}

/*
* TAGS
*
*/
.bx_filter.bx_horizontal .bx_filter_parameters_box.tags{
	width: 100%;
	clear: both
}
.bx_filter .bx_filter_tag{
	padding:18px;
	border:1px solid #aed5e0;
	border-radius:5px;
	background:rgba(151,214,233,.33);
}
.bx_filter .bx_tag_link{
	font-size:12px;
	text-decoration:none;
	color:#68939e;
	border-bottom:1px solid;
	text-shadow:none;
}
.bx_filter .bx_tag_link.active,
.bx_filter .bx_tag_link:hover{
	color:#1d3d46;
	border-bottom:none;
}

/*
*	LABEL
*
*/
.bx_filter .bx_filter_param_label{
	font-size:13px;
	position:relative;
	display:block;
	text-align:left;
	margin-bottom: 5px;
	margin-right: 5px;
}
.bx_filter .bx_filter_param_label.dib{display: inline-block;}
.bx_filter .bx_filter_param_text{
	line-height:34px;
	position:relative;
	display:inline-block;
	margin:0 5px;
	vertical-align:middle;
	text-align:center;
	cursor:pointer;
}
.bx_filter .bx_filter_param_label.disabled .bx_filter_param_text{
	color:#6c6c6c;
	/*text-decoration: line-through;*/
}
.bx_filter_select_popup .bx_filter_param_label.active{
	background: #f3f8fa;
}
/*
*	Checkbox / Radio
*
*/
.bx_filter .bx_filter_input_checkbox{
	position:relative;
	display:block;
	clear:both;
	overflow:hidden;
	min-height:20px;
	padding-top:5px;
	padding-bottom:5px;
}
.bx_filter .bx_filter_input_checkbox input[type=radio],
.bx_filter .bx_filter_input_checkbox input[type=checkbox]{
	position: relative;
	top: -3px;
	float:left;
}
.bx_filter .bx_filter_input_checkbox .bx_filter_param_text{
	display: block;
	line-height: 15px;
	margin-left: 25px;
	text-align: left;
}

/*
* 	BTN
*
*/
.bx_filter .bx_filter_param_btn{
	display:inline-block;
	width:34px;
	height:34px;
	text-align:center;	
	cursor: pointer;
    background-color: #f5f5f5;
    color: #666666;

}
.bx_filter .bx_filter_param_btn:hover{border-color:#b4d5de}
.bx_filter .bx_filter_param_btn:active,
.bx_filter .bx_filter_param_label.active .bx_filter_param_btn{
	border-color:#b4d5de;
	background:#fcfefe;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmUyZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#cfe2e7));
	background:-webkit-linear-gradient(top, #fcfefe 0%,#feffff 100%);
	background:   -moz-linear-gradient(top, #fcfefe 0%,#feffff 100%);
	background:    -ms-linear-gradient(top, #fcfefe 0%,#feffff 100%);
	background:     -o-linear-gradient(top, #fcfefe 0%,#feffff 100%);
	background:        linear-gradient(top bottom, #fcfefe 0%,#cfe2e7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfefe', endColorstr='#feffff',GradientType=0 );
}
/* --- colors */
.bx_filter .bx_filter_param_btn.bx_color_sl{
	/*width:24px;*/
	/*padding:0 1px;*/
}
.bx_filter .bx_filter_param_label.disabled .bx_filter_param_btn.bx_color_sl{
	background: transparent;
	box-shadow: none
}
.bx_filter .bx_filter_param_label.disabled .bx_filter_param_btn.bx_color_sl{position: relative;}
.bx_filter .bx_filter_param_label.disabled .bx_filter_param_btn.bx_color_sl:before{
	position: absolute;
	bottom:0;
	right: 0;
	top: 0;
	left: 0;
	content: ' ';
	/*width: 19px;*/
	/*height:19px;*/
	display: block;
	z-index:100;
	background: url(/local/templates/2beman/components/bitrix/catalog.smart.filter/marcet_vertical/images/missing_v2.png) no-repeat center;
	opacity: .7;
}

/*
* BTN P/M
*
*/
.bx_filter .bx_filter_param_btn.bx_spm{
	width:23px;
	min-width:23px;
	height:23px;
	padding:0;
	vertical-align: middle;
}
.bx_filter .bx_filter_param_btn.bx_spm.bx_minus{
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAECAIAAADXmFKkAAAAIUlEQVQYV2NgKFmCD5UuYUDno5ElUBWLoUJwUWT0nxAAABiMRP18QPJ4AAAAAElFTkSuQmCC), -webkit-linear-gradient(#fbfdfd 0%, #cfe1e7 100%);
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAECAIAAADXmFKkAAAAIUlEQVQYV2NgKFmCD5UuYUDno5ElUBWLoUJwUWT0nxAAABiMRP18QPJ4AAAAAElFTkSuQmCC),	  -o-linear-gradient(#fbfdfd 0%, #cfe1e7 100%);
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAECAIAAADXmFKkAAAAIUlEQVQYV2NgKFmCD5UuYUDno5ElUBWLoUJwUWT0nxAAABiMRP18QPJ4AAAAAElFTkSuQmCC),		 linear-gradient(#fbfdfd 0%, #cfe1e7 100%);
	background-repeat:no-repeat,repeat;
	background-position:center 10px,center;
}
.bx_filter .bx_filter_param_btn.bx_spm.bx_plus{
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAATElEQVQoz2NgQAclS/7DMUEAVriYWMVQhSCaKJNLcTmjFMmNyBibOFgQLrEYu0a4YrCCxbhNQxb7jwaQFWLIUR7OpUtIDWciFONzIwAP8KL1rVnYDQAAAABJRU5ErkJggg==), -webkit-linear-gradient(#fbfdfd 0%, #cfe1e7 100%);
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAATElEQVQoz2NgQAclS/7DMUEAVriYWMVQhSCaKJNLcTmjFMmNyBibOFgQLrEYu0a4YrCCxbhNQxb7jwaQFWLIUR7OpUtIDWciFONzIwAP8KL1rVnYDQAAAABJRU5ErkJggg==),	  -o-linear-gradient(#fbfdfd 0%, #cfe1e7 100%);
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAATElEQVQoz2NgQAclS/7DMUEAVriYWMVQhSCaKJNLcTmjFMmNyBibOFgQLrEYu0a4YrCCxbhNQxb7jwaQFWLIUR7OpUtIDWciFONzIwAP8KL1rVnYDQAAAABJRU5ErkJggg==),		 linear-gradient(#fbfdfd 0%, #cfe1e7 100%);
	background-repeat:no-repeat,repeat;
	background-position:center 6px,center;
}
.bx_filter .bx_filter_param_btn.bx_spm:active{
	outline:none !important;
	box-shadow:inset 0 2px 3px rgba(0,0,0,.12);
}
.bx_filter span.bx_spm{
	font-size:18px;
	font-weight:bold;
	line-height:23px;
	display:inline-block;
	height:23px;
	margin:0 10px;
	vertical-align:middle;
	color:#000;
}

/*
*	icon
*
*/
.bx_filter_select_popup .bx_filter_select_text_icon,
.bx_filter .bx_filter_select_text_icon{
	line-height:33px;
	position:relative;
	display:inline-block;
	width:24px;
	height:24px;
	margin-top:-2px;
	margin-right:2px;
	vertical-align:middle;
	border-radius:2px;
}
.bx_filter_select_popup .bx_filter_btn_color_icon,
.bx_filter .bx_filter_btn_color_icon{
	line-height:24px;
	position:relative;
	top:5px;
	border-radius: 2px;
	display:inline-block;
	width:24px;
	height:24px;
	vertical-align:middle;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
	-webkit-background-size:cover;
	background-size:cover;
}
.bx_filter_select_popup .bx_filter_btn_color_icon{
	width:20px;
	height:20px;
	margin:2px 0;
	top: 0 !important;
}
.bx_filter .bx_filter_select_block .bx_filter_btn_color_icon{
	top:-1px !important;
}
.bx_filter_btn_color_icon.all {
	position: relative;
	border: none;
	box-shadow: none
}

.bx_filter_btn_color_icon.all:after,
.bx_filter_btn_color_icon.all:before{
	position: absolute;
	width: 60%;
	height:60%;
	background: #fff;
	content: " ";
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.bx_filter_btn_color_icon.all:after{
	right: 0;
	bottom: 0;
}
.bx_filter_btn_color_icon.all:before{
	top:0;
	left: 0;
}
.bx_filter .bx_filter_param_label.disabled .bx_filter_btn_color_icon{
	opacity: .2;
}

/*
* 	BIZ
*
*/
.bx_filter .bx_filter_parameter_biz{
	font-size:15px;
	display:inline-block;
	margin-right:10px;
	text-decoration:none;
	color:#215968;
	border-bottom:1px dashed;
}
.bx_filter .bx_filter_parameter_biz:hover{
	text-decoration:none;
	border-bottom:1px solid;
}
.bx_filter .bx_filter_parameter_biz.active{
	position:relative;
	padding-left:20px;
	color:#d54a4a;
	border-bottom:1px solid;
}
.bx_filter .bx_filter_parameter_biz.active:hover{
	border-bottom:1px dashed;
}
.bx_filter .bx_filter_parameter_biz.active:before{
	position:absolute;
	top:4px;
	left:1px;
	display:block;
	width:13px;
	height:13px;
	content:' ';
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAABFElEQVQoz2NgIBJcl+Qzui7J33Vdgo+RWA38NxQknwDp/zekhRoIarghyc94Q15iC5D+f1NJ5v/n7dumE7ZFWqgYbANQ08c1a37+///fAL8GCT7L6zLCf0CaXjbUAdX/j0aWdAJKTACaxookJnJTUeoFyIaHIYH////8ORHZzdw35MTegyRvSAkeAdISYH8oSu4Fid0x0f//5/nzo0BbWOCagBzur0ePvrujp/kf5Aygc54DbZkDYt9UkPj/7czpl0A1ohhuBwra/Lp//809Zwewh8GagfSHpUt+A+VMcXoaKKn45+PHK0/iY8EaX1SUgzyeRDB4gYp4//3+veX9/Hn//379OpPY1ALSyAzEOUDMhksNAKf2po+AEPuKAAAAAElFTkSuQmCC') no-repeat center left;
}

/*
*	BTN result and reset
*
*/
.bx_filter .bx_filter_search_button{
	cursor: pointer;
	outline: none;
	font-size:14px;
	font-weight:bold;
	line-height:35px;
	display:inline-block;
	height:35px;
	margin-right:7px;
	margin-bottom:10px;
	padding:0 10px;
	text-decoration:none;
	color:#1075a2;
	border-top:   1px solid rgba(0,0,0,.1);
	border-right: 1px solid rgba(0,0,0,.2);
	border-bottom:1px solid rgba(0,0,0,.4);
	border-left:  1px solid rgba(0,0,0,.2);
	border-radius:3px;
	background:#f9fafa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfefe), color-stop(100%,#c6e8f2));
	background:-webkit-linear-gradient(top, #fcfefe 0%,#c6e8f2 100%);
	background:   -moz-linear-gradient(top, #fcfefe 0%,#c6e8f2 100%);
	background:    -ms-linear-gradient(top, #fcfefe 0%,#c6e8f2 100%);
	background:     -o-linear-gradient(top, #fcfefe 0%,#c6e8f2 100%);
	background:        linear-gradient(top bottom, #fcfefe 0%,#e4f1f5 100%);
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
	text-shadow:0 1px 0 0 rgba(255,255,255,.75);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfefe', endColorstr='#c6e8f2',GradientType=0 );
}
.bx_filter .bx_filter_search_button:hover{
	background:#f0f9fb;
}
.bx_filter .bx_filter_search_button:active{
	position:relative;
	bottom:-1px;
	background:#e4f1f5;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZjFmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWZhZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f1f5), color-stop(100%,#f9fafa));
	background:-webkit-linear-gradient(top, #e4f1f5 0%,#f9fafa 100%);
	background:   -moz-linear-gradient(top, #e4f1f5 0%,#f9fafa 100%);
	background:    -ms-linear-gradient(top, #e4f1f5 0%,#f9fafa 100%);
	background:     -o-linear-gradient(top, #e4f1f5 0%,#f9fafa 100%);
	background:        linear-gradient(top bottom, #e4f1f5 0%,#f9fafa 100%);
	box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.08) ;

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f1f5', endColorstr='#f9fafa',GradientType=0 );
}
.bx_filter .bx_filter_search_reset{
	cursor: pointer;
	outline: none;
	font-size:14px;
	font-weight:bold;
	line-height:35px;
	display:inline-block;
	height:35px;
	margin-right:7px;
	margin-bottom:10px;
	padding:0 10px;
	/*text-decoration:underline;*/
	color:#586a6f;
	border-radius:3px;
	background:transparent;
	border: none;
	text-shadow:0 1px 0 0 rgba(255,255,255,.75);
}
.bx_filter .bx_filter_search_reset:hover{
	color:#555;
}
.bx_filter .bx_filter_search_reset:active{
	position:relative;
	bottom:-1px;
	/*box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.08) ;*/
}

/*
* 	Result Popup
*
*/
.bx_filter .bx_filter_popup_result{
	font-size:13px;
	font-weight:normal;
	line-height:33px;
	position:absolute;
	z-index:930;
	display:none;
	height:33px;
	margin-top:-7px;
	margin-left:10px;
	padding:0 10px;
	white-space:nowrap;
	color:#3f3f3f;
	border-top:1px solid #c0d6dc;
	border-right:1px solid #c0d7dd;
	border-bottom:1px solid #c0d6dc;
	border-left:1px solid #c0d7dd;
	border-radius:3px;
	background:#fff;
	box-shadow:0 2px 5px 0 rgba(0,0,0,.1);
}
.bx_filter .bx_filter_popup_result .arrow{
	position:absolute;
	top:50%;
	width:8px;
	height:14px;
	margin-top:-7px;
	background:url(/local/templates/2beman/components/bitrix/catalog.smart.filter/marcet_vertical/images/arr_left.png) no-repeat center;
}
.bx_filter.bx_horizontal .bx_filter_popup_result{
	position: static !important;
	display: inline-block
}
.bx_filter.bx_horizontal .bx_filter_popup_result .arrow{
	display: none;
}
.bx_filter .bx_filter_popup_result.right{left:102%;}
.bx_filter .bx_filter_popup_result.left{right:102%;}
.bx_filter .bx_filter_popup_result.right .arrow{left: -8px;background:url(/local/templates/2beman/components/bitrix/catalog.smart.filter/marcet_vertical/images/arr_left.png)  no-repeat center;}
.bx_filter .bx_filter_popup_result.left  .arrow{right:-8px;background:url(/local/templates/2beman/components/bitrix/catalog.smart.filter/marcet_vertical/images/arr_right.png) no-repeat center;}
.bx_filter .bx_filter_popup_result a{color:#0073a3;}
.bx_filter .bx_filter_popup_result a:hover{text-decoration:none;}
.bx_filter .bx_filter_popup_result_close{display:none;}

@media (max-width:530px){
	.bx-touch .bx_filter .bx_filter_popup_result{
		font-size:12px;
		line-height:14px;
		position:fixed !important;
		z-index:1001;
		top:auto !important;
		right:0 !important;
		bottom:0 !important;
		left:0 !important;
		margin-top: 0;
		margin-left:0;
		width:auto;
		height:auto;
		padding:10px;
		border-radius:0;
		box-shadow:0 -2px 5px 0 rgba(0,0,0,.1);
	}
	.bx_filter .bx_filter_popup_result .arrow{
		display: none;
	}
	.bx-touch .bx_filter .bx_filter_popup_result_close{
		position:absolute;
		top:50%;
		right:10px;
		display:block;
		width:22px;
		height:22px;
		margin-top:-11px;
		background:url(/local/templates/2beman/components/bitrix/catalog.smart.filter/marcet_vertical/images/x.png) no-repeat center;
		background-size:16px;
	}
}
/* End */


/* Start:/local/templates/2beman/components/bitrix/sender.subscribe/sender/style.css?15856556444683*/
.bx-subscribe {
	margin: 10px 0;
}
.bx-subscribe .bx-block-title {
	font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #343434;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 9px;
	font-weight: 600;
}
.bx-subscribe-desc {
	color: #aaa;
	font-size: 12px;
	position: relative;
	margin-top: -5px;
	margin-bottom: 3px;
}
.bx-subscribe .bx-input-group .bx-form-control {
	position: relative;
	margin-bottom: 15px;
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #F8FAFC;
	border: 1px solid #D5DADC;
	border-radius: 2px;
	outline: none;
	box-shadow: none !important;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bx-ios .bx-subscribe .bx-input-group .bx-form-control {
	/* Fix of input shadow for IOS browsers. */
	background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
	background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}
.btn-subscribe {
	cursor: pointer;
	text-align: center;
	background: #70bb18;
	border: none;
	color: #fff;
	font-size: 13px;
	position: relative;
	text-transform: uppercase;
	border-radius: 2px;
	line-height: 30px;
	height: 40px;
	padding: 5px 60px 5px 20px;
	vertical-align: middle;
	outline: none;
	-webkit-transition: width 5s linear;
	-moz-transition: width 5s linear;
	-ms-transition: width 5s linear;
	-o-transition: width 5s linear;
	transition: width 5s linear;
}
.btn-subscribe:hover {
	background: #7ec629;
}
.btn-subscribe:before {
	content: " ";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 40px;
	background-color: #5b9f0b;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkYyNDcxQTFERjZGMTFFNDk5NTY5MzQ3QzQxRkMzMEIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkYyNDcxQTJERjZGMTFFNDk5NTY5MzQ3QzQxRkMzMEIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRjI0NzE5RkRGNkYxMUU0OTk1NjkzNDdDNDFGQzMwQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRjI0NzFBMERGNkYxMUU0OTk1NjkzNDdDNDFGQzMwQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plv+rHwAAADiSURBVHjajNK9asJQFMDxG42KUqFx9kEcRO1UcBCHjh3q3NXHcBEcdHQQPxY7+AaS0a1v0UEhSlu/rv+jhxIlBQ/84OTmnHuSmzjW2qExpoK9ekDcXMcRAVw1d2hckjxqwQxTJJXEDj+ooa5rK+neoocMnvGB7s3EVxQwwhdeDBMDvEPylr3EBB6yGOhaGzE0cJ5o4enOTSzQgY8D8nhDX2ty0hPTCxt6LDmsMtb6fk+hpr9a10THJ4pw8BtVII0ydRNxb/vPplLrSGNKT/Pb3BdVpOU7jklKSNzZKD+JfxJgAAV0YSAU8mZTAAAAAElFTkSuQmCC");
	background-position: 50%;
	background-repeat: no-repeat;
	border-radius: 0 2px 2px 0;
}
.btn-subscribe span {
	display: block;
	-webkit-animation-name: MeilSendSpan;
	animation-name: MeilSendButton;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
}
.btn-subscribe.send {
	padding: 5px 40px;
	-webkit-animation-name: MeilSend;
	animation-name: MeilSend;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
}
.btn-subscribe.send:before {
	width: 0;
	background-position: 100px 50%;
	-webkit-animation-name: MeilSendButton;
	animation-name: MeilSendButton;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
}
@keyframes MeilSend {0%{padding:5px 60px 5px 20px}100%{padding:5px 40px}}
@-webkit-keyframes MeilSend {0%{padding:5px 60px 5px 20px}100%{padding:5px 40px}}
@keyframes MeilSendSpan {0%{color:transparent;}100%{color:#fff;}}
@-webkit-keyframes MeilSendSpan {0%{color:transparent;}100%{color:#fff;}}
@keyframes MeilSendButton {0%{width:40px;background-position:50%}100%{width:0;background-position:100px 50%}}
@-webkit-keyframes MeilSendButton {0%{width:40px;background-position:50%}100%{width:0;background-position:100px 50%}}

.bx_subscribe_response_container {
	padding: 40px;
	color: #35414E;
}

.bx_subscribe_checkbox_container {
  line-height: 16px;
  font-size: 13px;
  margin-bottom: 3px;
  vertical-align: middle;
  color: #aaa;
}
/* End */


/* Start:/bitrix/components/bitrix/iblock.vote/templates/stars/style.css?16536451381019*/

.bx_item_detail_rating{margin-bottom: 10px;}
.bx_item_detail_rating td{
	vertical-align: middle;
	text-align: right;
}
.bx_item_detail_rating .bx_item_rating{
	text-align: right;
}
.bx_item_detail_rating .bx_stars_container{
	position: relative;
	width: 68px;
	height: 30px;
	background: #dadada;
	background-size: 100% 100%;
}
.bx_item_detail_rating .bx_stars_bg{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 101;
	background: url(/bitrix/components/bitrix/iblock.vote/templates/stars/images/stars.png) no-repeat center;
}

.bx_item_detail_rating .bx_stars_progress{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background: #e76110;
}
.bx_item_detail_rating .bx_stars_rating_votes{
	color: #8d8d8d;
	font-size: 11px;
	line-height: 11px;
	vertical-align: middle;
}

/*.bx_item_detail_rating .bx_vam{vertical-align: middle;}*/

@media (max-width:530px){
	.bx-touch .bx_item_detail_rating .bx_stars_container{
		height: 15px;
		margin: 4px 0;
	}
	.bx_item_detail_rating .bx_stars_rating_votes{
			font-size: 7px;
			line-height: 7px;
	}
}
/* End */


/* Start:/local/templates/2beman/css/footer-desktop.css?179131056114632*/
/* Футер, десктоп >=1200px. Префикс hf-. Без !important. Ниже 1200 остаётся прежний футер. */
.hf-desktop{display:none}
@media (min-width:1200px){
	.footer>.links-social,.footer>.copyright-bar{display:none}
	.hf-desktop{display:block;position:relative;overflow:hidden;padding:0 0 56px;font-family:Manrope,Inter,Roboto,Arial,sans-serif;font-size:15px;color:#000}
	.hf-desktop *,.hf-desktop *::before,.hf-desktop *::after{box-sizing:border-box}
	.hf-desktop a,.hf-desktop a:hover,.hf-desktop a:focus{color:inherit;text-decoration:none}
	.hf-wrap{position:relative;z-index:1;width:min(1350px,calc(100% - 126px));margin:0 auto}
	.hf-mark{position:absolute;top:0;right:0;bottom:0;width:26%;background-repeat:no-repeat;background-position:right center;background-size:contain;opacity:.45;pointer-events:none}
	.hf-ico{width:20px;height:20px;flex:0 0 20px}

	.hf-nav{padding: 7px 0;border-bottom:1px solid #dcdcdc}
	.hf-nav__list{display:flex;list-style:none;margin:0;padding:0}
	.hf-nav__item{position:relative;flex:1 1 auto;padding:0 12px;text-align:center;text-transform:uppercase;font-size:15px;line-height:1.2}
	.hf-nav__item+.hf-nav__item::before{content:"";position:absolute;left:0;top:50%;height:20px;margin-top:-10px;border-left:1px solid #dcdcdc}
	.hf-nav__item a{display:inline-flex;align-items:center;gap:6px;padding:14px 0;transition:opacity .2s}
	.hf-nav__item a:hover{opacity:.55}
	.hf-chev{width:14px;height:14px}

	.hf-main{display:grid;grid-template-columns:minmax(0,30fr) minmax(0,21fr) minmax(0,19fr) minmax(0,30fr);padding:28px 0}
	.hf-col{display:flex;align-items:center;padding:8px 0}
	.hf-col+.hf-col{border-left:1px solid #dcdcdc;padding-left:32px}
	.hf-brand{gap:34px}
	.hf-logo{flex:0 0 190px;width:190px}
	.hf-logo img{display:block;width:100%;height:auto}
	.hf-slogan{position:relative;padding-left:20px;font-size:15px;line-height:1.3;text-transform:uppercase}
	.hf-slogan::before{content:"";position:absolute;left:0;top:0;bottom:24px;width:2px;background:#D7FF00}
	.hf-slogan::after{content:"";display:block;width:34px;height:2px;margin-top:18px;background:#d4d4d4}

	.hf-socials{justify-content:center;gap:16px}
	.hf-social{width:48px;height:48px;border:1px solid #dcdcdc;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#000;transition:border-color .2s}
	.hf-social svg{width:22px;height:22px}
	a.hf-social:hover{border-color:#000}
	.hf-social--off{cursor:default}

	.hf-contacts{flex-direction:column;align-items:center;justify-content:center;gap:14px}
	.hf-line{display:flex;align-items:flex-start;gap:16px;line-height:1.35}
	.hf-line .hf-ico{margin-top:1px}

	.hf-address{flex-direction:column;align-items:flex-start;justify-content:center}
	.hf-lime{width:32px;height:2px;margin:12px 0 12px 36px;background:#D7FF00}
	.hf-addr{margin-left:36px;line-height:1.4}

	.hf-about{padding:22px 0;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;font-size:14px;line-height:1.6;color:#222}
	.hf-about p{margin:0}

	.hf-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:20px;font-size:14px;color:#333}
	.hf-advs{display:flex}
	.hf-adv{display:flex;align-items:center;gap:12px;padding:2px 28px;line-height:1.25;color:#333}
	.hf-adv+.hf-adv{border-left:1px solid #dcdcdc}
	.hf-adv:last-child{border-right:1px solid #dcdcdc}
	.hf-credit{display:flex;align-items:center;justify-content:flex-end;gap:14px}
	.hf-credit::before{content:"";flex:0 0 34px;height:2px;background:#D7FF00}
	.hf-credit b{font-weight:700;color:#000}
}

/* ===== hf-mobile: футер на телефоне (<=767px). Тот же блок .hf-desktop, другая раскладка. Без !important. ===== */
.hf-nav__title{display:none}
@media (max-width:767px){
	.footer>.links-social,.footer>.copyright-bar{display:none}
	.hf-desktop{display:block;position:relative;overflow:hidden;padding:0 0 72px;font-family:Manrope,Inter,Roboto,Arial,sans-serif;font-size:14px;color:#000}
	.hf-desktop *,.hf-desktop *::before,.hf-desktop *::after{box-sizing:border-box}
	.hf-desktop a,.hf-desktop a:hover,.hf-desktop a:focus{color:inherit;text-decoration:none}
	.hf-wrap{position:relative;z-index:1;width:calc(100% - 32px);margin:0 auto}
	.hf-mark{position:absolute;top:150px;right:0;width:62%;height:420px;background-repeat:no-repeat;background-position:right center;background-size:contain;opacity:.4;pointer-events:none}
	.hf-ico{width:18px;height:18px;flex:0 0 18px}

	.hf-nav{padding:22px 0 10px;border-bottom:1px solid #dcdcdc}
	.hf-nav__title{display:block;position:relative;padding-left:12px;margin-bottom:10px;font-size:11px;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;color:#8a8a8a}
	.hf-nav__title::before{content:"";position:absolute;left:0;top:-3px;bottom:-3px;width:2px;background:#D7FF00}
	.hf-nav__list{position:relative;display:grid;grid-auto-flow:column;grid-template-rows:repeat(4,auto);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0 0 0 12px}
	.hf-nav__list::after{content:"";position:absolute;left:50%;top:6px;bottom:6px;border-left:1px solid #dcdcdc}
	.hf-nav__item{padding:0;font-size:13px;line-height:1.2;text-transform:uppercase}
	.hf-nav__item:nth-child(n+5){padding-left:20px}
	.hf-nav__item a{display:inline-flex;align-items:center;gap:6px;padding:10px 0}
	.hf-chev{width:14px;height:14px}

	.hf-main{display:flex;flex-direction:column;align-items:center;padding:26px 0 20px}
	.hf-col{display:flex}
	.hf-brand{flex-direction:column;align-items:center;gap:14px;text-align:center}
	.hf-logo{display:block;width:190px}
	.hf-logo img{display:block;width:100%;height:auto}
	.hf-slogan{font-size:10.5px;line-height:1.5;letter-spacing:.24em;text-transform:uppercase;color:#222}
	.hf-slogan br{display:none}
	.hf-socials{justify-content:center;gap:14px;margin-top:20px}
	.hf-social{width:46px;height:46px;border:1px solid #dcdcdc;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#000}
	.hf-social svg{width:21px;height:21px}
	.hf-social--off{cursor:default}

	.hf-contacts{--hf-cf:clamp(9px,calc((100vw - 130px)/23),12px);width:100%;margin-top:22px;display:grid;grid-template-columns:auto auto auto;align-items:center}
	.hf-contacts .hf-line{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;padding:6px 8px;font-size:var(--hf-cf);line-height:1.3}
	.hf-contacts .hf-line:first-child{padding-left:0}
	.hf-contacts .hf-line:last-child{padding-right:0}
	.hf-contacts .hf-line+.hf-line::before{content:"";position:absolute;left:0;top:50%;height:28px;margin-top:-14px;border-left:1px solid #dcdcdc}
	.hf-contacts .hf-line a,.hf-contacts .hf-line span{display:block;min-width:0;font-size:var(--hf-cf);line-height:1.3;white-space:nowrap}
	.hf-contacts .hf-ico{width:16px;height:16px;flex:0 0 16px;margin:0}

	.hf-address{width:100%;margin-top:18px;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:2px;align-items:center;justify-items:start}
	.hf-address .hf-line{display:contents}
	.hf-address .hf-ico{grid-column:1;grid-row:1/span 2;width:24px;height:24px;flex:0 0 24px;margin:0}
	.hf-address .hf-ico path{fill:currentColor}
	.hf-address .hf-ico circle{fill:#f4f4f4;stroke:none}
	.hf-address .hf-line span{grid-column:2;grid-row:1;font-size:14px;line-height:1.3;color:#000}
	.hf-address .hf-lime{display:none}
	.hf-address .hf-addr{grid-column:2;grid-row:2;margin:0;font-size:13px;line-height:1.4;color:#666}
	.hf-address .hf-addr br{display:none}

	.hf-about{padding:18px 0;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;font-size:13px;line-height:1.6;color:#555}
	.hf-about p{margin:0;font-size:13px;line-height:1.6}

	.hf-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"advs advs" "copy credit";align-items:center;column-gap:12px}
	.hf-advs{grid-area:advs;display:flex;padding:16px 0;border-bottom:1px solid #dcdcdc}
	.hf-adv{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:8px;padding:0 8px;font-size:12px;line-height:1.25;color:#222}
	.hf-adv:first-child{padding-left:0}
	.hf-adv:last-child{padding-right:0}
	.hf-adv+.hf-adv{border-left:1px solid #dcdcdc}
	.hf-adv .hf-ico{width:22px;height:22px;flex:0 0 22px}
	.hf-copy{grid-area:copy;padding-top:14px;font-size:11.5px;line-height:1.35;color:#555}
	.hf-credit{grid-area:credit;display:flex;align-items:center;gap:8px;padding-top:14px;font-size:11.5px;color:#333;white-space:nowrap}
	.hf-credit::before{content:"";flex:0 0 22px;height:2px;background:#D7FF00}
	.hf-credit b{font-weight:700;color:#000}
}

/* ===== hf-tablet: футер на планшете (768-1199px). Тот же блок .hf-desktop. Без !important. ===== */
@media (min-width:768px) and (max-width:1199px){
	.footer>.links-social,.footer>.copyright-bar{display:none}
	.hf-desktop{display:block;position:relative;overflow:hidden;padding:0 0 32px;font-family:Manrope,Inter,Roboto,Arial,sans-serif;font-size:13px;color:#000}
	.hf-desktop *,.hf-desktop *::before,.hf-desktop *::after{box-sizing:border-box}
	.hf-desktop a,.hf-desktop a:hover,.hf-desktop a:focus{color:inherit;text-decoration:none}
	.hf-wrap{position:relative;z-index:1;width:calc(100% - 48px);margin:0 auto}
	.hf-mark{display:none}
	.hf-ico{width:18px;height:18px;flex:0 0 18px}

	.hf-nav{padding: 4px 0;border-bottom:1px solid #dcdcdc}
	.hf-nav__list{display:flex;list-style:none;margin:0;padding:0}
	.hf-nav__item{position:relative;flex:1 1 auto;padding:0 8px;text-align:center;text-transform:uppercase;font-size:clamp(10px,1.1vw,12.5px);line-height:1.2}
	.hf-nav__item+.hf-nav__item::before{content:"";position:absolute;left:0;top:50%;height:20px;margin-top:-10px;border-left:1px solid #dcdcdc}
	.hf-nav__item:first-child{padding-left:0;text-align:left}
	.hf-nav__item:last-child{padding-right:0}
	.hf-nav__item a{display:inline-flex;align-items:center;gap:4px;padding:12px 0;white-space:nowrap}
	.hf-chev{width:13px;height:13px}

	.hf-main{display:grid;grid-template-columns:minmax(0,28fr) minmax(0,20fr) minmax(0,22fr) minmax(0,30fr);padding:16px 0}
	.hf-col{position:relative;display:flex;align-items:center;padding:6px 0}
	.hf-col+.hf-col{padding-left:20px;padding-right:20px}
	.hf-col+.hf-col::before{content:"";position:absolute;left:0;top:15%;bottom:15%;border-left:1px solid #dcdcdc}
	.hf-brand{gap:20px}
	.hf-logo{flex:0 0 clamp(120px,14vw,150px);width:clamp(120px,14vw,150px)}
	.hf-logo img{display:block;width:100%;height:auto}
	.hf-slogan{position:relative;padding-left:14px;font-size:11px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:#222}
	.hf-slogan::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#D7FF00}

	.hf-socials{justify-content:center;gap:8px}
	.hf-social{width:42px;height:42px;border:1px solid #dcdcdc;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#000}
	.hf-social svg{width:19px;height:19px}
	.hf-social--off{cursor:default}

	.hf-contacts{flex-direction:column;align-items:center;justify-content:center;gap:10px}
	.hf-contacts .hf-line{width:max-content;max-width:100%}
	.hf-line{display:flex;align-items:flex-start;gap:12px;font-size:12.5px;line-height:1.35}
	.hf-line a,.hf-line span{font-size:12.5px}
	.hf-address{flex-direction:column;align-items:flex-start;justify-content:center}
	.hf-lime{width:28px;height:2px;margin:8px 0 8px 30px;background:#D7FF00}
	.hf-addr{margin-left:30px;font-size:12.5px;line-height:1.4;color:#555}
	.hf-address .hf-ico path{fill:currentColor}
	.hf-address .hf-ico circle{fill:#f4f4f4;stroke:none}

	.hf-about{padding:14px 0;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;font-size:12.5px;line-height:1.55;color:#555}
	.hf-about p{margin:0;font-size:12.5px;line-height:1.55}

	.hf-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"advs advs" "copy credit";align-items:center;column-gap:16px}
	.hf-advs{grid-area:advs;display:flex;padding:12px 0;border-bottom:1px solid #dcdcdc}
	.hf-adv{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:2px 8px;font-size:12.5px;line-height:1.25;color:#222}
	.hf-adv+.hf-adv{border-left:1px solid #dcdcdc}
	.hf-adv .hf-ico{width:22px;height:22px;flex:0 0 22px}
	.hf-copy{grid-area:copy;padding-top:12px;font-size:12px;color:#555}
	.hf-credit{grid-area:credit;display:flex;align-items:center;gap:10px;padding-top:12px;font-size:12px;color:#333;white-space:nowrap}
	.hf-credit::before{content:"";flex:0 0 28px;height:2px;background:#D7FF00}
	.hf-credit b{font-weight:700;color:#000}
}
/* портретный планшет (iPad mini): логотип | иконки над складом | контакты */
@media (min-width:768px) and (max-width:999px){
	.hf-main{grid-template-columns:minmax(0,32fr) minmax(0,38fr) minmax(0,30fr);grid-template-areas:"brand socials contacts" "brand address contacts";column-gap:0;padding:14px 0}
	.hf-brand{grid-area:brand}
	.hf-socials{grid-area:socials;align-self:end;justify-content:center;padding-bottom:6px}
	.hf-address{grid-area:address;align-self:start;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:center;justify-items:start;padding:6px 20px 6px 20px}
	.hf-address::before{display:none}
	.hf-address .hf-line{display:contents}
	.hf-address .hf-ico{grid-column:1;grid-row:1/span 2;width:22px;height:22px;flex:0 0 22px;margin:0}
	.hf-address .hf-line span{grid-column:2;grid-row:1;font-size:12.5px;line-height:1.3;color:#000}
	.hf-address .hf-lime{display:none}
	.hf-address .hf-addr{grid-column:2;grid-row:2;margin:0;font-size:12px;line-height:1.4;color:#555}
	.hf-address .hf-addr br{display:none}
	.hf-contacts{grid-area:contacts;padding-left:20px;padding-right:20px}
	.hf-socials{grid-row:1;align-self:end;padding-top:6px}
	.hf-socials,.hf-address{grid-column:2}
	.hf-address{grid-row:2;align-self:start;padding-bottom:6px}
	.hf-socials::before{display:none}
	.hf-brand::after{content:"";position:absolute;right:0;top:15%;bottom:15%;border-left:1px solid #dcdcdc}
	.hf-contacts::before{top:15%;bottom:15%}
}

/* hf-desktop-center: иконки и контакты по центру своих колонок (одинаковые отступы от разделителей) */
@media (min-width:1200px){
	.hf-col.hf-socials,.hf-col.hf-contacts{padding-right:32px}
	.hf-contacts .hf-line{width:max-content;max-width:100%}
}
@media (min-width:1200px) and (max-width:1359px){
	.hf-col.hf-socials,.hf-col.hf-contacts{padding-left:20px;padding-right:20px}
	.hf-contacts .hf-line{gap:10px}
}

/* End */


/* Start:/bitrix/components/webes/oneclick/css/styles.css?15856556066574*/
.o-w-modal-overlay{width:100%;height:100vh;background-color:rgba(0,0,0,0.5);display:none;transition:.5s;position:fixed;z-index:60000;top:0;left:0;overflow:auto}
.o-w-modal-overlay.active{display:flex;transition:.5s}
.o-w-modal-base{width:100%;height:100vh;display:none;transition:.5s;position:fixed;z-index:60001;top:0;left:0;overflow:auto}
.o-w-modal-base.active{display:flex;transition:.5s}
.o-w-modal-title{font-size:24px;margin-bottom:5px;line-height:36px}
.o-w-modal-body{margin:auto;flex:1 0 300px;max-width:720px;padding:32px;background-color:white;z-index:60001;border-radius:3px}
.o-w-modal-body label{cursor:pointer}
.o-w-modal-close{float:right;font-size:16px!important;padding:4px;cursor:pointer;color:#d2d2d2!important;margin-top:-24px;transition:.3s}
.o-w-modal-close:hover{color:black!important}
.o-w-modal-lock{overflow:hidden}
.o-w-modal-base img{max-width:100%;height:auto}
.o-w-modal-base *{color:#333;font-family:'MyriadPro',sans-serif,Arial;line-height:27px;font-size:16px}
.o-w-modal-base input{height:inherit!important;border-color:#DDD;font-weight:inherit}.o-w-modal-base textarea{width:96%!important;min-height:60px;border:1px #ccc solid;padding:6px 2%!important}
.o-w-modal-title{margin-top:-24px;color:#AAA;text-transform:uppercase;border-bottom:1px #EEE solid;padding-bottom:10px;padding-top:24px}
.o-w-modal-inner .h22{font-size:20px;margin-bottom:14px}
.o-w-btn{cursor:pointer;border:1px #EEE solid;font-size:14px;font-family:'MyriadPro',sans-serif,Arial;background-color:#EEE;color:black;padding:7px 14px;margin:0}.o-w-btn:hover{border:1px #CCC solid}.o-w-item-param-img *{font-size:11px!important;max-width:85px}.o-w-block-group+div{clear:both}.o-w-block-group .o-w-item-param{border-radius:4px;float:left;padding:7px;margin:2px;border:1px #DDD solid;cursor:pointer;text-align:center}.o-w-block-group .o-w-item-param *{font-size:13px;line-height:15px}.o-w-block-group .o-w-item-param:hover{border-color:#BBB;background-color:white}.o-w-block-group .o-w-item-param[data-disabled='true']{color:#999;cursor:not-allowed}.o-w-block-group .o-w-item-param.o-w-disabled,.o-w-block-group .o-w-item-param.o-w-disabled *{background-color:#EEE;color:#AAA}.o-w-block-group .o-w-item-param.o-w-disabled img{filter:grayscale(100%);opacity:.5}.o-w-item{display:flex}.o-w-price span{font-size:18px}.o-w-price div{font-size:13px}.o-w-action-block{flex:1 0 100px}.o-w-action-block input[type=text]{margin-bottom:6px}.o-w-show-order-block-button{padding:7px 14px;cursor:pointer;border-radius:2px;margin-top:14px;text-align:center;text-transform:uppercase;border:1px white solid}.o-w-show-order-block-button:hover{opacity:.8}.o-w-show-order-block-button-disabled{padding:7px 14px;border-radius:2px;margin-top:14px;text-align:center;text-transform:uppercase;border:1px #CCC solid;color:#CCC;background:white;cursor:default}.o-w-show-order-block-button-disabled:hover{opacity:.8}.o-w-cr-costume input[type=checkbox]{display:none}.o-w-cr-costume input[type=checkbox]+label{text-align:left;padding-left:36px}.o-w-cr-costume input[type=checkbox]+label:before{content:' ';width:24px;height:24px;font-size:24px;margin-left:-36px;margin-top:0;position:absolute}.o-w-cr-costume input[type=checkbox]:checked+label:before{content:'\2714';width:24px;height:24px;font-size:36px;margin-left:-36px;margin-top:0;position:absolute}.o-w-cr-costume input[type=radio]{display:none}.o-w-cr-costume input[type=radio]+label{text-align:left;padding-left:36px}.o-w-cr-costume input[type=radio]+label:before{content:' ';width:24px;height:24px;font-size:24px;margin-left:-36px;margin-top:0;position:absolute;border-radius:42px}.o-w-cr-costume input[type=radio]:checked+label:before{content:'\2714';width:24px;height:24px;font-size:36px;margin-left:-36px;margin-top:0;position:absolute}.o-w-public-agry-block{display:flex;margin-top:8px;max-width:390px}.o-w-public-agry-block input[type=checkbox]{margin-right:11px}.o-w-public-agry-block *{font-size:11px;line-height:14px}.o-w-email,.o-w-phone,.o-w-fio{width:96%!important;border:1px #EEE solid;padding:6px 2%!important;background-color:white;color:#333}.o-w-public-btn{flex:0 0 48%;text-align:center;padding:7px 14px;text-decoration:none;border-radius:3px;transition:.3s;cursor:pointer}.o-w-public-btn:hover{text-decoration:none;opacity:.8}.o-w-public-btn-primary{transition:.3s;text-transform:uppercase;font-size:14px}.o-w-public-btn-primary:visited{color:inherit}.o-w-public-btn-primary:hover{opacity:.8}.o-w-info{color:#999;font-size:14px;font-style:italic;padding:2px 14px;margin-left:7px;border-left:1px #BBB solid;line-height:18px}.o-w-form{max-width:500px;margin:auto}.o-w-label{font-size:13px;font-weight:bold}.o-w-item-image{margin-right:14px;min-width:200px;text-align:center}.o-w-price-pc{display:block;min-height:114px}.o-w-mobile{display:none}.o-w-group-title{font-size:11px;line-height:16px;padding-left:4px;margin-top:2px;font-weight:bold}.o-w-main-button-first-block{padding-top:4px}.o-w-quantity-block{display:flex;justify-content:center}.o-w-quantity-block input[type=text]{width:40px;font-size:16px;text-align:center;border:1px #DDD solid;margin:0 4px;line-height:24px}.o-w-quantity-block input[type=button]{width:30px;border-radius:2px;font-size:20px;border:1px #DDD solid;line-height:24px}.o-w-quantity-plus,.o-w-quantity-minus{cursor:pointer}@media(max-width:800px){.o-w-modal-body{width:100%;min-height:100vh}.o-w-modal-close{position:fixed;right:14px;top:14px;margin-top:-7px}.o-w-modal-title{margin-top:7px;padding-top:0}}@media(max-width:640px){.o-w-item{flex-flow:row wrap}.o-w-modal-body{padding:14px;padding-bottom:48px}.o-w-item-param img{max-width:70px}}@media(max-width:400px){.o-w-item-image{margin-right:0;flex:0 0 100%;text-align:center}.o-w-mobile{display:block}.o-w-fx-mobile{display:flex;justify-content:center}.o-w-fx-mobile *{padding:2px 4px}}.o-w-pay_system{display:none}.o-w-pay_system+.o-w-p-item{border:1px #DDD solid}.o-w-pay_system:checked+.o-w-p-item{border:1px red solid}.o-w-payment_flex_block{display:flex;flex-flow:row wrap}.o-w-payment_flex_block .o-w-p-item{flex:0 0 130px;font-size:11px;line-height:13px;margin:3px;padding:6px;border-radius:3px;text-align:center;cursor:pointer;text-decoration:none}.o-w-delivery_system{display:none}.o-w-delivery_system+.o-w-d-item{border:1px #DDD solid}.o-w-delivery_system:checked+.o-w-d-item{border:1px red solid}.o-w-delivery_flex_block{display:flex;flex-flow:row wrap}.o-w-delivery_flex_block .o-w-d-item{flex:0 0 130px;font-size:11px;line-height:13px;margin:3px;padding:6px;border-radius:3px;text-align:center;cursor:pointer;text-decoration:none}
/* End */


/* Start:/local/templates/2beman/components/bitrix/menu/mobile/style.css?1789742572914*/
/* Left menu*/
ul.icon-menu
{
	list-style:none;
	margin:0;
	padding:0;
	position: fixed; 
top:0;
left:0;
width:100%;
z-index:1000;
background:#fff;
height: 50px!important;
display:none;
}
@media (max-width: 767px){
	.main-header{
		margin-top:50px;
	}
	ul.icon-menu{
		display:block;
	}
	.basket-item-count-mobile {
		z-index: 2102;
		padding-top: 1px;
		position: fixed;
		right: 6%;
		left: auto;
		top: auto;
		bottom: 30px;
		-webkit-border-radius: 1em;
		-moz-border-radius: 1em;
		border-radius: 1em;
		width: 1.4rem;
		height: 1.4rem;
		background: #D7FF00;
		color: #111111;
		font-size: 12px;
		text-align: center;
	}
}
ul.icon-menu li
{
float:left;
width:16.66%;
padding:5px 15px 10px 15px;


}

ul.icon-menu li a
{
text-decoration:none;
cursor: pointer;
}

ul.icon-menu li a img{
width:auto;
cursor:pointer;
height: 30px!important;

}
ul.icon-menu li a:hover
{

}


ul.icon-menu li a.selected,

{

}




/* End */


/* Start:/local/templates/2beman/components/bitrix/menu/mobile-left/style.css?17871418173555*/
.menu-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1110;
}

.mobile-left-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 350px;
    height: 100%;
    background-color: #fff;
    z-index: 1111;
    padding: 40px 70px 40px 30px;
    overflow-y: auto;
}
.mobile-left-menu > ul > li {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.mobile-left-menu > ul > li a {
    color: #000;
    text-decoration: none;
    transition: 0.4s;
}
.mobile-left-menu > ul > li a:hover {
    color: #3498db;
}
.mobile-left-menu .callback-request {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.15em;
    color: #3498db;
    text-transform: uppercase;
    border: 1px solid #3498db;
    margin-top: 40px;
    padding: 10px 20px;
    text-align: center;
}
.mobile-left-menu .close-mobile-menu {
    position: absolute;
    top: 40px;
    right: 40px;
    background: url(/images/close-icon.png) no-repeat center;
    background-size: cover;
    width: 25px;
    height: 25px;
}


@media (max-width: 450px) {
    .mobile-left-menu {
        width: 80%;
        padding: 30px 60px 30px 20px;
    }
    .mobile-left-menu .close-mobile-menu {
        top: 30px;
        right: 30px;
    }
}

/* ============================================================
   МОБИЛЬНОЕ МЕНЮ: вложенные пункты (Depth 2, аккордеон)
   (19.08, CODER). Подменю скрыто, раскрывается по .open.
   ============================================================ */
.mobile-left-menu .has-submenu {
    position: relative;
}
.mobile-left-menu .has-submenu > .mobile-nav-item-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mobile-left-menu .has-submenu > .mobile-nav-item-wrapper .submenu-toggle {
    flex-grow: 1;
    padding: 10px 0;
    display: inline-block;
    color: #000;
    text-decoration: none;
    transition: color 0.4s;
}
.mobile-left-menu .has-submenu > .mobile-nav-item-wrapper .submenu-toggle:hover {
    color: #3498db;
}
/* кликабельная зона-стрелка: плюс/минус рендерится обычным текстом в HTML,
   JS меняет innerText (+ когда свернуто, - когда раскрыто).
   Никакой генерации через content: (иначе битая кодировка). */
.mobile-left-menu .has-submenu > .mobile-nav-item-wrapper .submenu-arrow {
    padding: 10px 6px 10px 14px;
    font-size: 20px;
    line-height: 1;
    color: #3498db;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}

/* индикатор-стрелка у родительского пункта */
.mobile-left-menu .mobile-submenu {
    display: none;
    padding: 10px 0 0 18px;
    margin: 10px 0 0 0;
    border-left: 2px solid #e8e8e8;
    list-style: none;
}
.mobile-left-menu .has-submenu.open > .mobile-submenu {
    display: block;
}
.mobile-left-menu .mobile-submenu > li {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: none;
    margin-bottom: 14px;
    line-height: 1.35;
}
.mobile-left-menu .mobile-submenu > li a {
    color: #333;
    text-decoration: none;
    transition: 0.3s;
}
.mobile-left-menu .mobile-submenu > li a:hover {
    color: #3498db;
}

/* End */


/* Start:/local/templates/2beman/template_styles.css?1791470999495876*/
.bx_item_detail_rating .bx_stars_progres {
    background: #ffc808;
}

.bx-rating {
    color: #ffc808;
}

.bx_item_detail_rating .bx_stars_bg {
    background: url(/local/templates/2beman/assets/images/stars.png) no-repeat center;
}
.bx_item_detail_rating .bx_stars_container {
    background: #fff;
}
.bx_item_detail_rating {
    margin-bottom: 0px;
    margin-left: 0px;
}
.bx_catalog_list_home .bx_catalog_item_price .bx_price {
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    margin-right: 8px;
    padding-top: 0px;

}

#grid-container .action ul li {
    float: left;
}
#grid-container .action ul li.add-cart-button .hb-cbtn.hb-cbtn.icon,
#grid-container .action ul li.add-cart-button .hb-button.hb-button-primary.icon {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    background: #575757 ;
}
#grid-container .action ul li.lnk {
    margin: 10px 0px;
}
#grid-container .action ul li.lnk a {
    padding: 0 10px;
    color: #dadada;
}
#grid-container .action ul li.lnk.wishlist {
    border-right: 1px solid #dadada;
}

.bx_catalog_item_container .tag {
    position: relative;
    z-index: 910;
    top: 10px;
    right: 10px;
    margin-bottom: 5px;
}

.bottom_menu a{
    color: #666;
    font-size: 16px;
    line-height: 36px;
}

.bx_catalog_item_images {
    position: relative;
    z-index: 910;
    display: block;
    padding-top: 135%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.bx_catalog_item_title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 15px;
    min-height:50px;
    margin-bottom: 5px;
}

.products:hover .bx_catalog_item_title {
    overflow: hidden;
    white-space: normal;
}
.products  {
    position: relative;
}
#grid-container .products .action{
    display: none;
}
#grid-container .products:hover .action {
    display: block;
    position: absolute;
    z-index: 990;
    background: #fff;
    padding: 0 12px 5px 12px;
    border: 1px solid #e3e3e3;
    left: -6px;
    right: -6px;
    border-top: 0px;
    margin-top: -8px;
    padding-top: 10px;
}

#grid-container .bx_item_detail_scu.full{
    padding: 0 20px 5px 20px;
}

/*.products:hover .product {
position: absolute;
z-index:9999;
left:0;
right:0;
border: 1px solid #e3e3e3;
border-top: 0px;
background: #fff;
}*/
.search-result-container .category-product .product .product-image .tag {
    z-index: 910;
    position: relative;
    margin-bottom: 5px;
}

.products 	  .bx_catalog_item_scu{display:none}
.products .bx_catalog_item_scu{display:block}
.products	  .bx_catalog_item_scu{padding-top:0; width: 100%; margin: 5px auto;}
.products:hover .bx_catalog_item_scu>div{margin:0 auto}
.products .bx_item_detail_scu .bx_scu{
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 100%;
}

.products .bx_item_detail_scu .bx_scu ul{
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    white-space: nowrap
}
.productse .bx_item_detail_scu .bx_scu ul{margin-left: 0 !important}
.products .bx_item_detail_scu .bx_scu ul li{
    position: relative;
    display: block;
    float: left;
    height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.products .bx_item_detail_scu .bx_scu ul li .cnt{
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 2px;
    bottom: 4px;
    left:2px;
    display: block;
    overflow: hidden;
    border: 1px solid #c0cfda;
    background: #fff;
    z-index:10;
}
.products .bx_item_detail_scu .bx_scu ul li .cnt{
    border: none;
    border-style: solid;
    border-width: 1px;
    -webkit-border-image: url(/local/templates/2beman/images/x2border.png) 2 stretch;
    -moz-border-image: url(/local/templates/2beman/images/x2border.png) 2 stretch;
    -o-border-image: url(/local/templates/2beman/images/x2border.png) 2 stretch;
    border-image: url(/local/templates/2beman/images/x2border.png) 2 fill stretch;
}

.products .bx_item_detail_scu .bx_scu ul li:active .cnt,
.products .bx_item_detail_scu .bx_scu ul li.bx_active .cnt{
    padding: 0;
    border: 2px solid #006cc0;
}

.products .bx_item_detail_scu .bx_scu ul li .cnt .cnt_item{
    position: absolute;
    top:   6%;
    right: 6%;
    bottom:6%;
    left:  6%;
    background-size:contain;
    background-repeat: no-repeat;
}
.products .bx_item_detail_scu .bx_scu ul li .cnt .cnt_item img{
    width: auto;
    height: 25px;
}

.products .bx_item_detail_scu .bx_scu_scroller_container{position: relative}

.products .bx_item_detail_scu .bx_slide_left,
.products .bx_item_detail_scu .bx_slide_right  	  {opacity:0.8}
.products .bx_item_detail_scu .bx_slide_left:hover,
.products .bx_item_detail_scu .bx_slide_right:hover{opacity:1.0}

.products .bx_item_detail_scu.full .bx_slide_left,
.products .bx_item_detail_scu.full .bx_slide_right{
    position: absolute;
    top: 0;
    bottom:4px;
    width :5%;
    max-width:11px;
    cursor: pointer;
}

.products .bx_item_detail_scu .bx_slide_left {left: -5%;background:url(/local/templates/2beman/images/arr_left.png)  no-repeat   left  center;background-size: 100% auto}
.products .bx_item_detail_scu .bx_slide_right{right:-5%;background:url(/local/templates/2beman/images/arr_right.png) no-repeat   right center;background-size: 100% auto}

.price span{
    text-decoration: line-through;
    color: #d3d3d3;
    font-weight: 400;
    line-height: 30px;
    font-size: 14px;
}

.single-product .product-info .price-container .price-box .price-strike{
    font-size: 17px;
    margin-left: 14px;
    white-space: nowrap;
}

#grid-container .hb-col-md-4:hover {
    border: 1px solid #e3e3e3;
    border-bottom: 0px;
    padding: 0px 5px 0px 5px;
    background: #fff;
    position: inherit;
    position: relative;
    margin-top: 0px;
}

#grid-container .tri:hover  {
    margin-top: 0px;
    top:0px;
}

.detail_strong{
    /* font-size: 15px;*/
    padding: 5px;
    /*color:#000;*/
}
.favorite-button .hb-cbtn,
.favorite-button .hb-button-primary {
    margin:10px;
}

.bx_catalog_list_home .bx_bt_button{
    font-size: 15px;
    line-height: 30px;
    font-family: 'Arial';
    background: rgba(0, 0, 0, 0);
    text-transform: uppercase;
    border: 2px solid #f2f2f2;
    color: #747474;
    padding: 2px 17px;
    display: inline-block;
}
.bx_catalog_list_home .bx_bt_button:hover{

    color:#fff;

}
.fb_iframe_widget {
    top: -6px;
    left: 10px;
}

.hb-col-sm-7 .bx_bt_button {

    padding: 2px 6px;

}

.bx-catalog-tab-list {
    border-bottom: 0px solid #d9e1e3;
}

.gallery-holder .bx_item_slider .bx_slide ul li:active .cnt, .gallery-holder .bx_item_slider .bx_slide ul li.bx_active .cnt {
    padding: 0px;

}

.single-product .bx_item_detail_scu .bx_scu ul li:active .cnt, .single-product .bx_item_detail_scu .bx_scu ul li.bx_active .cnt {
    padding: 0px;

}
.single-product .bx_item_detail_scu .bx_scu ul li .cnt {
    background: #eeeeee;
    padding: 0px;
}
.single-product .bx_item_detail_scu .bx_item_section_name_gray {
    font-size: 16px;
    font-family: 'FjallaOneRegular';
    line-height: 18px;
    text-transform: uppercase;
    color: #666666;
    padding: 0px;
    font-weight: normal;
}
.single-product .bx_item_detail_scu .bx_scu_scroller_container {
    top: 10px;
}
.single-product .bx_item_detail_size .bx_item_section_name_gray {
    font-size: 16px;
    font-family: 'FjallaOneRegular';
    line-height: 18px;
    text-transform: uppercase;
    color: #666666;
    padding: 0px;
    font-weight: normal;
}
.single-product .bx_item_detail_size .bx_size_scroller_container {
    top: 10px;
}
.single-product .bx_item_detail_size ul li:active .cnt, .single-product .bx_item_detail_size ul li.bx_active .cnt {

    background: #eeeeee;
}
.gallery-holder .bx_item_slider .bx_bigimages {
    border-radius: 0px;
    border-bottom: 1px solid #e3e3e3;
    max-width: 100%;
}

.item_info_section .dd{
    font-size: 13px;
    font-family: 'FjallaOneRegular';
    line-height: 18px;
    text-transform: uppercase;
    color: #666666;
    padding: 5px 0;
    font-weight: normal;
    font-weight: bold;
    width: 57%;
    border-bottom: 1px dotted #b4b4b4;
}

.item_info_section  .dd span, .item_info_section  .dt span {
    background: #fff;
    position: relative;
    zoom: 1;
    bottom: -10px;
}
.detail_cart_doc{

    margin: 0px auto 9px;
    background: #fff;

}

.item_info_section .dt{
    text-align: right;
    width: 38%;
    border-bottom: 1px dotted #b4b4b4;
}

.item_info_section .detail_table{
    margin-bottom: 15px;
    width: 100%;
}

.bx_item_detail_inc_one_container .wrapper {
    text-align: right;
}
.bx_item_vidget {
    width: 40%;
    padding: 10px;
    border: 0px solid #c3c3c3;
    height: 40px;
}
.bx_item_detail_inc_two {
    position: absolute;
    width: 80%;
    top: -78px;
}
.products .bx_item_detail_scu .bx_scu ul li:active .cnt, .products .bx_item_detail_scu .bx_scu ul li.bx_active .cnt {
    padding: 0;
}
.products .bx_item_detail_scu .bx_scu ul li .cnt {
    border: 0px;
    background: #eeeeee;
}

.bx_catalog_list_home .bx_item_detail_size ul li{
    margin-top: 3px;
}

.bx_catalog_list_home.col3 .bx_catalog_item{
    padding: 0 0px;
    margin: 0 1% 30px;
    width: 29%;
}

.bx_catalog_list_home .bx_item_detail_size ul li:active .cnt, .bx_catalog_list_home .bx_item_detail_size ul li.bx_active .cnt {

    background: #eeeeee;
}
.bx-no-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_container {
    border-radius: 0px;
    animation: borderview 0s;
    border: 1px solid #e3e3e3;
    padding: 5px;
    position: relative;
}
.bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li:active .cnt, .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li.bx_active .cnt {
    padding: 0;

}
.bx-no-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_title {
    overflow: inherit;
    min-height:50px;
}

.bx_catalog_item_container .hb-cbtn,
.bx_catalog_item_container .hb-button-primary {
    font-size: 12px;
}

.breadcrumb-inner .hb-list-inline>li {
    white-space: nowrap;
}

.shopping-cart-table .bx_ordercart_photo_container {
    position: relative;
    padding-top: 100%;
    min-width: 130px;
    max-width: 100%;
    height: 0;
    border: 0px solid #c0cfda;
    border-radius: 2px;
}
.shopping-cart-table .bx_ordercart_photo_container .bx_ordercart_photo {
    position: absolute;
    top: 4%;
    right: 4%;
    bottom: 4%;
    left: 4%;
    background-position: center;
    /*-webkit-background-size: auto 100%;
    background-size: auto 100%;*/
    background-repeat: no-repeat;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 {
    max-width: 225px;
}

.bx_item_detail_scu_small_noadaptive .bx_scu ul li:active a, .bx_item_detail_scu_small_noadaptive .bx_scu ul li.bx_active a {
    padding: 0px;
    background-color: #12cca7;
}
.bx_item_detail_size_small_noadaptive ul li:active a, .bx_item_detail_size_small_noadaptive ul li.bx_active a {
    background: #eeeeee;
}
.bx_ordercart_itemtitle{
    margin-top: 0px;
    font-family: 'FjallaOneRegular';
    font-size: 16px;
    text-transform: uppercase;
}
.brends_picture_block {
    margin: 30px 30px 20px 0;
    float: left;
}
.bx_catalog_list_home .bx_catalog_item_images{

    border: 1px solid #e3e3e3;

}
.bx-no-touch .bx_catalog_list_home .bx_catalog_item.double:hover .bx_catalog_item_images {

    border: 0px solid #e3e3e3;

}

#grid-container .hb-col-md-4:hover .bx_catalog_item_images {

    border: 0px solid #e3e3e3;

}
.featured-product .owl-wrapper{

    min-height:417px;;

}

.homebanner-holder .featured-product{

    margin-top: 15px;
    text-align: center;

}
.hoi{
    z-index: 999;

}

.footer .links-social {

    margin-bottom: 15px;

}

.footer .inner-top-sm {
    padding-top: 15px;
}

.main-header .top-search-holder .contact-row .phone2 {
    margin: 0;
    border-left: 1px solid #E2E2E2;
    padding-left: 10px;
    cursor: pointer;
}

.owl-carousel .owl-wrapper-outer{

    position: static !important;

}

.bx_catalog_list_home .bx_catalog_item{

    position: static;

}

.bx_ordercart .bx_sort_container a{
    font-size: 15px;
    line-height: 30px;
    font-family: 'Arial';
    background: rgba(0, 0, 0, 0);
    text-transform: uppercase;
    border: 2px solid #f2f2f2;
    color: #747474;
    padding: 2px 17px;
}

.bx_ordercart .bx_sort_container a:hover {
    color: #fff !important;
}

.main-buttons {
    font-size: 15px;
    line-height: 30px;
    font-family: 'Arial';
    background: rgba(0, 0, 0, 0);
    text-transform: uppercase;
    border: 2px solid #f2f2f2;
    color: #747474;
    height: 38px;
    padding: 6px 17px;
}

.popup-window.popup-window-titlebar{

    min-width:620px;

}

.main-buttons:hover {
    color: #fff  !important;
}

.bx_bt_button{
    font-size: 15px;
    line-height: 30px;
    font-family: 'Arial';
    background: rgba(0, 0, 0, 0);
    text-transform: uppercase;
    border: 2px solid #f2f2f2;
    color: #747474;
    padding: 2px 17px;
    display: inline-block;
}

.bx_bt_button:hover{
    color: #fff  !important;
}

.main-buttons .popup-window-button-left, .main-buttons .popup-window-button-right{

    width: 0px;
    background: transparent;

}

.popup-window-button-text{
    color: #747474;
}

.popup-window-button-text:hover{
    color: #fff;
}

.form-container {

    min-width:400px;

}

.form-container h4
{
    font-size: 24px;
    font-family: 'FjallaOneRegular';
    padding-bottom: 14px;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;

}

.form-container label{
    font-size: 14px;
    font-weight: 400;
}

.popup-window .hb-form-group {

    min-width:430px;

}

.form-container .hb-form-group span {
    color: red;
    margin:0 3px;
}

.wishlist {

    cursor:pointer;

}

.owl-item{
    padding-right:15px;
}

.blog-add-comment a:hover{
    color: #fff;
}

.popup-window-buttons .bx_blue {

    margin: 0 0 0 10px;

}
.popup-window-buttons .hb-row.wow.fadeInUp.bx_blue.animated.animated {

    float: left;

}

h1.noindex{
    font-size: clamp(24px, 2.2vw, 32px);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    text-align: left;
    margin-top: 0;
    margin-bottom: 15px;
    color: #1a1a1a;
}

/* ===== Хлебные крошки — мелкие, тихие, левое выравнивание ===== */
.breadcrumb,
.hb-breadcrumb {
    background: transparent;
    padding: 16px 0 0;
    margin: 0 0 15px;
}
.breadcrumb-inner .hb-list-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
}
.breadcrumb-inner .hb-list-inline > li {
    font-size: 12px;
    color: #999;
    white-space: nowrap;
}
.breadcrumb-inner .hb-list-inline > li + li::before {
    content: "/";
    display: inline-block;
    margin: 0 6px;
    color: #ccc;
}
.breadcrumb-inner .hb-list-inline > li a {
    color: #999;
    text-decoration: none;
    transition: color 0.15s ease;
}
.breadcrumb-inner .hb-list-inline > li a:hover {
    color: #1a1a1a;
    text-decoration: underline;
}
.breadcrumb-inner .hb-list-inline > li.active {
    color: #1a1a1a;
}

@media (max-width: 767px){
    .section-title{
        text-align: center;
    }
    .boot-text{
        text-align: left;
        display: block;
        margin-left: 0;
    }
    .boot-geo{
        float: right !important;
    }
    .homebanner-holder .featured-product{

        margin-top: -30px;

    }

    .homepage-slider2 .hb-nav-tabs{

        display: none;

    }

    .header-top-inner .cnt-block{

        float: inherit;
        min-width: 1px;
    }

    .main-header .top-search-holder .contact-row .phone2 {

        border-left: 0px solid #E2E2E2;

    }
   /* .nav .catalog{
        display: none;
    }*/
    .banners_marcet{
        display: none;
    }
    #hero{
        display: none;
    }
    .image img {

        max-width:212px;
    }
    .hb-col-md-4 {

        max-height:10000px;

    }
    #grid-container .products .action{

        display: block;

    }

}

.boot-text{
    display: inline;
    margin-left: 20px;
}

@media (max-width: 995px){
    .homebanner-holder .featured-product{

        margin-top: -30px;

    }

    .top-bar .cnt-block{min-width: 1px;}

   /* .nav .catalog{
        display: none;
    }*/
    .banners_marcet{
        display: none;
    }
    #hero{
        display: none;
    }
    .image img {

        max-width:212px;
    }
    .hb-col-md-4 {

        max-height:10000px;

    }
    .wide-banner {

        display: none;

    }
}

.product-list .product-price{

    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    margin-right: 8px;

}

.product-list .product-price span{

    color: #d3d3d3;
    font-weight: 400;
    line-height: 30px;
    font-size: 14px;

}

.bx_item_detail_rating {

    min-width:90px;

}

@media (max-width: 1125px){
    .section-title{

        font-size: 15px;

    }
    .sidebar{
        min-width:213px;
    }
}

.bx-touch .bx_item_detail_rating .bx_stars_container{

    width:68px;

}

.touch .bx_bt_button_type_2 {
    background: #a8a8a8;
    height: 35px;
    border: none;
    font-size: 13px;
    line-height: 22px;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    color:#fff;

}

.touch .bx_bt_button_type_2:hover{

    background: #12cca7;

}

@media screen and (min-width:996px) and (max-width: 1210px){

    .bx_catalog_list_home .fadeInUp {
        max-height: 399px;
        max-width: 226px;

    }

    #grid-container .products:hover .action{

        margin-top: -12px;

    }
    .header-style-1 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav > li > a{

        font-size: 15px;

    }
    #owl-main .item .caption {

        max-width:335px;

    }
    #owl-main .item .caption.bg-color .big-text{
        font-size: 21px;
        max-width:330px;
        min-width:205px;
    }
    .bx_bt_button {
        margin-left: 0px;
    }
    .blog-page .blog-review h4, .blog-page .blog-write-comment h4, .contact-page .contact-title h4{
        font-size: 14px;
    }
    .inline {
        font-size: 10px;
    }
    .top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .total-price-basket {
        font-size: 11px;
    }
}
.bx_catalog_list_home.col3 .bx_catalog_item {
    padding: 0 0;
    margin: 0 1% 30px;
    width: 99%;
}
.main-header .top-search-holder .search-area .search-button{

    border: 0px solid #E0E0E0;
}

@media screen and (min-width:1210px){

    .full-width-slider .item {

        min-width:105%;

    }

    .bx_catalog_item{

        width:23%;

    }

}
.bx_catalog_item_container .bx_catalog_item_scu{
    position: absolute;
}
.bx-no-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_container .bx_catalog_item_scu{

    border: 1px solid #e3e3e3;
    border-top: 0px;
    background: #fff;
    padding: 5px;
    right: 0;
    left: 0;
    margin-top: 0;
    box-sizing: border-box;

}

.bx-no-touch .bx_catalog_list_home .bx_catalog_item .bx_catalog_item_controls, .bx_catalog_list_home .bx_catalog_item .bx_catalog_item_articul, .bx_catalog_list_home .bx_catalog_item .bx_catalog_item_scu{

    visibility: hidden;
    display: block;

}

.bx-no-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_controls, .bx-no-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_articul, .bx-no-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_scu{

    visibility: visible;
}

.single-product .bx_item_detail_scu .bx_scu ul li:active .cnt, .single-product .bx_item_detail_scu .bx_scu ul li.bx_active .cnt{

    border: 2px solid #555  !important;

}
.single-product .bx_item_detail_scu .bx_scu ul li:hover .cnt {

    border: 2px solid #555  !important;

}

.gallery-holder .bx_item_slider .bx_slide ul li:active .cnt, .gallery-holder .bx_item_slider .bx_slide ul li.bx_active .cnt{

    border: 2px solid #CFFF00  !important;

}

.gallery-holder .bx_item_slider .bx_slide ul li:hover .cnt{

    border: 2px solid #555  !important;

}

.bx_filter .bx_filter_param_btn:active, .bx_filter .bx_filter_param_label.active .bx_filter_param_btn{

    box-shadow: 0px 0px 0px 0px #555,inset 0 0px 0px #555 !important;
    border: 2px solid #555  !important;

}

.bx_filter_select_popup .bx_filter_btn_color_icon, .bx_filter .bx_filter_btn_color_icon{

    top: 3px;

}

.top-search-holder .contact-row{

    text-align: center;

}

.bx-no-touch .single-product .bx_item_detail_size.full{
    margin-top: 20px;
}
.bx_catalog_item{

    padding-right:15px;
    min-width: 120px;

}

.brand_detail .bx_catalog_item{

    padding-right:15px;
    min-width: 212px;

}

.brand_detail .owl-wrapper-outer{

    min-height: 565px;

}

.hb-table-bordered tr {

    border-bottom: 1px solid #ddd;

}

.bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li:active .cnt, .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li.bx_active .cnt {
    border: 2px solid #555 !important;
}

.bx_item_set_hor_container_big .bx_item_set_img_container{
    max-width: 212px;
    max-height: 212px;
    width: 90%;
    border: 0px solid #c0cfda;
    float: none;
}
.bx_item_set_hor_container_big .bx_item_set_linkitem{
    font-size: 18px !important;
    font-family: 'Arial';
    margin-left: 0;
    font-weight: 600;
    line-height: 1.1;
    color: inherit;
}

.bx_item_set_hor_container_big .bx_item_set_hor .bx_item_set_hor_item.plus {
    background-position: 94.3% 80px;
}

.bx_item_set_hor_container_big .bx_item_set_hor .bx_item_set_hor_item.result{
    width: 34%;
    margin-left: 66%;
    margin-top: -40px;
}

.bx_item_set_hor_container_big .bx_item_set_hor .bx_item_set_hor_item.result .hb-cbtn,
.bx_item_set_hor_container_big .bx_item_set_hor .bx_item_set_hor_item.result .hb-button-primary {
    margin-left:10px;
}

.bx_bt_button.bx_medium{
    font-size: 15px;
    line-height: 30px;
    font-family: 'Arial';
    background: rgba(0, 0, 0, 0);
    text-transform: uppercase;
    border: 2px solid #f2f2f2;
    color: #747474;
    padding: 2px 17px;
    display: inline-block;
}

.bx_bt_button.bx_medium .bx_icon_cart{
    display: none;
}

/* hb-popup-cart: убрано, поля кнопок попапа заданы в main.css */
/* hb-popup-cart: убрано, поля кнопок попапа заданы в main.css */

.popup-window-content .bx-form-control {
    position: relative;
    display: block;
    width: 320px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #F8FAFC;
    border: 1px solid #D5DADC;
    border-radius: 2px;
    outline: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.popup-window-content .bx-form-control-2 {
    position: relative;
    display: block;
    width: 320px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 0px solid #D5DADC;
    overflow:hidden;
    border-radius: 2px;
    outline: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.popup-window-content .close-input{
    position: absolute;
    right: 20px;
    top: 98px;
    border: 0px;
    background-color: transparent;
}

.popup-window-content .bx-form-control-2 option{ cursor: pointer;}

.top-bar .cnt-block{min-width: 1px;}

.cnt-block .geo{
    float: left;
    font-size: 20px;
    cursor: pointer;
    min-width: 1px;
    text-align: right;
    padding-right: 15px;
    line-height: 34px;
}
.user-city{float: right;}
.cnt-block .fa-map-marker{
    margin-right: 10px;
}
#order_form_div textarea{
    margin-bottom: 20px;
}

#order_form_div .bx-sls{
    margin-bottom: 20px;
}
.w100 .bx_element input[type=radio]{
    margin-right: -25px;
}
.bx_order_make .bx_logotype span{
    background-color: #fff;
}
.bx_order_make .bx_description strong {
    font-size: 16px;
}
.bx_order_make .bx_result_price{

    font-size: 14px;
    width: 65%;

}

.bx_order_make .bx_description{
    font-family: 'Roboto', sans-serif;
    text-align: justify;
    color: #666666;
    margin-bottom: 0px;

}
.sale_order_full_table input[type=submit]{
    padding: 2px 17px;
    -webkit-border-radius: 0px;
    -moz-border-radiu: 0px;
    border-radius: 0px;
    margin-left: 0px;
    margin-bottom: 3px;
    font-weight: 600;
    font-size: 15px;
    line-height: 30px;
    font-family: 'Arial';
    background: rgba(0, 0, 0, 0);
    text-transform: uppercase;
    border: 2px solid #f2f2f2;
    color: #747474;
}

.sale_order_full_table input[type=submit]:hover{    background: #f39c12;
    border: 2px solid #f39c12;
    color: #fff !important;}

.tags.block{
    position: absolute;
    top: 10px;
    right: 10px;
}
.bx_page {
    margin-bottom: 25px;
}
.nav-outer .menu_title a{
    font-style: italic;
}

.nav-outer .menu_title b{
    font-size: 17px;
    font-style: normal;
}

.grey-btn{
    background-color: #b1afaf;
    border-color: #b1afaf;
}

.sectionMenu{
    margin-bottom: 10px;
}

.warning{
    background: black;
    position: fixed;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: 10px 0;
    left: 0;
    opacity: 0.8;
    color: white;
    font-size: 16px;
    cursor: pointer;
    z-index: 1000;
}
@media screen and (max-width: 767px) {
    .warning{
        font-size: 12px;
    }
}

@media screen and (min-width: 320px){
    .mobile-size-fixed {
        display: none;
    }
    .mobile-size-fixed-footer {
        display: block;
    }
}

@media screen and (min-width: 990px){
    .mobile-size-fixed {
        display: block;
    }
    .mobile-size-fixed-footer {
        display: none;
    }
}

@media screen and (max-width: 480px){
    .similar-owl-carousel .image {
        margin: 0 auto;
    }
    .homepage-container .product .product-info .name {
        text-align: center;
    }
    .bx_item_detail_rating {
        width: 90px;
        margin: 0 auto;
    }
    .product-price {
        text-align: center;
    }
    .homepage-container .product .cart {
        display: flex;
        justify-content: center;
    }
}
h1.noindex{
    margin-top: 0;
}
@media (min-width: 768px) and (max-width: 995px) {
    .homebanner-holder .featured-product {
        margin-top: 0px;
    }
}

html { overflow: scroll; -webkit-overflow-scrolling: touch;}
#instoris-popup{ 
width:300px;
}
.product-catalog-nal {
margin-bottom: 0;
float: left;
width:50%;
}
.article{
font-size:15px;
float: right;
}
.product-catalog-nal a{
font-size: 14px;
    color: #666666;
    letter-spacing: 0;
   
}.product-catalog-nal i {
    color: #c1df49;
    margin-right: 0px;
}
.product-price{text-align:center;}
@media (max-width: 767px){

.top-bar{
display:none;
}
h1.noindex{
    margin-top: 0;
}

.cnt-homepage .hb-breadcrumb ul {
    display: flex;
    flex-wrap: wrap;
}
.main-header .logo-holder{
display:none;
}
.main-header .top-search-holder .contact-row{
display:none;
}
#mobile-buter{
display:none;
}
.product-sorting{
display:none;
}
	.hb-breadcrumb {
margin-bottom:0;
}
	.mobil-filter{
margin:0;
}
.yamm .hb-dropdown.catalog {display:none;}

}

.btn-group-vertical>.hb-cbtn,
.hb-button-group>.hb-button,
.hb-button-group>.hb-cbtn,
.btn-group-vertical>.hb-button {
    float: none;
}

.similar-owl-carousel .hb-list-unstyled {
    display: flex;
}

.similar-owl-carousel .owl-stage-outer {
    margin-right: 2em;
}

.o-w-public-btn-primary {
    background-color: #0081ee;
    color: white;
    border-color: #0081ee;
}
.o-w-cr-costume input[type=checkbox]:checked+label:before {
    background-color: white;
    color: #0081ee;
}

/* --- Фикс кнопки ПОДРОБНЕЕ в сайдбаре --- */
.homepage-container .product-micro .action .hb-cbtn,
.homepage-container .product-micro .action .hb-button-primary {
    display: inline-block;
    width: auto;
    max-width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 20px;
    padding: 4px 8px;
    letter-spacing: 0px;
    white-space: nowrap;
    border: 2px solid #e3e3e3;
    text-align: center;
}

/* --- Стилизация сообщения об успешной авторизации --- */
.cnt-homepage p,
.body-content p,
.hb-container p {
    /* Если это стандартный параграф на странице auth */
}

/* Точечный селектор для системных сообщений Битрикса */
font.notetext,
.notetext,
.bx-auth-message,
.bx-auth-reg-success {
    display: block !important;
    font-size: 16px !important;
    line-height: 26px !important;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
}

/* Ссылка «Вернуться на главную страницу» */
.notetext a,
font.notetext a {
    display: inline-block !important;
    font-size: 15px !important;
    margin-top: 10px !important;
    text-decoration: underline !important;
}

/* hb-heart-clean: удалено правило принудительной белой иконки сердца (!important) */

/* ============================================================
 ДЕСКТОП (>=1200px): ЖЕЛЕЗОБЕТОННЫЙ HOVER КНОПКИ ИЗБРАННОЕ.
 ПЕРЕБИВАЕТ rule в main.css: #grid-container .products .wishlist
 { background:#fff !important } (ID-специфичность), т.к. здесь
 тоже ID #grid-container + :hover + !important + файл грузится последним.
 ============================================================ */

/* ============================================================

/* ============================================================
 МОБИЛКА/ПЛАНШЕТ (<=991px): кнопки в карточке каталога КАК НА ДЕСКТОПЕ.
 Перебивает старый «монолитный счётчик+корзина» в main.css
 (#grid-container .products .cart .action ... !important, MEDIA 767), т.к.
 здесь те же ID-селекторы + файл грузится последним.
 ============================================================ */
   /* Обёртка .action: кнопка "В корзину" на всю ширину, сердечко absolute над картинкой */
   #grid-container .products .cart .action,
   .bx_catalog_item .action,
   #grid-container .action {
      display: grid;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 0;
      width: 100%;
      max-width: 100%;
      min-width: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0;
      margin: 0;
   }

   /* 1. Спрятать блок количества (+/-) */
   #grid-container .products .cart .action .cart-quantity,
   #grid-container .products .action .cart-quantity,
   .product .cart .action .cart-quantity {
      display: none !important;
      min-width: 0 !important;
      max-width: 0 !important;
      width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
      flex-grow: 0 !important;
      -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
      overflow: hidden !important;
      opacity: 0 !important;
      pointer-events: none !important;
   }

   /* 2. Кнопка «В корзину»: полный текст, flex:1, десктоп-вид (без иконки)
      Селектор специфичнее всех конкурентов (bootstrap .btn-primary,
      main.css .hb-cbtn/.add_to_basket) за счёт реальной вложенности
      DOM карточки — !important не нужен нигде в этом правиле. */
   #grid-container .catalog-grid .catalog-grid__item .products .product .action a.add_to_basket {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      width: 100%;
      max-width: none;
      min-width: 0;
      float: none;
      clear: none;
      height: 40px;
      line-height: 38px;
      font-size: 15px;
      letter-spacing: normal;
      text-transform: uppercase;
      white-space: nowrap;
      padding: 0 8px;
      margin: 0;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 2px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #111111;
      background: #D7FF00;
      border: none;
   }
   /* убрать иконку корзины (::after) и скрытый шрифт от монолита */
   #grid-container .products .cart .action a.add_to_basket::after,
   #grid-container .products .action a.hb-cbtn.add_to_basket::after,
   .product .cart .action a.hb-cbtn.add_to_basket::after {
      display: none !important;
      background-image: none !important;
      -webkit-mask: none !important;
      mask: none !important;
      -webkit-mask-size: auto !important;
      mask-size: auto !important;
      width: 0 !important;
      height: 0 !important;
   }

   /* 3. Избранное: иконка в правом верхнем углу картинки, без рамки/фона
      (редизайн каталога — заменяет прежнее "из absolute в ряд, 40x40") */
   #grid-container .products .cart .action a.wishlist,
   .bx_catalog_item a.wishlist,
   #grid-container a.wishlist,
   #grid-container .products .cart .action a.hb-cbtn.hb-cbtn.wishlist,
   #grid-container .products .cart .action a.wishlist.desktop-only-wishlist,
   .product .cart .action a.hb-cbtn.hb-cbtn.wishlist.desktop-only-wishlist,
   .product .cart .action a.wishlist {
      position: absolute;
      top: 12px;
      right: 12px;
      bottom: auto;
      left: auto;
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      flex-shrink: 0;
      width: 22px;
      min-width: 22px;
      max-width: 22px;
      height: 22px;
      margin: 0;
      padding: 0;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background: transparent;
      border: none;
      border-radius: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      overflow: visible;
      z-index: 460;
   }
/* hb-heart-clean: удалено правило принудительной белой иконки сердца (!important) */

/* ---------- Доработка: «В корзину» влезает в одну строку на узких экранах ---------- */
@media (max-width: 1599px) {
   #grid-container .products .cart .action a.add_to_basket,
   .product .cart .action a.hb-cbtn.add_to_basket {
      letter-spacing: 0 !important;
      white-space: nowrap !important;
   }
}
@media (max-width: 430px) {
   #grid-container .products .cart .action a.add_to_basket,
   .product .cart .action a.hb-cbtn.add_to_basket,
   .product .cart .action a.hb-cbtn.wishlist {
      font-size: 12px !important;
      padding: 0 4px !important;
   }
   #grid-container .products .cart .action a.add_to_basket,
   .product .cart .action a.hb-cbtn.add_to_basket {
      line-height: 38px !important;
   }
}
@media (max-width: 360px) {
   #grid-container .products .cart .action a.add_to_basket,
   .product .cart .action a.hb-cbtn.add_to_basket {
      font-size: 10px !important;
   }
}
/* hb-heart-clean: удалено правило принудительной белой иконки сердца (!important) */

/* ============================================================
 ПЛАНШЕТ шире 991px (992-1199): карточка узкая (одна колонка),
 шрифт «В корзину» уменьшаем, чтобы текст влезал в одну строку.
 ============================================================ */
@media (min-width: 1280px) and (max-width: 1599px) {
   #grid-container .products .cart .action a.add_to_basket,
   .product .cart .action a.hb-cbtn.add_to_basket {
      font-size: 12px !important;
      padding: 0 4px !important;
      letter-spacing: 0 !important;
   }
}

/* Узкие планшетные колонки (992-1279): уменьшаем \»В корзину\», чтобы влезало */
@media (min-width: 768px) and (max-width: 1279px) {
   #grid-container .products .cart .action a.add_to_basket,
   .product .cart .action a.hb-cbtn.add_to_basket,
   .bx_catalog_item .add_to_basket {
      font-size: 13px !important;
      padding: 0 4px !important;
      letter-spacing: 0 !important;
   }
}

/* ============================================================
 SAFARI / MacBook: гарантия растяжения .action на всю карточку.
 В Safari родительская обёртка .cart может иметь float:left /
 inline-block / фиксированную ширину, из-за чего .action (даже с
 width:100%) не растягивается. Принудительно форсируем родителей.
 Добавлен 17.08.2026 (жалоба: MacBook 16" Safari, 4-в-ряд, кнопки слева).
 ============================================================ */
.bx_catalog_item .cart,
.bx_catalog_item .action,
.bx_catalog_item .product-item-button-container,
.product .cart,
#grid-container .products .cart,
#grid-container .products .cart .action {
   width: 100% !important;
   max-width: 100% !important;
   display: block !important;
   float: none !important;
   -webkit-box-flex: 0 !important;
   -ms-flex-positive: 0 !important;
   flex-grow: 0 !important;
   box-sizing: border-box !important;
   padding-left: 0 !important;
   padding-right: 0 !important;
   margin-left: 0 !important;
   margin-right: 0 !important;
}

/* Сам .action снова GRID: одна колонка, кнопка "В корзину" на всю ширину
   (сердечко больше не в потоке — оно position:absolute над картинкой). */
.bx_catalog_item .action,
#grid-container .products .cart .action {
   display: grid;
   grid-template-columns: 1fr;
   gap: 0;
   width: 100%;
}

/* Safari: кнопка «В корзину» занимает всю 1fr-колонку grid */
.bx_catalog_item .add_to_basket,
#grid-container .add_to_basket,
#grid-container .products .cart .action a.add_to_basket,
.product .cart .action a.hb-cbtn.add_to_basket {
   width: 100% !important;
   max-width: none !important;
   min-width: 0 !important;
   float: none !important;
   clear: none !important;
   white-space: nowrap !important;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
}

/* ============================================================
 Воздух между кнопками карточки и рамкой товара (17.08.2026).
 Grid дал идеальную раскладку, но кнопки прилипли к краям карточки.
 Добавляем отступы на РОДИТЕЛЯ .cart (а не на .action, чтобы не
 сдвигать grid-колонки): 15px слева/справа/снизу.
 Перебивает old padding-left/right:0 из блока форсирования выше.
 ============================================================ */
.bx_catalog_item .cart,
.product .cart,
#grid-container .products .cart {
   padding: 0 15px 15px 15px !important;
   box-sizing: border-box !important;
}

/* Уточнение: на УЗКИХ карточках (768-1279px, 3-4 колонки по ~146px) 15px боковые
   отступы слишком велики — кнопка «В корзину» сжимается и клипает текст.
   Уменьшаем бока до 6px (воздух остаётся), снизу оставляем 12px. */
@media (min-width: 768px) and (max-width: 1279px) {
   .bx_catalog_item .cart,
   .product .cart,
   #grid-container .products .cart {
      padding: 0 6px 12px 6px !important;
   }
}

/* Мобилка (макс 767px, 2 колонки по ~140px): тоже уменьшаем бока до 6px,
   чтобы «В корзину» не клипала. Снизу 12px воздуха. */
@media (max-width: 767px) {
   .bx_catalog_item .cart,
   .product .cart,
   #grid-container .products .cart {
      padding: 0 6px 12px 6px !important;
   }
}

/* ============================================================
 Редизайн блока SEO-категорий (теги) в листинге каталога (18.08.2026).
 Раньше блок .product-sorting с кнопками («Атласные», «В горошек» и т.д.)
 занимал много высоты и переносился на несколько строк. Теперь — одна
 горизонтальная скроллируемая строка (свайп-блок). Товары и сетку НЕ трогаем.
 Родитель блока: .product-sorting  (перед .filters-container / сортировкой).
 ============================================================ */

/* Родительский контейнер тегов — одна резиновая строка с горизонтальным скроллом */
.product-sorting {
   position: relative;
}
.tags-slider-wrapper > .hb-row {
   display: flex;
   flex-wrap: nowrap;
   overflow-x: auto;
   gap: 8px;
   scrollbar-width: none;
   -ms-overflow-style: none;
   -webkit-overflow-scrolling: touch;     /* iOS: плавный свайп */
}

/* Тонкий аккуратный скроллбар для WebKit (Chrome/Safari/Yandex) */
.tags-slider-wrapper > .hb-row::-webkit-scrollbar {
   height: 4px;
}
.tags-slider-wrapper > .hb-row::-webkit-scrollbar-track {
   background: transparent;
}
.tags-slider-wrapper > .hb-row::-webkit-scrollbar-thumb {
   background: #dcdcdc;
   border-radius: 2px;
}

/* Обёртки-колонки (div.col-xs-4.col-sm-4...) — не переносить и не тянуть, автоширина под контент */
.tags-slider-wrapper > .hb-row > div {
   flex: 0 0 auto;
   width: auto;
   max-width: none;
   padding: 0;
   margin: 0;
   float: none;
   box-sizing: border-box;
}

/* Сами ссылки-кнопки — строгий дизайн */
.tags-slider-wrapper > .hb-row > div > a,
.tags-slider-wrapper > .hb-row a {
   display: inline-flex;
   align-items: center;
   margin: 0;
   padding: 0 18px;
   height: 42px;
   box-sizing: border-box;
   border: 1px solid #E2E2DF;
   background: #ffffff;
   color: #222222;
   font-family: 'Inter', Arial, sans-serif;
   font-size: 13px;
   font-weight: 500;
   line-height: 1;
   text-transform: none;
   white-space: nowrap;
   border-radius: 4px;
   text-decoration: none;
   transition: color 0.15s ease, border-color 0.15s ease;
}

/* Ховер — чёрный фон, белый текст */
.tags-slider-wrapper > .hb-row > div > a:hover,
.tags-slider-wrapper > .hb-row a:hover {
   color: #111111;
   border-color: #D7FF00;
   background: #D7FF00;
   text-decoration: none;
}

/* ============================================================
 Итерация 3: Flex-обертка со строгими стрелками (18.08.2026).
 - .row с тегами обёрнут в .tags-slider-wrapper (flex: стрелка|теги|стрелка).
 - Старые круглые absolute-кнопки УДАЛЕНЫ. Стрелки — строгие текстовые символы,
   без фона, рамок и кругов, стоят в одном ряду по бокам от скролл-блока.
 - Прокрутка тегов идёт строго МЕЖДУ стрелками, теги не наезжают на стрелки.
 - Дыра внизу убрана: padding-bottom у .row обнулён, отступ держит обёртка (margin-bottom).
 ============================================================ */

/* Обёртка для стрелок и тегов — flex-ряд */
.tags-slider-wrapper {
   display: flex;
   align-items: center;
   gap: 5px;
   width: 100%;
   margin-bottom: 15px; /* аккуратный отступ до сортировки */
   box-sizing: border-box;
}

/* Сам блок с тегами — занимает всё место между стрелками */
.tags-slider-wrapper > .hb-row {
   flex: 1 1 auto;
   min-width: 0;   /* allow shrink below content so row stays between arrows */
   margin-left: 0; /* убираем Bootstrap отрицательные margin у .row */
   margin-right: 0;
   padding-top: 0;
   padding-bottom: 0;
   margin-bottom: 0;
   margin-top: 0;
   height: auto;
   align-items: center;     /* центрируем плашки внутри скролл-контейнера по вертикали */
   /* полностью прячем нативный скроллбар (остаётся свайп + стрелки) */
   scrollbar-width: none;
   -ms-overflow-style: none;
}
.tags-slider-wrapper > .hb-row::-webkit-scrollbar {
   display: none;
}

/* Строгие текстовые стрелки (без фона/рамок/кругов) */
.seo-scroll-btn {
   position: static;
   display: flex;
   align-items: center;
   justify-content: center;
   align-self: center;       /* принудительное вертикальное центрирование кнопки */
   flex: 0 0 20px;
   height: auto;             /* высота по контенту — не растягиваемся */
   width: 20px;
   background: transparent;
   border: none;
   box-shadow: none;
   font-size: 20px;
   line-height: 1;
   color: #999;
   cursor: pointer;
   transition: color 0.2s, opacity 0.2s;
   user-select: none;
   padding: 0 5px;
   margin: 0;
}
.seo-scroll-btn:hover {
   color: #111111;
}

/* Позиция стрелок и блока тегов в ряду */
.seo-scroll-left {
   order: 1;
}
.tags-slider-wrapper > .hb-row {
   order: 2;
}
.seo-scroll-right {
   order: 3;
}

/* Убиваем псевдоэлементы Bootstrap .row (clearfix), растягивающие высоту */
.tags-slider-wrapper > .hb-row::before,
.tags-slider-wrapper > .hb-row::after {
   display: none;
}

/* Неактивная стрелка — полупрозрачная, не кликается, остаётся на месте (симметрия) */
.seo-scroll-btn.disabled {
   opacity: 0.2;
   cursor: default;
   pointer-events: none;
   color: #999;
}

/* ============================================================
 Редизайн панели сортировки (.filters-container) (18.08.2026).
 Задача: собрать три колонки (вид | сортировка | пагинация) в одну
 аккуратную Flex-строку: слева вид, по центру сортировка, справа
 пагинация; вертикально всё выровнено по центру.
 ============================================================ */

/* Родительская строка панели — Flex-блок с равномерным распределением */

/* Гасим старую колоночную сетку внутри панели (col-md-3/6/3, float, padding) */

/* Блок "Сортировать по + выпадающий список" — вплотную друг к другу */

/* Пагинация — прижать к правому краю, без лишних отступов сверху */

/* --- Мобильная адаптация панели сортировки: компактная строка по центру --- */

/* ============================================================
 Мобильная версия (до 767px): 18.08.2026.
 Проблема 1: теги слайдера исчезали — родная тема Битрикса скрывает
 .product-sorting на мобилках (display:none в @media(max-width:767px)).
 Фикс: принудительно включаем отображение колонок и ссылок-тегов,
 чтобы слайдер оставался видимым (стрелки + теги между ними).
 ============================================================ */

/* Дополнительный предохранитель: даже если тема скрывает родителя .product-sorting,
   держим саму обёртку и её содержимое видимыми на мобилках. (18.08.2026) */

/* ============================================================
 Уплотнение мобильной вёрстки (до 767px): 18.08.2026.
 Кнопка "ПОДБОР ПАРАМЕТРОВ" (+.mobil-filter) массивная,
 между блоками гигантские дыры, панель сортировки некомпактна.
 ============================================================ */
@media (max-width: 767px) {

   /* 1. Сжимаем глобальный верхний отступ контента (родной padding-top:40px из
      #top-banner-and-menu.body-content в main.css — берём ID+класс для специфичности) */
   #top-banner-and-menu.body-content,
   .body-content {
      padding-top: 15px !important;
   }

   /* 2. Кнопка-фильтр "ПОДБОР ПАРАМЕТРОВ" (h3.mobil-filter) — аккуратная */
   .section-title.mobil-filter {
      padding: 10px 15px;
      font-size: 14px;
      line-height: 1.2;
      min-height: 0;
      height: auto;
      margin: 0 0 15px 0;  /* аккуратный отступ до тегов */
   }
   /* схлопываем контейнер вокруг кнопки, убираем лишнее */
   .sidebar-module-container,
   .sidebar.blocked {
      padding: 0;
      margin: 0;
   }

   /* 3. Свайп-теги: убиваем гигантские дыры вокруг */
      
   /* 4. Панель сортировки: компактно, плотно к тегам */
   
}

/* ============================================================
 Уплотнение планшетной вёрстки (768–1199px): 18.08.2026.
 Прим.: в этой теме на планшете ЛЕВЫЙ сайдбар с кнопкой фильтра +
 ПРАВАЯ колонка с тегами/сортировкой. Ниже 992px они СТОЛБИКОМ
 (как на телефоне), от 992px — РЯДОМ (sidebar слева). Поэтому два блока:
   768–991 : столбик → как на мобилке (компактная кнопка, плотные зазоры)
   992–1199: рядом    → компактим теги+сортировку в правой колонке,
                        sidebar-кнопку НЕ трогаем (это обычный фильтр).
 ============================================================ */

/* ----- 768–991px: портретный планшет (столбик, как телефон) ----- */
@media (min-width: 768px) and (max-width: 991px) {

   /* 1. Верхний отступ контента */
   #top-banner-and-menu.body-content,
   .body-content {
      padding-top: 15px !important;
   }

   /* 2. Кнопка-фильтр "ПОДБОР ПАРАМЕТРОВ" — компактная */
   .section-title.mobil-filter {
      padding: 10px 15px;
      font-size: 14px;
      line-height: 1.2;
      min-height: 0;
      height: auto;
      margin: 0 0 15px 0;
   }
   .sidebar-module-container,
   .sidebar.blocked {
      padding: 0;
      margin: 0;
   }
   /* убираем остаточный margin-bottom колонки-сайдбара (родные 30px) — из-за него дыра до тегов */
.sidebar,
.hb-col-xs-12.hb-col-sm-12.hb-col-md-3.sidebar {
      margin-bottom: 0;
   }

   /* 3. Свайп-теги: плотные зазоры */
   .product-sorting {
      margin: 0 0 10px 0;
   }
   .tags-slider-wrapper {
      margin: 0;
   }

   /* Принудительное отображение слайдера тегов на планшетах (тема скрывает .product-sorting через display:none) */
            
   /* 4. Панель сортировки: компактная строка по центру */
   
   
   
   
   
   
}

/* ----- 992–1199px: альбомный планшет (sidebar слева, контент справа) ----- */
@media (min-width: 992px) and (max-width: 1199px) {

   /* Верхний отступ контента слегка сжимаем */
   #top-banner-and-menu.body-content,
   .body-content {
      padding-top: 15px !important;
   }

   /* Теги: плотно к сортировке (убить дыру) */
   .product-sorting {
      margin: 0 0 5px 0;
   }
   .tags-slider-wrapper {
      margin: 0;
   }

   /* Принудительное отображение слайдера тегов на планшетах (тема скрывает .product-sorting через display:none) */
            
   /* Панель сортировки: компактно, без верхнего отступа-дыры */
   
   
   
   
}

/* ============================================================
 РЕДИЗАЙН ФОРМЫ АВТОРИЗАЦИИ И ЛЕВОГО САЙДБАРА (ДЕСКТОП)
 Добавлено 18.08.2026
 ============================================================ */

/* ---------- 1. САЙДБАР: блоки на всю ширину, не плющатся ---------- */
.sidebar .sidebar-widget {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 30px;
}
.sidebar .sidebar-widget-body,
.sidebar .bx-subscribe,
.sidebar .special-offer,
.sidebar .sidebar-carousel {
    width: 100%;
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
}

/* hb: форма рассылки (hb-sub) — своя разметка, без Bootstrap и !important */
.hb-sub { width: 100%; box-sizing: border-box; }
.hb-sub .hb-sub__field { margin-bottom: 10px; }
.hb-sub .hb-sub__input.hb-sub__input {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  height: 44px;
  padding: 0 14px;
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  background: #fff;
  color: #111111;
  font: 400 14px/1.2 'Inter', Arial, sans-serif;
  box-shadow: none;
  outline: none;
  transition: border-color 150ms ease;
}
.hb-sub .hb-sub__input.hb-sub__input:focus { border-color: #111111; }
.hb-sub .hb-sub__act { width: 100%; }
.hb-sub .hb-sub__btn.hb-sub__btn {
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 44px;
  padding: 0 16px;
  border: none;
  border-radius: 8px;
  background: #D7FF00;
  color: #111111;
  font: 600 13px/1 'Inter', Arial, sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 150ms ease;
}
.hb-sub .hb-sub__btn.hb-sub__btn:hover { background: #c8ee00; }
.hb-sub .hb-sub__btn.hb-sub__btn:disabled { opacity: 0.6; cursor: default; }

/* hb: кнопка поиска в шапке — SVG-лупа вместо шрифтовой иконки */
.top-search-holder .bx-input-group-btn .hb-search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* Мини-карточки товаров в сайдбаре — 100% ширины колонки */
.sidebar .special-offer .product,
.sidebar .special-offer .item,
.sidebar .sidebar-carousel .product,
.sidebar .sidebar-carousel .item,
.sidebar img { max-width: 100%; height: auto; }

/* ---------- 2. ФОРМА АВТОРИЗАЦИИ: современная верстка ---------- */
/* ============================================================
   ФОРМА АВТОРИЗАЦИИ (26.09.2026) — консолидация 6-7 наслоившихся
   редакций (были растянуты на ~500 строк с !important на каждом
   свойстве, комментарии "утверждённый блок", "финальная доводка",
   "жёсткое левое выравнивание" и т.д. — все удалены). Взято текущее
   реально применяющееся поведение (проверено через getComputedStyle
   на живой странице), перекрашено в лайм/чёрный по новой системе.
   !important нигде не нужен: старые конкурирующие слои удалены,
   Bootstrap-дефолты (.btn, input[type=submit]) грузятся раньше и
   не имеют !important сами — наш класс-скоуп .bx-auth побеждает
   по обычной специфичности и порядку файла.
   ============================================================ */
.bx-auth {
    max-width: 460px;
}
.bx-auth .bx-auth-note p {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 15px;
    color: #555555;
    margin-bottom: 20px;
}

/* Заголовок над формой — некрупный, без конкуренции с общим H1 страницы */
.bx-auth .bx-auth-title-h2 {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 20px;
    line-height: 1.3;
}

/* Голый <label> у чекбокса "Запомнить меня" — не имеет класса bx-auth-label,
   поэтому раньше не подхватывал шрифт формы */
.bx-auth label[for="USER_REMEMBER"] {
    font-size: 15px;
    font-weight: 400;
    color: #333333;
    font-family: 'Inter', Arial, sans-serif;
}

.bx-auth .bx-auth-note {
    font-size: 13px;
    color: #777777;
    margin-top: 6px;
    line-height: 1.4;
}

/* Убираем табличную вёрстку Bitrix, превращаем в блочный поток */
.bx-auth form table,
.bx-auth form tbody,
.bx-auth form tr,
.bx-auth form td {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0;
    margin: 0;
    border: none;
}
.bx-auth form td:first-child,
.bx-auth form td.field-name {
    padding-top: 16px;
}
.bx-auth form tr:first-child td:first-child,
.bx-auth form tr:first-child td.field-name {
    padding-top: 0;
}

/* Метки полей */
.bx-auth .bx-auth-label,
.bx-auth form .bx-auth-label {
    display: block;
    font-weight: 600;
    color: #333333;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 15px;
    margin: 0 0 8px 0;
}

/* Поля ввода */
.bx-auth input[type="text"],
.bx-auth input[type="password"],
.bx-auth .bx-auth-input {
    width: 100%;
    max-width: 400px;
    padding: 14px 15px;
    border: 1px solid #E5E5E5;
    border-radius: 12px;
    box-sizing: border-box;
    font-family: 'Inter', Arial, sans-serif;
    color: #111111;
    font-size: 16px;
    margin-bottom: 0;
    box-shadow: none;
    transition: border-color 0.2s ease;
}
.bx-auth input.bx-auth-input:focus {
    border-color: #111111;
    outline: none;
    box-shadow: none;
}

/* Чекбокс "Запомнить меня" */
/* hb: чекбокс авторизации — монохром с лаймовой галочкой (вместо синего системного) */
.bx-auth input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    flex: none;
    width: 20px;
    height: 20px;
    margin: 0 6px 0 0;
    vertical-align: -5px;
    border: 1.5px solid #111111;
    border-radius: 6px;
    background: #ffffff center / 14px no-repeat;
    cursor: pointer;
    transition: background-color 0.15s ease;
}
.bx-auth input[type="checkbox"]:checked {
    background-color: #111111;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.5l3 3 6-7' fill='none' stroke='%23D7FF00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.bx-auth input[type="checkbox"]:focus-visible {
    outline: 2px solid #D7FF00;
    outline-offset: 2px;
}
.bx-auth p a {
    color: #111111;
    font-family: 'Inter', Arial, sans-serif;
    text-decoration-color: #bbbbbb;
    text-underline-offset: 3px;
    transition: text-decoration-color 0.15s ease;
}
.bx-auth p a:hover {
    text-decoration-color: #111111;
}

/* Кнопка "Войти" — лайм, чёрный текст */
.bx-auth input[type="submit"],
.bx-auth button[type="submit"] {
    background: #D7FF00;
    color: #111111;
    border: 2px solid #D7FF00;
    padding: 12px 30px;
    height: 44px;
    width: 100%;
    max-width: 400px;
    border-radius: 4px;
    cursor: pointer;
    text-transform: uppercase;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: normal;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    margin: 10px 0 15px 0;
    transition: background-color 0.2s ease;
}
.bx-auth input[type="submit"]:hover,
.bx-auth input[type="submit"]:focus,
.bx-auth input[type="submit"]:active,
.bx-auth button[type="submit"]:hover,
.bx-auth button[type="submit"]:focus,
.bx-auth button[type="submit"]:active {
    background: #111111;
    border-color: #111111;
    color: #ffffff;
    box-shadow: none;
    outline: none;
}
.bx-auth input[type="submit"]:focus-visible,
.bx-auth button[type="submit"]:focus-visible {
    outline: 2px solid #111111;
    outline-offset: 2px;
}

/* Ссылки "Забыли пароль?" / "Зарегистрироваться" — чёрные подчёркнутые,
   при наведении серая заливка + лаймовая полоска слева (паттерн .toc-link) */
.bx-auth a {
    display: inline-block;
    color: #111111;
    text-decoration: underline;
    text-decoration-color: #111111;
    margin: 0 10px 10px 0;
    padding: 2px 6px 2px 10px;
    border-left: 3px solid transparent;
    border-radius: 4px;
    transition: background-color 150ms ease, border-color 150ms ease;
}
.bx-auth a:hover {
    color: #111111;
    text-decoration-color: #111111;
    background-color: #F5F5F5;
    border-left-color: #D7FF00;
}

/* Мобильная адаптивность */
@media (max-width: 575px) {
    .bx-auth .bx-auth-title-h2 {
        font-size: 20px;
    }
    .bx-auth input[type="submit"] {
        width: 100%;
        text-align: center;
    }
}

/* ==== AUTH FIX: форма регистрации bform (перестройка в современные блоки) ==== */
/* таблица -> блоки */
form[name="bform"] table.data-table,
form[name="bform"] table.data-table tbody,
form[name="bform"] table.data-table tr,
form[name="bform"] table.data-table td {
    display: block;
    width: 100%;
    box-sizing: border-box;
}
/* скрываем внутренний дублирующийся заголовок Регистрация (thead) */
form[name="bform"] table.data-table thead {
    display: none;
}
/* метки полей: первые td строк (Имя, Фамилия, Логин, Пароль...). Исключаем секционные colspan=2 */
form[name="bform"] table.data-table tbody td:first-child:not([colspan]) {
    display: block;
    font-weight: 600;
    font-size: 15px;
    color: #333;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 8px;
}
/* поля ввода */
form[name="bform"] input[type="text"],
form[name="bform"] input[type="password"],
form[name="bform"] input[type="email"] {
    width: 100% !important;
    max-width: 400px !important;
    box-sizing: border-box !important;
    margin-bottom: 10px !important;
}
/* секционные заголовки (Защита от автоматической регистрации) */
form[name="bform"] table.data-table td[colspan="2"] {
    display: block;
    font-weight: 700;
    font-size: 16px;
    color: #333;
    padding: 20px 0 0 0;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
}
/* кнопка Регистрация */
form[name="bform"] table.data-table tfoot td,
form[name="bform"] table.data-table tfoot input[type="submit"] {
    display: block;
}
form[name="bform"] table.data-table tfoot input[type="submit"] {
    margin-top: 15px;
    padding: 12px 30px;
}
/* звёздочка обязательного поля */
.starrequired { color: #d33 !important; font-size: 16px !important; }

/* ==== AUTH FIX: компактная форма регистрации (убираем двойные отступы и дыры) ==== */
/* 1. Скрываем пустые строки-разделители */
form[name="bform"] table.bx-registration-table tr:empty {
    display: none;
}

/* 2. Убираем двойные отступы: обнуляем margin-bottom у полей регистрации */
form[name="bform"] table.bx-registration-table input[type="text"],
form[name="bform"] table.bx-registration-table input[type="password"],
form[name="bform"] table.bx-registration-table input[type="email"] {
    margin-bottom: 0 !important;
}

/* 3. Идеальные отступы только через метки */
form[name="bform"] table.bx-registration-table td:first-child:not([colspan]) {
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 0;
}

/* Убираем отступ над самой первой меткой (Имя) */
form[name="bform"] table.bx-registration-table tbody tr:first-child td:first-child {
    margin-top: 0;
}

/* финальная калибровка: зазор поле->метка в диапазоне 15-20px (было 24px) */
form[name="bform"] table.bx-registration-table td:first-child:not([colspan]) {
    margin-top: 10px;
}

/* перекрываем 20px (специфичность tbody выше) -> целевые ~19px */
form[name="bform"] table.data-table tbody td:first-child:not([colspan]) {
    margin-top: 10px;
    margin-bottom: 8px;
}

/* --- СТИЛИ ДОСТАВКИ (редизайн) --- */
.delivery-modern-page { max-width: 1200px; margin: 0 auto; color: #333; }

/* Карточка калькулятора */
.delivery-calc-card { background: #fff; border-radius: 12px; padding: 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); margin-bottom: 30px; }

/* Преимущества */
.delivery-features { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; background: #f8f9fa; border-radius: 12px; padding: 25px; margin-bottom: 30px; }
.feat-item { display: flex; align-items: center; gap: 15px; flex: 1; min-width: 220px; }
.feat-item img { max-width: 40px; }
.feat-item b { display: block; font-size: 16px; margin-bottom: 5px; }
.feat-item p { margin: 0; font-size: 13px; line-height: 1.4; color: #666; }

/* Табы-пилюли */
.delivery-tabs { display: flex; gap: 15px; margin-bottom: 30px; }
.tab-pill { flex: 1; text-align: center; padding: 15px 20px; border-radius: 30px; font-weight: bold; text-decoration: none !important; color: #333; background: #fff; border: 1px solid #e0e0e0; transition: 0.3s; cursor: pointer; }
.tab-pill.active, .tab-pill:hover { background: #3988d3; color: #fff; border-color: #3988d3; }

/* Сетка карточек с описанием */
.delivery-content-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 20px; }
.delivery-card { background: #fff; border-radius: 12px; padding: 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
.delivery-card h3 { font-size: 20px; margin-top: 0; margin-bottom: 20px; border-bottom: none; }
.del-highlight { font-size: 15px; margin-bottom: 20px; line-height: 1.6; }
.text-green { color: #28a745; font-weight: bold; }
.delivery-card ul { padding-left: 20px; margin: 0; }
.delivery-card li { margin-bottom: 10px; font-size: 14px; line-height: 1.5; }

/* Адаптивность */
@media (max-width: 991px) {
    .delivery-content-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
}
@media (max-width: 767px) {
    .delivery-tabs { flex-direction: column; gap: 10px; }
    .delivery-features { flex-direction: column; padding: 15px; }
    .feat-item { width: 100%; }
    .delivery-calc-card, .delivery-card { padding: 15px; }
    .delivery-card h3 { font-size: 18px; }
}

/* --- СТИЛИ ИКОНОК ДОСТАВКИ --- */
.feat-item img {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    display: block;
}
.delivery-card h3 {
    display: flex;
    align-items: center;
    gap: 10px;
}
.delivery-card h3 img {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

/* --- ИКОНКИ ДОСТАВКИ: инлайн-SVG (.feat-icon) --- */
.feat-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    flex-shrink: 0;
    display: block;
}

/* --- Выравнивание H1 "Доставка" по ширине сетки 1200px --- */
/* Вертикальные отступы не меняем, только горизонтальное центрирование */
.delivery-modern-page ~ h1,
h1:has(+ .delivery-modern-page),
body:has(.delivery-modern-page) h1,
.page-title:has(+ * .delivery-modern-page) {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

body:has(.delivery-modern-page) .workarea h1,
body:has(.delivery-modern-page) #workarea h1,
body:has(.delivery-modern-page) .content-container h1 {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/* --- СТИЛИ СТРАНИЦЫ ОПЛАТЫ --- */
.payment-modern-page { max-width: 1200px; margin: 0 auto; color: #333; }
.payment-intro-banner { background: #F6F6F6; border-radius: 12px; padding: 25px; margin-bottom: 30px; font-size: 16px; line-height: 1.5; color: #1a1a1a; }
.payment-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 40px; }
.payment-card { background: #fff; border-radius: 12px; padding: 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); display: flex; flex-direction: column; align-items: center; text-align: center; }
.payment-card h3 { min-height: 56px; display: flex; align-items: center; justify-content: center; margin: 0 0 20px 0; }
.payment-card p { font-size: 14px; line-height: 1.5; color: #555; margin: 0; }
.pay-img-wrapper { height: 75px; width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.pay-custom-img { max-width: 100%; max-height: 100%; margin: 0; display: block; object-fit: contain; }

/* Выравнивание H1 (используем логику доставки) */
body:has(.payment-modern-page) h1, .payment-modern-page ~ h1, h1:has(+ .payment-modern-page) {
	max-width: 1200px; margin-left: auto; margin-right: auto; box-sizing: border-box;
}

/* Предоплата: секция + iframe-кнопки и реквизиты (сохранены из старой страницы) */
.payment-prepaid { background: #fff7e6; border-radius: 12px; padding: 25px; margin-bottom: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
.payment-prepaid h2 { font-size: 22px; margin: 0 0 15px 0; color: #8a6d3b; }
.payment-prepaid .pay-desc { font-size: 14px; line-height: 1.5; color: #555; }
.payment-prepaid .iframes { display: flex; gap: 15px; flex-wrap: wrap; margin: 15px 0; }
.iframe-btn { border: 1px solid #e0e0e0; border-radius: 8px; padding: 8px; background: #fff; }

/* Стили для B2B блока */
.payment-b2b-block { background: #F6F6F6; border: 1px solid #E4E4E6; border-left: 4px solid #D7FF00; border-radius: 8px; padding: 30px; margin-top: 30px; color: #1a1a1a; }
.payment-b2b-block h3 { margin-top: 0; margin-bottom: 15px; font-size: 22px; color: #111; border: none; }
.payment-b2b-block p { margin: 0 0 10px 0; line-height: 1.6; font-size: 15px; }
.payment-b2b-block p:last-child { margin-bottom: 0; }

/* --- Стили для страницы Контакты --- */
.contacts-modern { font-family: inherit; color: #333; line-height: 1.5; margin-bottom: 40px; }
.contacts-intro { background: #F6F6F6; padding: 20px 25px; border-radius: 8px; margin-bottom: 25px; }
.contacts-intro-inner { max-width: 800px; font-family: 'Inter', 'Roboto', sans-serif; font-size: 17px; font-weight: 500; line-height: 1.6; color: #1a1a1a; }
.contacts-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 25px; }
.contact-card { background: #F6F6F6; border: none; border-radius: 12px; padding: 24px; }
.contact-card h3 { margin-top: 0; font-size: 18px; color: #1a1a1a; margin-bottom: 15px; border-bottom: 1px solid #E4E4E6; padding-bottom: 10px; display: flex; align-items: center; }
.contact-card p { margin: 5px 0; font-size: 14px; }
.contact-alert { background: #D7FF00; border: none; padding: 20px 24px; border-radius: 12px; margin-bottom: 30px; font-size: 15px; color: #000000; }
.contact-alert b { font-weight: 600; text-transform: uppercase; }
.route-section h2 { font-size: 22px; margin-bottom: 10px; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px; }
.route-address { font-size: 16px; margin-bottom: 20px; font-weight: bold; color: #111; }
.route-card { background: #F6F6F6; border: none; border-radius: 12px; padding: 24px; display: flex; flex-direction: column; }
.route-card h3 { margin-top: 0; font-size: 18px; border-bottom: 1px solid #E4E4E6; padding-bottom: 10px; margin-bottom: 15px; display: flex; align-items: center; }
.route-card ol, .route-card p { margin: 0 0 20px 0; font-size: 14px; padding-left: 20px; line-height: 1.6; }
.route-card p.no-indent { padding-left: 0; }
.route-card li { margin-bottom: 8px; }
.route-btn { display: block; text-align: center; background: transparent; border: 2px solid #000000; color: #000000; padding: 12px 20px; border-radius: 6px; text-decoration: none; font-family: 'Inter', 'Roboto', sans-serif; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; transition: all 0.3s ease; box-sizing: border-box; width: 100%; }
.route-btn:hover { background-color: #D7FF00; border-color: #D7FF00; color: #000000; }
.route-btn-outline { display: block; text-align: center; border: 2px solid #1a1a1a; color: #1a1a1a; padding: 10px 20px; border-radius: 6px; text-decoration: none; font-weight: bold; transition: all 0.3s; box-sizing: border-box; width: 100%; }
.route-btn-outline:hover { background: #1a1a1a; color: #fff; }
.contacts-map { margin-top: 30px; border-radius: 8px; overflow: hidden; height: 400px; width: 100%; border: 1px solid #ddd; }
.mt-auto { margin-top: auto; }
@media (max-width: 768px) { .contacts-grid { grid-template-columns: 1fr; } }

/* --- Интерактивная карта контактов --- */
.contacts-map-wrapper {
 margin-top: 30px;
 border-radius: 8px;
 overflow: hidden;
 height: 400px;
 width: 100%;
 border: 1px solid #ddd;
 position: relative;
 }
.contacts-iframe {
 width: 100%;
 height: 100%;
 border: 0;
 display: block;
 }
/* Предотвращение случайного зума при скролле */
.contacts-map-wrapper.scroll-disabled iframe {
 pointer-events: none;
 }

/* --- Современная типографика описания разделов --- */
.catalog-section-desc {
 margin-top: 40px;
 margin-bottom: 40px;
 font-size: 15px;
 line-height: 1.7;
 color: #444;
 overflow: hidden; /* Очистка float */
 }
.catalog-section-desc .catalog-section-desc-inner {
 margin: 0;
 }
.catalog-section-desc h2,
.catalog-section-desc h3 {
 color: #111;
 font-weight: 700;
 margin-top: 25px;
 margin-bottom: 15px;
 }
.catalog-section-desc h2 {
 font-size: 22px;
 border-bottom: 2px solid #f0f0f0;
 padding-bottom: 8px;
 }
.catalog-section-desc p {
 margin-bottom: 16px;
 }
.catalog-section-desc ul,
.catalog-section-desc ol {
 margin: 15px 0 20px 25px;
 padding: 0;
 }
.catalog-section-desc li {
 margin-bottom: 6px;
 line-height: 1.6;
 }
/* Стилизация и отступы для изображений */
.catalog-section-desc img {
 max-width: 100%;
 height: auto;
 border-radius: 8px;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
 display: block;
 }
/* Картинка, выровненная вправо (align="right" или float: right) */
.catalog-section-desc img[align="right"],
.catalog-section-desc img[style*="float: right"],
.catalog-section-desc img[style*="float:right"],
.catalog-section-desc .alignright {
 float: right;
 margin: 5px 0 20px 25px;
 }
/* Картинка, выровненная влево (align="left" или float: left) */
.catalog-section-desc img[align="left"],
.catalog-section-desc img[style*="float: left"],
.catalog-section-desc img[style*="float:left"],
.catalog-section-desc .alignleft {
 float: left;
 margin: 5px 25px 20px 0;
 }
/* Мобильная адаптация */
@media (max-width: 768px) {
 .catalog-section-desc img[align="right"],
 .catalog-section-desc img[align="left"],
 .catalog-section-desc img[style*="float: right"],
 .catalog-section-desc img[style*="float: left"] {
 float: none;
 margin: 15px auto;
 width: 100%;
 }
 }
/* Страховка для контейнера seo-mobi-img */
#seo-mobi-img { margin-top: 40px; margin-bottom: 40px; font-size: 15px; line-height: 1.7; color: #444; overflow: hidden; }
/* ===== ФИКСАЦИЯ ВЫСОТЫ БЛОКА НОВОСТЕЙ (главная, .blog-slider) =====
   Выравнивание кнопок «Подробнее» по одной линии:
   - карточка = flex-column, равная высота
   - заголовок фикс. 2 строки (line-clamp 2, min-height)
   - анонс ровно 5 строк (line-clamp 5, фикс. высота)
   - кнопка прижимается вниз через margin-top:auto */




/* Заголовок — фиксированная высота под 2 строки */


/* Дата (между заголовком и анонсом) */


/* Анонс — ровно 5 строк с многоточием */


/* Кнопка «Подробнее» — прижата к единой нижней линии */


/* Мобильная версия: кнопка по центру, но та же нижняя линия */


/* Растянуть owl-item и .item на полную высоту, чтобы кнопка была на одной линии */



/* Растянуть слайдер на полную высоту для единой линии кнопок */



/* Нижний отступ кнопки от нижнего края карточки */


/* ===== Современный стиль раздела "Новости" (/news/) =====
   Реальный шаблон: bitrix:news/flat -> bitrix:news.list/flat -> template.php
   Структура карточки: .blog-page > .blog-post > .col-md-4(img) + .col-md-8(h1/дата/автор/p/кнопка)
   Правки под реальные селекторы (ТЗ предлагало .news-list-item, но живой шаблон иной). */
.blog-page .blog-post {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 30px;
            overflow: hidden;
   background: #fff;
}
/* убрать отступ между карточками из .outer-top-bd (margin-top:50px) для плотного списка */

/* Колонка картинки: фиксированная компактная */
.blog-page .blog-post .hb-col-md-4 {
   flex: 0 0 260px;
   width: 260px;
   max-width: 100%;
   float: none;
   display: flex;
   align-items: flex-start;
}

/* Картинка: круг целиком (без обрезки), квадрат 200x200, без тени */
.blog-page .blog-post .hb-col-md-4 img {
   width: 200px;
   min-width: 200px;
   height: 200px;
   max-width: 100%;
   max-height: 200px;
   object-fit: contain; /* круг не обрезается */
   border-radius: 8px;
   box-shadow: none; /* убираем тень — круг на прозрачном фоне */
   background: transparent;
   display: block;
   margin: 0 auto;
}

/* Колонка контента */
.blog-page .blog-post .hb-col-md-8 {
   flex: 1 1 auto;
   float: none;
   min-width: 0;
}

/* Заголовок: строгий, без капса и узких засечек */

/* Метаданные: дата, автор в одну строку через flex */

/* Текст анонса: крупнее, без justify, свободнее */

/* Кнопка «Подробнее» */

/* Мобильная версия: картинка сверху, контент под ней */
@media (max-width: 768px) {
   .blog-page .blog-post {
      flex-direction: column;
      align-items: stretch;
      gap: 15px;
   }
   .blog-page .blog-post .hb-col-md-4 {
      flex: 0 0 auto;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
   }
   .blog-page .blog-post .hb-col-md-4 img {
      width: 160px;
      min-width: 160px;
      height: 160px;
      max-width: 160px;
      max-height: 160px;
      margin: 0 auto;
   }
   /* Пагинация на мобильных: перенос строк, не вылезает за экран */
.blog-page .blog-post .hb-col-md-8 {
      width: 100%;
   }
}

/* Ссылка-обёртка картинки в новости: занимать всю ширину колонки (иначе img width:100% не срабатывает из-за inline <a>) */
.blog-page .blog-post .hb-col-md-4 a {
   display: block;
   width: 100%;
}
/* ===== Современная пагинация раздела «Новости» (/news/) =====
   Реальный HTML: .blog-pagination .text-right > .pagination-container > ul.list-inline.list-unstyled > li(.prev/.active/.next) > a/span
   (ТЗ давало .pagination/.bx-pagination/.system-nav, но живой шаблон иной — стили под фактические классы) */
/* Активная страница */
/* Стрелки prev/next */

/* Фикс пагинации и отступов новостей (финал) */

/* Скрываем нижний сепаратор и дублирующиеся hr */
.blog-page hr,
.blog-pagination hr,
.blog-page .blog-pagination + hr,
.blog-page > hr:last-child {
    display: none !important;
}

/* Сброс лишних фонов и двойных рамок у li */

/* Убираем гигантскую дыру перед футером */
.blog-page {
    margin-bottom: 20px;
    padding-bottom: 0;
}

/* Точный сброс двойных рамок и выравнивание отступов пагинации новостей */
.blog-page .blog-post-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Полный сброс рамок, теней и отступов у LI */

/* Одинарная чистая рамка только на самой кнопке A и SPAN */

/* Активная страница */

/* Неактивные стрелки / наведение */

/* Прижимаем контейнер страницы к футеру */
.blog-page {
    margin-bottom: 25px;
    padding-bottom: 0;
}

/* Полное удаление наростов и подтяжка пагинации к сепаратору */
.blog-page .blog-post-item {
    margin-bottom: 0;
    padding-bottom: 20px;
}

/* Полный сброс рамок и ушей со всех списков пагинации */

/* Чистая, единая кнопка */

/* Идеально симметричные отступы пагинации новостей */
.blog-page .blog-post-item:last-child,
.blog-page .hb-row:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

.blog-page .blog-post:last-of-type hr,
.blog-page .blog-post-item:last-child hr {
    margin-bottom: 0;
}

/* Симметричный зазор ровно 30px сверху и 30px снизу */

.blog-page {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Исправление пустых кнопок и многоточия в пагинации */

/* Стилизация многоточия / разделителя страниц */

/* Выравнивание базовой линии всех кнопок */

/* ===== Фикс пустого серого прямоугольника в пагинации (/news/ глубокие страницы) =====
   Корень: в шаблоне system.pagenavigation/round/template.php строка(77) тег <a> стрелки назад
   на глубоких страницах (PAGEN>2) был не закрыт (</a> отсутствовал), из-за чего в DOM
   следующий <li> с цифрой попадал внутрь открытого <a> и создавал пустой блок-артефакт.
   Тег закрыт в PHP (фикс навсегда). Ниже — страховочные CSS-правила, чтобы в любом
   браузере/кэше пустой прямоугольник перед цифрой 1 гарантированно не отображался. */

/* Любой пустой элемент пагинации (побочный/лишний блок) — не показывать */

/* Защита: не давать рамку/фон вложенным блокам внутри стрелок, если HTML сломан */

/* ===== Кнопка «Подробнее» в списке новостей (/news/) — как в блоке на главной =====
   Список (/news/): news.list/flat → <a class="btn btn-upper btn-primary read-more">
   Эталон (главная): news.list/news_index → <a class="lnk btn btn-primary">  */
.blog-page .blog-post-info a.hb-cbtn,
.blog-page .blog-post-info a.hb-button {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   text-transform: uppercase;
   font-size: 13px;
   font-weight: 700;
   letter-spacing: 0.8px;
   color: #555;
   background: #fff;
   border: 1px solid #d5d5d5;
   border-radius: 4px;
   padding: 8px 18px;
   line-height: 1.4;
   text-decoration: none;
   box-shadow: none;
   transition: all 0.2s ease;
}
.blog-page .blog-post-info a.hb-cbtn:hover,
.blog-page .blog-post-info a.hb-button:hover {
   background: #3988d3 !important;
   border-color: #3988d3 !important;
   color: #fff !important;
}

/* Скрытие автора новости (список /news/ + детальная страница статьи) */
.blog-page span.author,
.blog-page .author,
.blog-post .author,
.blog-post-info .author,
.news-detail .author,
.blog-page .info .author,
.blog-page .blog-post-info .author,
.bx-newsdetail-author,
.blog-page .blog-post .hb-col-md-8 span.author,
.blog-page .blog-post .hb-col-md-8 .author {
   display: none;
}

/* ===== Оформление и типографика детальной статьи /news/detail/ =====
   Реальный шаблон news.detail/flat использует bx-newsdetail-* классы:
   корень .bx-newsdetail, контент статьи (DETAIL_TEXT) — .bx-newsdetail-content,
   верхняя картинка — .bx-newsdetail-img. ТЗ-селекторы .news-detail/.blog-detail
   добавлены как fallback (на случай другого шаблона). */
.news-detail.news-detail,
.blog-post-detail.blog-post-detail,
.blog-detail.blog-detail,
.blog-post-single.blog-post-single,
.bx-newsdetail.bx-newsdetail,
.bx-newsdetail-content.bx-newsdetail-content {
	font-family: 'Inter', Arial, sans-serif;
   font-size: 16px;
   line-height: 1.75;
   color: #333;
   margin-bottom: 40px;
}

/* Заголовки внутри статьи */
.news-detail.news-detail h1,
.blog-detail.blog-detail h1,
.bx-newsdetail-content.bx-newsdetail-content h1,
.news-detail.news-detail h2,
.blog-detail.blog-detail h2,
.bx-newsdetail-content.bx-newsdetail-content h2,
.news-detail.news-detail h3,
.blog-detail.blog-detail h3,
.bx-newsdetail-content.bx-newsdetail-content h3 {
	font-family: 'Inter', Arial, sans-serif;
   color: #111;
   font-weight: 700;
   line-height: 1.35;
}
.news-detail.news-detail h2,
.blog-detail.blog-detail h2,
.bx-newsdetail-content.bx-newsdetail-content h2 {
   font-size: 24px;
   margin-top: 35px;
   margin-bottom: 18px;
}
.news-detail.news-detail h3,
.blog-detail.blog-detail h3,
.bx-newsdetail-content.bx-newsdetail-content h3 {
   font-size: 20px;
   margin-top: 25px;
   margin-bottom: 14px;
}
.news-detail.news-detail p,
.blog-detail.blog-detail p,
.bx-newsdetail-content.bx-newsdetail-content p {
   margin-bottom: 18px;
}

/* Списки */
.news-detail.news-detail ul,
.news-detail.news-detail ol,
.blog-detail.blog-detail ul,
.blog-detail.blog-detail ol,
.bx-newsdetail-content.bx-newsdetail-content ul,
.bx-newsdetail-content.bx-newsdetail-content ol {
   margin: 15px 0 25px 25px;
   padding: 0;
}
.news-detail.news-detail li,
.blog-detail.blog-detail li,
.bx-newsdetail-content.bx-newsdetail-content li {
   margin-bottom: 8px;
   line-height: 1.65;
}

/* Абсолютно резиновые изображения */
.news-detail img,
.blog-detail img,
.blog-post-detail img,
.blog-post-single img,
.bx-newsdetail img,
.bx-newsdetail-content img,
.bx-newsdetail-img img {
   max-width: 100%;
   height: auto;
   border-radius: 8px;
   margin: 20px auto;
   display: block;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
}

/* Картинки с обтеканием (если заданы в редакторе) */
.news-detail img[align="right"], .blog-detail img[align="right"],
.news-detail img[style*="float: right"], .blog-detail img[style*="float: right"],
.news-detail img[style*="float:right"], .blog-detail img[style*="float:right"],
.bx-newsdetail img[align="right"], .bx-newsdetail-content img[align="right"],
.bx-newsdetail img[style*="float: right"], .bx-newsdetail-content img[style*="float: right"],
.bx-newsdetail img[style*="float:right"], .bx-newsdetail-content img[style*="float:right"] {
   float: right;
   margin: 5px 0 20px 25px;
   display: inline-block;
}
.news-detail img[align="left"], .blog-detail img[align="left"],
.news-detail img[style*="float: left"], .blog-detail img[style*="float: left"],
.news-detail img[style*="float:left"], .blog-detail img[style*="float:left"],
.bx-newsdetail img[align="left"], .bx-newsdetail-content img[align="left"],
.bx-newsdetail img[style*="float: left"], .bx-newsdetail-content img[style*="float: left"],
.bx-newsdetail img[style*="float:left"], .bx-newsdetail-content img[style*="float:left"] {
   float: left;
   margin: 5px 25px 20px 0;
   display: inline-block;
}

/* Мобильная адаптация */
@media (max-width: 768px) {
   .news-detail.news-detail,
.blog-detail.blog-detail,
.bx-newsdetail.bx-newsdetail,
.bx-newsdetail-content.bx-newsdetail-content {
      font-size: 15px;
      line-height: 1.65;
   }
   .news-detail.news-detail h2,
.blog-detail.blog-detail h2,
.bx-newsdetail-content.bx-newsdetail-content h2 {
      font-size: 20px;
   }
   .news-detail img, .blog-detail img,
   .bx-newsdetail img, .bx-newsdetail-content img, .bx-newsdetail-img img {
      float: none;
      margin: 15px auto;
      width: 100%;
      max-width: 100%;
   }
}
/* ===== Идеальное выравнивание 6 преимуществ «plus» на главной =====
   Реальная разметка: .plus-list (родитель, 6 шт .plus-item) содержит
   .plus-item-picture (иконка img) + .plus-item-name (подпись).
   Родитель имеет hidden-xs/hidden-sm/hidden-md -> показывается только на >=1200px.
   Перепишем на media-query, чтобы НЕ перебить Bootstrap hidden-классы. */

/* Скрыт до 1199px (эквивалент hidden-xs/sm/md) */

/* Десктоп >=1200px: идеальная сетка 6 колонок */

/* Карточка одного преимущества */

/* Фиксированная область под иконку (выравнивание по вертикали) */

/* Текст подписи преимущества — единая горизонталь */

/* ===== Доработка визуала блока преимуществ «plus» (главная) v2 =====
   Идёт ПОСЛЕ предыдущего блока в каскаде -> перебивает старые значения.
   Фактические классы: .plus-list (родитель), .plus-item (карточка),
   .plus-item-picture img (иконка), .plus-item-name (подпись). */

/* Корректировка отступов блока (меньше пустых дыр сверху/снизу) */

/* Увеличение размера иконок под ширину текста (высота до 85px) */

/* Текст подписи преимущества */

/* Выравнивание подписей по единой горизонтали:
   фиксированная зона для 2 строк текста — все подписи начинаются на одной высоте. */

/* ===== Финальная полировка блока преимуществ «plus» (главная) v3 =====
   Идёт ПОСЛЕ v2 в каскаде при равной специфичности -> перебивает её.
   Фактические классы: .plus-list, .plus-item, .plus-item-picture img, .plus-item-name. */

/* Компактные внешние отступы блока (без внутреннего padding) */

/* Крупные акцентные иконки на всю ширину колонки (115 x 150) */

/* Подпись под иконкой — компактная */

/* ===== Единая строка кнопок действий в карточке товара (главная + каталог) v2 =====
   Реальная разметка (главная + каталог): контейнер .action содержит
   - корзина:  a[id$="_buy_link"].lnk.btn.btn-primary
   - избранное:a[id$="_compare_live"].hb-cbtn.hb-cbtn.wishlist
   - сравнение:a[id$="_compare_link"].btn.btn-primary  (href=javascript, НЕ содержит 'compare')
   Фирменный синий: #3988d3. Inline-стили и правила темы перебиваем !important + высокой специфичностью. */

/* Контейнер: единый горизонтальный ряд */
@media (min-width: 768px) {

/* Кнопка "В КОРЗИНУ" — вся оставшаяся ширина слева */
.bx_catalog_item .bx_catalog_item_controls .action a[id$="_buy_link"],
.bx_catalog_item .bx_catalog_item_controls .action a.lnk.hb-cbtn,
#grid-container .catalog-grid .catalog-grid__item .products .product .cart .action a[id$="_buy_link"],
#grid-container .products .cart .action a[id$="_buy_link"],
.bx_catalog_item .bx_catalog_item_controls .action a.lnk.hb-button-primary {
   flex: 1 1 auto;
   width: auto;
   height: 38px;
   min-height: 38px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   font-size: 13px;
   font-weight: 700;
   text-transform: uppercase;
   color: #111111;
   background: #D7FF00;
   border: none;
   border-radius: 2px;
   padding: 0 10px;
   white-space: nowrap;
   margin: 0;
   transition: all 0.2s ease;
   float: none;
   
   line-height: 1;
}

}
/* Избранное (сердечко) и Сравнение (стрелки) — квадратные кнопки справа */
.bx_catalog_item .bx_catalog_item_controls .action a[id$="_compare_live"],
.bx_catalog_item .bx_catalog_item_controls .action a[id$="_compare_link"],
.bx_catalog_item .bx_catalog_item_controls .action a.wishlist,
#grid-container .products .cart .action a[id$="_compare_live"],
#grid-container .products .cart .action a[id$="_compare_link"],
#grid-container .products .cart .action a.wishlist,
#grid-container .products .cart .action a.wishlist.desktop-only-wishlist,
#grid-container .products .cart .action a.hb-cbtn.hb-cbtn.wishlist.desktop-only-wishlist,
#grid-container .catalog-grid .catalog-grid__item .products .product .cart .action a.hb-cbtn.hb-cbtn.wishlist.desktop-only-wishlist,
.product .cart .action a.hb-cbtn.hb-cbtn.wishlist.desktop-only-wishlist {
   flex: 0 0 auto;
   width: 22px;
   min-width: 22px;
   max-width: 22px;
   height: 22px;
   min-height: 22px;
   max-height: 22px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   background: transparent;
   border: none;
   border-radius: 0;
   color: #333333;
   margin: 0;
   padding: 0;
   cursor: pointer;
   transition: all 0.2s ease;
   float: none;
   position: absolute;
   top: 12px;
   right: 12px;
   z-index: 460;
   line-height: 1;
}

/* Иконки внутри квадратных кнопок не сжимать и центрировать */
.bx_catalog_item .bx_catalog_item_controls .action a[id$="_compare_live"] i,
.bx_catalog_item .bx_catalog_item_controls .action a[id$="_compare_link"] i,
.bx_catalog_item .bx_catalog_item_controls .action a.wishlist i {
   font-size: 16px;
   line-height: 1;
   margin: 0;
}

/* Корзина hover — фирменный синий */
.bx_catalog_item .bx_catalog_item_controls .action a[id$="_buy_link"]:hover,
#grid-container .catalog-grid .catalog-grid__item .products .product .cart .action a[id$="_buy_link"]:hover,
#grid-container .products .cart .action a[id$="_buy_link"]:hover {
   background: #c2e600;
   border-color: #c2e600;
   color: #111111;
}

/* Иконки hover — синий контур */
.bx_catalog_item .bx_catalog_item_controls .action a[id$="_compare_live"]:hover,
.bx_catalog_item .bx_catalog_item_controls .action a[id$="_compare_link"]:hover,
.bx_catalog_item .bx_catalog_item_controls .action a.wishlist:hover,
#grid-container .catalog-grid .catalog-grid__item .products .product .cart .action a.wishlist:hover,
#grid-container .products .cart .action a.wishlist:hover {
   border-color: transparent;
   color: #111111;
   background: transparent;
}

/* Активное состояние — синяя заливка */
.bx_catalog_item .bx_catalog_item_controls .action a.wishlist.active,
.bx_catalog_item .bx_catalog_item_controls .action a.wishlist.in-wishlist,
.bx_catalog_item .bx_catalog_item_controls .action a[id$="_compare_live"].active,
.bx_catalog_item .bx_catalog_item_controls .action a[id$="_compare_link"].active,
#grid-container .catalog-grid .catalog-grid__item .products .product .cart .action a.wishlist.active,
#grid-container .products .cart .action a.wishlist.active,
#grid-container .products .cart .action a[id$="_compare_link"].active,
#grid-container .products .cart .action a[id$="_compare_live"].active {
   background: transparent;
   border-color: transparent;
   color: #D7FF00;
}

/* Три дублирующих блока "борьбы за специфичность" (Коррекция/ID-буст/ФИНАЛ)
   удалены как устаревшие — актуальный hover/active теперь задан один раз,
   выше по файлу, без !important, с честной высокой специфичностью. */

/* Страница О магазине */
.about-company-page {
 margin: 20px 0 60px 0;
 color: #333;
}

.about-hero-section {
 text-align: center;
 max-width: 820px;
 margin: 0 auto 45px auto;
}

.about-hero-badge {
 display: inline-block;
 background: #f0f6fc;
 color: #3988d3;
 font-weight: 700;
 font-size: 13px;
 padding: 6px 16px;
 border-radius: 20px;
 margin-bottom: 15px;
 letter-spacing: 0.5px;
}

.about-hero-section h1 {
 font-size: 32px;
 font-weight: 800;
 color: #111;
 margin: 0 0 16px 0;
 line-height: 1.25;
}

.about-hero-lead {
 font-size: 18px;
 line-height: 1.6;
 color: #555;
 margin: 0;
}

/* Сетка цифр */
.about-stats-grid {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 20px;
 margin-bottom: 50px;
}

.stat-card {
 background: #f9fbfd;
 border: 1px solid #e5eff8;
 border-radius: 12px;
 padding: 25px 20px;
 text-align: center;
 transition: transform 0.2s, box-shadow 0.2s;
}

.stat-card:hover {
 transform: translateY(-3px);
 box-shadow: 0 8px 20px rgba(57, 136, 211, 0.08);
}

.stat-num {
 font-size: 32px;
 font-weight: 800;
 color: #3988d3;
 line-height: 1.1;
 margin-bottom: 8px;
}

.stat-label {
 font-size: 13px;
 font-weight: 600;
 color: #555;
 line-height: 1.4;
}

/* Блок маркетплейсов */
.about-marketplaces-block {
 background: linear-gradient(135deg, #111625 0%, #1e293b 100%);
 border-radius: 14px;
 padding: 40px;
 color: #fff;
 margin-bottom: 50px;
}

.about-marketplaces-block .sub-badge {
 color: #38bdf8;
 font-weight: 700;
 font-size: 13px;
 text-transform: uppercase;
 letter-spacing: 1px;
 display: block;
 margin-bottom: 10px;
}

.about-marketplaces-block h2 {
 color: #fff;
 font-size: 26px;
 font-weight: 700;
 margin: 0 0 15px 0;
}

.about-marketplaces-block p {
 font-size: 16px;
 line-height: 1.65;
 color: #cbd5e1;
 max-width: 800px;
 margin-bottom: 25px;
}

.marketplace-tags {
 display: flex;
 flex-wrap: wrap;
 gap: 12px;
}

.mp-tag {
 display: inline-flex;
 align-items: center;
 padding: 10px 20px;
 font-weight: 700;
 font-size: 14px;
 border-radius: 8px;
 color: #fff;
}

.mp-tag.wb { background: #cb11ab; }
.mp-tag.ozon { background: #005bff; }
.mp-tag.ym { background: #fc3f1d; }
.mp-tag.dm { background: #0080ff; }

/* История */
.about-story-section {
 background: #fff;
 border: 1px solid #eee;
 border-radius: 12px;
 padding: 35px 40px;
 margin-bottom: 50px;
}

.about-story-section h2 {
 font-size: 24px;
 font-weight: 700;
 color: #111;
 margin: 0 0 16px 0;
}

.about-story-section p {
 font-size: 16px;
 line-height: 1.75;
 color: #444;
 margin-bottom: 16px;
}

.about-story-section p:last-child {
 margin-bottom: 0;
}

/* Сетка карточек преимуществ */
.about-features-grid {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 20px;
}

.feature-box {
 background: #fff;
 border: 1px solid #e8e8e8;
 border-radius: 10px;
 padding: 24px 20px;
 text-align: left;
 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.feature-icon {
 font-size: 28px;
 margin-bottom: 12px;
}

.feature-box h3 {
 font-size: 17px;
 font-weight: 700;
 color: #111;
 margin: 0 0 8px 0;
}

.feature-box p {
 font-size: 14px;
 line-height: 1.55;
 color: #666;
 margin: 0;
}

/* Адаптив под мобильные */
@media (max-width: 991px) {
 .about-stats-grid,
 .about-features-grid {
 grid-template-columns: repeat(2, 1fr);
 }
}

@media (max-width: 575px) {
 .about-stats-grid,
 .about-features-grid {
 grid-template-columns: 1fr;
 }
 .about-marketplaces-block,
 .about-story-section {
 padding: 25px 20px;
 }
 .about-hero-section h1 {
 font-size: 24px;
 }
}

/* Страница Оферты и Юридических документов */
/* ============================================================
   РЕДИЗАЙН СТРАНИЦЫ "ОФЕРТА" (26.09.2026) — editorial-документ.
   Узкий читаемый контейнер 800px вместо полноширинного полотна.
   Класс НЕ переиспользует .dc-page (та у "Доставки" max-width:1400px —
   общий bare-класс с другой шириной сломал бы обе страницы), делаем
   тот же эффект через собственный .legal-page-wrapper.
   ============================================================ */
.legal-page-wrapper {
 width: min(96%, var(--site-max, 1380px));
 margin: 20px auto 60px;
 color: #333333;
 font-family: 'Roboto', sans-serif;
}

.legal-header {
 margin-bottom: 40px;
 text-align: left;
}

.legal-badge {
 display: inline-block;
 background: #F2FFB3;
 color: #111111;
 font-weight: 700;
 font-size: 13px;
 padding: 6px 16px;
 border-radius: 20px;
 margin-bottom: 15px;
}

.legal-header h1 {
 font-size: 32px;
 font-weight: 800;
 color: #111111;
 margin: 0 0 10px 0;
 text-align: left;
}

.legal-subtitle {
 font-size: 16px;
 color: #666666;
 margin: 0;
}

/* Оглавление: белый фон, тонкая рамка, компактные отступы */
.legal-toc {
 background: #ffffff;
 border: 1px solid #ECECEC;
 border-radius: 4px;
 padding: 24px;
 margin-bottom: 40px;
}

.toc-title {
 font-size: 18px;
 font-weight: 700;
 margin-bottom: 15px;
 color: #111111;
}

.toc-grid {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 12px 20px;
}

.toc-link {
 display: inline-block;
 font-size: 14px;
 color: #111111;
 text-decoration: underline;
 text-decoration-color: #111111;
 transition: background-color 150ms ease, border-color 150ms ease;
 font-weight: 600;
 padding: 4px 8px 4px 10px;
 margin: -4px -8px;
 border-radius: 6px;
 border-left: 3px solid transparent;
}

.toc-link:hover {
 background-color: #F5F5F5;
 color: #111111;
 text-decoration-color: #111111;
 border-left-color: #D7FF00;
}

/* Контент оферты */
.legal-section {
 margin-bottom: 40px;
}

.legal-section h2 {
 font-size: 22px;
 font-weight: 700;
 color: #111111;
 text-transform: uppercase;
 letter-spacing: 0.03em;
 margin-top: 40px;
 margin-bottom: 20px;
 padding-bottom: 10px;
 border-bottom: 1px solid #eee;
}
.legal-section:first-child h2 {
 margin-top: 0;
}

.legal-section h3 {
 font-size: 17px;
 font-weight: 700;
 color: #111111;
 text-transform: uppercase;
 letter-spacing: 0.03em;
 margin-top: 40px;
 margin-bottom: 20px;
}

.legal-section p {
 font-size: 15px;
 line-height: 1.6;
 color: #333333;
 font-weight: 400;
 margin-bottom: 15px;
}

.legal-content a {
 color: #111111;
 text-decoration: underline;
 text-decoration-color: #111111;
 transition: text-decoration-color 0.15s ease;
}
.legal-content a:hover {
 text-decoration-color: #D7FF00;
}

.legal-list {
 margin: 0 0 20px 20px;
 padding: 0;
}

.legal-list li {
 font-size: 15px;
 line-height: 1.6;
 color: #333333;
 font-weight: 400;
 margin-bottom: 10px;
}

/* Акцентный блок "Важно" — прозрачный/белый фон, жёсткая левая
   лаймовая граница (вместо прежнего жёлто-оранжевого warning-стиля). */
.legal-alert {
 background: #F9F9F9;
 border-left: 4px solid #D7FF00;
 padding: 16px;
 margin: 20px 0;
 font-size: 15px;
 line-height: 1.6;
 color: #111111;
 text-align: left;
}

/* Карточка контактов/реквизитов в конце документа (раздел "Контакты") */
.legal-contact-card {
 background: #ffffff;
 border: 1px solid #ECECEC;
 border-radius: 4px;
 padding: 24px;
 margin-top: 15px;
}
.legal-contact-card p {
 margin: 0 0 10px 0;
 font-size: 15px;
 line-height: 1.6;
 color: #333333;
}
.legal-contact-card p:last-child {
 margin-bottom: 0;
}

/* Адаптив */
@media (max-width: 768px) {
 .toc-grid {
 grid-template-columns: 1fr;
 }
 .legal-header h1 {
 font-size: 24px;
 }
 .legal-section h2 {
 font-size: 20px;
 }
 .legal-toc {
 padding: 20px;
 }
}

/* Стили для таблиц в юридических документах */
.legal-table {
 width: 100%;
 border-collapse: collapse;
}
.legal-table th, .legal-table td {
 padding: 12px;
 border: 1px solid #eee;
 font-size: 14px;
}
.legal-table th {
 background: #ffffff;
 font-weight: 600;
 color: #111111;
}
.legal-table-wrap {
 overflow-x: auto;
 margin-bottom: 20px;
}
@media (max-width: 768px) {
 .legal-table th, .legal-table td {
 font-size: 12px;
 padding: 8px;
 }
}

/* Спойлер безопасности на странице оплаты */
.security-details-wrapper {
 margin: 40px 0;
}
.security-details {
 background: #f9fbfd;
 border: 1px solid #e5eff8;
 border-radius: 12px;
 overflow: hidden;
 transition: all 0.3s ease;
}
.security-details summary {
 padding: 20px 25px;
 font-weight: 700;
 font-size: 16px;
 color: #111;
 cursor: pointer;
 list-style: none;
 display: flex;
 align-items: center;
 justify-content: space-between;
 outline: none;
 user-select: none;
}
.security-details summary::-webkit-details-marker {
 display: none;
}
.security-details summary::after {
 content: '+';
 font-size: 26px;
 font-weight: 400;
 color: #3988d3;
 transition: transform 0.3s ease;
 line-height: 1;
}
.security-details[open] summary::after {
 content: '−';
 transform: rotate(180deg);
}
.security-details-content {
 padding: 0 25px 25px 25px;
 color: #444;
 font-size: 14px;
 line-height: 1.65;
 border-top: 1px solid #e5eff8;
 margin-top: 5px;
 padding-top: 20px;
}
.security-details-content h3 {
 font-size: 15px;
 font-weight: 700;
 color: #111;
 margin: 20px 0 10px 0;
}
.security-details-content h3:first-child {
 margin-top: 0;
}
.security-details-content ul {
 margin: 10px 0 15px 20px;
 padding: 0;
}
.security-details-content li {
 margin-bottom: 6px;
}

/* Cookie Banner */
.cookie-banner { position: fixed; bottom: 0; left: 0; width: 100%; background: #111625; color: #fff; z-index: 99999; padding: 15px 20px; box-shadow: 0 -4px 15px rgba(0,0,0,0.15); display: flex; justify-content: center; align-items: center; }
.cookie-container { max-width: 1200px; width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.cookie-container p { margin: 0; font-size: 13px; line-height: 1.5; color: #cbd5e1; }
.cookie-container a { color: #38bdf8; text-decoration: underline; }
.hb-cookie__btn.hb-cookie__btn { flex-shrink: 0; padding: 8px 24px; font: 700 13px/1.2 'Inter', Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.04em; border: none; border-radius: 8px; background: #D7FF00; color: #111111; cursor: pointer; transition: background-color 150ms ease; }
.hb-cookie__btn.hb-cookie__btn:hover { background: #c8ee00; color: #111111; }
@media (max-width: 768px) {
.cookie-container { flex-direction: column; text-align: center; }
.hb-cookie__btn.hb-cookie__btn { width: 100%; }
}

/* Legal alert — переопределение против конфликта с .warning (тот же класс "warning"
   встречается в разметке .legal-alert.warning как смысловой модификатор "внимание",
   а не как баннер "Мы на связи"). !important не нужен: .warning объявлен раньше
   в файле (строка ~1263) и не содержит !important сам — при равной специфичности
   (оба класса-одиночки) побеждает то правило, что идёт позже по каскаду. */
.legal-alert {
 position: relative;
 display: block;
 z-index: 1;
 clear: both;
 inset: auto;
 transform: none;
}

/* ============================================================
   МОБИЛЬНЫЙ OVERFLOW-X ФИКС (21.08.2026, CODER)
   1) Скрыть ПУСТЫЕ стрелки .seo-scroll-btn (< >) — если в слайдере
      тегов нет контента (.row.wrapped пустой), стрелкам нечего листать,
      а их наличие рвёт сетку над сортировкой.
   2) Глобальный предохранитель: запретить горизонтальный скролл body/html.
   ============================================================ */
/* 1. Скрытие пустых стрелок: .tags-slider-wrapper .row пустой (нет a/тегов) */
/* Если в .row.wrapped нет ссылок-тегов — прячем ВСЕ стрелки в обёртке */
.tags-slider-wrapper:has(.hb-row.wrapped a:not([href])),
.tags-slider-wrapper:has(.hb-row:empty) .seo-scroll-btn {
   display: none;
   visibility: hidden;
}
/* Страховка: даже если стрелки остались, не даём им растягивать экран */
.seo-scroll-btn {
   max-width: 20px;
   overflow: hidden;
   flex-shrink: 1;
}

/* 2. Глобальный предохранитель против горизонтального скролла */
html, body {
   overflow-x: hidden !important;
   width: 100% !important;
   max-width: 100% !important;
   position: relative !important;
}
#workarea,
.workarea,
.content-container,
.hb-row:not(.wrapped) {
   max-width: 100% !important;
}
@media (max-width: 1199px) {
  #workarea,
  .workarea,
  .content-container,
  .hb-row:not(.wrapped) {
     overflow-x: clip !important;
  }
}
/* от 1200px карусель «похожих» (.compact-similar) должна выходить за ряд: исключаем её из clip, правило overflow: visible ниже без !important */
@media (min-width: 1200px) {
  #workarea,
  .workarea,
  .content-container,
  .hb-row:not(.wrapped):not(:has(.compact-similar)) {
     overflow-x: clip !important;
  }
}

/* ============================================================
   МОБИЛЬНЫЕ КАРТОЧКИ ТОВАРОВ: ПЛАШКА+ИЗБРАННОЕ В РЯД (21.08.2026, CODER, #44879)
   Заменяет блок-иконку (#44873). Теперь на мобилке карточки каталога
   используют всю ширину контента (2 колонки ~48-49%), кнопка покупки —
   синяя плашка с читаемым текстом «В КОРЗИНУ»/«КУПИТЬ» (12px, 700, uppercase),
   избранное (сердечко) — квадрат 36px В ОДНУ строку с кнопкой (flex row).
   ============================================================ */
@media (max-width: 767px) {
   /* --- 1. ШИРИНА СЕТКИ И КАРТОЧЕК: 2 колонки, полная ширина --- */
#grid-container .products,
#grid-container,
#grid-container .hb-row.bx_catalog_list_home {
      width: 100%;
      max-width: 100%;
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0;
      box-sizing: border-box;
   }
   #grid-container .products > [class*="col-xs-6"],
#grid-container .products > .hb-col-xs-6,
#grid-container .hb-row.bx_catalog_list_home > .hb-col-xs-6,
#grid-container .hb-row.bx_catalog_list_home > [class*="col-xs-6"] {
      width: calc(50% - 4px);
      max-width: calc(50% - 4px);
      flex: 0 0 calc(50% - 4px);
      margin-left: 0;
      margin-right: 0;
      padding-left: 2px;
      padding-right: 2px;
      box-sizing: border-box;
   }

   /* --- 2. КНОПКА ПОКУПКИ: лаймовая плашка (без !important —
      специфичность селектора самодостаточна) --- */
   body #grid-container .products .cart .action a.add_to_basket,
   body #grid-container .products .action a.hb-cbtn.add_to_basket,
   body .category-product #grid-container .add_to_basket {
      width: auto;
      min-width: 0;
      max-width: none;
      height: 36px;
      min-height: 36px;
      max-height: 36px;
      padding: 0 10px;
      margin: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex: 1 1 auto;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      float: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: none;
      border-radius: 2px;
      font-size: 12px;
      line-height: 1;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.3px;
      color: #111111;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      text-align: center;
      background: #D7FF00;
   }
   /* убрать иконку-маску корзины, оставить только текст */
   body #grid-container .products .cart .action a.add_to_basket::after,
   body #grid-container .products .action a.hb-cbtn.add_to_basket::after {
      display: none;
      width: 0;
      height: 0;
      background-image: none;
   }

   /* --- 3. ИЗБРАННОЕ В ОДНУ СТРОКУ С КНОПКОЙ --- */
   body #grid-container .products .cart .action,
   body #grid-container .products .action,
   body .category-product #grid-container .action {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between !important;
      gap: 6px !important;
      width: 100%;
      max-width: 100%;
      flex-wrap: nowrap !important;
      margin: 0;
      padding: 0;
   }
   /* Кнопка избранного (сердечко): круг 32px, редизайн каталога */
   body #grid-container .products .cart .action a[class*="wishlist"],
   body #grid-container .products .action a[class*="wishlist"],
   body .category-product #grid-container a[class*="wishlist"],
   body #grid-container .products .cart .action .wishlist {
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex: 0 0 32px;
      width: 32px;
      min-width: 32px;
      max-width: 32px;
      height: 32px;
      min-height: 32px;
      max-height: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      position: absolute;
      top: 8px;
      right: 8px;
      border: none;
      border-radius: 50%;
      background: transparent;
   }
   body #grid-container .products .cart .action a[class*="wishlist"]:hover,
   body #grid-container .products .action a[class*="wishlist"]:hover,
   body .category-product #grid-container a[class*="wishlist"]:hover,
   body #grid-container .products .cart .action .wishlist:hover {
      background: #D7FF00;
      color: #111111;
   }

   /* --- 4. Убрать накопленные боковые padding контейнеров, чтобы
   товары занимали всю полезную ширину контента (каталог 2 колонки
   ~48-50% без боковых зажимов). Проблема: внешний .col-md-9 (pl:15) +
   .search-result-container (pl:15) + .tab-content (pl:15) давали 45px
   до контента, из-за чего #grid-container сидел на left:60, w:255. --- */
   .homepage-container:has(> .sidebar) > .homebanner-holder,
   .search-result-container,
   .hb-tab-content,
   .hb-tab-pane,
   #grid-container {
      padding-left: 15px;
      padding-right: 15px;
      box-sizing: border-box;
   }
   /* компенсировать двойной padding: внутренний .col-md-9 без боковых,
      контентные .search-result-container/.tab-content тоже без боковых
      (padding даёт внешний .col-md-9-homebanner-holder) */
   .homepage-container:has(> .sidebar) > .homebanner-holder,
   .search-result-container,
   .hb-tab-content {
      padding-left: 0;
      padding-right: 0;
   }
}

/* ============================================================
   ФИКС ЛЕВОГО САЙДБАРА: homepage-container из двух колонок без .row
   Включаем flex-раскладку, чтобы sidebar (25%) и контент (75%)
   стояли в ряд, а не друг под другом на всю ширину.
   ВОССТАНОВЛЕНО 29.09.2026: правило пропало из файла (утеряно при
   более ранней правке этой же сессии), из-за чего каталог на десктопе
   (>=992px) вставал в block-раскладку: фильтр + товары друг под другом,
   товары "проваливались" далеко вниз на категориях с длинным фильтром.
   ============================================================ */
@media (min-width: 768px) {
.homepage-container:has(> .sidebar) > .sidebar { box-sizing: border-box; padding: 0 30px 0 0; }
.homepage-container:has(> .sidebar) > .homebanner-holder { box-sizing: border-box; }
}

/* ============================================================
 ФИКС МОБИЛЬНОЙ СЕТКИ КАТАЛОГА (21.08.2026, CODER, задача #44876)
 Проблема: десктопный flex-сайдбар (,
 выше) работал на всех ширинах, прибивая контент-колонку
 / к 75% + float,
 из-за чего каталог уезжал вправо (left:199, w:551 при viewport 375),
 кнопка «ПОДБОР ПАРАМЕТРОВ» резалась слева, карусель тегов уходила
 за край. Теперь на мобилке: контент 100% ширины, смещение обнулено.
 ============================================================ */
@media (max-width: 767px) {
   .search-result-container,
   .hb-tab-content,
   .hb-tab-pane {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      flex: 0 0 100%;
      float: none;
      margin-left: 0 !important;
      margin-right: 0 !important;
      left: 0;
      right: auto;
      transform: none;
      padding-left: 15px !important;
      padding-right: 15px !important;
      box-sizing: border-box;
      order: 0;
   }
.homepage-container:has(> .sidebar) > .sidebar,.homepage-container:has(> .sidebar) > .homebanner-holder { margin-left: 0; margin-right: 0; left: 0; right: auto; transform: none; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
   .homepage-container:has(> .sidebar) > .sidebar {
      padding: 0 15px 15px 15px;
   }
}

/* ============================================================
   ФИНАЛЬНЫЙ МОБИЛЬНЫЙ ФИКС ШИРИНЫ КАРТОЧЕК (21.08.2026, CODER, #44879)
   Добавлен ПОСЛЕ всех блоков, чтобы перебить накопленные боковые
   padding контейнеров (внешний .col-md-9 pl:15 + .search-result-container
   pl:15 + .tab-content pl:15 + .tab-pane pl:15 = 60px до контента).
   Итог: НА мобилке контент каталога занимает всю полезную ширину
   (1 отступ 15px у внешнего .col-md-9), карточки 2 колонки ~48-50%.
   ============================================================ */
@media (max-width: 767px) {
   /* Единственный внешний отступ даёт ВНЕШНИЙ .col-md-9 (15px).
      Все вложенные контейнеры без боковых padding. */
.search-result-container,
.hb-tab-content,
.hb-tab-pane,
#grid-container,
#grid-container .hb-row.bx_catalog_list_home {
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      width: 100%;
      max-width: 100%;
      flex-basis: 100%;
      box-sizing: border-box;
   }
.homepage-container:has(> .sidebar) > .homebanner-holder { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; box-sizing: border-box; }
}

/* ============================================================
   МОБИЛЬНЫЙ ПОПАП КОРЗИНЫ (21.08.2026, CODER, задача #44883)
   При клике «В корзину» BX.PopupWindow открывается шире экрана (w:440
   при viewport 375, right:470) из-за десктопных min-width (620/400/430px).
   На мобилке: окно прижимается к ширине экрана, центрируется, контент
   в 1 колонку, кнопки — компактные тач-плашки 13px/40px.
   ============================================================ */
/* hb-popup-cart: правила попапа корзины перенесены в main.css (единый блок без !important) */
/* ============================================================
   КАТАЛОГ: 3 ТОЧЕЧНЫХ ФИКСА (21.08.2026, CODER, #44887)
   1) Активное избранное (сердечко): синяя заливка + белая иконка.
   2) Скрытие пустого блока тегов + компактные отступы между
      «ПОДБОР ПАРАМЕТРОВ» и сортировкой на мобилке.
   ============================================================ */
@media (max-width: 767px) {
   /* --- 1. Активное состояние сердечка: КНОПКА БЕЛАЯ, ИКОНКА СИНЯЯ #359bed --- */
   /* Уточнённое ТЗ (#44890): квадратная кнопка остаётся белой (серая рамка),
      синим становится ТОЛЬКО само сердечко (иконка). Специфичность выше белого
      базового правила (стр.4163 + 8 классов). */
   body #grid-container .products .cart .action a.hb-cbtn.hb-cbtn.wishlist.desktop-only-wishlist.active,
   body #grid-container .products .cart .action a.hb-cbtn.hb-cbtn.wishlist.active,
   body #grid-container .products .cart .action a.wishlist.desktop-only-wishlist.active,
   body #grid-container .products .cart .action a.wishlist.active,
   body #grid-container .products .cart .action .wishlist.active,
   body #grid-container .products .cart .action .wishlist.selected,
   body #grid-container .products .cart .action .wishlist.in-wishlist {
      background: #ffffff;
      background-color: #ffffff;
      border: 1px solid #e0e0e0;
      border-color: #e0e0e0;
      color: #359bed;
   }
   /* Само сердечко (иконка fa-heart / svg / .fa / .icon) - ярко-синее #359bed */
   body #grid-container .products .cart .action a[class*="wishlist"].active i,
   body #grid-container .products .cart .action a[class*="wishlist"].active svg,
   body #grid-container .products .cart .action a[class*="wishlist"].active .fa,
   body #grid-container .products .cart .action a[class*="wishlist"].active .icon,
   body #grid-container .products .cart .action a[class*="wishlist"].active [class*="heart"],
   body #grid-container .products .cart .action a[class*="wishlist"].selected i,
   body #grid-container .products .cart .action a[class*="wishlist"].selected svg,
   body #grid-container .products .cart .action a[class*="wishlist"].selected .fa,
   body #grid-container .products .cart .action a[class*="wishlist"].in-wishlist i,
   body #grid-container .products .cart .action a[class*="wishlist"].in-wishlist svg,
   body #grid-container .products .cart .action a[class*="wishlist"].in-wishlist .fa,
   body #grid-container .products .cart .action .wishlist.active i,
   body #grid-container .products .cart .action .wishlist.active svg,
   body #grid-container .products .cart .action .wishlist.active .fa,
   body #grid-container .products .cart .action .wishlist.active .icon {
      color: #359bed;
      fill: #359bed;
      stroke: #359bed;
   }

   /* --- 2. Скрыть пустой блок тегов (slider тегов) --- */
      /* Кнопка «ПОДБОР ПАРАМЕТРОВ» — компактный нижний отступ */
   .search-result-container .section-title.mobil-filter,
   .section-title.mobil-filter {
      margin-bottom: 12px;
   }
   /* Отступ сверху у блока сортировки — уменьшить до 8px */
   .search-result-container .sort-wrapper,
   .search-result-container .sort-box,
   .search-result-container .catalog-sort,
   .search-result-container [class*="sort"] {
      margin-top: 8px;
   }
}

/* ============================================================
   КАТАЛОГ: СИММЕТРИЧНЫЙ ОТСТУП СОРТИРОВКИ (#44890 п.2)
   Блок "Сортировать по" строго по центру между чёрной плашкой
   "ПОДБОР ПАРАМЕТРОВ" и горизонтальным сепаратором.
   Пустые теги/слайдеры не добавляют невидимых пикселей.
   ============================================================ */
@media (max-width: 767px) {
   /* Пустой контейнер тегов НЕ занимает места */
      /* Кнопка "ПОДБОР ПАРАМЕТРОВ" - компактный нижний отступ (10px) */
   .search-result-container .section-title.mobil-filter,
   .section-title.mobil-filter {
      margin-bottom: 10px;
   }
   /* Обёртка сортировки: сброс лишних отступов контейнера */
.search-result-container .lbl-cnt,
.search-result-container .filters-container,
.search-result-container .hb-clearfix.filters-container.m-t-10 {
      margin-top: 0;
      margin-bottom: 0;
      padding-top: 0;
      padding-bottom: 0;
      border-bottom: none;
   }
   /* Блок сортировки строго по центру: симметричные отступы сверху/снизу */
   .search-result-container .lbl-cnt {
      padding-top: 12px;
      padding-bottom: 12px;
   }
}
@media (max-width: 767px) {
   body #grid-container a[class*="wishlist"].active,
   body #grid-container a[class*="wishlist"].selected,
   body #grid-container a[class*="wishlist"].in-wishlist {
      background: #ffffff;
      border: 1px solid #e0e0e0 !important;
   }
   body #grid-container a[class*="wishlist"].active i,
   body #grid-container a[class*="wishlist"].active svg,
   body #grid-container a[class*="wishlist"].active .fa,
   body #grid-container a[class*="wishlist"].active [class*="heart"] {
      color: #359bed;
      fill: #359bed;
      stroke: #359bed;
   }
      .section-title.mobil-filter { margin-bottom: 15px !important; }
   .catalog-sort-wrapper, .catalog-sort { margin-top: 15px !important; margin-bottom: 15px !important; }
}

/* ===== #44897: железобетонный фикс (по CDP-диагностике DOM) ===== */
@media (max-width: 767px) {
   /* 1. Теги: скрыть, если нет реальных ссылок/кнопок (NOT :has(a)) */
      /* 2. Сердечко: кнопка белая, иконка СИНЯЯ. FontAwesome рисует через i::before */
   body #grid-container a[class*="wishlist"].active i,
   body #grid-container a[class*="wishlist"].selected i,
   body #grid-container a[class*="wishlist"].in-wishlist i,
   body #grid-container a[class*="wishlist"].active i::before,
   body #grid-container a[class*="wishlist"].selected i::before,
   body #grid-container a[class*="wishlist"].in-wishlist i::before,
   body #grid-container a[class*="wishlist"].active .fa,
   body #grid-container a[class*="wishlist"].active .fa:before,
   body #grid-container a[class*="wishlist"].active [class*="heart"],
   body #grid-container a[class*="wishlist"].active [class*="heart"]::before {
      color: #359bed;
      fill: #359bed;
      stroke: #359bed;
   }
   /* SVG style (если где-то svg/path) */
   body #grid-container a[class*="wishlist"].active svg path,
   body #grid-container a[class*="wishlist"].selected svg path,
   body #grid-container a[class*="wishlist"].in-wishlist svg path {
      fill: #359bed;
      stroke: #359bed;
   }
   /* Псевдоэлементы самой кнопки (на случай font-icon на ::before) */
   body #grid-container a[class*="wishlist"].active::before,
   body #grid-container a[class*="wishlist"].active i::before {
      color: #359bed;
   }
}

/* ФИКС КНОПКИ ИЗБРАННОГО: СИНЯЯ ИКОНКА */
body #grid-container .products .cart .action a[class*="wishlist"]:hover i,
body #grid-container .products .cart .action a[class*="wishlist"]:hover i::before,
body #grid-container .products .cart .action a[class*="wishlist"].active i,
body #grid-container .products .cart .action a[class*="wishlist"].active i::before,
body #grid-container .products .cart .action a[class*="wishlist"].in-wishlist i,
body #grid-container .products .cart .action a[class*="wishlist"].in-wishlist i::before,
body #grid-container .products .cart .action a[class*="wishlist"].selected i,
body #grid-container .products .cart .action a[class*="wishlist"].selected i::before {
 color: #111111;
}

@media (max-width: 767px) {
 /* Жесткое скрытие блока тегов, если в нем нет ссылок */
 
 /* Симметричные отступы */
 
 .catalog-sort-wrapper {
 margin-top: 15px;
 margin-bottom: 15px;
 }
}

/* ФИКС ДЫРЫ В КАТАЛОГЕ: скрыть слайдер SEO-тегов (12 ссылок) на мобильном */

/* ============================================================
 ФИНАЛЬНЫЙ ЖЕЛЕЗОБЕТОННЫЙ ФИКС ДЫРЫ В КАТАЛОГЕ (моб., до 767px).
 Убивает ВСЕ предыдущие display:block!important редизайна и
 компонентного style.css. Максимальная специфичность body+класс.
 ============================================================ */

/* ============================================================
 ФИНАЛ-2: ЖЁСТКОЕ СКРЫТИЕ СЛАЙДЕРА ТЕГОВ (дыра) НА МОБИЛЬНОМ.
 Побеждает редизайн 18.08 (display:block!important) и компонентный
 style.css (body .product-sorting {display:block;margin:15px}) за счёт
 МАКСИМАЛЬНОЙ специфичности и !important на все свойства.
 ============================================================ */

/* ============================================================
 ФИНАЛЬНЫЙ ФИКС: ОТСТУПЫ МОБИЛКИ И СЕТКА ПЛАНШЕТА
 ============================================================ */

/* 1. МОБИЛЬНЫЕ ОТСТУПЫ (ИДЕАЛЬНЫЙ БАЛАНС, КОТОРЫЙ РАБОТАЛ) */
@media (max-width: 767px) {
 .section-title.mobil-filter {
   margin-bottom: 0;
 }
 .homepage-container > .homebanner-holder { margin-top: -25px; }
 
 #grid-container, .hb-tab-content, .products { margin-top: 0 !important; }
}

/* 2. ПЛАНШЕТЫ (768px - 1366px): 3 КОЛОНКИ + МЕНЮ + ПРОЗРАЧНЫЙ ФИЛЬТР */

/* ============================================================
 ЯДЕРНЫЙ ФИКС СЕТКИ: ПОЛНОЕ ОСВОБОЖДЕНИЕ ОТ BOOTSTRAP
 ============================================================ */
body .bx_catalog_list_home.hb-row {
 display: flex !important;
 flex-wrap: wrap !important;
 margin-left: -10px !important;
 margin-right: -10px !important;
}

/* ============================================================
 ФИКС: КОНТЕЙНЕР КАТАЛОГА НА ВСЮ ШИРИНУ (ОТМЕНА BOOTSTRAP MAX-WIDTH)
 Bootstrap .container имеет фиксированную ширину (750/970/1170px),
 из-за чего на широких экранах остаётся пустое поле справа.
 Растягиваем контейнер каталога на 100% с отступами по бокам.
 ============================================================ */
/* ============================================================
 ФИКС: ПОКАЗ ФИЛЬТРОВ НА ПЛАНШЕТЕ (отмена Bootstrap .hidden-sm)
 #mobile-filter-body скрыт Bootstrap-классом hidden-sm-filter.
 На ширинах от 768px фильтры всегда развёрнуты.
 ============================================================ */
@media (min-width: 992px) {
 #mobile-filter-body.hidden-sm-filter {
 display: block;
 height: auto;
 }
}

/* ============================================================
 ФИКС: КНОПКА "ПОДБОР ПАРАМЕТРОВ" НА МОБИЛЬНЫХ (<768px)
 #mobile-filter-body был полностью скрыт (display:none), из-за
 чего кнопка-заголовок .mobil-filter внутри него тоже была
 недоступна — замкнутый круг. Делаем контейнер видимым, а форму
 фильтров внутри него схлопываем по умолчанию: кнопка снова
 кликабельна и раскрывает/закрывает фильтры через JS (height:toggle).
 ============================================================ */
@media (max-width: 991px) {
 #mobile-filter-body.hidden-sm-filter {
 display: block;
 height: auto;
 overflow: visible;
 }
 #mobile-filter-body.hidden-sm-filter .bx_filter_title_row {
 height: auto;
 overflow: visible;
 }
 #mobile-filter-body.hidden-sm-filter form.smartfilter {
 display: none;
 }
}

/* ============================================================
 ФИКС: СКРЫТЬ КНОПКУ "ПОДБОР ПАРАМЕТРОВ" НА ПЛАНШЕТЕ/ДЕСКТОПЕ
 Фильтры теперь всегда развёрнуты от 768px (см. фикс выше),
 поэтому кнопка-заголовок больше не нужна на этих ширинах.
 ============================================================ */
@media (min-width: 992px) {
 h3.section-title.mobil-filter {
 display: none;
 }
}
/* ============================================================
 ФИКС: КНОПКА "ИЗБРАННОЕ" НА ДЕТАЛЬНОЙ СТРАНИЦЕ (МОБИЛЬНАЯ)
 Приводим .favorite-button-inline к тому же визуальному стилю,
 что и .wishlist в каталоге: белый фон, серая рамка, синий hover,
 и та же высота, что у соседней кнопки "Купить" (40px).
 ============================================================ */
.favorite-button-inline .hb-cbtn.hb-cbtn.wishlist {
 background: #fff;
 border: 1px solid #ccc;
 border-radius: 0;
 height: 38px;
 width: 38px;
 padding: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 box-sizing: border-box;
 overflow: hidden;
}
.favorite-button-inline .hb-cbtn.hb-cbtn.wishlist .detail_strong {
 display: none;
}
.favorite-button-inline .hb-cbtn.hb-cbtn.wishlist i.fa-heart {
 color: #999;
 font-size: 16px;
 margin: 0;
}
.favorite-button-inline .hb-cbtn.hb-cbtn.wishlist:hover i.fa-heart,
.favorite-button-inline .hb-cbtn.hb-cbtn.wishlist:active i.fa-heart,
.favorite-button-inline .hb-cbtn.hb-cbtn.wishlist:hover i.fa-heart::before,
.favorite-button-inline .hb-cbtn.hb-cbtn.wishlist:active i.fa-heart::before {
 color: #111111 !important;
}

/* ============================================================
 ФИКС: БЛОК ЦЕНЫ/КНОПОК НА ДЕТАЛЬНОЙ СТРАНИЦЕ РАСТЯГИВАЕТСЯ НА 100% (МОБИЛКА)
 .basket-button-table использует табличную раскладку и по умолчанию
 сжимается по содержимому вместо растяжения на всю ширину родителя,
 из-за чего справа остаётся пустое поле.
 ============================================================ */
@media (max-width: 767px) {
 .basket-button-table {
 width: 100%;
 display: table;
 }
 .quantity-container,
.quantity-container .rowwii,
.quantity-container .hb-row {
 width: 100% !important;
 }
}

/* ============================================================
   ФИКС: КРОСС-БРАУЗЕРНАЯ РАЗЪЕЗЖАЮЩАЯСЯ РАСКЛАДКА "КОЛИЧЕСТВО/КУПИТЬ/ИЗБРАННОЕ"
   .forFlex использовал устаревший display:-webkit-box (2009, без box-orient),
   а .basket-button-table — display:table со смешанными потомками (часть
   table-cell, часть обычные block-элементы). Алгоритм авто-раскладки таблиц
   для такой смеси реализован по-разному в WebKit (Safari/iPhone) и Chromium
   (Android/Honor) — отсюда визуальные расхождения между устройствами.
   Заменяем на один явный, предсказуемый flex-ряд.
   ============================================================ */
.forFlex {
   display: block !important;
   width: 100% !important;
}
.basket-button-table {
   display: flex;
   align-items: center;
   flex-wrap: nowrap;
   gap: 8px;
   width: 100%;
   box-sizing: border-box;
}
.basket-button-table .cart-quantity {
   flex: 0 0 auto;
}
.basket-button-table .basket-button-table-top {
   display: flex;
   flex: 1 1 auto;
}
.basket-button-table .basket-button-table-top .hb-cbtn,
.basket-button-table .basket-button-table-top .hb-button {
   width: auto;
}
.basket-button-table .favorite-button-inline {
   flex: 0 0 auto;
}

/* ============================================================
   ФИКС: РАЗДЕЛИТЕЛЬ МЕЖДУ ЗОНОЙ ЦЕНЫ/ДЕЙСТВИЙ И ЗОНОЙ ДОСТАВКИ
   Строка-разделитель (clear:both, border-top) в template.php
   раньше "проваливалась" сразу после иконок соцсетей вплотную —
   выглядело как случайный карандашный штрих. Даём ей нормальные
   отступы сверху/снизу, чтобы разделение читалось как задумано.
   ============================================================ */
.product-info > div[style*="border-top"] {
   margin: 20px 0 24px 0 !important;
   border-top: 1px solid #e8e8e8 !important;
}

/* ============================================================
   ФИКС-2: РАЗДЕЛИТЕЛЬ .price-container ПРИЛИПАЛ К ИКОНКАМ СОЦСЕТЕЙ
   Реальный источник линии — border-bottom самого .price-container
   (main.css:4065-4070) с margin-bottom:0 и padding:0, из-за чего
   граница рисовалась вплотную под share-иконками. Даём воздух.
   ============================================================ */
.single-product .product-info .price-container {
   margin-bottom: 20px;
   padding-bottom: 16px;
}

/* ============================================================
   ФИКС: БОЛЬШОЙ ОТСТУП ПЕРЕД КНОПКОЙ "ЗАГРУЗИТЬ ЕЩЁ"
   У .beman-grid-item margin-bottom:90px (защита от наплыва панели
   "В корзину" при hover). У последнего ряда товаров перед кнопкой
   "Загрузить ещё" это создаёт неоправданно большой зазор. Уменьшаем
   отступ именно у обёртки .lazy-wrap сверху и снизу компактнее.
   ============================================================ */
.lazy-wrap {
   position: relative;
   z-index: 1;
   margin-top: -40px;
   margin-bottom: 20px;
}

/* Наведённая карточка должна иметь СПЛОШНОЙ фон на всей увеличенной
   области — тогда она перекрывает всё под собой (включая кнопку
   "Загрузить ещё"), и большой отступ-буфер не нужен вообще. */
@media (min-width: 992px) {

  /* ============================================================
     СОРТИРОВКА И ПЕРЕКЛЮЧАТЕЛЬ ВИДА (каталог, десктоп)
     ============================================================ */
  .filters-container {
    padding: 0;
    margin-bottom: 24px;
  }
  .filters-container .hb-nav-tabs.nav-tab-box {
    display: flex;
    gap: 4px;
    margin-top: 0;
  }
  .filters-container .hb-nav-tabs.nav-tab-box li {
    margin-right: 0;
  }
  .filters-container .hb-nav-tabs.nav-tab-box li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: #fff;
    border: 1px solid #D0D0D2;
    border-radius: 4px;
    color: #666;
  }
  .filters-container .hb-nav-tabs.nav-tab-box li a .icon {
    margin-right: 0;
    color: inherit;
  }
  .filters-container .hb-nav-tabs.nav-tab-box li.active a {
    background: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff;
  }
  .filters-container .hb-nav-tabs.nav-tab-box li.active a .icon {
    color: #fff;
  }
  /* Прячем текстовые подписи "Плиткой"/"Списком" — остаются только иконки, как в эскизе */
  .filters-container .hb-nav-tabs.nav-tab-box li a {
    font-size: 0;
  }
  .filters-container .hb-nav-tabs.nav-tab-box li a .icon {
    font-size: 15px;
  }

  .filters-container .lbl-cnt .lbl {
    font-size: 13px;
    color: #666;
  }
  .filters-container .lbl-cnt .hb-dropdown.dropdown-med .hb-cbtn,
.filters-container .lbl-cnt .hb-dropdown.dropdown-med .hb-button {
    border: 1px solid #E3E3E0;
    border-radius: 4px;
    height: 42px;
    min-width: 180px;
    padding: 0 14px;
    background: #fff;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    color: #1a1a1a;
  }

  /* --- Слайдер цены: плоский современный вид вместо skeuomorphic-градиентов --- */
  .bx_filter .bx_ui_slider_track {
    height: 3px;
    margin: 20px 10px 30px;
    border: none;
    background: #E4E4E6;
    box-shadow: none;
  }
  .bx_filter .bx_ui_slider_part {
    width: 1px;
    height: 6px;
    top: -1px;
    background: #D0D0D2;
  }
  .bx_filter .bx_ui_slider_part span {
    font-size: 11px;
    font-weight: 400;
    color: #999;
    top: 12px;
  }
  .bx_filter .bx_ui_slider_part.p2 span,
  .bx_filter .bx_ui_slider_part.p3 span,
  .bx_filter .bx_ui_slider_part.p4 span {
    color: #999;
  }
  .bx_filter .bx_ui_slider_pricebar_VD,
  .bx_filter .bx_ui_slider_pricebar_VN {
    border: none;
    background: #E4E4E6;
    box-shadow: none;
  }
  .bx_filter .bx_ui_slider_pricebar_V {
    background: #1a1a1a;
  }
  .bx_filter .bx_ui_slider_handle {
    width: 14px;
    height: 14px;
  }
  .bx_filter .bx_ui_slider_handle.left,
  .bx_filter .bx_ui_slider_handle.right {
    width: 16px;
    height: 16px;
    margin-top: -7px;
    border: none;
    border-radius: 50%;
    background-color: #1a1a1a;
    background-image: none;
    box-shadow: none;
  }

  /* --- Поля ввода "от"/"до" цены: шире, прямоугольные, серый плейсхолдер --- */
  .bx_filter .bx_filter_parameters_box_container_block {
    width: 48%;
  }
  body .bx_filter .bx_filter_parameters_box_container .bx_filter_input_container input {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #E3E3E0;
    background: #ffffff;
    border-radius: 4px;
    font-size: 14px;
    padding: 0 12px;
    height: 42px;
  }
  .bx_filter .bx_filter_input_container input::placeholder {
    color: #999;
  }

  /* --- Заголовок "ФИЛЬТРЫ" теперь внутри серой зоны --- */
  .bx_filter_title_row {
    padding: 0;
    margin-bottom: 8px;
  }

  #grid-container .catalog-grid__item:hover,
  #grid-container .catalog-grid__item .products:hover {
    background: #fff;
  }
}

/* ============================================================
   КАТАЛОГ: СЕТКА ТОВАРОВ v2 (чистый CSS Grid, без Bootstrap)
   !important обязателен — родитель .bx_catalog_list_home.row
   имеет старое правило display:flex!important, которое иначе
   перебивает наш display:grid.
   ============================================================ */

#grid-container .catalog-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 10px;
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  #grid-container .catalog-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px 20px !important;
  }
}

@media (min-width: 1367px) {
  #grid-container .catalog-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

#grid-container .catalog-grid__item {
  min-width: 0;
  box-sizing: border-box;
}

/* Убираем Bootstrap clearfix (::before/::after) из сетки Grid —
   в Grid-контексте псевдоэлементы становятся отдельными ячейками
   и создают пустой "сдвиг" перед первым товаром */
#grid-container .catalog-grid::before,
#grid-container .catalog-grid::after {
  display: none;
}

@media (min-width: 992px) {
  #grid-container .catalog-grid__item {
    position: relative;
  }
  #grid-container .catalog-grid__item:hover {
    z-index: 999;
  }
  #grid-container .catalog-grid__item .products:hover {
    padding-bottom: 0;
    margin-bottom: 0;
    z-index: 999;
  }
}

/* ============================================================
   ФОТО ТОВАРА ДОЛЖНО ВСЕГДА ОСТАВАТЬСЯ В ГРАНИЦАХ СВОЕГО БЛОКА
   Разные пропорции фото (галстук 3:4, бабочка 4:3) заставляли
   изображение выходить за пределы .product-image по разным
   сторонам. Обрезаем строго по рамке — надёжно для любых пропорций.
   ============================================================ */
#grid-container .catalog-grid__item .product-image {
  overflow: hidden;
  position: relative;
  padding: 6px;
  box-sizing: border-box;
}
#grid-container .catalog-grid__item .product-image .image {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

/* ============================================================
   РЕФАКТОРИНГ ДЕТАЛЬНОЙ СТРАНИЦЫ ТОВАРА — ШАГ 1: ВНЕШНИЙ БЛОК
   Заменяет Bootstrap .row > col-xs-12 col-sm-6 col-md-5 (галерея) +
   col-xs-12 col-sm-6 col-md-7 (инфопанель) на чистый Flexbox.
   Мобильный: одна колонка. От 768px: фото слева (~42%), инфо справа.
   ============================================================ */
.single-product .product-detail-grid {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.single-product .product-detail-grid .gallery-holder,
.single-product .product-detail-grid .product-info-block {
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .single-product .product-detail-grid {
    display: flex;
    align-items: flex-start;
    gap: 30px;
  }
  .single-product .product-detail-grid .gallery-holder {
    flex: 0 0 42%;
    max-width: 42%;
  }
  .single-product .product-detail-grid .product-info-block {
    flex: 1 1 auto;
    min-width: 0;
  }
}

/* ============================================================
   ДЕТАЛЬНАЯ СТРАНИЦА: ВЫРАВНИВАНИЕ ВЫСОТЫ ПОЛЯ КОЛИЧЕСТВА
   Поле ввода количества (.quant-input input) по умолчанию 35px —
   ниже соседних кнопок "Купить" (38px) и "Избранное" (38px).
   !important обоснован: перебивает конкретное конфликтующее
   правило высоты инпута, унаследованное из общих стилей формы.
   ============================================================ */
.single-product .quant-input input[type="text"] {
  height: 44px;
  box-sizing: border-box;
}

/* ============================================================
   ДЕТАЛЬНАЯ СТРАНИЦА: ОБЁРТКИ ПОЛЯ КОЛИЧЕСТВА (35px) НЕ ПОДСТРАИВАЛИСЬ
   ПОД ВЫСОТУ INPUT (38px) — инпут вылезал на 3px ниже родителя,
   из-за чего выравнивание строки шло по родителю (35px), а не по
   реальной высоте инпута. Выравниваем все обёртки под ту же высоту.
   ============================================================ */
.single-product .cart-quantity,
.single-product .quant-input,
.single-product .arrows {
  height: 44px !important;
  box-sizing: border-box !important;
}

/* ============================================================
   БЛОКИ "ПОХОЖИЕ ТОВАРЫ" / "С ЭТИМ ТОВАРОМ ПОКУПАЮТ" (owl-carousel)
   Компактнее, без гигантского min-height и с рабочими кнопками
   "Подробнее" + "Избранное" (было: только цена, без кнопок).
   ============================================================ */

/* Убираем раздутую фиксированную минимальную высоту обёртки owl-carousel */
.featured-product.compact-similar .owl-wrapper {
  min-height: auto;
}

.compact-similar .section-title {
  font-size: 18px;
  margin-bottom: 15px;
}

.upsell-product .product-info {
  padding: 8px 4px 0;
}

.upsell-product .product-price .price {
  font-size: 15px;
}

/* Ряд кнопок под ценой */
.upsell-product .cart .action ul.list-unstyled,
.upsell-product .cart .action ul.hb-list-unstyled {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}

.upsell-product .cart .action .add-cart-button {
  flex: 1 1 auto;
  min-width: 0;
}

.upsell-product .cart .action .add-cart-button .hb-cbtn,
.upsell-product .cart .action .add-cart-button .hb-button {
  display: block;
  width: 100%;
  background: #3498db;
  border: 1px solid #3498db;
  border-radius: 0;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  padding: 0 12px;
  height: 36px;
  line-height: 34px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

.upsell-product .cart .action .add-cart-button .hb-cbtn:hover,
.upsell-product .cart .action .add-cart-button .hb-button:hover {
  background: #2683c4;
  border-color: #2683c4;
  color: #fff;
}

.upsell-product .cart .action .lnk.wishlist {
  flex: 0 0 36px;
}

.upsell-product .cart .action a.hb-cbtn.hb-cbtn.wishlist {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  box-sizing: border-box;
}

.upsell-product .cart .action a.hb-cbtn.hb-cbtn.wishlist i.fa-heart {
  color: #999;
  font-size: 14px;
}

.upsell-product .cart .action a.hb-cbtn.hb-cbtn.wishlist:hover {
  background: #111111;
  border-color: #111111;
}

.upsell-product .cart .action a.hb-cbtn.hb-cbtn.wishlist:hover i.fa-heart {
  color: #fff;
}

/* ============================================================
   ФИКС: .wishlist В КАРУСЕЛИ "ПОХОЖИЕ ТОВАРЫ"/"С ЭТИМ ТОВАРОМ"
   Улетал наверх карточки — где-то в основном CSS есть глобальное
   правило вида ".wishlist { position: absolute; top: ... }" (не
   scoped под #grid-container), которое перебивало нашу раскладку.
   Форсируем статичное позиционирование именно в этом блоке.
   ============================================================ */
.upsell-product:not(.compact-similar *) .cart .action .lnk.wishlist,
.upsell-product:not(.compact-similar *) .cart .action a.hb-cbtn.hb-cbtn.wishlist {
  position: static;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  float: none;
}

.upsell-product .cart .action ul.hb-list-unstyled {
    display: flex;
    gap: 8px;
}

/* ============================================================
   Точечные фиксы кнопок карусели upsell-product.
   Источник конфликта найден в main.css:
   - ".product .cart .action ul li.lnk { margin: 10px 0; }" (строка ~3040)
   - ".product .cart .action ul li { float: left; }" (строка ~3030)
   Побеждаем через специфичность селектора (без !important),
   т.к. у нас общее число классов/элементов выше, чем у main.css.
   ============================================================ */
.upsell-product .cart .action ul.list-unstyled > li,
.upsell-product .cart .action ul.hb-list-unstyled > li {
  float: none;
  margin: 0;
  padding: 0;
}

.upsell-product .cart .action ul.hb-list-unstyled > li.lnk.wishlist {
  margin: 0;
  border-right: none;
}

.upsell-product .cart .action ul.hb-list-unstyled > li.add-cart-button {
  flex: 1 1 auto;
  min-width: 0;
}

.upsell-product .cart .action ul.hb-list-unstyled > li.lnk.wishlist a.hb-cbtn.hb-cbtn.wishlist {
  border-radius: 0;
  width: 36px;
  height: 36px;
  padding: 0;
}

/* Кнопка "Подробнее" — убираем "дешёвый" вид: чуть крупнее текст,
   разрядка букв, плавный hover вместо резкого */
.upsell-product .cart .action ul.list-unstyled > li.add-cart-button .hb-cbtn,
.upsell-product .cart .action ul.hb-list-unstyled > li.add-cart-button .hb-cbtn,
.upsell-product .cart .action ul.hb-list-unstyled > li.add-cart-button .hb-button {
  font-size: 13px;
  letter-spacing: 0.4px;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* Радиус и высота сердечка/"Подробнее" в карусели не поддавались
   через чистую специфичность (проверено дважды по скриншотам) —
   фиксируем точечно через !important только эти 2 свойства. */
.upsell-product .cart .action a.hb-cbtn.hb-cbtn.wishlist {
  border-radius: 0;
  height: 36px;
}
.upsell-product .cart .action li.add-cart-button .hb-cbtn,
.upsell-product .cart .action li.add-cart-button .hb-button {
  height: 36px;
}

/* Ограничиваем ширину карточки в карусели upsell-product, чтобы
   при малом числе колонок (например 4 в ряд на широком экране)
   товар не растягивался на всю ширину колонки, и центрируем
   содержимое (картинку/цену/кнопки) внутри отведённого места. */
.upsell-product .item.item-carousel {
  max-width: 220px;
  margin: 0 auto;
}
.upsell-product .product-image .image {
  max-width: 220px;
  margin: 0 auto;
}
.upsell-product .product-info,
.upsell-product .cart .action {
  text-align: center;
}
.upsell-product .cart .action ul.hb-list-unstyled {
  max-width: 160px;
  margin-left: auto;
  margin-right: auto;
}

/* ============================================================
   ОГРАНИЧЕНИЕ РАЗМЕРА ГЛАВНОГО ФОТО НА ШИРОКИХ ДЕСКТОПАХ
   42% от очень широкого контейнера (1600px+) даёт гигантское
   фото и ломает карусель миниатюр под ним. Начиная с 1200px
   фиксируем колонку галереи разумной шириной в px вместо %.
   ============================================================ */
@media (min-width: 1200px) {
  .single-product .product-detail-grid .gallery-holder {
    flex: 0 0 480px;
    max-width: 480px;
  }
}

/* ============================================================
   Стрелка "назад" у карусели миниатюр под главным фото уезжала
   за левый край экрана — библиотечный owl-carousel по умолчанию
   смещает её отрицательным left (расчёт на широкую галерею).
   Теперь колонка галереи уже (см. фикс "ОГРАНИЧЕНИЕ РАЗМЕРА
   ГЛАВНОГО ФОТО"), поэтому фиксируем стрелки внутри отведённого
   через padding: 0 40px поля.
   ============================================================ */
.bx-no-touch .gallery-holder .bx_item_slider .bx_slider_conteiner.full,
.gallery-holder .bx_item_slider .bx_slider_conteiner.full {
  position: relative;
  margin-top: 15px;
  margin-left: 0;
  padding: 0 32px;
  box-sizing: border-box;
}
.gallery-holder .bx_slide_left,
.gallery-holder .bx_slide_right {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  z-index: 5;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
}
.gallery-holder .bx_slide_left {
  left: 4px;
}
.gallery-holder .bx_slide_right {
  right: 4px;
}

/* ============================================================
   РЕФАКТОРИНГ: ПОЛНОЕ ОСВОБОЖДЕНИЕ ОБЁРТОК ДЕТАЛЬНОЙ СТРАНИЦЫ
   ОТ BOOTSTRAP-СЕТКИ (МОБИЛЬНАЯ ВЕРСИЯ)
   Цепочка .container > .homepage-container > .homebanner-holder >
   .col-xs-12 > .single-product тянула унаследованные Bootstrap
   float/position/padding/margin, создавая асимметричные отступы.
   Единственный источник горизонтального отступа теперь — .container
   (15px с каждой стороны, симметрично). Все обёртки внутри полностью
   сброшены до простого блока на всю ширину.
   ============================================================ */
@media (max-width: 767px) {
  .homepage-container:has(.single-product),
.homebanner-holder:has(.single-product),
.hb-row:has(.single-product),
.hb-col-xs-12:has(.single-product) {
    width: 100%;
    max-width: 100%;
    float: none;
    position: static;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }
}

/* ============================================================
   ФИКС: КАРУСЕЛЬ "РАЗМЕР" (bx_item_detail_size.full) СМЕЩЕНА ВЛЕВО
   Родной style.css компонента задаёт старый Bootstrap-приём
   "bleed": margin-left:-5% + padding:0 5% — откалиброван под
   прежнюю узкую раскладку детальной страницы. После нашего
   рефакторинга контейнера на всю ширину этот приём просто сдвигает
   блок влево без компенсации справа. Обнуляем — тот же селектор,
   тот же порядок каскада (наш файл грузится последним), поэтому
   !important не требуется.
   ============================================================ */
.bx-no-touch .single-product .bx_item_detail_size.full {
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}

/* ============================================================
   ФИКС: СТРЕЛКИ КАРУСЕЛИ "РАЗМЕР" ПОЗИЦИОНИРОВАЛИСЬ В ОБЛАСТИ
   ПАДДИНГА, КОТОРЫЙ МЫ ОБНУЛИЛИ ВЫШЕ (left:-5%/right:-5% ожидали
   зарезервированные 5% с каждой стороны). Возвращаем стрелки
   внутрь контейнера, к самому краю.
   ============================================================ */
.bx-no-touch .single-product .bx_item_detail_size .bx_slide_left {
  left: 0;
}
.bx-no-touch .single-product .bx_item_detail_size .bx_slide_right {
  right: 0;
}

/* ============================================================
   ФИКС: СПИСОК РАЗМЕРОВ НАЕЗЖАЕТ НА СТРЕЛКИ КАРУСЕЛИ
   Стрелки (max-width:11px) стоят у самых краёв контейнера (left:0/
   right:0), а список размеров занимает всю ширину — нужен зазор.
   Добавляем внутренний отступ ровно под ширину стрелки.
   ============================================================ */
.single-product .bx_item_detail_size .bx_size_scroller_container {
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

/* ============================================================
   ФИКС: КАРУСЕЛЬ "РАЗМЕР" ПРИЛИПЛА К БЛОКУ "РАССЧИТАТЬ ДОСТАВКУ"
   ============================================================ */
.single-product .bx_item_detail_size.full {
  margin-bottom: 20px;
}

/* ============================================================
   РЕДИЗАЙН: "ВЫБЕРИТЕ РАЗМЕР" — КАРУСЕЛЬ → FLEX-ПЛИТКИ (PILLS)
   Правит .bx_item_detail_size (текстовые SKU-свойства, "Размер").
   НЕ трогает .bx_item_detail_scu (картинки-свотчи "Оттенок") —
   у этого товара блок скрыт, но класс нужен для других товаров.
   !important на width/margin у li/ul обоснован: их значения задаёт
   инлайн-стиль напрямую из PHP-компонента Bitrix, а инлайн бьёт
   любой внешний CSS без !important независимо от специфичности.
   ============================================================ */

/* 1. Убираем стрелки прокрутки полностью */
.single-product .bx_item_detail_size .bx_slide_left,
.single-product .bx_item_detail_size .bx_slide_right {
  display: none !important;
}

/* 2. Снимаем ограничения контейнеров-каруселей */
.single-product .bx_item_detail_size .bx_size_scroller_container {
  overflow: visible;
  padding-left: 0;
  padding-right: 0;
}
.single-product .bx_item_detail_size .bx_size {
  overflow: visible;
  width: auto;
}
.single-product .bx_item_detail_size ul {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
  width: auto !important;
  margin-left: 0 !important;
  white-space: normal;
  padding: 0;
}

/* 3. Сброс float/ширины у li — плитки вместо каруселей */
.single-product .bx_item_detail_size ul li {
  position: static;
  float: none !important;
  width: auto !important;
  height: auto;
  margin: 0;
}

/* 4. Дизайн плитки */
.single-product .bx_item_detail_size ul li .cnt {
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  min-height: 38px;
  padding: 8px 14px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  color: #333333;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

/* 5. Активное состояние и hover — фирменный синий, одинаковые
   padding/border-width, чтобы плитка не "прыгала" при наведении */
.single-product .bx_item_detail_size ul li:hover .cnt,
.single-product .bx_item_detail_size ul li.bx_active .cnt {
  background: #3988d3;
  border-color: #3988d3;
  color: #ffffff;
}

/* Пустой <i> из старой карусели больше не нужен для плиток */
.single-product .bx_item_detail_size ul li > i {
  display: none;
}

/* ============================================================
   ФИКС: ПЛИТКИ "РАЗМЕР" НА МОБИЛЬНОЙ ВЕРСИИ РАСТЯГИВАЮТСЯ НА ВСЮ
   ШИРИНУ (без пустого места справа). Flex-wrap с шириной по
   контенту оставлял неровные ряды — на мобилке переключаем на
   CSS Grid с 3 равными колонками, заполняющими всю ширину.
   ============================================================ */
@media (max-width: 767px) {
  .single-product .bx_item_detail_size ul {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .single-product .bx_item_detail_size ul li {
    width: 100% !important;
  }
  .single-product .bx_item_detail_size ul li .cnt {
    width: 100%;
  }
}

/* ============================================================
   РЕДИЗАЙН: "РАЗМЕР КОЛЬЦА" В КАРТОЧКАХ КАТАЛОГА — КАРУСЕЛЬ → PILLS
   Аналогично фиксу на детальной странице: старая карусельная
   геометрия (.bx_catalog_list_home .bx_item_detail_size) была
   откалибрована под старую Bootstrap-раскладку карточки и ломалась
   после рефакторинга сетки каталога на CSS Grid — текст обрывался.
   !important на width/margin у li/ul обоснован инлайн-стилями,
   которые задаёт PHP-компонент напрямую в разметке.
   ============================================================ */

/* 1. Стрелки прокрутки: скрыты на touch-устройствах (там свайп и так понятен
   по инерции скролла), но видны компактной кнопкой на десктопе, чтобы было
   ясно, что список можно прокручивать */
.bx-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_left,
.bx-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_right {
  display: none !important;
}
.bx-no-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_left,
.bx-no-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_right {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  position: static;
  flex-shrink: 0;
  width: 16px;
  max-width: none;
  height: 20px;
  background: #f4f4f4;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  cursor: pointer;
  color: #666;
  font-size: 10px;
  line-height: normal;
}
.bx-no-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_left::before {
  content: "\2039";
}
.bx-no-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_right::before {
  content: "\203a";
}
.bx-no-touch .bx_catalog_list_home .bx_item_detail_size .bx_size_scroller_container {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
}
/* В разметке порядок: [плитки][стрелка-влево][стрелка-вправо] —
   визуально переставляем левую стрелку в начало строки через order,
   не трогая PHP-разметку компонента. */
.bx-no-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_left {
  order: -1;
}

/* 2. Снимаем ограничения контейнеров */
.bx_catalog_list_home .bx_item_detail_size .bx_size_scroller_container {
  overflow: visible;
}
.bx_catalog_list_home .bx_item_detail_size .bx_size {
  overflow: visible;
  width: auto;
  min-width: 0;
  flex: 1;
}
.bx-no-touch .bx_catalog_list_home .bx_item_detail_size .bx_size {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
}
.bx_catalog_item_container .bx_scu_full_width {
  width: 100%;
}
.bx_catalog_item_container .bx_catalog_item_scu {
  box-sizing: border-box;
  grid-column: 1 / -1;
}
.bx_catalog_list_home .bx_item_detail_size ul {
  display: flex !important;
  flex-wrap: nowrap;
  gap: 4px;
  width: auto !important;
  margin-left: 0 !important;
  white-space: normal;
  padding: 0;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-snap-type: x mandatory;
  -webkit-mask-image: linear-gradient(to right, black 88%, transparent 100%);
  mask-image: linear-gradient(to right, black 88%, transparent 100%);
}
.bx_catalog_list_home .bx_item_detail_size ul li {
  scroll-snap-align: start;
}
.bx_catalog_list_home .bx_item_detail_size ul::-webkit-scrollbar {
  display: none;
}

/* 3. Сброс float/ширины у li — компактные плитки */
.bx_catalog_list_home .bx_item_detail_size ul li {
  position: relative;
  float: none !important;
  width: auto !important;
  height: auto;
  margin: 0;
  flex-shrink: 0;
}

/* 4. Дизайн плитки (компактнее, чем на детальной — карточка узкая) */
.bx_catalog_list_home .bx_item_detail_size ul li .cnt {
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  min-height: 22px;
  padding: 2px 5px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  color: #333333;
  font-size: 10px;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

/* 5. Активное состояние и hover — фирменный синий */
.bx_catalog_list_home .bx_item_detail_size ul li:hover .cnt,
.bx_catalog_list_home .bx_item_detail_size ul li.bx_active .cnt {
  background: #3988d3;
  border-color: #3988d3;
  color: #ffffff;
}

/* Заголовок ("Размер кольца") скрыт в узкой карточке каталога — экономим место */
.bx_catalog_list_home .bx_item_detail_size .bx_item_section_name_gray {
  display: none;
}

/* Пустой <i> больше не нужен */
.bx_catalog_list_home .bx_item_detail_size ul li > i {
  display: none;
}

/* ============================================================
   ФИКС: .bx_item_detail_size.full В КАТАЛОГЕ УНАСЛЕДОВАЛ СТАРЫЙ
   BOOTSTRAP-ОТСТУП margin-left:-5%/padding:0 5% ИЗ ГОЛОГО ПРАВИЛА
   .bx_item_detail_size.full (без контекста), которое применяется
   ВЕЗДЕ. Мы уже нейтрализовали это для .single-product (детальная
   страница) ранее — делаем то же самое для .bx_catalog_list_home
   (карточки каталога), чтобы блок размеров растягивался на всю
   доступную ширину и совпадал по краям с кнопками.
   ============================================================ */
.bx_catalog_list_home .bx_item_detail_size.full {
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}

/* ============================================================
   ИСПРАВЛЕНО: реальный элемент .bx_catalog_item_scu НЕ является
   потомком .bx_catalog_item_container (проверено через панель
   Styles в DevTools — все предыдущие попытки через этот селектор
   были no-op). Он лежит внутри .action (display:grid) и по
   умолчанию встаёт как grid auto-placement элемент в 1-ю колонку.
   Явно растягиваем на весь grid.
   ============================================================ */
.products .bx_catalog_item_scu {
  width: 100%;
  box-sizing: border-box;
  margin: 5px 0;
}
.bx-no-touch .products .bx_catalog_item_scu {
  grid-column: 1 / -1;
  order: -1;
}

/* ============================================================
   ФИКС: СТРЕЛКИ ВСЕГДА АКТИВНЫ (каталог, размеры)
   Родной JS Bitrix (RowLeft/RowRight, старая карусель на
   margin-left) инлайн-стилем ставит opacity:0.2/cursor:default,
   когда считает прокрутку невозможной — эта логика заточена под
   старый механизм и не подходит нашему overflow-x:auto скроллу.
   !important обоснован: перебивает инлайн-стиль, который иначе
   не победить.
   ============================================================ */
.bx-no-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_left,
.bx-no-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_right {
  opacity: 1 !important;
  cursor: pointer !important;
}

/* ============================================================
   ФИКС: БЛОК РАЗМЕРОВ ВЫЛЕЗАЕТ ЗА ГРАНИЦЫ КАРТОЧКИ НА МОБИЛЬНОЙ
   ВЕРСИИ (grid-column:1/-1 у .bx_catalog_item_scu ведёт себя
   непредсказуемо в разных сетках .action на разных ширинах).
   Обрезаем переполнение на уровне САМОЙ КАРТОЧКИ (безопасный,
   стабильный контейнер) — так внутренний блок не может визуально
   выйти за пределы карточки, независимо от вложенных grid-квирков.
   ============================================================ */

/* ============================================================
   ФИКС: БЛОК РАЗМЕРОВ ВЫЛЕЗАЕТ ЗА КРАЙ КАРТОЧКИ НА МОБИЛЬНОЙ
   ВЕРСИИ. Только overflow:hidden, без изменения width/max-width
   (в прошлый раз их сочетание давало схлопывание в 0).
   ============================================================ */
@media (max-width: 767px) {
  /* .action на мобилке — flex-контейнер с flex-wrap:nowrap (в отличие
     от десктопа, где это grid). Из-за nowrap третий элемент (блок
     размеров) не может перенестись на новую строку — либо схлопывался
     в 0, либо вылезал за границы. Разрешаем перенос и явно требуем
     от блока размеров занять всю строку целиком. */
  body #grid-container .products .cart .action,
  body #grid-container .products .action,
  body .category-product #grid-container .action {
    flex-wrap: wrap !important;
  }
  .products .bx_catalog_item_scu {
    flex-basis: 100%;
    width: 100%;
    order: -1;
  }
}

/* ============================================================
   ПЛАНШЕТ (768-991px): БЛОК РАЗМЕРОВ ВСЕГДА ВИДЕН, БЕЗ HOVER
   На этом диапазоне .action уже grid (как на десктопе), но
   раскрытие по :hover работает только для .bx-no-touch (мышь) —
   планшет (touch) никогда не получает visibility:visible.
   Делаем размеры всегда видимыми и растягиваем на всю ширину
   grid, аналогично десктопному фиксу, но без привязки к .bx-no-touch.
   ============================================================ */
@media (min-width: 768px) and (max-width: 991px) {
  /* Кнопки "В корзину"/"Избранное" (.cart) на всём диапазоне min-width:768px
     скрыты (opacity:0) и показываются только по :hover (main.css) — это и
     есть десктопный "эффект расширения карточки". На планшете (без мыши)
     это работает криво (первый тап = hover, второй = переход по ссылке).
     Делаем кнопки всегда видимыми на планшете, оставляя hover-эффект
     нетронутым для настоящего десктопа (min-width:992px). */
  #grid-container .products .product .cart,
  #grid-container .bx_catalog_list_home .products .product .cart {
    opacity: 1;
  }
  .bx_catalog_list_home .bx_catalog_item .bx_catalog_item_scu {
    visibility: visible;
    display: block;
  }
  .products .bx_catalog_item_scu {
    grid-column: 1 / -1;
    order: -1;
  }
}

/* ============================================================
   ФИКС: АРТИКУЛ СДВИГАЕТ ФОТО ВНИЗ НА ПЛАНШЕТЕ (768-1023px)
   .row.mobile__head-title (пустой .col-sm-8 + .col-sm-4 с артикулом)
   никогда не трогался при рефакторинге и на 768px+ включает чистые
   Bootstrap float-колонки — конфликтует с нашим flex .gallery-holder
   (product-detail-grid). Нейтрализуем Bootstrap-поведение конкретно
   для этого блока на планшетном диапазоне.
   ============================================================ */
/* ============================================================
   АРТИКУЛ НА ДЕТАЛЬНОЙ СТРАНИЦЕ: ДВА ЭЛЕМЕНТА В РАЗМЕТКЕ —
   .article-mobile (в gallery-holder, над фото — толкает фото при
   переносе строки на узких планшетах) и .article-desc (в
   product-info-block, рядом с ценой — безопасное место, так и
   выглядит на iPad Pro). Явно используем безопасный вариант на
   всём диапазоне от 768px (планшет и шире), скрывая тот, что
   в галерее.
   ============================================================ */
@media (min-width: 768px) {
  .single-product .mobile__head-title {
    display: none;
  }
  .single-product .article-desc {
    display: block;
  }
}

/* ============================================================
   РЕДИЗАЙН МЕГА-МЕНЮ КАТАЛОГА (ДЕСКТОП)
   Полностью новые классы (catalog-mega-menu__*) — намеренно не
   переиспользуем старые Bootstrap/YAMM классы (.yamm/.mega-menu/
   .dropdown-menu), чтобы не наследовать их легаси-стили и не
   воевать с каскадом. Старый style.css компонента (.bx_vertical_
   menu_advanced) не используется этим шаблоном вообще — не трогаем.
   ============================================================ */

.catalog-mega-menu {
  font-family: 'Manrope', 'Inter', 'Roboto', sans-serif;
}

.catalog-mega-menu__nav {
  position: relative;
}

.catalog-mega-menu__cats {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 280px;
  background: #fff;
}

.catalog-mega-menu__cat-item {
  position: relative;
}

.catalog-mega-menu__cat-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  color: #172033;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: color 150ms ease, background-color 150ms ease;
}

.catalog-mega-menu__cat-link:hover {
  color: #3988d3;
  text-decoration: none;
}

.catalog-mega-menu__cat-item--current > .catalog-mega-menu__cat-link {
  background: #F2F7FC;
  font-weight: 700;
  border-left: 3px solid #3988d3;
  padding-left: 13px;
}

.catalog-mega-menu__cat-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  object-fit: contain;
}

/* Панель фильтров — раскрывается вправо от списка категорий при наведении */
.catalog-mega-menu__panel {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1500;
  min-width: 640px;
  background: #fff;
  border: 1px solid #E5E7EB;
  box-shadow: 0 8px 24px rgba(17, 24, 39, 0.08);
}

.catalog-mega-menu__cat-item--has-panel:hover .catalog-mega-menu__panel {
  display: block;
}

.catalog-mega-menu__panel-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 0 40px;
  padding: 32px 36px;
}

.catalog-mega-menu__group {
  min-width: 180px;
  margin-bottom: 32px;
}

.catalog-mega-menu__group-title {
  margin-bottom: 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid #E5E7EB;
  color: #111827;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.catalog-mega-menu__group-items {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 12px 32px;
}

.catalog-mega-menu__item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #4B5563;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  white-space: nowrap;
  transition: color 150ms ease;
}

.catalog-mega-menu__item:hover {
  color: #3988d3;
  text-decoration: none;
}

.catalog-mega-menu__swatch {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  border: 1px solid #E5E7EB;
}

/* ============================================================
   РЕДИЗАЙН ДЕСКТОПНОГО МЕГА-МЕНЮ КАТАЛОГА (top_horizontal_ozon)
   Переопределяем РЕАЛЬНЫЕ действующие классы компонента (не
   изобретаем новые) — современная типографика, больше воздуха,
   крупнее свотчи цвета, видимая иконка категории слева.
   ============================================================ */

/* Левая колонка категорий — шире, крупнее шрифт, без uppercase.
   width/padding с !important обоснованы: у исходного правила
   (style.css компонента) width задан с !important — без ответного
   !important его не перебить. */
.sectionMenu-nav > .hb-mega__cat {
  width: clamp(220px, 20vw, 300px) !important;
  flex-shrink: 0;
  flex-grow: 0;
  padding: 6px clamp(10px, 1.2vw, 20px) !important;
  font-family: 'Manrope', 'Inter', 'Roboto', sans-serif;
}
.sectionMenu-nav > .hb-mega__cat a {
  width: 100%;
}
body .sectionMenu-nav > .hb-mega__cat a {
  display: flex;
  align-items: center;
  gap: clamp(6px, 0.8vw, 12px);
  font-family: 'Manrope', 'Inter', 'Roboto', sans-serif;
  font-weight: 500;
  font-size: clamp(10px, 1.2vw, 15px);
  text-transform: none;
  color: #172033;
  white-space: nowrap;
}
/* .active — для случаев, когда JS уже пометил пункт;
   :hover — чистый CSS, срабатывает мгновенно и не зависит от таймингов
   JS-обработчика (устраняет проблему "подсветка пропадает при переходе
   от Каталог к пункту списка"). Селектор повторяет контекст предков
   оригинального правила (.header-nav .yamm .dropdown-menu li:hover
   .col-md-2{background:#fff}), которое иначе выигрывает по
   специфичности (5 классов) и сбрасывает фон обратно в белый. */
.header-nav .yamm .hb-dropdown-menu .sectionMenu-nav > .hb-mega__cat.active,
.header-nav .yamm .hb-dropdown-menu .sectionMenu-nav > .hb-mega__cat:hover {
  background-color: #D7FF00;
  border-right: none;
  border-radius: 8px;
}
.header-nav .yamm .hb-dropdown-menu .sectionMenu-nav > .hb-mega__cat.active a,
.header-nav .yamm .hb-dropdown-menu .sectionMenu-nav > .hb-mega__cat:hover a {
  font-weight: 700;
  color: #000000;
}
.cat-menu-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  object-fit: contain;
}
/* Иконка — растровый/векторный <img>, не иконочный шрифт, поэтому
   перекрашивается через filter, а не color. brightness(0) даёт
   чистый чёрный силуэт независимо от исходных цветов иконки. */
.sectionMenu-nav > .hb-mega__cat.active .cat-menu-icon,
.sectionMenu-nav > .hb-mega__cat:hover .cat-menu-icon {
  filter: brightness(0);
}

/* Правая панель — больше воздуха, сдвинута под новую ширину левой колонки */
.sectionMenu-nav > .hb-mega__sub {
  left: 315px;
  right: 0;
  width: auto;
  padding: 36px 40px;
  padding-bottom: clamp(200px, 15vw, 230px);
  box-sizing: border-box;
  position: absolute;
}

/* Заголовки групп (ДИЗАЙН/ЦВЕТ/МАТЕРИАЛ) */
.sectionMenu-nav > .hb-mega__sub .submenu_items span {
  display: block;
  margin-bottom: clamp(10px, 1.2vw, 18px);
  padding-bottom: clamp(6px, 0.8vw, 12px);
  border-bottom: 1px solid #E5E7EB;
  font-family: 'Manrope', 'Inter', 'Roboto', sans-serif;
  font-size: clamp(15px, 1.6vw, 22px);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #111827;
  text-align: left;
  text-transform: uppercase;
}
.sectionMenu-nav > .hb-mega__sub .submenu_items {
  padding: 0 20px 20px 0;
}

/* Отдельные пункты фильтра — крупнее, без uppercase */
.sectionMenu-nav > .hb-mega__sub .itm {
  margin-bottom: 12px;
}
.sectionMenu-nav > .hb-mega__sub .itm a {
  font-family: 'Manrope', 'Inter', 'Roboto', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: clamp(11px, 1vw, 15px);
  color: #4B5563;
  transition: color 150ms ease;
  white-space: nowrap;
}
.sectionMenu-nav > .hb-mega__sub .itm a:hover {
  color: #3988d3;
}

/* Свотчи цвета — крупнее, аккуратная обводка */
.sectionMenu-nav > .hb-mega__sub .itm img {
  width: clamp(14px, 1.2vw, 18px);
  height: clamp(14px, 1.2vw, 18px);
  margin-right: clamp(4px, 0.6vw, 8px);
  border: 1px solid #E5E7EB;
  border-radius: 50%;
}

/* ============================================================
   УБИРАЕМ ДУБЛИРУЮЩЕЕ МЕГА-МЕНЮ (catalog_vertical_menu) ИЗ ЛЕВОЙ
   КОЛОНКИ ФИЛЬТРОВ НА СТРАНИЦАХ КАТЕГОРИЙ. Реальный каталог
   теперь живёт только в шапке (top_horizontal_ozon); в сайдбаре
   должен оставаться только умный фильтр "Подбор параметров".
   ============================================================ */
.sidebar .catalog-mega-menu {
  display: none;
}

/* Убираем вертикальные разделители между колонками (Дизайн/Цвет/Материал) —
   старое правило .col-md-4:nth-child(2){border-left/right} смотрится
   как карандашная черта, не соответствует новому чистому стилю. */
.sectionMenu-nav > .hb-mega__sub > .hb-mega__grid > .hb-mega__col:nth-child(2) {
  border-right: none;
  border-left: none;
}

/* ============================================================
   ФИКС: "ПОПУЛЯРНЫЕ ТОВАРЫ" (hit_index carousel) НА ГЛАВНОЙ
   Раннее правило `.bx_catalog_item .action{display:grid !important}`
   (сделано для страницы каталога, .bx_catalog_list_home) слишком
   широким селектором зацепило и этот, другой блок — карточки
   карусели тоже имеют базовый класс .bx_catalog_item, но их .action
   верстается через display:flex (инлайн) с тремя кнопками в ряд.
   Grid ломал раскладку (кнопка "В корзину" на всю ширину, иконки
   сердечка/сравнения переносились на новую строку). Возвращаем flex
   точечно только для карусели (.item-carousel).
   ============================================================ */
.item-carousel .action {
  display: flex;
  gap: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
}

/* ============================================================
   МЕГА-МЕНЮ КАТАЛОГА: АДАПТИВНОСТЬ ДЛЯ ПЛАНШЕТА (≤1024px)
   Редизайн (300px колонка категорий, широкая панель с отступами
   36-40px) был сделан только под десктоп — на узких ширинах
   (iPad Mini 768px) не помещается: колонка категорий съедает
   почти половину экрана, панели фильтров сдвигаются/обрезаются.
   Сжимаем ключевые размеры пропорционально ширине экрана.
   ============================================================ */
@media (max-width: 1024px) {
  /* Bootstrap .col-md-4 работает только с 992px; на планшете (<992px)
     без .col-sm-4 в разметке колонки схлопываются в 100% (вертикальный
     стек вместо 3 в ряд). Возвращаем 3 колонки принудительно. */
  .sectionMenu-nav > .hb-mega__sub > .hb-mega__grid > .hb-mega__col.submenu_items {
    width: 33.333% !important;
    float: left !important;
  }
  /* Пункты верхнего меню (Каталог/Доставка/.../О Магазине) — flex,
     сжимаются при добавлении новых пунктов (Главная), из-за чего
     длинные надписи типа "О Магазине" переносятся и раздувают шапку. */
  .header-nav .yamm .hb-nav > li > a {
    font-size: 13px;
    padding: 15px 10px;
    white-space: nowrap;
  }
  /* Ширина/шрифт колонки категорий теперь резиновые (clamp) в базовых
     правилах выше — этот блок больше не нужен. */
  .cat-menu-icon {
    width: 16px;
    height: 16px;
  }
  .sectionMenu-nav > .hb-mega__sub {
    padding: 24px 24px 24px 28px !important;
    max-width: calc(100vw - 240px);
    box-sizing: border-box;
  }
  .sectionMenu-nav > .hb-mega__sub > .hb-mega__grid > .hb-mega__col.submenu_items {
    padding-right: 20px !important;
  }
  .sectionMenu-nav > .hb-mega__sub .submenu_items span {
    font-size: 15px;
    margin-bottom: 8px;
    padding-bottom: 6px;
  }
  .sectionMenu-nav > .hb-mega__sub .submenu_items {
    padding: 0 12px 12px 0;
  }
  .sectionMenu-nav > .hb-mega__sub .itm a {
    font-size: 12px;
  }
  .sectionMenu-nav > .hb-mega__sub .itm img {
    width: 16px;
    height: 16px;
  }
}

/* ============================================================
   "ПОПУЛЯРНЫЕ ТОВАРЫ" ближе к меню на планшете (768-1024px).
   Раздел с баннерами категорий (.hidden-xs.hidden-sm) скрыт на
   этом диапазоне (сознательный дизайн, не наша правка), но
   верхний отступ у следующего блока остался как для десктопа,
   где он рассчитан на пространство под баннерами.
   ============================================================ */
@media (min-width: 768px) and (max-width: 1024px) {
  .section.featured-product:not(.hb-hidden-xs):not(.hb-hidden-sm) {
    margin-top: 0;
    padding-top: 10px;
  }
}

/* ============================================================
   ГЛАВНАЯ СТРАНИЦА: BENTO GRID КАТЕГОРИЙ (редизайн)
   Заменяет старую Bootstrap-раскладку (.row > .col-md-4 × 3) на
   ассиметричную 12-колоночную CSS Grid. Цвета пока в текущей
   синей гамме (#3988d3) — замена на зелёную отдельным шагом.
   ============================================================ */
.bento-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  /* 3 значения циклично применяются к рядам: высокая плитка (tall)
     занимает ряды 1-2 (220px+220px), а следующий отдельный ряд
     (square-плитки внизу) короче — 160px, создаёт асимметрию как
     на эскизе дизайнера. Если рядов больше 3 — паттерн повторится. */
  grid-auto-rows: 220px 220px 160px;
  gap: 8px;
  margin-top: 0;
  margin-bottom: 30px;
  /* Full-bleed на всю ширину экрана (тот же приём, что и у баннера),
     но с отступом 8px по бокам вместо edge-to-edge */
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding-left: 8px;
  padding-right: 8px;
  box-sizing: border-box;
}

.bento-tile {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 0;
  background: #e5e5e5;
  text-decoration: none;
}
.bento-tile:hover {
  text-decoration: none;
}

.bento-tile--tall {
  grid-column: span 3;
  grid-row: span 2;
}
.bento-tile--wide {
  grid-column: span 4;
  grid-row: span 1;
}
.bento-tile--medium {
  grid-column: span 3;
  grid-row: span 1;
}
.bento-tile--narrow {
  grid-column: span 2;
  grid-row: span 1;
}
.bento-tile--square {
  grid-column: span 3;
  grid-row: span 1;
}

.bento-tile__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bento-tile__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 300ms ease;
}
.bento-tile:hover .bento-tile__img {
  transform: scale(1.05);
}

.bento-tile__content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 60%);
  z-index: 2;
}

.bento-tile__title {
  font-family: 'Inter', 'Roboto', sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 4px;
}
/* Самые крупные плитки (tall — 2 строки, wide — самая широкая) —
   Inter Bold 700 вместо SemiBold 600, для editorial-акцента (промпт п.3) */
.bento-tile--tall .bento-tile__title,
.bento-tile--wide .bento-tile__title {
  font-weight: 700;
}

.bento-tile__subtitle {
  font-family: 'Inter', 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.3;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.85);
  letter-spacing: 0.3px;
}

/* Контурная (не залитая) круглая стрелка — в потоке контента, сразу
   после подписи, левый нижний угол плитки (как на эскизе), а не
   отдельно позиционированная в верхнем правом углу. */
.bento-tile__arrow {
  margin-top: 10px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.7);
  background: transparent;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  transition: background-color 200ms ease, color 200ms ease;
}
.bento-tile:hover .bento-tile__arrow {
  background: #fff;
  color: #172033;
}

@media (max-width: 991px) {
  .bento-grid {
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: 180px;
  }
  .bento-tile--tall {
    grid-column: span 3;
  }
  .bento-tile--wide {
    grid-column: span 6;
  }
  .bento-tile--medium,
  .bento-tile--square {
    grid-column: span 3;
  }
  .bento-tile--narrow {
    grid-column: span 3;
  }
}

@media (max-width: 767px) {
  .bento-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 160px;
    gap: 10px;
  }
  .bento-tile--tall,
  .bento-tile--wide,
  .bento-tile--medium,
  .bento-tile--narrow,
  .bento-tile--square {
    grid-column: span 1;
    grid-row: span 1;
  }
  .bento-tile__title {
    font-size: 15px;
  }
  .bento-tile__subtitle {
    font-size: 11px;
  }
}

/* ============================================================
   ГЛАВНЫЙ БАННЕР: ОГРАНИЧЕНИЕ ШИРИНЫ + СКРУГЛЕНИЕ УГЛОВ
   Ранее добавленный фикс `#top-banner-and-menu > .container{width:100%}`
   (для растягивания СЕТКИ КАТАЛОГА на всю ширину) попутно растягивал
   и баннер на главной, хотя предназначался только для каталога — не
   трогаем тот фикс, а ограничиваем именно баннер отдельно.
   ============================================================ */
/* Full-bleed: баннер на всю ширину экрана (как на эскизе), а не
   ограничен шириной .container — пробиваем родительский контейнер
   стандартным приёмом (100vw + отрицательные margin по центру).
   Скругление углов убрано — при растяжении на весь экран оно
   визуально не читается (края банера совпадают с краями экрана).
   overflow:hidden оставлен на случай локальных скруглений в будущем. */
#hero.homepage-slider2 {
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  box-sizing: border-box;
  overflow: hidden;
}
#hero.homepage-slider2 #owl-main .full-width-slider {
  margin-bottom: 0;
}
/* Легаси-отступ .owl-item{padding-right:15px} (main.css) остался от
   времён многослайдовой карусели с зазорами между слайдами — сейчас
   слайд один, и этот отступ создаёт нестабильность/скачок картинки
   на некоторых ширинах экрана (напр. 1210 vs 1209px). Убираем. */
#hero.homepage-slider2 .owl-item {
  padding-right: 0;
}

/* Значительно ниже (широкая узкая полоса, как на эскизе), а не
   почти квадратный блок. Раньше было 3 дублирующих блока (базовый +
   два @media, оставшиеся от старых значений 530/550px) — объединено
   в одно правило, все селекторы теперь дают одно и то же значение. */
.cnt-homepage .homepage-slider2,
#hero,
#hero .homebanner-holder,
#owl-main,
#owl-main .owl-wrapper-outer,
#owl-main .owl-wrapper,
#owl-main .full-width-slider .item {
  height: clamp(220px, 21.7vw, 420px);
  min-height: clamp(220px, 21.7vw, 420px);
}

/* ============================================================
   РЕДИЗАЙН ХЕДЕРА: 2 КОЛОНКИ + STICKY-МЕНЮ
   Слева — логотип на всю высоту хедера (250-300px), справа —
   2 строки: поиск/контакты сверху, меню каталога снизу (sticky).
   ============================================================ */
@media (min-width: 992px) {
  .header-v2__row {
    display: flex;
    align-items: stretch;
  }
  .header-v2__logo-col {
    flex: 0 0 300px;
    max-width: 300px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    padding: 10px 0;
    box-sizing: border-box;
  }
  .header-v2__logo-col .logo img,
  .header-v2__logo-col .logo a {
    max-height: 100%;
  }
  .header-v2__slogan {
    font-family: 'Inter', 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #172033;
    border-left: 1px solid #e2e2e2;
    padding-left: 16px;
    white-space: nowrap;
  }
  .header-v2__right-col {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: clamp(16px, 3vw, 48px);
  }
  .header-v2__nav-row {
    margin-top: -4px;
  }
  /* Ширину 560px даём ТОЛЬКО верхней строке пунктов (nav.navbar-nav),
     а не всей обёртке — иначе выпадающая панель фильтров (Дизайн/Цвет/
     Материал), которая рассчитывается JS-скриптом меню на основе
     реальной ширины родителя, тоже сжималась в 560px и текст колонок
     накладывался друг на друга. */
  .header-v2__nav-row .hb-nav.hb-navbar-nav {
    width: auto;
    max-width: 100%;
    white-space: nowrap;
  }
  .header-v2__nav-row .hb-nav.hb-navbar-nav > li {
    white-space: nowrap;
  }
  .header-v2__top-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px clamp(12px, 2vw, 32px);
    padding: 10px 0;
    font-family: 'Inter', 'Roboto', sans-serif;
    font-weight: 400;
  }
  /* margin-top на телефонах/гео/иконках не дал эффекта (проверено) —
     пробуем противоположное направление: position:relative + top на
     поиске и корзине, которые визуально сидят НИЖЕ остальных на ~10px
     (подтверждено box-model оверлеем DevTools). position:top работает
     независимо от возможных flex/stretch-квирков, которые могли
     "поглощать" margin. */
  .header-v2__top-row .top-search-holder {
    position: relative;
    top: -10px;
  }
  /* #bascet больше не нуждается в этой компенсации — реальный
     источник смещения (margin-top:19px + padding-top:13px) убран
     отдельным правилом ниже по файлу. */
  /* Первая строка (по эскизу): слева — иконки избранное/профиль,
     затем поиск (растягивается), справа — телефоны/гео/корзина. */
  .header-v2__quick-links {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: clamp(14px, 2.5vw, 40px);
  }
  .header-v2__top-row .top-search-holder {
    flex: 0 1 clamp(320px, 38vw, 900px);
    width: clamp(320px, 38vw, 900px);
    min-width: 0;
    order: 1;
  }
  .header-v2__right-group {
    display: flex;
    align-items: center;
    gap: clamp(14px, 2.5vw, 40px);
    order: 2;
    flex: 0 0 auto;
  }
  .header-v2__phones {
    flex: 0 0 auto;
  }
  .header-v2__geo {
    flex: 0 0 auto;
  }
  .header-v2__top-row #bascet {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    height: 38px;
    box-sizing: border-box;
  }
}

/* Sticky-меню временно отключено (конфликтовало со старыми правилами
   .top-bar{z-index:2100!important}/.main-header{margin-top:49px} из
   main.css — legacy-классы убраны из разметки, но sticky пока не
   возвращаем, дождёмся стабилизации базовой раскладки). */
.header-v2__nav-row.header-nav {
  background: #fff;
}

/* Типографика меню: Inter Medium 500, CAPS, letter-spacing 0.5px */
.header-v2__nav-row .hb-nav > li > a,
.header-v2__nav-row .yamm .hb-nav > li > a {
  font-family: 'Inter', 'Roboto', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Мобильная версия (<992px): логотип и правая колонка — обычным блочным
   потоком друг под другом (2-колоночная grid-раскладка только десктопная) */
@media (max-width: 991px) {
  .header-v2__logo-col {
    text-align: center;
    padding: 10px 0;
  }
}

/* ============================================================
   ВОССТАНОВЛЕНИЕ ГОРИЗОНТАЛЬНОЙ РАСКЛАДКИ КОНТАКТОВ/АККАУНТА
   Копия нужных правил из main.css (.top-bar .cnt-account/.cnt-block),
   но БЕЗ опасного класса .top-bar (там position:fixed на весь экран —
   именно он вызывал наложение хедера, не наш sticky). Используем
   собственный класс .header-v2__top-row вместо .top-bar.
   ============================================================ */
.header-v2__top-row .cnt-account {
  float: left;
  padding: 6px 0px;
}
.header-v2__top-row .cnt-account ul {
  margin: 0px;
}
.header-v2__top-row .cnt-account ul > li {
  display: inline-block;
  line-height: 12px;
  padding: 3px 12px;
}
.header-v2__top-row .cnt-account ul > li:last-child {
  border-right: 1px solid #e2e2e2;
}
.header-v2__top-row .cnt-account ul > li a {
  color: #888888;
  padding: 0px;
  font-weight: 400;
}
.header-v2__top-row .cnt-account ul > li a .icon {
  display: block;
  float: left;
  padding-right: 6px;
  font-size: 11px;
}
.header-v2__top-row .cnt-account ul > li a:hover,
.header-v2__top-row .cnt-account ul > li a:focus {
  text-decoration: none;
}
.header-v2__top-row .cnt-block {
  float: right;
}
.header-v2__top-row .cnt-block .hb-list-inline {
  margin: 0px;
}
.header-v2__top-row .header-top-inner {
  overflow: hidden;
}

/* ============================================================
   ХЕДЕР: иконки избранное/профиль, телефоны, гео — компактно (эскиз)
   ============================================================ */
.header-v2__icon-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #172033;
  border-radius: 50%;
  transition: background-color 150ms ease;
}
.header-v2__icon-link svg {
  width: 24px;
  height: 24px;
}
.header-v2__icon-link:hover {
  color: #172033;
  background-color: #D7FF00;
  text-decoration: none;
}

.header-v2__phones {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-family: 'Inter', 'Roboto', sans-serif;
  font-size: 13px;
}
.header-v2__phone {
  white-space: nowrap;
}
.header-v2__phone a {
  color: #172033;
}
.header-v2__phone i {
  margin-right: 6px;
  color: #888;
}

.header-v2__geo {
  display: flex;
  align-items: center;
  font-family: 'Inter', 'Roboto', sans-serif;
  font-size: 13px;
  color: #172033;
}

/* ============================================================
   ХЕДЕР: ФИНАЛЬНАЯ ПОЛИРОВКА ПО ЭСКИЗУ (Inter, тонкий поиск,
   лёгкое меню без синего прямоугольника, чёрные телефоны, гео)
   ============================================================ */

/* 1. Меню: перебиваем старое Arial 20px (main.css, 5 классов) —
   тем же по специфичности селектором. Убираем синий прямоугольник
   у активного пункта — вместо заливки просто синий текст. */
.header-style-1 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav > li > a {
  font-family: 'Inter', 'Roboto', sans-serif;
  font-weight: 500;
  font-size: clamp(11px, 1vw, 14px);
  line-height: 18px;
  padding: 12px clamp(6px, 1vw, 14px);
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: #000000;
  white-space: nowrap;
}
.cnt-homepage .header-style-1.header-style-2 .header-nav .hb-navbar .hb-navbar-nav > li.active {
  background: transparent;
}
.cnt-home .header-style-1.header-style-2 .header-nav .hb-navbar .hb-navbar-nav > li.active,
.cnt-homepage .header-style-1.header-style-2 .header-nav .hb-navbar .hb-navbar-nav > li.active > a {
  color: #000000;
}

/* 2. Поиск: тонкая, скруглённая форма вместо прямоугольной с
   плотной серой кнопкой */
.top-search-holder .bx-input-group {
  border: 1px solid #dcdcdc;
  border-radius: 19px;
  overflow: hidden;
  display: flex;
  align-items: center;
  background: #fff;
  height: 38px;
  box-sizing: border-box;
}
/* Специфичность 4 класса — выше, чем у конкурирующих правил компонента
   поиска (.bx-searchtitle .bx-input-group .bx-form-control — 3 класса,
   грузятся ДО и ПОСЛЕ нашего файла), поэтому !important не нужен —
   побеждаем чистой специфичностью независимо от порядка загрузки. */
.header-v2__top-row .top-search-holder .bx-searchtitle .bx-form-control {
  border: none;
  background: transparent;
  font-family: 'Inter', 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding: 0 16px;
  height: 36px;
  box-shadow: none;
}
.header-v2__top-row .top-search-holder .bx-searchtitle .bx-input-group-btn button {
  background: transparent;
  border: none;
  color: #888;
  padding: 0 14px;
  box-shadow: none;
  height: 36px;
}
.header-v2__top-row .top-search-holder .bx-searchtitle .bx-input-group {
  padding: 0;
  width: 100%;
  margin: 0;
}

/* 3. Телефоны: чёрная (не серая) иконка, шрифт Inter (уже задан
   родителем .header-v2__phones, здесь только цвет иконки) */
.header-v2__phone i {
  color: #172033;
}

/* 4. Гео-тег: аккуратное выравнивание иконки и текста города */
.header-v2__geo .geo {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.header-v2__geo .geo i {
  color: #172033;
  font-size: 13px;
}
.header-v2__geo .user-city {
  font-family: 'Inter', 'Roboto', sans-serif;
  font-size: 13px;
  color: #172033;
}

/* 5. Корзина: убираем текст "КОРЗИНА - 0 РУБ", оставляем только
   иконку с счётчиком (компактно, как на эскизе) */
#bascet .items-cart-inner .total-price-basket {
  display: none;
}
#bascet .hb-dropdown-toggle.lnk-cart {
  display: flex;
  align-items: center;
  background: transparent;
  border: none;
  padding: 0;
}
#bascet .items-cart-inner {
  position: relative;
  display: flex;
  align-items: center;
}
#bascet .basket {
  background: transparent;
  padding: 0;
  border-left: none;
  float: none;
  width: auto;
  height: auto;
}
#bascet .header-v2__cart-svg {
  width: 24px;
  height: 24px;
  color: #172033;
  display: block;
  pointer-events: none;
}
#bascet .basket-item-count {
  position: absolute;
  top: -6px;
  right: -8px;
  background: #D7FF00;
  color: #000000;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  line-height: 1;
}
#bascet .basket-item-count .count {
  font-size: 10px;
}

/* ============================================================
   ФИКС: КОРЗИНА В ХЕДЕРЕ СМЕЩЕНА ВНИЗ
   Найдена реальная причина: старое правило main.css
   `body .top-cart-row { padding-top: 15px; }` (специфичность выше,
   чем у голого `.top-cart-row{padding-top:31px}`) — #bascet в нашей
   новой разметке унаследовал класс .top-cart-row из старого дизайна,
   рассчитанный на другую структуру хедера. Обнуляем именно в
   контексте нашей новой строки, специфичность выше их (3 класса).
   ============================================================ */
.header-v2__top-row .top-cart-row {
  padding-top: 0;
}
/* .dropdown-cart{float:right} (main.css) выводит корзину ИЗ потока
   flex-контейнера полностью — ни одна из наших flex/vertical-align
   правок не могла на неё повлиять именно по этой причине. Отменяем
   float в контексте нашей новой строки хедера. */
.header-v2__top-row .top-cart-row .dropdown-cart {
  float: none;
  display: flex;
  align-items: center;
}

/* ============================================================
   ФИНАЛЬНЫЙ ФИКС КОРЗИНЫ В ХЕДЕРЕ: margin-top:19px + padding-top:13px
   откуда-то накапливаются на #bascet (источник margin не найден явно
   в исходниках после нескольких попыток поиска — возможно комбинация
   нескольких унаследованных правил). ID-селектор + !important —
   обоснованно после исчерпания попыток через специфичность классов.
   ============================================================ */
#bascet.top-cart-row.new-basket {
  margin-top: 0;
  padding-top: 0;
}

/* ============================================================
   ХЕДЕР: ГРАНИЦА "ДЕСКТОП/ГОРИЗОНТАЛЬНЫЙ ПЛАНШЕТ" vs "МОБИЛЬНАЯ ВЕРСИЯ"
   Редизайн хедера (2 колонки, слоган, иконки избранное/профиль)
   рассчитан только на ≥992px. Ниже — скрываем именно НАШИ новые
   добавления, чтобы не портили существующую мобильную вёрстку сайта
   (которую мы не трогали и не редизайним в рамках этой задачи).
   ============================================================ */
@media (max-width: 991px) {
  .header-v2__slogan,
  .header-v2__quick-links {
    display: none;
  }
}

/* ВРЕМЕННО (только мобильная версия, ≤767px): скрываем новый логотип-блок
   и Bento-сетку категорий — обе выглядят криво без отдельной мобильной
   доработки. Вернёмся к ним отдельным шагом при проектировании мобильной
   версии. Горизонтальный планшет (768-991px) эта правка не затрагивает. */
@media (max-width: 991px) {
  /* Порог поднят с 767px до 991px (10.09.2026) — раньше диапазон
     768-991px (портретный планшет) показывал "ничейную землю":
     не десктопный редизайн (тот только с 992px), но и не мобильная
     версия (та скрывала лого/Bento только от 767px и ниже).
     Теперь мобильная версия начинается сразу под десктопным
     диапазоном, без промежуточного недоделанного состояния. */
  .header-v2__logo-col {
    display: none;
  }
  .bento-grid {
    display: none;
  }
  /* Телефоны в мобильной версии не нужны (торчат между строк меню
     сайта) — скрываем. Полю поиска даём воздух сверху и снизу,
     чтобы не липло к соседним меню сайта. */
  .header-v2__phones {
    display: none;
  }
  /* Наша "десктопная" иконка корзины в мобильном диапазоне тоже лишняя
     (родная мобильная корзина сайта — в отдельной фиксированной
     панели, но та появляется только ≤767px, не в полном диапазоне —
     отдельная задача при полноценном проектировании мобильной версии). */
  #bascet {
    display: none;
  }
  /* Панель .icon-menu теперь внизу экрана (не перекрывает поиск сверху),
     компенсация больше не нужна — оставлен только аккуратный базовый отступ. */
  .header-v2__top-row {
    margin-top: 0;
    margin-bottom: 16px;
    padding-top: 0;
  }
  body .header-v2__right-col {
    margin-top: -33px;
  }
  body .top-search-holder {
    margin-top: 3px;
  }
  /* Блокируем margin collapse: отступ .top-search-holder "протекал"
     сквозь несколько уровней block-контейнеров вверх, из-за чего
     видимый зазор не менялся при правке самого margin-top. */
  body .header-v2__row {
    display: flow-root;
  }
}

/* Восстановлено: правило border:none для корзины потерялось где-то
   в процессе множества правок хедера — возвращаем. */
#bascet .lnk-cart {
  border: none;
}

/* ============================================================
   ФИКС: .dropdown-cart УЛЕТАЕТ ВВЕРХ НА СТРАНИЦЕ /personal/cart/
   Источник НАЙДЕН и подтверждён через перебор ВСЕХ CSS-правил
   в браузере (document.styleSheets), а не догадками: файл
   sale.basket.basket/modern_blue/style.css (грузится ТОЛЬКО на
   странице корзины) содержит
   `.bx-basket { margin-bottom: 80px !important; }`
   — !important побеждает любую специфичность без !important,
   поэтому наш прошлый ID-селектор не помогал. !important здесь
   обоснован честно, а не как обходной путь вслепую.
   ============================================================ */
#bascet .dropdown-cart {
  margin-bottom: 0;
}

/* ============================================================
   ФИКС: JS-попап "товар добавлен в корзину" (мини-превью со списком)
   вылезает в верхний угол экрана. Раньше это позиционировалось
   относительно старого места иконки корзины, но мы полностью
   переместили её — JS-класс .open (ставит сам bx_basket1 после
   добавления товара, независимо от убранного data-toggle) включает
   Bootstrap-правило .open>.dropdown-menu{display:block}. Мы
   намеренно не используем всплывающее превью (корзина — простая
   ссылка) — скрываем его насовсем. ID+классы бьёт специфичность
   Bootstrap (2 класса), !important не нужен.
   ============================================================ */
#bascet .dropdown-cart .hb-dropdown-menu {
  display: none;
}

/* ============================================================
   /catalog/: плитка "Галстуки-бабочки" (wide-banner cnt-strip)
   растягивалась выше остальных из-за отсутствия фиксированной
   высоты — .wide-banner .image img{width:100%} без height,
   картинка масштабировалась по своим пропорциям. Фиксируем
   высоту как у остальных плиток + object-fit:cover.
   ============================================================ */
.wide-banner .image {
  position: relative;
  height: 180px;
  overflow: hidden;
}
.wide-banner .image img {
  height: 100%;
  object-fit: cover;
}

/* ============================================================
   МЕГА-МЕНЮ КАТАЛОГА: позиционирование относительно контейнера
   сайта вместо кнопки "Каталог" (спецификация дизайнера, 11.09.2026)
   .yamm .dropdown{position:static} (main.css) заставляет
   .dropdown-menu (position:absolute) искать ближайшего
   ПОЗИЦИОНИРОВАННОГО предка выше по дереву — делаем таким предком
   наш собственный контейнер хедера.
   ============================================================ */
/* .header-v2__grid > .container больше не position:relative —
   иначе он (а не body) становится точкой отсчёта для мега-меню,
   и панель снова сжимается его потолком 1800px. */
/* position:absolute относительно <body> (не относительно узкого
   .header-v2__grid > .container с потолком 1800px) — так панель
   растягивается от границ ЭКРАНА на любой ширине окна, но при этом
   (в отличие от position:fixed, которое пробовали раньше) корректно
   уезжает вместе со страницей при прокрутке, а не "прилипает" к
   экрану. body{position:relative} — точка отсчёта. */
body {
  position: relative;
}
.header-nav .yamm .hb-dropdown.yamm-fw .hb-dropdown-menu.pages.catalog-submenu {
  position: absolute;
  top: 158px;
  left: 20px;
  right: 20px;
  width: auto;
}

/* ============================================================
   МЕГА-МЕНЮ: .col-md-10 (панель Дизайн/Цвет/Материал) ДОЛЖНА
   оставаться position:absolute — это оверлей, который открывается
   ПОВЕРХ списка категорий при наведении, не раздвигая сам список
   (список категорий слева — компактная вертикальная лента,
   .col-md-10 не должна влиять на её высоту). Правый .row внутри —
   flex вместо float, но .itm-пары внутри каждой колонки остаются
   на float (не требуют flex/grid родителя, работают предсказуемо
   независимо от ширины экрана).
   ============================================================ */
.sectionMenu-nav > .hb-mega__sub .hb-mega__grid {
  display: flex;
  align-items: flex-start;
}
.sectionMenu-nav > .hb-mega__sub .submenu_items.hb-mega__col {
  flex: 0 0 33.333%;
  width: 33.333%;
}
.sectionMenu-nav > .hb-mega__sub .submenu_items .itm.hb-mega__itm {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

/* ============================================================
   МЕНЮ ГЛАВНАЯ/КАТАЛОГ/...: чёрное скруглённое выделение при
   наведении. Дубликаты этого правила без !important убраны
   напрямую в color.css и main.css — здесь честная специфичность.
   ============================================================ */
.header-style-2 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav > li > a:hover,
.header-style-2 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav > li > a:focus {
  background: #000000;
  border-radius: 8px;
  color: #ffffff;
}
.header-style-2 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav > li > a:hover span,
.header-style-2 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav > li > a:focus span {
  color: #ffffff;
}
.header-style-2 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav > li.open {
  background: #000000;
  border-radius: 8px;
}
.header-style-2 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav > li.open > a span {
  color: #ffffff;
}

/* ============================================================
   МЕГА-МЕНЮ: .yamm.navbar.navbar-default (обёртка меню Каталог/
   Доставка/...) — сам является позиционированным элементом
   (скорее всего унаследовано от базового Bootstrap .navbar), из-за
   чего ИМЕННО он, а не <body>, становится точкой отсчёта для
   position:absolute у выпадающей панели (он ближе по дереву).
   Убираем позиционирование именно в этом контексте — тогда браузер
   продолжит поиск вверх и найдёт body.
   ============================================================ */
.header-nav .yamm.hb-navbar.hb-navbar-default.mobile-menu {
  position: static;
}

/* ============================================================
   МЕГА-МЕНЮ: пункты 2-6 спецификации дизайнера (11.09.2026)
   ============================================================ */

/* 5. Скругление углов панели + лимит высоты (650-700px), с прокруткой
   внутри, если контент выше лимита */
.header-nav .yamm .hb-dropdown.yamm-fw .hb-dropdown-menu.pages.catalog-submenu {
  border-radius: 14px;
  overflow: hidden;
  max-height: 700px;
}
.sectionMenu-nav > .hb-mega__sub {
  max-height: 700px;
  overflow-y: auto;
}

/* 3. Лёгкий сероватый фон левой колонки категорий (вместо белого) */
.header-nav .yamm .hb-dropdown-menu .sectionMenu-nav > .hb-mega__cat {
  background: #F0F1F3;
}
/* Активная/hover строка поверх серого фона — салатовый (уже было),
   просто убеждаемся, что он всё ещё побеждает сероватый базовый фон */
.header-nav .yamm .hb-dropdown-menu .sectionMenu-nav > .hb-mega__cat.active,
.header-nav .yamm .hb-dropdown-menu .sectionMenu-nav > .hb-mega__cat:hover {
  background-color: #D7FF00;
}

/* 4. Вертикальные тонкие разделители: между колонкой категорий и
   правой панелью, и между Дизайн/Цвет/Материал */
.header-nav .yamm .hb-dropdown-menu .sectionMenu-nav > .hb-mega__cat {
  border-right: 1px solid #D9DBDF;
}
.sectionMenu-nav > .hb-mega__sub .submenu_items.hb-mega__col:nth-child(n+2) {
  border-left: 1px solid #D9DBDF;
  padding-left: 20px;
}

/* 2. Мелкие тонкие шевроны — категории слева */
.sectionMenu-nav > .hb-mega__cat a {
  position: relative;
  padding-right: 20px;
}
.sectionMenu-nav > .hb-mega__cat a::after {
  content: '\203A';
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 1;
  color: #9CA3AF;
  transition: transform 150ms ease, color 150ms ease;
}
.sectionMenu-nav > .hb-mega__cat.active a::after,
.sectionMenu-nav > .hb-mega__cat:hover a::after {
  color: #000000;
  transform: translateY(-50%) translateX(2px);
}

/* 2. Мелкие тонкие шевроны — пункты фильтра (Дизайн/Цвет/Материал) */
.sectionMenu-nav > .hb-mega__sub .itm a {
  position: relative;
  padding-right: 18px;
  display: inline-block;
}
.sectionMenu-nav > .hb-mega__sub .itm a::after {
  content: '\203A';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  line-height: 1;
  color: #9CA3AF;
  transition: transform 150ms ease, color 150ms ease;
}

/* 6. Лёгкий hover у пунктов фильтра — сдвиг шеврона + чуть темнее
   текст, БЕЗ синего/цветного акцента (заменяет прежний #3988d3) */
.sectionMenu-nav > .hb-mega__sub .itm {
  border-radius: 6px;
  transition: background-color 150ms ease;
}
.sectionMenu-nav > .hb-mega__sub .itm:hover {
  background-color: #F5F5F5;
}
.sectionMenu-nav > .hb-mega__sub .itm a:hover {
  color: #111827;
}
.sectionMenu-nav > .hb-mega__sub .itm a:hover::after {
  color: #000000;
  transform: translateY(-50%) translateX(3px);
}

/* ===== Промо-баннер в мега-меню каталога (динамический, из инфоблока 44) ===== */

.catalog-menu-promo {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  display: block;
  width: auto;
  height: auto;
  aspect-ratio: 1024 / 170;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  box-sizing: border-box;
}

/* Баннер задуман узкой полосой (aspect-ratio 1024:170 ~= 6.02:1). На очень
   узкой панели такая пропорция даст слишком низкую полосу — подстраховка
   минимальной высотой, ширина при этом чуть меньше 100% контейнера. */
@media (min-width: 992px) and (max-width: 1200px) {
  .catalog-menu-promo {
    aspect-ratio: auto;
    height: 130px;
  }
}
.catalog-menu-promo__img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.catalog-menu-promo__overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(0deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.15) 55%, rgba(0,0,0,0) 100%);
}
.catalog-menu-promo__text {
  position: absolute;
  left: clamp(20px, 2vw, 32px);
  bottom: clamp(52px, 4.5vw, 64px);
  right: clamp(20px, 2vw, 32px);
  color: #fff;
}
.catalog-menu-promo__eyebrow {
  font-size: clamp(11px, 1vw, 13px);
  letter-spacing: 0.06em;
  opacity: 0.85;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.catalog-menu-promo__title {
  font-size: clamp(18px, 1.8vw, 24px);
  font-weight: 600;
  line-height: 1.2;
}
.catalog-menu-promo__cta {
  position: absolute;
  left: clamp(20px, 2vw, 32px);
  bottom: clamp(16px, 1.6vw, 22px);
  font-size: clamp(13px, 1.2vw, 15px);
  color: #fff;
  opacity: 0.9;
  display: flex;
  align-items: center;
  gap: 4px;
}
.catalog-menu-promo:hover .catalog-menu-promo__cta span {
  transform: translateX(2px);
}
.catalog-menu-promo__cta span {
  transition: transform 0.15s ease;
}

/* ===== Скрываем блок "Город" (геолокация) на мобильных ===== */
@media (max-width: 767px) {
  .header-v2__geo {
    display: none !important;
  }
}

/* ============================================================
   РЕДИЗАЙН ФИЛЬТРА КАТАЛОГА (catalog.smart.filter, marcet_vertical)
   Цель: светло-серый сайдбар, прямоугольные контролы, квадратные
   цветовые свотчи, минимальное скругление, акцент #D7FF00.
   Только десктоп (по договорённости с клиентом).
   ============================================================ */
@media (min-width: 992px) {

  /* --- Контейнер сайдбара: убираем голубую рамку-текстуру ---
     Заменяем на чистый светло-серый фон без border, как в эскизе. */
  .bx_filter.bx_filter_section {
    background: #F7F7F5;
    border: none;
    border-radius: 4px;
    padding: 20px;
  }

  /* --- Заголовки групп фильтра (Тип продукта / Оттенок / Материал...) --- */
  .bx_filter .bx_filter_parameters_box_title {
    background: transparent;
    padding: 12px 0;
    font-family: 'Inter', 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #1a1a1a;
    border-bottom: 1px solid #E6E6E3;
  }
  .bx_filter .bx_filter_parameters_box {
    margin-bottom: 8px;
    padding: 0;
  }
  .bx_filter .bx_filter_block {
    padding: 12px 0 4px;
  }

  /* Длинные списки значений (цвет/материал/дизайн и т.п.) раньше рисовались
     без ограничения высоты и растягивали сайдбар на тысячи px, уводя товары
     далеко вниз на категориях с большим числом значений (29.09.2026).
     Прокрутка внутри блока, не влияет на короткий блок цены (он короче лимита). */
  .bx_filter .bx_filter_parameters_box_container {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 6px;
  }
  .bx_filter .bx_filter_parameters_box_container::-webkit-scrollbar {
    width: 5px;
  }
  .bx_filter .bx_filter_parameters_box_container::-webkit-scrollbar-thumb {
    background: #D7D7D7;
    border-radius: 3px;
  }

  /* --- Чекбоксы: прямоугольные, акцент #D7FF00 на выборе --- */
  .bx_filter .bx_filter_input_checkbox input[type=checkbox],
  .bx_filter .bx_filter_input_checkbox input[type=radio] {
    width: 18px;
    height: 18px;
    accent-color: #000;
    cursor: pointer;
  }
  .bx_filter .bx_filter_param_text {
    font-size: 14px;
    color: #444;
  }
  .bx_filter .bx_filter_param_label:hover .bx_filter_param_text {
    color: #1a1a1a;
  }

  /* --- Цветовые свотчи: делаем строго квадратными, без скругления --- */
  .bx_filter .bx_filter_param_btn {
    background-color: transparent;
    border: none;
  }
  .bx_filter .bx_filter_btn_color_icon {
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
  }
  .bx_filter .bx_filter_param_label.active .bx_filter_btn_color_icon,
  .bx_filter_select_popup .bx_filter_param_label.active .bx_filter_btn_color_icon {
    box-shadow: inset 0 0 0 2px #D7FF00, inset 0 0 0 3px #000;
  }
  .bx_filter .bx_filter_param_label.active .bx_filter_param_btn,
  .bx_filter .bx_filter_param_btn:active {
    border: none;
    background: transparent;
  }

  /* --- Кнопка "Показать (N)": на всю ширину, без pill, кнопка "Сбросить" убрана из разметки --- */
  .bx_filter .bx_filter_button_box {
    margin-top: 16px;
    padding: 0;
  }
  .bx_filter #set_filter.hb-cbtn.hb-cbtn,
.bx_filter #set_filter.hb-button.hb-button-primary {
    display: block;
    width: 100%;
    background: #D7FF00;
    color: #1a1a1a;
    border: none;
    border-radius: 4px;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
  }
  .bx_filter #set_filter.hb-cbtn.hb-cbtn:hover,
.bx_filter #set_filter.hb-button.hb-button-primary:hover {
    background: #c2e600;
  }

  /* --- Заголовок "ФИЛЬТРЫ" + "Сбросить все" --- */
  .bx_filter_title_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
  }
  h3.section-title.mobil-filter {
    display: block !important;
    margin: 0;
    padding: 0;
    border-bottom: none;
    font-family: 'Inter', 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #1a1a1a;
    text-decoration: none;
  }
  h3.section-title.mobil-filter i {
    display: none;
  }
  .bx_filter_reset_all {
    font-family: 'Inter', 'Roboto', sans-serif;
    font-size: 13px;
    color: #666;
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .bx_filter_reset_all:hover {
    color: #1a1a1a;
    text-decoration: underline;
  }

}

/* ============================================================
   РЕДИЗАЙН СТРАНИЦЫ "ДОСТАВКА" (/about/delivery/) — монохром + акцент #D7FF00
   ============================================================ */
@media (min-width: 992px) {

  /* --- Блок "Рассчитать стоимость доставки" --- */
  .delivery-calc-card {
    background: #F6F6F6;
    border-radius: 12px;
    box-shadow: none;
  }
  .delivery-calc-card h3 {
    font-family: 'Inter', 'Roboto', sans-serif;
    font-weight: 600;
  }
  .delivery-calc-card .bx-ui-sls-fake {
    background: #fff;
    outline: none;
    border: 1px solid #D0D0D2;
    border-radius: 4px;
  }
  .delivery-calc-card .bx-ui-sls-fake:focus {
    outline: none;
    border: 2px solid #D7FF00;
  }
  .delivery-calc-card .dropdown-icon {
    filter: brightness(0);
  }

  /* --- Блок преимуществ (Примерка / По России / Экспресс / Рядом) --- */
  .delivery-features {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #F9FCED;
    border-radius: 12px;
  }
  .feat-item .feat-icon {
    stroke: #000000;
  }
  .feat-item b {
    font-family: 'Inter', 'Roboto', sans-serif;
    font-weight: 600;
    color: #1a1a1a;
  }
  .feat-item p {
    font-family: 'Inter', 'Roboto', sans-serif;
    font-weight: 400;
    color: #1a1a1a;
  }

  /* --- Табы (Самовывоз / Курьер / Почта) --- */
  .delivery-tabs {
    display: flex;
    gap: 15px;
    width: 100%;
  }
  .tab-pill {
    flex: 1;
    text-align: center;
    border-radius: 50px;
    text-transform: uppercase;
    font-family: 'Inter', 'Roboto', sans-serif;
    font-weight: 600;
    padding: 15px 0;
    cursor: pointer;
    transition: 0.3s;
    background: #fff;
    border: 1px solid #000000;
    color: #000000;
  }
  .tab-pill.active,
  .tab-pill:hover {
    background: #D7FF00;
    border: 1px solid #D7FF00;
    color: #000000;
  }

  /* --- Контентные карточки --- */
  .delivery-content-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .delivery-card {
    background: #F6F6F6;
    border-radius: 12px;
    box-shadow: none;
  }

  /* --- Бейдж "БЕСПЛАТНО" вместо зелёного текста --- */
  .badge-accent {
    background-color: #D7FF00;
    color: #000000;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    display: inline-block;
  }

}

/* ============================================================
   РЕЗУЛЬТАТ РАСЧЁТА ДОСТАВКИ (/ajax/delivery_count.php) — карточки
   ============================================================ */
@media (min-width: 992px) {
  .delivery-result-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-top: 20px;
  }
  .delivery-result-card {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #F6F6F6;
    border-radius: 8px;
    padding: 14px;
  }
  .drc-icon {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .drc-icon img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  .drc-info {
    min-width: 0;
  }
  .drc-title {
    font-family: 'Inter', 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #1a1a1a;
    line-height: 1.3;
  }
  .drc-meta {
    font-family: 'Inter', 'Roboto', sans-serif;
    font-size: 13px;
    color: #666;
    margin-top: 2px;
  }
}

/* ============================================================
   СТРАНИЦА "КОНТАКТЫ" v2 — премиум редизайн (+ переиспользуемый
   баннер .info-page-hero-banner для Доставки/Оплаты/Контактов)
   ============================================================ */
.contacts-modern-v2 {
  max-width: 1400px;
  margin: 0 auto;
  color: #1a1a1a;
  font-family: 'Inter', 'Roboto', sans-serif;
}

/* --- Хиро: текст + баннер рядом --- */
.cm-hero {
  display: flex;
  gap: 24px;
  align-items: stretch;
  margin-bottom: 24px;
}
.cm-hero__text {
  flex: 0 0 340px;
  font-size: 15px;
  line-height: 1.6;
  color: #444;
  padding-top: 8px;
}
.info-page-hero-banner {
  position: relative;
  flex: 1;
  border-radius: 12px;
  overflow: hidden;
  container-type: inline-size;
}
.info-page-hero-banner::before {
  content: '';
  display: block;
  padding-top: 19.98%;
}
.info-page-hero-banner__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.info-page-hero-banner__img--mobile {
  display: none;
}
.info-page-hero-banner__intro {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 38%;
  padding: clamp(10px, 2.2vw, 28px) clamp(12px, 2.8vw, 32px);
  font-family: 'Inter', 'Roboto', sans-serif;
  font-weight: 400;
  font-size: clamp(10px, 1.3vw, 16px);
  line-height: 1.42;
  letter-spacing: -0.01em;
  color: #222222;
  text-align: left;
  text-transform: none;
  box-sizing: border-box;
}
.info-page-hero-banner__intro--mobile {
  display: none;
}
.info-page-hero-banner__slogan {
  position: absolute;
  z-index: 2;
  top: clamp(8px, 1.8vw, 24px);
  right: clamp(8px, 2.2vw, 32px);
  max-width: 28%;
  text-align: right;
  font-size: clamp(8px, 1vw, 13px);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: #222222;
  text-transform: uppercase;
}
.info-page-hero-banner__slogan--mobile {
  display: none;
}
.info-page-hero-banner__slogan-line {
  display: block;
  width: 32px;
  height: 3px;
  background: #D7FF00;
  margin-top: 8px;
  margin-left: auto;
}

/* --- Панель "Связь с нами" --- */
.cm-section-title {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 16px;
}
.cm-contact-panel {
  background: #F6F6F6;
  border: none;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 20px;
}
.cm-contact-cols {
  display: flex;
}
.cm-contact-col {
  flex: 1;
  display: flex;
  gap: 12px;
  padding: 0 20px;
  border-left: 1px solid #E4E4E6;
}
.cm-contact-col:first-child {
  border-left: none;
  padding-left: 0;
}
.cm-contact-icon {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #EFEFEF;
  border: 1px solid #D0D0D2;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cm-contact-label {
  font-size: 12px;
  color: #999;
  margin-bottom: 2px;
}
.cm-contact-value {
  font-size: 15px;
  font-weight: 600;
  color: #1a1a1a;
  text-decoration: none;
  display: block;
}
a.cm-contact-value:hover {
  color: #666;
}
.cm-contact-sub {
  font-size: 12px;
  color: #999;
  margin-top: 4px;
  line-height: 1.4;
}

/* --- Аккордеон "Юридическая информация" --- */
.cm-accordion {
  background: #fff;
  border: 1px solid #E4E4E6;
  border-radius: 8px;
  margin-bottom: 20px;
  overflow: hidden;
}
.cm-accordion__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px 20px;
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  color: #1a1a1a;
  text-align: left;
}
.cm-accordion__chevron {
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
.cm-accordion__head--open .cm-accordion__chevron {
  transform: rotate(180deg);
}
.cm-accordion__body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease;
  padding: 0 20px;
}
.cm-accordion__head--open + .cm-accordion__body {
  padding: 0 20px 18px;
  border-top: 1px solid #E4E4E6;
}
.cm-accordion__body p {
  margin: 8px 0 0;
  font-size: 14px;
  color: #444;
}

/* --- Алерт "ВНИМАНИЕ" --- */
.cm-alert {
  display: flex;
  gap: 14px;
  background: #F6F6F6;
  border-left: 3px solid #D7FF00;
  border-radius: 8px;
  padding: 18px 20px;
  margin-bottom: 32px;
}
.cm-alert__icon {
  flex: 0 0 auto;
}
.cm-alert__body b {
  display: block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-bottom: 4px;
}
.cm-alert__body p {
  margin: 0;
  font-size: 14px;
  color: #444;
  line-height: 1.5;
}

/* --- Как добраться: адрес --- */
.cm-route-address {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 20px;
}

/* --- Табы --- */
.cm-tabs {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
}
.cm-tab {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 0;
  background: #fff;
  border: 1px solid #E4E4E6;
  border-radius: 8px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.cm-tab--active {
  background: #D7FF00;
  border-color: #D7FF00;
}

/* --- Контент таба --- */
.cm-tab-content {
  display: none;
  background: #fff;
  border: 1px solid #E4E4E6;
  border-radius: 12px;
  padding: 24px;
}
.cm-tab-content--active {
  display: block;
}
.cm-tab-content h3 {
  margin: 0 0 4px;
  font-size: 17px;
}
.cm-route-sub {
  font-size: 13px;
  color: #999;
  margin-bottom: 16px;
}
.cm-tab-content p {
  font-size: 14px;
  color: #444;
  line-height: 1.5;
  margin: 0 0 8px;
}

/* --- Пронумерованные шаги --- */
.cm-steps {
  display: flex;
  gap: 32px;
  margin: 16px 0 20px;
}
.cm-steps__col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.cm-step {
  display: flex;
  gap: 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #444;
}
.cm-step__num {
  flex: 0 0 auto;
  font-weight: 700;
  color: #1a1a1a;
  font-size: 13px;
  min-width: 20px;
}

/* --- Кнопка маршрута --- */
.cm-route-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: 2px solid #000;
  color: #000;
  padding: 12px 24px;
  border-radius: 6px;
  text-decoration: none;
  font-family: inherit;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  transition: all 0.2s ease;
}
.cm-route-btn:hover {
  background: #D7FF00;
  border-color: #D7FF00;
  color: #000;
}
.cm-route-btn__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border: 1.5px solid currentColor;
  border-radius: 50%;
}
.cm-route-btn__icon svg {
  display: block;
}

/* --- Карта --- */
.cm-map-section {
  margin: 32px 0;
}
.cm-map-wrapper {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #E4E4E6;
}

/* --- Нижняя полоса --- */
.cm-bottom-strip {
  display: flex;
  background: #F6F6F6;
  border-radius: 12px;
  padding: 20px 0;
  margin-bottom: 20px;
}
.cm-strip-col {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 24px;
  border-left: 1px solid #E4E4E6;
}
.cm-strip-col:first-child {
  border-left: none;
}

/* ============================================================
   МОБИЛЬНАЯ АДАПТАЦИЯ
   ============================================================ */
@media (max-width: 767px) {
  .cm-hero {
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
  }
  .cm-hero__text {
    flex: none;
    font-size: 14px;
  }
  .info-page-hero-banner::before {
    padding-top: 35.71%;
  }
  .info-page-hero-banner__img--desktop {
    display: none;
  }
  .info-page-hero-banner__img--mobile {
    display: block;
  }
  .info-page-hero-banner__intro {
    max-width: 60% !important;
    padding: 10px 12px !important;
  }
  .info-page-hero-banner__intro--desktop {
    display: none;
  }
  .info-page-hero-banner__intro--mobile {
    display: block;
  }
  .info-page-hero-banner__slogan--desktop {
    display: none;
  }
  .info-page-hero-banner__slogan--mobile {
    display: block;
  }

  .cm-contact-cols {
    flex-direction: column;
    gap: 16px;
  }
  .cm-contact-col {
    border-left: none;
    padding-left: 0;
    border-top: 1px solid #E4E4E6;
    padding-top: 16px;
  }
  .cm-contact-col:first-child {
    border-top: none;
    padding-top: 0;
  }

  .cm-tabs {
    flex-direction: column;
    gap: 8px;
  }

  .cm-steps {
    flex-direction: column;
    gap: 14px;
  }

  .cm-route-btn {
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
  }

  .cm-bottom-strip {
    flex-direction: column;
    gap: 16px;
  }
  .cm-strip-col {
    border-left: none;
    padding: 0 24px;
  }
  .cm-strip-col:not(:first-child) {
    border-top: 1px solid #E4E4E6;
    padding-top: 16px;
  }
}

/* ============================================================
   СТРАНИЦА "ОПЛАТА" v2 — премиум редизайн (переиспользует
   .cm-* классы страницы "Контакты" и .info-page-hero-banner)
   ============================================================ */
.pm-page {
  max-width: 1400px;
  margin: 0 auto;
  color: #1a1a1a;
  font-family: 'Inter', 'Roboto', sans-serif;
}

/* --- Хиро: заголовок/подзаголовок/текст слева, баннер справа --- */
.pm-hero {
  align-items: center;
}
.pm-hero__text {
  flex: 0 0 380px;
}
.pm-hero__title {
  font-size: clamp(32px, 3.4vw, 44px);
  font-weight: 800;
  letter-spacing: 0.01em;
  margin: 0 0 8px;
  color: #000;
}
.pm-hero__subtitle {
  font-size: 19px;
  font-weight: 400;
  color: #444;
  margin-bottom: 14px;
  line-height: 1.35;
}
.pm-hero__desc {
  font-size: 14px;
  line-height: 1.55;
  color: #666;
  margin: 0;
}

/* --- Способы оплаты: карточки --- */
.pm-section {
  margin: 40px 0;
}
.pm-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.pm-card {
  background: #fff;
  border: 1px solid #E4E4E6;
  border-radius: 10px;
  padding: 24px 20px;
}
.pm-card__icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 16px;
}
.pm-card__icon img {
  max-width: 100%;
  height: 56px;
  object-fit: contain;
}
.pm-card__title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 8px;
  color: #1a1a1a;
}
.pm-card__desc {
  font-size: 13px;
  line-height: 1.5;
  color: #666;
  margin: 0;
}
.pm-card__desc b {
  color: #1a1a1a;
  font-weight: 600;
}

/* --- Юридические лица --- */
.pm-b2b {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 24px;
  background: #F6F6F6;
  border-radius: 12px;
  padding: 28px 32px;
  margin-bottom: 20px;
}
.pm-b2b__left {
  display: flex;
  gap: 18px;
  flex: 1;
  min-width: 0;
}
.pm-b2b__icon {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #EFEFEF;
  border: 1px solid #D0D0D2;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pm-b2b__visual {
  position: relative;
  flex: 0 0 auto;
  width: auto;
  max-width: 220px;
  height: 85%;
  max-height: 220px;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pm-b2b__accent {
  position: absolute;
  top: 10px;
  right: 4px;
  width: 60%;
  height: 90%;
  background: #D7FF00;
  border-radius: 4px;
  transform: rotate(6deg);
  z-index: 1;
}
.pm-b2b__visual img {
  position: relative;
  z-index: 2;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.12));
}
.pm-b2b__title {
  margin: 0 0 10px;
  font-size: 19px;
  font-weight: 700;
}
.pm-b2b__body p {
  font-size: 14px;
  line-height: 1.6;
  color: #444;
  margin: 0;
}
.pm-b2b__divider {
  height: 1px;
  background: #E4E4E6;
  margin: 14px 0;
}

/* --- Аккордеон безопасности --- */
.pm-accordion {
  margin-bottom: 20px;
}
.pm-accordion__head {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 16px 20px;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
}
.pm-accordion__icon {
  flex: 0 0 auto;
  opacity: 0.7;
}
.pm-accordion__label {
  flex: 1;
  font-size: 15px;
  font-weight: 600;
  color: #1a1a1a;
}
.pm-accordion__plus {
  flex: 0 0 auto;
  font-size: 20px;
  font-weight: 400;
  color: #666;
  width: 20px;
  text-align: center;
}
.pm-accordion__body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease;
  padding: 0 20px;
}
.pm-accordion__head--open + .pm-accordion__body {
  padding: 0 20px 20px;
  border-top: 1px solid #E4E4E6;
}
.pm-accordion__body h3 {
  font-size: 15px;
  font-weight: 600;
  margin: 18px 0 8px;
}
.pm-accordion__body h3:first-child {
  margin-top: 16px;
}
.pm-accordion__body p,
.pm-accordion__body li {
  font-size: 13px;
  line-height: 1.6;
  color: #555;
}
.pm-accordion__body ul {
  margin: 8px 0;
  padding-left: 20px;
}

/* --- Нижняя полоса --- */
.pm-strip {
  margin-top: 0;
}

/* ============================================================
   МОБИЛЬНАЯ АДАПТАЦИЯ
   ============================================================ */
@media (max-width: 767px) {
  .pm-hero {
    flex-direction: column;
    gap: 16px;
  }
  .pm-hero__text {
    flex: none;
  }
  .pm-hero__title {
    font-size: 28px;
  }
  .pm-hero__subtitle {
    font-size: 16px;
  }

  .pm-cards {
    grid-template-columns: 1fr;
  }

  .pm-b2b {
    flex-direction: column;
    padding: 20px;
  }
  .pm-b2b__visual {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .pm-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ============================================================
   СТРАНИЦА "ДОСТАВКА" v2 — премиум редизайн
   ============================================================ */
.dc-page {
  max-width: 1400px;
  margin: 0 auto;
  color: #1a1a1a;
  font-family: 'Inter', 'Roboto', sans-serif;
}

/* --- Калькулятор доставки --- */
.dc-calc {
  background: #F6F6F6;
  border-radius: 12px;
  padding: 24px 28px;
  margin: 0 0 24px 0;
}
.dc-calc .cm-section-title {
  margin-bottom: 6px;
}
.dc-calc__sub {
  font-size: 14px;
  color: #666;
  margin-bottom: 12px;
}
.dc-calc .delivery-calc-card {
  padding: 0;
  margin-bottom: 0;
}
.dc-calc .location-block-wrapper {
  margin: 0;
}
.dc-calc .bx-ui-sls-fake {
  background: #fff;
  outline: none;
  border: 1px solid #D0D0D2;
  border-radius: 8px;
  font-size: 14px;
}
.dc-calc .bx-ui-sls-fake:focus {
  outline: none;
  border: 2px solid #D7FF00;
}
.dc-calc .dropdown-icon {
  z-index: 2;
  width: 18px;
  height: 18px;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: center;
}
.dc-calc .bx-sls {
  position: relative;
}

/* --- Полоска преимуществ --- */
.dc-advantages {
  display: flex;
  background: #fff;
  border: 1px solid #E4E4E6;
  border-radius: 10px;
  padding: 20px 0;
  margin-bottom: 40px;
}
.dc-adv-item {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 24px;
  border-left: 1px solid #E4E4E6;
}
.dc-adv-item:first-child {
  border-left: none;
}
.dc-adv-item__title {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
}
.dc-adv-item__desc {
  font-size: 12px;
  color: #888;
  margin-top: 2px;
  line-height: 1.3;
}

/* --- Способы доставки: табы --- */
.dc-methods {
  margin-bottom: 40px;
}
.dc-tabs {
  display: flex;
  gap: 12px;
  margin-bottom: 24px;
}
.dc-tab {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 0;
  background: #fff;
  border: 1px solid #E4E4E6;
  border-radius: 8px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  color: #1a1a1a;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.dc-tab--active {
  background: #D7FF00;
  border-color: #D7FF00;
}

/* --- Контент таба --- */
.dc-tab-content {
  display: none;
}
.dc-tab-content--active {
  display: block;
}
.dc-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
}
.dc-card {
  background: #fff;
  border: 1px solid #E4E4E6;
  border-radius: 12px;
  padding: 28px;
}
.dc-card--secondary {
  background: #FAFAFA;
}
.dc-card--single {
  max-width: 700px;
}
.dc-card__label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #999;
  margin-bottom: 8px;
}
.dc-card__title {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 10px;
}
.dc-card__lead {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  margin: 0 0 20px;
}
.dc-card__lead a {
  color: #1a1a1a;
  text-decoration: underline;
}

/* --- Параметры (Срок/Стоимость) --- */
.dc-params {
  display: flex;
  gap: 28px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E4E4E6;
}
.dc-param {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.dc-param__label {
  font-size: 12px;
  color: #999;
  margin-bottom: 2px;
}
.dc-param__value {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
}
.dc-badge {
  background: #D7FF00;
  color: #000;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 4px;
  display: inline-block;
}

/* --- Список условий --- */
.dc-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dc-list li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 1.5;
  color: #555;
}
.dc-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #F6F6F6;
  border: 1px solid #D0D0D2;
}
.dc-list li::after {
  content: '';
  position: absolute;
  left: 3.5px;
  top: 8.5px;
  width: 7px;
  height: 4px;
  border-left: 1.5px solid #1a1a1a;
  border-bottom: 1.5px solid #1a1a1a;
  transform: rotate(-45deg);
}

/* --- Варианты доставки по Москве --- */
.dc-variants {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #E4E4E6;
}
.dc-variant-title {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 12px;
}
.dc-variant-row {
  display: grid;
  grid-template-columns: 90px 90px 1fr;
  gap: 12px;
  align-items: baseline;
  padding: 10px 0;
  border-top: 1px solid #F0F0F1;
  font-size: 13px;
}
.dc-variant-row:first-of-type {
  border-top: none;
}
.dc-variant-name {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 11px;
}
.dc-variant-price {
  font-weight: 600;
}
.dc-variant-desc {
  color: #666;
}

/* ============================================================
   МОБИЛЬНАЯ АДАПТАЦИЯ
   ============================================================ */
@media (max-width: 767px) {
  .dc-advantages {
    flex-direction: column;
  }
  .dc-adv-item {
    border-left: none;
    border-top: 1px solid #E4E4E6;
    padding: 14px 16px;
  }
  .dc-adv-item:first-child {
    border-top: none;
  }

  .dc-tabs {
    flex-direction: column;
  }

  .dc-columns {
    grid-template-columns: 1fr;
  }

  .dc-params {
    flex-direction: column;
    gap: 14px;
  }

  .dc-variant-row {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

/* Скрываем пустые пункты хлебных крошек (раздел без названия, напр. "О магазине")
   — иначе между двумя разделителями "/" остаётся видимый зазор */
.breadcrumb-inner .list-inline > li:empty,
.breadcrumb-inner .hb-list-inline > li:empty {
  display: none;
}

/* Мобильные крошки: единые аккуратные отступы (было: сверху ~40px, снизу 0px) */
@media (max-width: 767px) {
  .breadcrumb,
.hb-breadcrumb {
    padding-top: 12px;
    margin-bottom: 10px;
  }
}

/* Отключаем дефолтный разделитель Bootstrap (.breadcrumb > li + li:before),
   он дублируется с нашим кастомным разделителем в .breadcrumb-inner .list-inline */
.breadcrumb > li + li:before,
.hb-breadcrumb > li + li:before {
  content: none;
  padding: 0;
}

/* Отключаем ещё один устаревший разделитель крошек (.breadcrumb ul li:after из main.css) —
   он дублируется с нашим .breadcrumb-inner .list-inline > li + li::before */
.breadcrumb-inner .list-inline > li:after,
.breadcrumb-inner .hb-list-inline > li:after {
  content: none;
}

/* ============================================================
   КАРТОЧКИ КАТАЛОГА v2 — премиум редизайн (ИСПРАВЛЕННЫЙ СКОУП)
   Реальная разметка: #grid-container .catalog-grid.catalog-grid__item
   (родительская сетка колонок уже настроена выше, здесь только
   визуал карточки — не трогаем логику картинки/сетки)
   ============================================================ */

/* --- Карточка: почти невидимая, без рамки/тени по умолчанию --- */
#grid-container .catalog-grid .catalog-grid__item .products .product {
  position: relative;
  background: #fff;
  border: 1px solid rgba(17, 17, 17, 0.035);
  border-radius: 2px;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
  transform: translateY(0) scale(1);
}
.bx-no-touch #grid-container .catalog-grid .catalog-grid__item .products .product:hover {
  transform: translateY(-5px) scale(1.015);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.055);
  border-color: rgba(17, 17, 17, 0.08);
  z-index: 5;
}

/* --- Название товара --- */
#grid-container .catalog-grid__item .product-info .name.bx_catalog_item_title {
  font-family: 'Inter', 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
  color: #222222;
}
#grid-container .catalog-grid__item .product-info .name.bx_catalog_item_title a {
  color: #222222;
}

/* --- Артикул / SKU --- */
#grid-container .catalog-grid__item .article {
  font-family: 'Inter', 'Roboto', sans-serif;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 400;
  color: #A0A0A0;
}

/* --- Цена --- */
#grid-container .catalog-grid__item .product-price .price {
  font-family: 'Inter', 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 600;
}

/* --- Метки "New/Spec/Hit" --- */
#grid-container .catalog-grid__item .tags.block .tag.new {
  background: #D7FF00;
  color: #111111;
}
#grid-container .catalog-grid__item .tags.block .tag {
  font-family: 'Inter', 'Roboto', sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 2px;
  padding: 6px 10px;
}

/* ============================================================
   ИЗБРАННОЕ (сердечко) — переносим в правый верхний угол карточки,
   поверх картинки, без рамки/фона (по эскизу редизайна каталога).
   Кнопка "В корзину" — на всю ширину, раз сердечко больше не в потоке.
   ============================================================ */
#grid-container .catalog-grid .catalog-grid__item .products .product {
  position: relative;
}
#grid-container .catalog-grid .catalog-grid__item .products .product .cart .action a.wishlist {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 460;
  width: 32px;
  height: 32px;
  min-width: 0;
  flex: none;
  background: transparent;
  border: none;
  border-radius: 50%;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 150ms ease;
}
#grid-container .catalog-grid .catalog-grid__item .products .product .cart .action a.wishlist .icon {
  color: #333333;
  font-size: 20px;
}
#grid-container .catalog-grid .catalog-grid__item .products .product .cart .action a.wishlist:hover {
  background-color: #D7FF00;
  border-color: transparent;
  color: #111111;
}
#grid-container .catalog-grid .catalog-grid__item .products .product .cart .action a.wishlist:hover .icon {
  color: #111111;
}
#grid-container .catalog-grid .catalog-grid__item .products .product .cart .action a[id$="_buy_link"] {
  width: 100%;
}

/* ============================================================
   МОБИЛЬНЫЙ КАТАЛОГ: единый аккуратный отступ между блоками
   (крошки/заголовок/фильтры/сортировка/сетка) + уменьшенный H1.
   ============================================================ */
@media (max-width: 767px) {
  .breadcrumb,
.hb-breadcrumb {
    margin-top: 16px;
  }
  h1.noindex {
    font-size: 20px;
    line-height: 1.25;
    margin-top: 0;
    margin-bottom: 1px;
  }
  h3.section-title.mobil-filter {
    margin-top: 16px;
  }
  #mobile-filter-body .bx_filter_title_row {
    margin-bottom: 0;
  }
  .bx_filter_reset_all {
    display: block;
    margin-bottom: 0;
  }
  .product-sorting {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .product-sorting .lbl-cnt {
    margin-bottom: 0;
  }
  #grid-container {
    margin-top: -6px;
  }
}

/* ============================================================
   МОБИЛЬНЫЙ РЕДИЗАЙН — Этап 1: отключаем баннер "Мы на связи..."
   (.warning, фиксированный снизу) на мобильных — его место займёт
   новая нижняя навигация.
   ============================================================ */
@media (max-width: 767px) {
  .warning {
    display: none;
  }
}

/* ============================================================
   МОБИЛЬНЫЙ РЕДИЗАЙН — нижняя панель: 7 пунктов, компактнее,
   плюс подсветка активного пункта "Каталог".
   ============================================================ */
@media (max-width: 767px) {
  body ul.icon-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 4px;
  }
  body ul.icon-menu li {
    flex: 1 1 0;
    min-width: 0;
  }
  body ul.icon-menu li a {
    padding: 4px 2px;
  }

  /* Пункт "Меню" (бургер = переход в каталог/навигацию) —
     подсветка лаймовым фоном, тот же размер, что у соседей. */
  body ul.icon-menu li.menu-highlight {
    background-color: #F2FFB3;
    border-radius: 10px;
  }
}

/* ============================================================
   МОБИЛЬНЫЙ РЕДИЗАЙН — Этап 2: поиск + второй ряд иконок
   ============================================================ */
@media (max-width: 767px) {
  body .top-search-holder .bx-input-group {
    background-color: #F7F7F7;
    border: 1px solid #ECECEC;
    border-radius: 14px;
    height: 54px;
    box-shadow: none;
  }
  body .top-search-holder .bx-input-group input {
    height: 54px;
    background: transparent;
    font-size: 15px;
  }
  body .top-search-holder .bx-input-group-btn button {
    height: 54px;
    background: transparent;
    color: #929292;
  }

  /* Второй ряд иконок: компактные плитки, лёгкий фон, активный — лаймовый тинт */
  body .mobile_menu_compact {
    display: flex;
    justify-content: space-between;
    gap: 6px;
  }
  body .mobile_menu_compact a {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 4px;
    border-radius: 12px;
    background: transparent;
    text-decoration: none;
  }
  body .mobile_menu_compact a.active .block__img img {
    filter: grayscale(1) brightness(0);
  }
  body .mobile_menu_compact a.active .block__img {
    background-color: #F5FFCC;
    border-radius: 12px;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }
  body .mobile_menu_compact a .block__text span {
    color: #333333;
    font-size: 10px;
    white-space: nowrap;
  }
  body .top-search-holder .bx-input-group {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-left: 8px;
  }
  body .top-search-holder .bx-input-group-btn {
    display: flex;
    align-items: center;
    order: -1;
  }
  body .top-search-holder .bx-input-group-btn button {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body .top-search-holder .search-search {
    flex: 1 1 auto;
  }
  body .mobile_menu_compact a.active .block__text span {
    color: #6B7A00;
  }
  body .mobile_menu_compact a .block__img img {
    width: 42px;
    height: auto;
  }
}

/* ============================================================
   МОБИЛЬНЫЙ РЕДИЗАЙН — Этап 4a: компактная кнопка сортировки
   (прячем подпись "Сортировать по", стилизуем dropdown-toggle
   под тёмную плоскую кнопку — как "Фильтры").
   ============================================================ */
@media (max-width: 767px) {
  body .lbl-cnt .lbl {
    display: none;
  }
  body .lbl-cnt {
    display: block;
  }
  body .lbl-cnt .fld.inline {
    display: block;
    width: 100%;
  }
  body .lbl-cnt .hb-dropdown.inline {
    display: block;
    width: 100%;
  }
  body .lbl-cnt .hb-dropdown-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: #F7F7F7;
    border: 1px solid #ECECEC;
    border-radius: 10px;
    padding: 12px;
    color: #333333;
    font-size: 13px;
  }
}

/* ============================================================
   МОБИЛЬНЫЙ РЕДИЗАЙН — Этап 4b: бейдж-счётчик активных фильтров
   ============================================================ */
@media (max-width: 991px) {
  body .filter-badge-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    margin-left: 8px;
    border-radius: 10px;
    background-color: #D7FF00;
    color: #111111;
    font-size: 12px;
    font-weight: 700;
  }
}

/* ============================================================
   МОБИЛЬНЫЙ РЕДИЗАЙН — Этап 4c: "Найдено N товаров"
   ============================================================ */
@media (max-width: 767px) {
  body .found-count-mobile {
    font-size: 13px;
    color: #666666;
    margin-bottom: 8px;
  }
}

/* ============================================================
   МОБИЛЬНЫЙ РЕДИЗАЙН — Этап 4d (v2, строго по эскизу):
   строка Фильтры + Сортировка, строка Сбросить + Найдено.
   Прямоугольные кнопки (radius 12px), высота 54px, две равные колонки,
   ряд вытянут на ширину карточек (компенсация padding 15px колонки .sidebar).
   ============================================================ */
@media (max-width: 991px) {
  body .filter-sort-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
    align-items: stretch;
    margin: 0 -15px;
  }
  body .filter-sort-row .mobil-filter,
  body .filter-sort-row .lbl-cnt {
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0;
    float: none;
  }

  /* --- Фильтры --- */
  body .filter-sort-row .mobil-filter {
    height: 54px;
    box-sizing: border-box;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    background-color: #111111;
    border: 1px solid #111111;
    border-radius: 12px;
    color: #ffffff;
    font-family: 'Manrope', 'Inter', 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
    overflow: hidden;
  }
  body .filter-sort-row .mobil-filter i {
    margin: 0;
    color: #ffffff;
    font-size: 16px;
    line-height: 1;
  }
  body .filter-sort-row .mobil-filter::after {
    content: "";
    flex: none;
    width: 7px;
    height: 7px;
    margin: 0 3px 0 auto;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-bottom: 0;
    border-left: 0;
    transform: rotate(45deg);
    opacity: 1;
  }

  /* --- Сортировка --- */
  body .filter-sort-row .lbl-cnt {
    display: block;
  }
  body .filter-sort-row .lbl-cnt .lbl {
    display: none;
  }
  body .filter-sort-row .lbl-cnt .fld.inline,
  body .filter-sort-row .lbl-cnt .hb-dropdown.inline {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
  }
  body .filter-sort-row .lbl-cnt .hb-dropdown-toggle {
    height: 54px;
    min-height: 54px;
    width: 100%;
    max-width: none;
    margin: 0;
    box-sizing: border-box;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    background-color: #F7F7F7;
    border: 1px solid #ECECEC;
    border-radius: 12px;
    color: #111111;
    font-family: 'Manrope', 'Inter', 'Roboto', sans-serif;
    font-size: clamp(11px, 3.1vw, 14px);
    font-weight: 500;
    line-height: 1.15;
    text-align: left;
    text-transform: none;
    white-space: normal;
  }
  body .filter-sort-row .lbl-cnt .hb-dropdown-toggle::before {
    content: "";
    flex: none;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 20V4M8 4L4 8M8 4l4 4M16 4v16M16 20l-4-4M16 20l4-4'/%3E%3C/svg%3E") center / contain no-repeat;
  }
  body .filter-sort-row .lbl-cnt .hb-dropdown-toggle .hb-caret {
    flex: none;
    width: 7px;
    height: 7px;
    margin: -3px 3px 0 auto;
    border-top: 0;
    border-left: 0;
    border-right: 2px solid #111111;
    border-bottom: 2px solid #111111;
    transform: rotate(45deg);
  }

  /* --- Сбросить все + Найдено --- */
  body .reset-found-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 12px -15px 8px;
    font-family: 'Manrope', 'Inter', 'Roboto', sans-serif;
  }
  body .reset-found-row .bx_filter_reset_all {
    display: inline-block;
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    color: #111111;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  body .reset-found-row .bx_filter_reset_all::after {
    content: "\2715";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-left: 8px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #ECECEC;
    border-radius: 50%;
    color: #111111;
    font-size: 10px;
    line-height: 1;
    vertical-align: middle;
    text-decoration: none;
  }
  body .found-count-mobile::before {
    content: "Найдено ";
  }
  body .reset-found-row .found-count-mobile {
    margin: 0;
    color: #929292;
    font-size: 13px;
    font-weight: 400;
  }
}

/* ============================================================
   МОБИЛЬНЫЙ РЕДИЗАЙН — шрифт по промту (Manrope, запасной Inter)
   Специфичность низкая (только элементы), иконочные шрифты (классы) не задеваются.
   ============================================================ */
@media (max-width: 767px) {
  body, body h1, body h2, body h3, body h4, body p, body a, body span,
  body div, body li, body button, body input, body label {
    font-family: 'Manrope', 'Inter', 'Roboto', sans-serif;
  }
}

/* ============================================================
   МОБИЛЬНЫЙ РЕДИЗАЙН — Этап 3 (карточка каталога, mobile):
   без «В наличии», всё по левому краю, иерархия по промту.
   Убираем линию и лишний padding над сеткой товаров.
   ============================================================ */
@media (max-width: 767px) {
  body .search-result-container .category-product.inner-top-vs {
    border-top: 0;
    padding-top: 17px;
  }
  body #grid-container .bx_catalog_list_home .artikel-nal-row .product-catalog-nal {
    display: none;
  }
  body #grid-container .bx_catalog_list_home .artikel-nal-row .article {
    float: none;
    margin: 2px 0 6px;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    color: #929292;
  }
  body #grid-container .catalog-grid__item .product-info .name,
  body #grid-container .catalog-grid__item .product-info .name a {
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    color: #111111;
  }
  body #grid-container .catalog-grid__item .product-info .product-price {
    text-align: left;
  }
  body #grid-container .catalog-grid__item .product-info .product-price .price {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    color: #111111;
  }
}

/* ============================================================
   МОБИЛЬНЫЙ РЕДИЗАЙН — пустой .filters-container (mobile):
   после JS-переноса сортировки и счётчика в ряд кнопок остаётся
   пустая оболочка (~45px). Прячем её только когда .lbl-cnt уже вынесен.
   ============================================================ */
@media (max-width: 767px) {
  body .homebanner-holder > .filters-container:not(:has(.lbl-cnt)) {
    display: none;
  }
}

/* ============================================================
   Десктоп: бейдж-счётчик фильтров — только для мобильных.
   Его стиль живёт в @media ≤767px, а на десктопе голый <span>
   слипался с заголовком «Фильтры». Мобильные правила не затронуты.
   ============================================================ */
@media (min-width: 768px) {
  .filter-badge-count {
    display: none;
  }
}

/* ============================================================
   Десктоп: строка управления каталога (v2), по эскизу.
   «Найдено N» слева, справа сортировка и иконки вида.
   Колонки Bitrix превращаем в display:contents (в старых правилах
   на них нет display — !important не мешает), верхнюю пагинацию
   прячем: внизу страницы есть вторая. Мобильные блоки не затронуты.
   ============================================================ */
@media (min-width: 992px) {
  body .filters-container > .hb-row > .col:nth-child(1),
body .filters-container > .hb-row > .col:nth-child(2),
body .filters-container > .hb-row > .col:nth-child(2) > .col {
    display: contents;
  }
  body .filters-container > .hb-row > .col:nth-child(3) {
    display: none;
  }
  body .filters-container > .hb-row {
    column-gap: 12px;
  }
  body .filters-container .found-count-mobile {
    order: 1;
    margin: 0 auto 0 0;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #111111;
  }
  body .filters-container .found-count-mobile::before {
    content: "Найдено ";
  }
  body .filters-container .lbl-cnt {
    order: 2;
  }
  body .filters-container .filter-tabs {
    order: 3;
  }
}

/* ============================================================
   Десктоп: карточка каталога (v2, шаг 1) — текст по эскизу.
   Без «В наличии», отступы: фото → название 10px, название → артикул 4px.
   Мобильные и планшетные блоки не затронуты (только от 992px).
   ============================================================ */
@media (min-width: 992px) {
  body #grid-container .catalog-grid .catalog-grid__item .artikel-nal-row .product-catalog-nal {
    display: none;
  }
  body #grid-container .catalog-grid .catalog-grid__item .product-info {
    padding: 0 12px 0;
  }
  body #grid-container .catalog-grid .catalog-grid__item .product-info .name.bx_catalog_item_title {
    margin: 10px 0 4px;
    padding: 0;
    min-height: 0;
  }
  body #grid-container .catalog-grid .catalog-grid__item .product-info .name.bx_catalog_item_title a {
    font-size: 14px;
    font-weight: 400;
  }
}

/* ============================================================
   Десктоп: карточка каталога (v2, шаг 2) — фото, кнопка-оверлей.
   Фото квадратное (100%, contain — вертикальные и горизонтальные
   снимки не обрезаются). Блок .cart больше не прячется целиком
   (сердечко видно в покое). Кнопка «В корзину» лежит под карточкой,
   в покое невидима и не ловит клики; при наведении/фокусе
   появляется на белой подложке. Боковые поля 12px — clip-path.
   Обрезка .products (overflow) снимается при hover/focus-within.
   ============================================================ */
@media (min-width: 992px) {
  body #grid-container .catalog-grid .catalog-grid__item .bx_catalog_item_images {
    padding-top: 100%;
  }
  body #grid-container .catalog-grid .catalog-grid__item .product .cart .action a[id$="_buy_link"] {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    right: 0;
    z-index: 2;
    min-height: 44px;
    margin: 0;
    clip-path: inset(0 12px round 2px);
    opacity: 0;
    pointer-events: none;
    transform: translateY(4px);
    transition: opacity 180ms ease, transform 180ms ease;
  }
  body #grid-container .catalog-grid .catalog-grid__item .product:hover .cart .action a[id$="_buy_link"],
  body #grid-container .catalog-grid .catalog-grid__item .product:focus-within .cart .action a[id$="_buy_link"] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
  body #grid-container .catalog-grid .catalog-grid__item .product:hover .cart::after,
  body #grid-container .catalog-grid .catalog-grid__item .product:focus-within .cart::after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    height: 66px;
    z-index: 1;
    clear: none;
    background: #ffffff;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-top: 0;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.055);
  }
  body #grid-container .catalog-grid .catalog-grid__item:focus-within {
    z-index: 999;
  }
  body #grid-container .catalog-grid .catalog-grid__item .products:focus-within {
    overflow: visible;
  }
}

/* ============================================================
   Десктоп: «Загрузить ещё» — по промту: блок 430×54, фон #F7F7F7,
   по центру области каталога, отступ сверху 30px, снизу 28px.
   Отступ подобран под новую карточку (кнопка «В корзину» при hover
   накрывает верх .lazy-wrap, сетка не прыгает).
   ============================================================ */
@media (min-width: 768px) {
  body .lazy-wrap {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
  }
  body .lazy-wrap a.lazy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 430px;
    max-width: 100%;
    height: 54px;
    padding: 0 20px;
    box-sizing: border-box;
    background: #F7F7F7;
    border: 0;
    border-radius: 2px;
    color: #111111;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color 180ms ease;
  }
  body .lazy-wrap a.lazy:hover,
  body .lazy-wrap a.lazy:focus {
    background: #EFEFEF;
    color: #111111;
  }
  body .lazy-wrap a.lazy::after {
    content: "";
    flex: none;
    width: 7px;
    height: 7px;
    margin-top: -3px;
    border-right: 2px solid #111111;
    border-bottom: 2px solid #111111;
    transform: rotate(45deg);
  }
}

/* ============================================================
   Десктоп: пагинация внизу каталога — по промту.
   По центру области каталога, страницы 34x34, активная на #F2F2F2,
   стрелки без фона. Только страницы каталога (:has(.catalog-grid)) —
   блог со своей пагинацией не затронут. Заодно радиус «Загрузить ещё»:
   его перебивало .cnt-homepage .homepage-container .btn-primary (0,3,0).
   ============================================================ */
@media (min-width: 768px) {
  body:has(.catalog-grid) .text-right .pagination-container,
body:has(.catalog-grid) .hb-text-right .pagination-container {
    text-align: center;
  }
  body:has(.catalog-grid) .text-right .pagination-container ul,
body:has(.catalog-grid) .hb-text-right .pagination-container ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0;
    padding: 0;
  }
  body:has(.catalog-grid) .text-right .pagination-container ul li,
body:has(.catalog-grid) .hb-text-right .pagination-container ul li {
    display: block;
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 2px;
  }
  body:has(.catalog-grid) .text-right .pagination-container ul li a,
  body:has(.catalog-grid) .text-right .pagination-container ul li span,
body:has(.catalog-grid) .hb-text-right .pagination-container ul li a,
body:has(.catalog-grid) .hb-text-right .pagination-container ul li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding: 0 8px;
    box-sizing: border-box;
    background: transparent;
    border-radius: 2px;
    color: #111111;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
  }
  body:has(.catalog-grid) .text-right .pagination-container ul li.active a,
  body:has(.catalog-grid) .text-right .pagination-container ul li.active span,
body:has(.catalog-grid) .hb-text-right .pagination-container ul li.active a,
body:has(.catalog-grid) .hb-text-right .pagination-container ul li.active span {
    background: #F2F2F2;
    color: #111111;
    font-weight: 500;
    text-decoration: none;
  }
  body:has(.catalog-grid) .text-right .pagination-container ul li a:hover,
body:has(.catalog-grid) .hb-text-right .pagination-container ul li a:hover {
    background: #F7F7F7;
    color: #111111;
  }
  body:has(.catalog-grid) .text-right .pagination-container ul li.prev a,
  body:has(.catalog-grid) .text-right .pagination-container ul li.next a,
body:has(.catalog-grid) .hb-text-right .pagination-container ul li.prev a,
body:has(.catalog-grid) .hb-text-right .pagination-container ul li.next a {
    font-size: 18px;
    color: #111111;
  }
  .cnt-homepage .homepage-container a.lazy.hb-cbtn,
.cnt-homepage .homepage-container a.lazy.hb-button-primary {
    border-radius: 2px;
  }
}

/* ============================================================
   Десктоп: ширина боковой панели каталога — по промту.
   Панель фильтров 250px + зазор 32px (правый padding сайдбара:
   у колонки товаров отступ даёт инлайн padding:0 из footer.php),
   товары занимают весь остаток. Базовые правила выше (от 768px)
   теперь без !important — хватает честной специфичности.
   Только страницы каталога (в body есть #grid-container).
   Планшет 768-991px остаётся на 25% / 75%.
   ============================================================ */
@media (min-width: 992px) {
  body:has(#grid-container) .homepage-container:has(> .sidebar) > .sidebar { padding-right: 32px; }
}

/* ============================================================
   Каталог: выпадающий список сортировки без Bootstrap CSS.
   Раньше скрытие/показ (.dropdown-menu / .open > .dropdown-menu),
   позиция и стрелка .caret жили в bootstrap.css. Переключение
   класса .open по-прежнему делает bootstrap.min.js (data-toggle),
   его не трогаем. Оформление по промту: белое меню, рамка #E3E3E0,
   радиус 4px, пункты 14px. Правила привязаны к списку сортировки
   каталога в .filters-container — остальные выпадающие списки сайта
   (мега-меню, корзина) и мобильный список (переносится из
   .filters-container в ряд кнопок) не затронуты.
   ============================================================ */
body:has(.catalog-grid) .filters-container .lbl-cnt .hb-dropdown.dropdown-med {
  position: relative;
}
body:has(.catalog-grid) .filters-container .lbl-cnt .hb-dropdown.dropdown-med .hb-dropdown-menu {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 1000;
  min-width: 100%;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  text-align: left;
  background: #ffffff;
  border: 1px solid #E3E3E0;
  border-radius: 4px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.055);
}
body:has(.catalog-grid) .filters-container .lbl-cnt .hb-dropdown.dropdown-med.open .hb-dropdown-menu {
  display: block;
}
body:has(.catalog-grid) .filters-container .lbl-cnt .hb-dropdown.dropdown-med .hb-dropdown-menu li a {
  display: block;
  padding: 9px 14px;
  color: #111111;
  font-family: 'Inter', Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  white-space: nowrap;
  text-decoration: none;
}
body:has(.catalog-grid) .filters-container .lbl-cnt .hb-dropdown.dropdown-med .hb-dropdown-menu li a:hover,
body:has(.catalog-grid) .filters-container .lbl-cnt .hb-dropdown.dropdown-med .hb-dropdown-menu li a:focus {
  background: #F7F7F5;
  color: #111111;
}
body:has(.catalog-grid) .filters-container .lbl-cnt .hb-dropdown.dropdown-med .hb-cbtn .hb-caret,
body:has(.catalog-grid) .filters-container .lbl-cnt .hb-dropdown.dropdown-med .hb-button .hb-caret {
  display: inline-block;
  flex: none;
  width: 7px;
  height: 7px;
  margin: -3px 3px 0 auto;
  border: 0;
  border-right: 2px solid #111111;
  border-bottom: 2px solid #111111;
  transform: rotate(45deg);
  vertical-align: middle;
}

/* ============================================================
   Каталог: панель фильтров на телефоне — тот же вид, что на десктопе.
   Стили привязаны к форме (form.smartfilter), а не к #mobile-filter-body:
   иначе серый фон захватил бы ряд «Фильтры / По популярности».
   display формы не трогаем — её открывает slideToggle. Форма растянута
   до краёв карточек. Подпись пункта на десктопе: обычный вес, Inter.
   ============================================================ */
@media (min-width: 992px) {
  body:has(.bx_filter) #mobile-filter-body .bx_filter_param_label .bx_filter_param_text {
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 400;
  }
}
@media (max-width: 991px) {
  body:has(.bx_filter) #mobile-filter-body form.smartfilter {
    margin: 12px -15px 0;
    padding: 4px 16px 16px;
    background: #F7F7F5;
    border-radius: 4px;
  }
  body:has(.bx_filter) #mobile-filter-body form.smartfilter .bx_filter_parameters_box_title {
    padding: 14px 0;
    background: transparent;
    border-bottom: 1px solid #E6E6E3;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #111111;
  }
  body:has(.bx_filter) #mobile-filter-body form.smartfilter .bx_filter_block {
    padding: 12px 0 4px;
  }
  body:has(.bx_filter) #mobile-filter-body form.smartfilter .bx_filter_input_checkbox input[type=checkbox],
  body:has(.bx_filter) #mobile-filter-body form.smartfilter .bx_filter_input_checkbox input[type=radio] {
    width: 18px;
    height: 18px;
    accent-color: #000000;
  }
  body:has(.bx_filter) #mobile-filter-body form.smartfilter .bx_filter_param_text {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #444444;
  }
  body:has(.bx_filter) #mobile-filter-body form.smartfilter .bx_filter_btn_color_icon {
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
  }
  body:has(.bx_filter) #mobile-filter-body form.smartfilter .bx_filter_param_label.active .bx_filter_btn_color_icon {
    box-shadow: inset 0 0 0 2px #D7FF00, inset 0 0 0 3px #000000;
  }
  body:has(.bx_filter) #mobile-filter-body form.smartfilter .bx_filter_parameters_box_container_block {
    width: 48%;
  }
  body:has(.bx_filter) #mobile-filter-body form.smartfilter .bx_filter_input_container input {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #E3E3E0;
    border-radius: 4px;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
  }
  body:has(.bx_filter) #mobile-filter-body form.smartfilter .bx_filter_button_box {
    margin-top: 16px;
    padding: 0;
  }
  body:has(.bx_filter) #mobile-filter-body form.smartfilter #set_filter.hb-cbtn.hb-cbtn,
body:has(.bx_filter) #mobile-filter-body form.smartfilter #set_filter.hb-button.hb-button-primary {
    display: block;
    width: 100%;
    height: 48px;
    min-height: 48px;
    padding: 0 20px;
    background: #D7FF00;
    border: 0;
    border-radius: 4px;
    box-shadow: none;
    color: #111111;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    text-transform: none;
  }
}
/* ============================================================
   Каталог: теги до JS — без вспышки сетки 3x4.
   Обёртку .tags-slider-wrapper и стрелки создаёт скрипт в footer.php
   (DOMContentLoaded, в самом конце страницы). Пока он не выполнился,
   .row тегов ещё без класса .wrapped и Bootstrap рисует col-xs-4 в
   три колонки. До скрипта показываем теги так же, как после него:
   одна строка, без переноса, без полосы прокрутки.
   Только от 768px — на телефоне теги скрыты своими правилами.
   ============================================================ */
@media (min-width: 768px) {
  body .product-sorting > .hb-row:not(.wrapped) {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    scrollbar-width: none;
  }
  body .product-sorting > .hb-row:not(.wrapped)::before,
body .product-sorting > .hb-row:not(.wrapped)::after {
    display: none;
  }
  body .product-sorting > .hb-row:not(.wrapped) > div {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    float: none;
  }
  body .product-sorting > .hb-row:not(.wrapped) > div > a {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0 18px;
    height: 42px;
    box-sizing: border-box;
    border: 1px solid #E2E2DF;
    border-radius: 4px;
    background: #ffffff;
    color: #222222;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-transform: none;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
  }
  body .product-sorting > .hb-row:not(.wrapped)::-webkit-scrollbar {
    display: none;
  }
}

/* ============================================================
   Каталог: пустая выдача на телефоне и планшете. Без товаров нет блока
   сортировки, и JS-перестройка ряда выходит сразу; собираем строку
   чистым CSS так, чтобы «Фильтры» и «Сбросить все» выглядели как в
   обычном ряду: те же размеры, шеврон, счётчик, крестик в круге.
   ============================================================ */
@media (max-width: 991px) {
  body:has(#mobile-filter-body) #mobile-filter-body:not(:has(.filter-sort-row)) .bx_filter_title_row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    margin: 0 -15px -15px;
    padding: 0;
  }
  body:has(#mobile-filter-body) #mobile-filter-body:not(:has(.filter-sort-row)) .bx_filter_title_row .mobil-filter {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    height: 54px;
    margin: 0;
    padding: 0 14px;
    box-sizing: border-box;
    background: #111111;
    border: 1px solid #111111;
    border-radius: 12px;
    color: #ffffff;
    font-family: 'Manrope', 'Inter', Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
    overflow: hidden;
  }
  body:has(#mobile-filter-body) #mobile-filter-body:not(:has(.filter-sort-row)) .bx_filter_title_row .mobil-filter i {
    margin: 0;
    color: #ffffff;
  }
  body:has(#mobile-filter-body) #mobile-filter-body:not(:has(.filter-sort-row)) .bx_filter_title_row .mobil-filter::after {
    content: "";
    flex: none;
    width: 7px;
    height: 7px;
    margin: 0 3px 0 auto;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    transform: rotate(45deg);
  }
  body:has(#mobile-filter-body) #mobile-filter-body:not(:has(.filter-sort-row)) .bx_filter_title_row .bx_filter_reset_all {
    display: inline-block;
    align-items: center;
    justify-self: start;
    margin: 0;
    padding: 0;
    color: #111111;
    font-family: 'Manrope', 'Inter', Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  body:has(#mobile-filter-body) #mobile-filter-body:not(:has(.filter-sort-row)) .bx_filter_title_row .bx_filter_reset_all::after {
    content: "\2715";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-left: 8px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #ECECEC;
    border-radius: 50%;
    color: #111111;
    font-size: 10px;
    line-height: 1;
    text-decoration: none; vertical-align: top;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body:has(#mobile-filter-body) #mobile-filter-body:not(:has(.filter-sort-row)) .bx_filter_title_row {
    margin: 0;
    max-width: 640px;
  }
}

/* ============================================================
   Десктоп: пустая выдача каталога. Заголовок, подсказка и кнопка
   сброса — только от 992px; на телефоне остаётся один текст.
   ============================================================ */
/* Телефон: пустая выдача каталога — тот же блок, что на десктопе,
   но компактнее: заголовок 22px, кнопка на всю ширину. */
@media (max-width: 991px) {
  body .catalog-empty {
    padding: 40px 0 56px;
    text-align: center;
  }
  body .catalog-empty .catalog-empty__title {
    font-family: 'Manrope', 'Inter', Arial, sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.25;
    color: #111111;
  }
  body .catalog-empty .catalog-empty__hint {
    display: block;
    margin-top: 10px;
    font-family: 'Manrope', 'Inter', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.45;
    color: #8C8C8C;
  }
  body .catalog-empty .catalog-empty__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    margin-top: 24px;
    background: #D7FF00;
    border-radius: 4px;
    color: #111111;
    font-family: 'Manrope', 'Inter', Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
  }
}

.catalog-empty__hint,
.catalog-empty__btn {
  display: none;
}
@media (min-width: 992px) {
  body .catalog-empty {
    max-width: 560px;
    margin: 0 auto;
    padding: 96px 24px 120px;
    text-align: center;
  }
  body .catalog-empty .catalog-empty__title {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.25;
    color: #111111;
  }
  body .catalog-empty .catalog-empty__hint {
    display: block;
    margin-top: 12px;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.45;
    color: #8C8C8C;
  }
  body .catalog-empty .catalog-empty__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    margin-top: 28px;
    padding: 0 28px;
    background: #D7FF00;
    border-radius: 4px;
    color: #111111;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
  }
  body .catalog-empty .catalog-empty__btn:hover {
    background: #c2e600;
    color: #111111;
    text-decoration: none;
  }
}

/* ============================================================
   Каталог: плашки категорий — фокус с клавиатуры. Тот же лаймовый вид,
   что при наведении, плюс мягкий переход. Только от 768px.
   ============================================================ */
@media (min-width: 768px) {
  body .product-sorting .hb-row a {
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
  }
  body .product-sorting .hb-row a:focus-visible {
    background: #D7FF00;
    border-color: #D7FF00;
    color: #111111;
    outline: 0;
  }
}

/* ============================================================
   Стандарт ширины страницы — ЕДИНСТВЕННОЕ место, где она задаётся.
   Раньше .container вели пять правил из четырёх мест (main.css,
   template_styles.css: группа, контент, шапка, каталог), и всё
   держалось на !important. Теперь: 96% окна, но не шире --site-max.
   Значение подобрано под карточки каталога ~250px (промт: 245-255).
   Хочешь шире/уже — меняй только --site-max.
   ============================================================ */
:root {
  --site-max: 1380px;
}
@media (min-width: 768px) {
  body .hb-container {
    width: min(96%, var(--site-max));
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  body .hb-container {
    max-width: 100%;
    overflow-x: clip;
  }
}
/* tablet-filter-v27b: границы «телефонного» вида фильтра сдвинуты с 767px на 991px */

/* ============================================================
   Планшет: каталог в одну колонку (768-991px), как на телефоне.
   Кнопка «Фильтры» и форма фильтра собираются в ряд скриптом
   (catalog.section/template.php, matchMedia 991px) и лежат в сайдбаре;
   чтобы ряд получил всю ширину, контейнер становится блочным, а
   сайдбар и колонка товаров — на 100% ширины друг под другом.
   ============================================================ */
@media (min-width: 768px) and (max-width: 991px) {
  body:has(#mobile-filter-body) .homepage-container:has(> .sidebar) > .sidebar,body:has(#mobile-filter-body) .homepage-container:has(> .sidebar) > .homebanner-holder { padding-left: 0; padding-right: 0; }
}

/* ============================================================
   Планшет: шапка, отступ поиска (768-991px). Компенсирующий
   margin-top: -33px у .header-v2__right-col подбирали на телефоне
   390px; на планшете он уводил поиск выше верха окна. Возвращаем
   нормальный отступ только для планшета — телефон и десктоп не затронуты.
   ============================================================ */
@media (min-width: 768px) and (max-width: 991px) {
  body .header-v2__right-col.header-v2__right-col {
    margin-top: 0;
  }
  body .top-search-holder.top-search-holder {
    margin-top: 20px;
  }
}

/* ============================================================
   Планшет: ряд фильтров по ширине контента (768-991px).
   На телефоне ряд, форма и строка «Сбросить все» растянуты
   отрицательными отступами -15px до краёв экрана; на планшете
   контейнер шире, и они выходили за края. Возвращаем к контенту
   и ограничиваем 640px.
   ============================================================ */
@media (min-width: 768px) and (max-width: 991px) {
  body:has(#mobile-filter-body) .filter-sort-row,
  body:has(#mobile-filter-body) .reset-found-row {
    margin-left: 0;
    margin-right: 0;
    max-width: 640px;
  }
  body:has(.bx_filter) #mobile-filter-body.hidden-sm-filter form.smartfilter {
    margin-left: 0;
    margin-right: 0;
    max-width: 640px;
  }
}

/* ============================================================
   Планшет: город над поиском, меню и крошки ближе (768-991px).
   На планшете в .header-v2__right-group виден только город
   (.header-v2__geo): телефоны, ссылки и корзина скрыты. Город
   становится тонкой полосой справа НАД поиском; освободившееся
   место под поиском убирается, меню и крошки подтягиваются.
   ============================================================ */
@media (min-width: 768px) and (max-width: 991px) {
  body .header-v2__top-row {
    position: relative;
    padding-top: 22px;
    margin-bottom: 8px;
  }
  body .header-v2__top-row .header-v2__right-group {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 22px;
    margin: 0;
    padding: 0;
  }
  body .header-v2__top-row .header-v2__geo {
    justify-content: flex-end;
    font-size: 13px;
    line-height: 22px;
  }
  body .breadcrumb,
body .hb-breadcrumb {
    padding-top: 6px;
  }
}

/* ============================================================
   Планшет: мегаменю, пункты в один столбик (768-991px).
   Три колонки Дизайн / Цвет / Материал остаются рядом (по 33.333%),
   а пункты внутри каждой — в один столбик вместо двух: при ширине
   колонки ~184px два столбца по 90px не помещали слова
   (ОДНОТОННЫЕ, КОРИЧНЕВЫЕ) и они наезжали друг на друга.
   ============================================================ */
@media (min-width: 768px) and (max-width: 991px) {
  .sectionMenu-nav > .hb-mega__sub .submenu_items .itm.hb-mega__itm {
    float: none;
    width: 100%;
  }
}

/* ============================================================
   Каталог: соседи сетки товаров. Раньше `.bx_catalog_list_home + *`
   входил в общее правило main.css (clear/display/width/position/
   margin-top:40px, всё с !important), из-за чего «Загрузить ещё»
   получал 40px сверху и не слушался блока .lazy-wrap. Для остальных
   соседей сетки те же значения без !important; .lazy-wrap исключён.
   ============================================================ */
.bx_catalog_list_home + *:not(.lazy-wrap) {
  clear: both;
  display: block;
  width: 100%;
  position: relative;
  margin-top: 40px;
  z-index: 1;
}
@media (min-width: 768px) and (max-width: 991px) {
  body .category-product .lazy-wrap {
    margin-top: 8px;
  }
}

/* ============================================================
   Планшет: карточка каталога (768-991px), как на десктопе, но без
   оверлея: на сенсорном экране кнопка «В корзину» остаётся в потоке
   и видна всегда. Здесь только текст и фото — размеры шрифтов,
   отступы, квадратное фото, без «В наличии».
   ============================================================ */
@media (min-width: 768px) and (max-width: 991px) {
  body #grid-container .catalog-grid .catalog-grid__item .artikel-nal-row .product-catalog-nal {
    display: none;
  }
  body #grid-container .catalog-grid .catalog-grid__item .product-info {
    padding: 0 12px 0;
  }
  body #grid-container .catalog-grid .catalog-grid__item .product-info .name.bx_catalog_item_title {
    margin: 10px 0 4px;
    padding: 0;
    min-height: 0;
  }
  body #grid-container .catalog-grid .catalog-grid__item .product-info .name.bx_catalog_item_title a {
    font-size: 14px;
    font-weight: 400;
  }
  body #grid-container .catalog-grid .catalog-grid__item .bx_catalog_item_images {
    padding-top: 100%;
  }
}

/* ============================================================
   Планшет: пустая выдача, верхний отступ (768-991px). Блок сообщения
   (телефонный блок, распространённый до 991px) добавлял 40px сверху
   поверх 28px отступа строки «Фильтры / Сбросить все» — сообщение
   уезжало на 68px от кнопки. Убираем верхний отступ блока; телефон
   и десктоп не затронуты.
   ============================================================ */
@media (min-width: 768px) and (max-width: 991px) {
  body .catalog-empty {
    padding-top: 4px;
  }
}

/* ============================================================
   Десктоп и планшет: цена в карточке по левому краю, как название и
   артикул (эскиз). Раньше центрировали .product .product-price
   (style.css) и .product-price (template_styles.css). На телефоне
   то же уже сделано отдельным блоком.
   ============================================================ */
@media (min-width: 768px) {
  body #grid-container .catalog-grid__item .product-info .product-price {
    text-align: left;
  }
}

/* ============================================================
   Десктоп: запас под тень hover через overflow-clip-margin. Сетка режет
   всё, что выходит за её край (overflow-x: clip), поэтому у крайних
   колонок пропадали граница и тень поднятой карточки. Раньше запас
   давали padding 24px и отрицательные отступы (блок v42) — они сужали
   карточки с 250 до 238px. Теперь область обрезки просто шире на 24px,
   раскладка не меняется. Если браузер свойство не знает, поведение
   прежнее (края срезаны), вёрстка не страдает.
   ============================================================ */
@media (min-width: 992px) {
  body #grid-container .catalog-grid {
    overflow-clip-margin: 24px;
  }
}

/* ============================================================
   Каталог: кнопка покупки без !important (768px и выше). Три правила
   main.css (`#grid-container .products .action` и два для `a.add_to_basket`,
   всего 38 !important) заменены на два. В них жили и мёртвые значения
   (синяя рамка #36a4da, прозрачный фон — их перебивал лаймовый блок),
   и рабочие: высота 44px, рамка и радиус. В .action остались только
   свойства, гасящие hover-оформление (position, left/right, фон, рамка):
   display/gap/padding на десктопе не действуют (display:block !important
   из правила выше по файлу), проверено при наведении.
   Селектор .action включает :hover — старое правило main.css гасило
   белый блок с рамкой из template_styles.css при наведении на карточку.
   Проверено в живой странице (в т.ч. при наведении): отличий нет.
   ============================================================ */
@media (min-width: 768px) {
  body #grid-container .catalog-grid .catalog-grid__item .products .product .cart .action,
  body #grid-container .catalog-grid .catalog-grid__item .products:hover .product .cart .action {
    position: static;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    z-index: auto;
    background: transparent;
    border: 0;
  }
  body #grid-container .catalog-grid .catalog-grid__item .products .product .cart .action a.add_to_basket {
    min-width: 0;
    flex: 1 1 auto;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D7FF00;
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
  }
}

/* ============================================================
   Карточка товара, десктоп (v47): кнопка доставки без синего, цена и
   артикул по эскизу, галерея с квадратным полем. Только от 1200px —
   планшет и телефон отдельными шагами. Основа — каталог: белый фон,
   #F7F7F7, чёрный текст, лайм только на артикуле.
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product .delivery_change {
    background-color: #F7F7F7;
    border: 0;
    border-radius: 4px;
    color: #111111;
    font-size: 14px;
  }
  body .single-product .product-info .price-container .price-box .price {
    color: #111111;
  }
  body .single-product .article-desc {
    display: inline-block;
    padding: 1px 4px;
    background: #CFFF00;
    border-radius: 2px;
    color: #111111;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
  }
}

/* ============================================================
   Карточка товара, десктоп (v48): блок покупки по эскизу. Кнопка
   «В корзину» тянется на всю свободную ширину и лаймовая (значения
   в style.css и правилах выше), поле количества и сердечко 44px.
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product .basket-button-table-top > .hb-cbtn,
body .single-product .basket-button-table-top > .hb-button-primary {
    flex: 1 1 auto;
    height: 44px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    border-radius: 4px;
  }
  body .single-product .favorite-button-inline .hb-cbtn.hb-cbtn.wishlist {
    width: 44px;
    height: 44px;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
  }
  body .single-product .favorite-button-inline .hb-cbtn.hb-cbtn.wishlist i.fa-heart {
    color: #111111;
  }
  body .single-product .product-info .quantity-container .cart-quantity .quant-input input {
    height: 44px;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    font-size: 14px;
  }
}

/* ============================================================
   Карточка товара, десктоп (v50): характеристики таблицей с тонкими
   разделителями (строка 44px, название серое, значение справа),
   текст описания 14px / 1.5 / #666A73. Только от 1200px.
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product .product-block-props .props-list .prop-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 44px;
    padding: 0;
    border-bottom: 1px solid #EEEEEE;
  }
  body .single-product .product-block-props .props-list .prop-dots {
    display: none;
  }
  body .single-product .product-block-props .props-list .prop-name {
    font-size: 13px;
    font-weight: 400;
    color: #8B8B8B;
  }
  body .single-product .product-block-props .props-list .prop-value {
    font-size: 13px;
    font-weight: 500;
    color: #111111;
    text-align: right;
  }
  body .single-product .product-block-props .product-description-text {
    font-size: 14px;
    line-height: 1.5;
    color: #666A73;
  }
}

/* ============================================================
   Карточка товара, десктоп (v51): блок «О товаре». Заголовок 21px/700
   с короткой лаймовой чертой, текст свёрнут до 5 строк, кнопка
   «Читать полностью» (показывается скриптом, если текст длиннее).
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product .product-about {
    margin-top: 32px;
  }
  body .single-product .product-about .product-about__title {
    position: relative;
    margin: 0 0 8px;
    padding-bottom: 4px;
    font-size: 21px;
    line-height: 26px;
    font-weight: 700;
    color: #111111;
    text-transform: none;
  }
  body .single-product .product-about .product-about__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 70px;
    height: 2px;
    background: #CFFF00;
  }
  body .single-product .product-about:not(.is-open) .product-description-text {
    max-height: 105px;
    overflow: hidden;
  }
  body .single-product .product-about .product-about__more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    margin-top: 16px;
    padding: 0 18px;
    background: #FFFFFF;
    border: 1px solid #E4E4E4;
    border-radius: 24px;
    color: #111111;
    font-size: 14px;
    cursor: pointer;
  }
  body .single-product .product-about .product-about__more[hidden] {
    display: none;
  }
}

/* ============================================================
   Карточка товара, десктоп (v52): четыре преимущества, сетка 2x2 с
   тонкими разделителями, иконка в бледно-сером круге 44px. Только от 1200px.
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product .product-benefits {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 32px;
    border-top: 1px solid #EEEEEE;
  }
  body .single-product .product-benefits__item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px;
  }
  body .single-product .product-benefits__item:nth-child(odd) {
    border-right: 1px solid #EEEEEE;
  }
  body .single-product .product-benefits__item:nth-child(-n+2) {
    border-bottom: 1px solid #EEEEEE;
  }
  body .single-product .product-benefits__icon {
    display: flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #F7F7F7;
    border-radius: 50%;
  }
  body .single-product .product-benefits__text {
    display: block;
  }
  body .single-product .product-benefits__title {
    display: block;
    font-size: 13px;
    font-weight: 600;
    line-height: 17px;
    color: #111111;
  }
  body .single-product .product-benefits__desc {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    line-height: 16px;
    color: #8B8B8B;
  }
}

/* ============================================================
   Карточка товара, десктоп (v53): «Похожие товары». Белые карточки с
   рамкой #EEE, фото 160px на белом (contain), название 13px над ценой,
   сердечко в правом верхнем углу, кнопка «Подробнее» скрыта.
   Только от 1200px и только внутри .compact-similar.
   ============================================================ */
@media (min-width: 1200px) {
  body .compact-similar .section-title {
    position: relative;
    margin: 0 0 20px;
    padding-bottom: 10px;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
    font-size: 21px;
    line-height: 26px;
    font-weight: 700;
    color: #111111;
    text-transform: none;
  }
  body .compact-similar .section-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 48px;
    height: 2px;
    background: #CFFF00;
  }
  body .compact-similar .item-carousel,
  body .compact-similar .item-carousel .products {
    height: 100%;
  }
  body .compact-similar .item-carousel .product {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 3px;
  }
  body .compact-similar .item-carousel .product-image {
    position: relative;
  }
  body .compact-similar .item-carousel .bx_catalog_item_images {
    display: block;
    height: 160px;
    padding-top: 0;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  body .compact-similar .item-carousel .product-info {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 0 12px 12px;
  }
  body .compact-similar .item-carousel .similar-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 40px;
    margin: 10px 0 4px;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    color: #111111;
    text-decoration: none;
  }
  body .compact-similar .item-carousel .product-price .price {
    margin-top: auto;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #111111;
  }
  body .compact-similar .item-carousel .cart {
    height: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
  }
  body .compact-similar .item-carousel .add-cart-button {
    display: none;
  }
  body .compact-similar .item-carousel li.similar-wishlist {
    display: block;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 36px;
    height: 36px;
    margin: 0;
    list-style: none;
    z-index: 911;
  }
  body .compact-similar .item-carousel li.similar-wishlist a.similar-wishlist {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: transparent;
    border: 0;
    box-shadow: none;
  }
  body .compact-similar .item-carousel li.similar-wishlist a.similar-wishlist:hover,
  body .compact-similar .item-carousel li.similar-wishlist a.similar-wishlist:focus {
    background: transparent;
    border: 0;
  }
  body .compact-similar .item-carousel li.similar-wishlist i.fa-heart-o {
    font-size: 14px;
    color: #111111;
  }
  body .compact-similar .item-carousel li.similar-wishlist a.similar-wishlist:hover i.fa-heart-o,
  body .compact-similar .item-carousel li.similar-wishlist a.similar-wishlist:focus i.fa-heart-o {
    color: #111111;
  }
  body .compact-similar .item-carousel li.similar-wishlist a.similar-wishlist:hover i.fa-heart-o::before,
  body .compact-similar .item-carousel li.similar-wishlist a.similar-wishlist:focus i.fa-heart-o::before {
    content: "\f004";
  }
}

/* ============================================================
   Карточка товара, десктоп (v54): сетка 48/52. Галерея слева на всю
   высоту героя, справа стопкой артикул, цена, доставка, наличие,
   склад, характеристики. «О товаре» и преимущества под героем на
   всю ширину. .product-info-block и .product-block-props получают
   display: contents, их дети становятся ячейками одной сетки.
   Только от 1200px. Проверено в живой странице.
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product .product-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 48fr) minmax(0, 52fr);
    column-gap: 32px;
    row-gap: 0;
    align-items: start;
  }
  body .single-product .product-detail-grid .gallery-holder {
    grid-column: 1;
    grid-row: 1 / span 5;
    width: auto;
    max-width: none;
    flex: none;
  }
  body .single-product .product-info-block,
  body .single-product .product-block-props {
    display: contents;
  }
  body .single-product .product-info-block > *,
  body .single-product .props-list {
    grid-column: 2;
    width: auto;
    max-width: none;
    min-width: 0;
  }
  body .single-product .product-about {
    grid-column: 1;
    min-width: 0;
  }
  body .single-product .product-benefits {
    grid-column: 2;
    min-width: 0;
  }
  body .single-product .product-info .price-container .hb-row > [class*="col-"] {
    width: 100%;
    float: none;
    padding-left: 0;
    padding-right: 0;
  }
  body .single-product .product-info .share {
    display: none;
  }
  body .single-product .quantity-container .label {
    display: none;
  }
  body .single-product .delivery_change .delivery-label {
    color: #111111;
  }
}

/* ============================================================
   Карточка товара, десктоп (v55): правая колонка одним потоком, галерея
   в одной строке сетки; «О товаре» и преимущества — прямые дети сетки,
   вторая строка на всю ширину. Заменяет схему display:contents из v54.
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product .product-detail-grid .gallery-holder {
    grid-column: 1;
    grid-row: 1;
  }
  body .single-product .product-info-block {
    display: block;
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    width: auto;
    max-width: none;
  }
  body .single-product .product-block-props {
    display: block;
  }
  body .single-product .product-info-block > *,
  body .single-product .props-list {
    grid-column: auto;
  }
  body .single-product .product-detail-grid > .product-about {
    grid-column: 1;
    grid-row: 2;
    margin-top: 32px;
  }
  body .single-product .product-detail-grid > .product-benefits {
    grid-column: 2;
    grid-row: 2;
    margin-top: 32px;
  }
  body .single-product .product-info > div:empty {
    display: none;
  }
  body .single-product .product-stock-status {
    margin-top: 12px;
  }
  body .single-product .props-list {
    margin-top: 16px;
  }
}

/* ============================================================
   Карточка товара, десктоп (v56): подзаголовок внутри описания —
   18px/700 чёрный (раньше h2 Bootstrap 30px серый).
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product .product-about .product-description-text h1,
  body .single-product .product-about .product-description-text h2,
  body .single-product .product-about .product-description-text h3 {
    margin: 0 0 8px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #111111;
  }
}

/* ============================================================
   Карточка товара (v57): название в колонке справа (H1), верхний
   заголовок страницы товара — div, а не h1. От 1200px виден H1 в
   колонке, ниже — верхний блок в прежнем виде (планшет и телефон
   карточки ещё не переделаны).
   ============================================================ */
body .single-product .pdp-title {
  display: none;
}
body .pdp-top-title {
  margin: 20px 0 10px;
  font-size: clamp(24px, 2.2vw, 32px);
  font-weight: 600;
  line-height: 1.1;
  text-transform: uppercase;
  color: #1A1A1A;
}
@media (min-width: 1200px) {
  body .pdp-top-title {
    display: none;
  }
  body .single-product .pdp-title {
    display: block;
    margin: 0 0 12px;
    font-size: 27px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    color: #111111;
  }
}

/* ============================================================
   Карточка товара (v58): «● В наличии | Склад Нагатинская» одной
   строкой. Зелёная точка 8px, тонкий разделитель, название склада
   из данных. Для товара без остатка строки нет (там подписка).
   ============================================================ */
body .single-product .product-stock-status {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  line-height: 19px;
  color: #111111;
}
body .single-product .product-stock-status__dot {
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  background: #3BB54A;
  border-radius: 50%;
}
body .single-product .product-stock-status__sep {
  flex: 0 0 1px;
  width: 1px;
  height: 12px;
  background: #D9D9D9;
}
body .single-product .product-stock-status__store {
  color: #333333;
}

/* ============================================================
   Карточка товара, десктоп (v59): количество как [ − 1 + ] 110x44.
   Штатные ссылки QUANTITY_UP/DOWN остаются (скрипт компонента их
   находит), CSS рисует их как «+» и «−» по краям поля. Ряд покупки
   выровнен по колонке (снят отрицательный отступ .row). От 1200px.
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product .price-container .hb-row {
    margin-left: 0;
    margin-right: 0;
  }
  body .single-product .product-info .quantity-container .cart-quantity {
    position: relative;
    width: 110px;
    height: 44px;
  }
  body .single-product .product-info .quantity-container .cart-quantity .quant-input {
    display: block;
    position: relative;
    width: 110px;
    height: 44px;
  }
  body .single-product .product-info .quantity-container .cart-quantity .quant-input input[type="text"] {
    width: 110px;
    height: 44px;
    box-sizing: border-box;
    padding: 0 40px;
    text-align: center;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
  }
  body .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
  }
  body .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows a {
    pointer-events: auto;
    flex: 0 0 40px;
    width: 40px;
    min-width: 0;
    height: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111111;
    font-size: 20px;
    line-height: 1;
    text-decoration: none;
    z-index: 2;
  }
  body .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows a > * {
    display: none;
  }
  body .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows a:first-child {
    order: 2;
  }
  body .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows a:last-child {
    order: 1;
  }
  body .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows a:first-child::before {
    content: "+";
  }
  body .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows a:last-child::before {
    content: "\2212";
  }
}

/* ============================================================
   Карточка товара, десктоп (v60): миниатюры 68px (ряд 340px по центру),
   рамка #EEE, у выбранной лаймовая 2px (при загрузке — у первой).
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product .gallery-holder .bx_item_slider .bx_slider_conteiner .bx_slide {
    width: 340px;
    margin-left: auto;
    margin-right: auto;
  }
  body .single-product .gallery-holder .bx_item_slider .bx_slide ul li .cnt {
    border: 1px solid #EEEEEE;
    border-radius: 2px;
    background: #FFFFFF;
  }
  body .single-product .gallery-holder .bx_item_slider .bx_slide ul li .cnt_item {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  body .single-product .gallery-holder .bx_item_slider .bx_slide ul li.bx_active .cnt,
  body .single-product .gallery-holder .bx_item_slider .bx_slide ul:not(:has(li.bx_active)) li:first-child .cnt {
    border: 2px solid #CFFF00;
  }
}

/* ============================================================
   Карточка товара, десктоп (v61): порядок правой колонки по эскизу —
   артикул, название, цена, наличие, покупка, доставка, характеристики.
   product-info, price-container и колонки получают display: contents.
   Проверено в живой странице. Шрифт (Inter) — отдельным шагом.
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product .product-info-block { display: flex; flex-direction: column; }
  body .single-product .product-info,
body .single-product .price-container,
body .single-product .price-container .hb-row,
body .single-product .price-container .hb-row > [class*="col-"] { display: contents; }
  body .single-product .product-article-wrap { order: 1; margin-bottom: 12px; }
  body .single-product h1.pdp-title { order: 2; }
  body .single-product .price-box { order: 3; margin: 0 0 4px; }
  body .single-product .product-stock-status { order: 4; margin: 0 0 16px; }
  body .single-product .quantity-container { order: 5; margin: 0 0 12px; padding: 0; }
  body .single-product .delivery_change { order: 6; margin-top: 0; }
  body .single-product .block__product_desc { order: 7; }
  body .single-product .product-block-props { order: 8; border-top: 0; margin-top: 16px; }
  body .single-product .delivery_change .delivery-label { font-size: 13px; font-weight: 400; }
  body .single-product .quant-input .arrows a { font-size: 0; }
  body .single-product .quant-input .arrows a::before { font-size: 20px; }
  body .single-product .quant-input .arrows a * { display: none; }
  body .single-product .favorite-button-inline .wishlist i.fa-heart { color: #111111; }
  body .single-product .product-about__title { border-bottom: 1px solid #EEEEEE; }
  body .single-product .product-about__title::after { bottom: -1px; }
}

/* ============================================================
   Карточка товара, десктоп (v62): шрифт Inter внутри .single-product
   (раньше наследовался Roboto от body, у кнопки — Arial). Общий шрифт
   сайта не меняется. От 1200px.
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product,
body .single-product h1.pdp-title,
body .single-product .price-container .price,
body .single-product .prop-name,
body .single-product .prop-value,
body .single-product .product-description-text,
body .single-product .product-about__title,
body .single-product .product-about__more,
body .single-product .product-stock-status,
body .single-product .product-benefits,
body .single-product .article-desc,
body .single-product .delivery_change,
body .single-product .quant-input input,
body .single-product .product-subscribe,
body .single-product .basket-button-table-top > .hb-cbtn,
body .single-product .basket-button-table-top > .hb-button-primary {
    font-family: 'Inter', Arial, Helvetica, sans-serif;
  }
}

/* ============================================================
   Карточка товара, десктоп (v63): «−» и «+» линиями 12x2 по центру,
   «В КОРЗИНУ» по центру кнопки, доставка 48px, характеристики ближе
   (зазор 12px, строка 34px), шрифты 14px, сердечко при наведении тёмное.
   Проверено в живой странице.
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows a { position: relative; }
  body .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows a:first-child::before,
  body .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows a:last-child::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 2px;
    margin: 0;
    padding: 0;
    background: #111111;
    transform: translate(-50%, -50%);
  }
  body .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows a:first-child::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2px;
    height: 12px;
    margin: 0;
    padding: 0;
    background: #111111;
    transform: translate(-50%, -50%);
  }
  body .single-product .basket-button-table-top > .hb-cbtn,
body .single-product .basket-button-table-top > .hb-button-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 17px;
    line-height: 1;
  }
  body .single-product .delivery_change { min-height: 48px; padding: 0 16px; }
  body .single-product .delivery_change .delivery-label,
  body .single-product .product-stock-status,
  body .single-product .product-block-props .props-list .prop-name,
  body .single-product .product-block-props .props-list .prop-value { font-size: 14px; }
  body .single-product .product-block-props { margin-top: 12px; padding-top: 0; }
  body .single-product .props-list { margin-top: 0; }
  body .single-product .product-block-props .props-list .prop-row { min-height: 34px; }
  body .single-product .favorite-button-inline .hb-cbtn.hb-cbtn.wishlist:hover {
    background: #FFFFFF;
    border-color: #E5E5E5;
  }
}

/* ============================================================
   Карточка товара, десктоп (v64): компактный ряд из четырёх пунктов
   под характеристиками — иконка и две строки, без кругов, разделители
   тонкими линиями. Тексты универсальные. От 1200px.
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product .product-perks {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 16px;
  }
  body .single-product .product-perks__item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 12px;
  }
  body .single-product .product-perks__item + .product-perks__item {
    border-left: 1px solid #EEEEEE;
  }
  body .single-product .product-perks__item:first-child {
    padding-left: 0;
  }
  body .single-product .product-perks__icon {
    display: flex;
    flex: 0 0 26px;
  }
  body .single-product .product-perks__text {
    font-size: 14px;
    line-height: 18px;
    color: #111111;
  }
}
@media (max-width: 1199px) {
  body .single-product .product-perks {
    display: none;
  }
}

/* ============================================================
   Карточка товара, десктоп (v65): ряд миниатюр 320x64 у левого края
   галереи, стрелки листания по краям ряда (контейнер стрелок сужен
   до ряда — раньше он был 554px и стрелки висели далеко). От 1200px.
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product .gallery-holder .bx_item_slider .bx_slider_scroller_container {
    width: 320px;
    margin-left: 36px;
    margin-right: 0;
  }
  body .single-product .gallery-holder .bx_item_slider .bx_slider_conteiner .bx_slide {
    width: 320px;
    margin: 0;
  }
  body .single-product .gallery-holder .bx_item_slider .bx_slide_left {
    left: -26px;
    right: auto;
  }
  body .single-product .gallery-holder .bx_item_slider .bx_slide_right {
    left: auto;
    right: -26px;
  }
}

/* ============================================================
   Карточка товара, десктоп (v66): заголовок и цена по 32px, машинка у
   «Рассчитать доставку» и иконки пунктов крупнее (значения из живого
   теста), текст пунктов 14px. Сердечко при наведении — правило выше
   расширено на ::before (глиф белел из-за main.css). От 1200px.
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product h1.pdp-title { font-size: 32px; line-height: 1.1; }
  body .single-product .product-info .price-container .price-box .price { font-size: 32px; line-height: 1.1; }
  body .single-product .delivery_change .delivery-icon svg { width: 36px; height: 36px; }
  body .single-product .product-perks__icon { flex: 0 0 46px; }
  body .single-product .product-perks__icon svg { width: 46px; height: 46px; }
  body .single-product .product-perks__text { font-size: 14px; line-height: 18px; }
  body .single-product .product-perks__item { gap: 12px; }
}

/* ============================================================
   Карточка товара, десктоп (v66b) — УДАЛЕНО (26.09.2026): раньше
   принудительно подменяло глиф иконки через content на hover,
   игнорируя реальный класс fa-heart-o/fa-heart. Конфликтовало с
   единым JS-тогглом избранного (wishlist-toggle.js) — теперь форма
   иконки управляется исключительно классом, без ручных content-хаков.
   ============================================================ */

/* ============================================================
   Карточка товара, десктоп (v67): ряд миниатюр на всю ширину фото
   (554px + боковые поля 32px под стрелки). Число видимых миниатюр
   задаёт script.js (sliderRowShowSize: 6 от 1200px). Перекрывает
   ширины и отступы из v60/v65. От 1200px.
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product .gallery-holder .bx_item_slider .bx_slider_scroller_container {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
  body .single-product .gallery-holder .bx_item_slider .bx_slider_conteiner .bx_slide {
    width: auto;
    margin: 0;
  }
  body .single-product .gallery-holder .bx_item_slider .bx_slide_left {
    left: -27px;
    right: auto;
  }
  body .single-product .gallery-holder .bx_item_slider .bx_slide_right {
    left: auto;
    right: -27px;
  }
}

/* ============================================================
   Карточка товара, десктоп (v68): артикул 14px, «В наличии» зелёным
   (как точка). Пропорция фото 1.35:1 меняется в main.css. От 1200px.
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product .article-desc { font-size: 14px; line-height: 20px; }
  body .single-product .product-stock-status__text { color: #3BB54A; }
}

/* ============================================================
   Карточка товара, десктоп (v69): галерея уже на 25% (колонка 36%
   вместо 48%). Фото остаётся квадратом, миниатюры пересчитываются
   слайдером. От 1200px.
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product .product-detail-grid {
    grid-template-columns: minmax(0, 36fr) minmax(0, 64fr);
  }
}

/* ============================================================
   Блок доставки (v70): разметка из ajax/delivery_count_index_product.php
   без inline-стилей. Чёрный текст, город с лаймовым подчёркиванием,
   сроки тегами #F5F5F5, разделители #EEEEEE, «Подробнее» со сдвигом.
   ============================================================ */
body .single-product #delivery_block .delivery-list { font-family: 'Inter', Arial, Helvetica, sans-serif; color: #111111; margin: 0; }
body .single-product #delivery_block .delivery-card { border: 1px solid #EEEEEE; border-radius: 8px; padding: 16px; margin-bottom: 0; }
body .single-product #delivery_block .delivery-card h4 { margin: 0 0 8px; font-size: 16px; font-weight: 600; color: #111111; }
body .single-product #delivery_block .delivery-card h4 a.select__citi { color: #111111; font-weight: 600; text-decoration: none; border-bottom: 2px solid #CFFF00; transition: background-color 0.2s ease; }
body .single-product #delivery_block .delivery-card h4 a.select__citi:hover { background-color: #CFFF00; }
body .single-product #delivery_block .delivery-card .bx_element { display: flex; align-items: center; padding: 10px 0; font-size: 14px; border-top: 1px solid #EEEEEE; }
body .single-product #delivery_block .delivery-card .content-block-delivery .bx_element:first-child { border-top: 0; }
body .single-product #delivery_block .delivery-card .title-desc { color: #111111; }
body .single-product #delivery_block .delivery-card .bx_result_price .date { display: inline-block; padding: 2px 8px; background: #F5F5F5; border-radius: 4px; color: #111111; font-size: 12px; line-height: 16px; }
body .single-product #delivery_block .delivery-card .price_el,
body .single-product #delivery_block .delivery-card .price_el-standart { color: #111111; font-weight: 600; }
body .single-product #delivery_block .delivery-card .delivery-more-wrap { margin: 12px 0 0; font-size: 14px; }
body .single-product #delivery_block .delivery-card .delivery-more { display: inline-block; color: #111111; text-decoration: none; border-bottom: 2px solid #CFFF00; transition: transform 0.2s ease; }
body .single-product #delivery_block .delivery-card .delivery-more::after { content: "\2192"; margin-left: 6px; opacity: 0; transition: opacity 0.2s ease; }
body .single-product #delivery_block .delivery-card .delivery-more:hover { transform: translateX(4px); }
body .single-product #delivery_block .delivery-card .delivery-more:hover::after { opacity: 1; }

/* ============================================================
   Карточка товара, десктоп (v71): отступ между ценой и «В наличии»
   16px (как под ним); «Подробнее о доставке» ближе к списку. От 1200px.
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product .price-box { margin-bottom: 16px; }
  body .single-product #delivery_block .delivery-card br { display: none; }
  body .single-product #delivery_block .delivery-card .delivery-more-wrap { margin-top: 6px; }
}

/* ============================================================
   Карточка товара, десктоп (v72): товар без остатка. «Нет в наличии»
   по образцу «В наличии», но красным; кнопка «Сообщить о поступлении»
   чёрная с белым текстом на всю ширину колонки. От 1200px.
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product .product-subscribe  { margin: 0 0 16px; }
  body .single-product .product-subscribe .product-subscribe__status { display: flex; align-items: center; gap: 8px; margin: 12px 0 16px; font-size: 14px; line-height: 19px; color: #D93025; }
  body .single-product .product-subscribe .product-subscribe__dot { flex: 0 0 8px; width: 8px; height: 8px; background: #D93025; border-radius: 50%; }
  body .single-product .product-subscribe .product-subscribe__btn,
  body .single-product .product-subscribe .product-subscribe__btn:hover,
  body .single-product .product-subscribe .product-subscribe__btn:focus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    padding: 0 17px;
    background: #111111;
    border: 0;
    border-radius: 4px;
    color: #FFFFFF;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
  }
  body .single-product .product-subscribe .product-subscribe__btn span { color: #FFFFFF; }
  body .single-product .product-subscribe .product-subscribe__hint { margin-top: 8px; font-size: 13px; line-height: 18px; color: #8B8B8B; }
}

/* ============================================================
   Карточка товара, десктоп (v73): кнопка подписки 330px (было на всю
   колонку, 824px), отступ над «Нет в наличии» 16px — как под ним.
   От 1200px.
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product .product-subscribe .product-subscribe__btn,
  body .single-product .product-subscribe .product-subscribe__btn:hover,
  body .single-product .product-subscribe .product-subscribe__btn:focus { width: 330px; }
  body .single-product .product-subscribe .product-subscribe__status { margin: 0 0 16px; }
}

/* ============================================================
   Карточка товара, десктоп (v74): «О товаре» и преимущества — flex
   внутри .pdp-lower-wrap (58% / 42%), а не доли основной grid-сетки
   (те совпадали с шириной фото/колонки — их родитель одна и та же
   grid-column). Преимущества компактнее: иконка 36px без круга,
   текст мельче — ближе к ряду «Стиль в деталях» выше. От 1200px.
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product .gallery-holder { min-width: 0; }
  body .single-product .product-detail-grid > .pdp-lower-wrap {
    grid-column: 1 / -1;
    display: flex;
    margin-top: 0;
  }
  body .single-product .pdp-lower-wrap > .product-about {
    flex: 0 0 58%;
    min-width: 0;
    grid-column: auto;
    margin-top: 32px;
  }
  body .single-product .pdp-lower-wrap > .product-benefits {
    flex: 0 0 42%;
    min-width: 0;
    grid-column: auto;
    margin-top: 32px;
  }
  body .single-product .product-benefits__item { padding: 12px; }
  body .single-product .product-benefits__icon {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    background: transparent;
    border-radius: 0;
  }
  body .single-product .product-benefits__icon svg { width: 36px; height: 36px; }
  body .single-product .product-benefits__title { font-size: 13px; }
  body .single-product .product-benefits__desc { font-size: 12px; }
}

/* ============================================================
   Карточка товара, десктоп (v75): нижний блок по эскизу. Заголовок
   «О товаре» на всю ширину с лайм-чертой, под ним полноширинный
   разделитель, ниже ряд: текст (58%) | вертикальная линия | преимущества
   (иконки-кружки 46px, без внутренних разделителей между пунктами).
   Если описания нет — только преимущества на всю ширину, без
   заголовка/разделителей. От 1200px.
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product .pdp-lower { grid-column: 1 / -1; margin-top: 32px; }
  body .single-product .pdp-lower__title { position: relative; margin: 0; padding-bottom: 12px; border-bottom: 0; font-size: 21px; line-height: 26px; font-weight: 700; color: #111111; text-transform: none; }
  body .single-product .pdp-lower__title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 130px; height: 2px; background: #CFFF00; }
  body .single-product .pdp-lower__sep { height: 1px; background: #EEEEEE; margin-bottom: 24px; margin-top: -1px; }
  body .single-product .pdp-lower__row { display: flex; align-items: stretch; }
  body .single-product .pdp-lower__row > .product-about { flex: 0 0 58%; min-width: 0; margin-top: 0; }
  body .single-product .pdp-lower__vsep { flex: 0 0 1px; width: 1px; background: #EEEEEE; margin: 0 32px; }
  body .single-product .pdp-lower__row > .product-benefits { flex: 1 1 auto; min-width: 0; margin-top: 0; border: 0; }
  body .single-product .pdp-lower > .product-benefits { margin-top: 0; border: 0; }
  body .single-product .product-benefits__item { border: 0; padding: 12px; }
  body .single-product .product-benefits__item:nth-child(odd) { border-right: 0; }
  body .single-product .product-benefits__item:nth-child(-n+2) { border-bottom: 0; }
  body .single-product .product-benefits__icon { width: 46px; height: 46px; flex: 0 0 46px; background: #F7F7F7; border-radius: 50%; align-items: center; justify-content: center; }
  body .single-product .product-benefits__icon svg { width: 22px; height: 22px; }
  
  
}

/* ============================================================
   Карточка товара, десктоп (v76): если у товара нет описания,
   .product-benefits — единственный ребёнок .pdp-lower (без заголовка
   «О товаре» и разделителей, см. v75, ветка else). Раньше растягивался
   на всю ширину .pdp-lower (~1320px) с большими промежутками между
   4 пунктами — теперь ограничен той же шириной, что занимал бы текст
   «О товаре» (766px), выровнен по левому краю. От 1200px.
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product .pdp-lower > .product-benefits {
    max-width: 766px;
    margin-left: 0;
  }
}

/* ============================================================
   Карточка товара, десктоп (v78): категорийные иконки преимуществ
   (<img>, из UF_PDP_BENEFITS) — 46px, тот же размер, что у дефолтных
   inline-svg (см. v66b). От 1200px.
   ============================================================ */
@media (min-width: 1200px) {
  body .single-product .product-benefits__icon img { width: 36px; height: 36px; }
}

/* ============================================================
   Карточка товара, десктоп (v79): «В КОРЗИНУ» при наведении —
   чёрный фон, лаймовый текст (инверсия). Перебивает старое тем.
   правило .btn-primary:hover {background:#12cca7} специфичностью.
   От 1200px.
   ============================================================ */

/* ============================================================
   «Похожие товары» (v83): li.wishlist не был виден — добавляю
   position:relative явно на .image (не только на .product-image),
   и overflow:visible на уровне owl-item/item-carousel, чтобы
   абсолютно позиционированное сердечко не обрезалось каруселью.
   ============================================================ */
@media (min-width: 1200px) {
  body .compact-similar .item-carousel .product-image {
    position: relative;
    overflow: visible;
  }
  body .compact-similar .owl-item,
  body .compact-similar .item-carousel {
    overflow: visible;
  }
}

/* ============================================================
   «Похожие товары» (v84): заголовок слева без центрирования и без
   лайм-черты (наследует text-align:center от .featured-product —
   переопределяем точечно только для .section-title).
   ============================================================ */
@media (min-width: 1200px) {
  body .compact-similar .section-title {
    text-align: left;
  }
  body .compact-similar .section-title::after {
    display: none;
  }
}

/* ============================================================
   «Похожие товары» (v85): стрелки карусели — минималистичные, без
   серого фона, по бокам карусели (не над заголовком, как в теме
   по умолчанию через .custom-carousel .owl-controls).
   ============================================================ */
@media (min-width: 1200px) {
  body .compact-similar .owl-controls .owl-prev,
  body .compact-similar .owl-controls .owl-next {
    top: 50%;
    margin-top: -18px;
    width: 36px;
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  }
  body .compact-similar .owl-controls .owl-prev {
    left: -18px;
    right: auto;
  }
  body .compact-similar .owl-controls .owl-next {
    right: -18px;
  }
  body .compact-similar .owl-controls .owl-prev::before,
  body .compact-similar .owl-controls .owl-next::before {
    color: #111111;
    font-size: 14px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* ============================================================
   «Похожие товары» (v86): убран border-bottom у заголовка (визуально
   читался как лишний сепаратор), стрелки центрированы по высоте
   карточки (181-454), а не всей карусели с резервом под owl-dots
   (181-484).
   ============================================================ */
@media (min-width: 1200px) {
  body .compact-similar .section-title {
    border-bottom: 0;
  }
  body .compact-similar .owl-controls .owl-prev,
  body .compact-similar .owl-controls .owl-next {
    top: 137px;
    margin-top: 0;
  }
}

/* ============================================================
   «Похожие товары» (v87): стрелки — простой тонкий шеврон без фона,
   без рамки, без тени, по образцу эскиза.
   ============================================================ */
@media (min-width: 1200px) {
  body .compact-similar .owl-controls .owl-prev,
  body .compact-similar .owl-controls .owl-next {
    width: 24px;
    height: 24px;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  body .compact-similar .owl-controls .owl-prev {
    left: 4px;
  }
  body .compact-similar .owl-controls .owl-next {
    right: 4px;
  }
  body .compact-similar .owl-controls .owl-prev::before,
  body .compact-similar .owl-controls .owl-next::before {
    color: #333333;
    font-size: 20px;
  }
}

/* ============================================================
   «Похожие товары» (v88): стрелки крупнее (28px), карусели даны
   боковые поля 32px, чтобы стрелки не прятались под первую/
   последнюю карточку.
   ============================================================ */
@media (min-width: 1200px) {
  body .compact-similar {
    position: relative;
    padding: 0 56px;
  }
  body .compact-similar .section-title {
    margin-left: -56px;
    margin-right: -56px;
  }
  body .compact-similar .owl-carousel {
    margin: 0;
  }
  body .homebanner-holder .hb-row:has(.compact-similar) {
    overflow: visible;
  }
  body .compact-similar .owl-controls .owl-prev,
  body .compact-similar .owl-controls .owl-next {
    position: absolute;
    width: 46px;
    height: 46px;
    top: 114px;
    bottom: auto;
    margin-top: 0;
    z-index: 911;
  }
  body .compact-similar .owl-controls .owl-prev::before,
  body .compact-similar .owl-controls .owl-next::before {
    font-size: 32px;
    color: #111111;
  }
  body .compact-similar .owl-controls .owl-prev:hover,
  body .compact-similar .owl-controls .owl-next:hover {
    background: transparent;
  }
  body .compact-similar .owl-controls .owl-prev {
    left: -51px;
  }
  body .compact-similar .owl-controls .owl-next {
    right: -51px;
  }
}

/* Карточка товара: пульс иконки сердца у «В корзину» при клике —
   тот же эффект, что у сердечек в «Похожие товары». */
.favorite-button-inline i.fa-heart.detail-wishlist--pulse {
  animation: detailWishlistPulse 0.4s ease;
}
@keyframes detailWishlistPulse {
  0% { transform: scale(1); }
  40% { transform: scale(1.3); }
  100% { transform: scale(1); }
}

/* «Похожие товары»/«С этим товаром покупают»: тот же пульс для
   сердечка по клику — класс similar-wishlist--pulse добавлялся JS
   уже давно, но CSS для него никогда не был написан (комментарий
   выше уже описывал этот эффект как существующий там же — оказалось,
   забыли подключить). */
a.similar-wishlist.similar-wishlist--pulse i.fa-heart-o {
  animation: detailWishlistPulse 0.4s ease;
}

/* ============================================================
   Карточка товара, мобильный (v92): базовый структурный порядок
   блоков правой колонки под эскиз — артикул, название, наличие,
   цена, покупка, доставка, 4 преимущества (product-perks), затем
   характеристики. Техника — та же, что на десктопе (v61):
   .product-info-block становится flex-колонкой, промежуточные
   обёртки (.product-info/.price-container/.row/col-*) получают
   display: contents, порядок задаётся через order на реальных
   детях. .product-block-props локально тоже становится flex,
   чтобы .product-perks встал перед .props-list.
   ЭТАП 1: только порядок, без детальной стилизации (шрифты/
   отступы/цвета — отдельными патчами).
   ============================================================ */
@media (max-width: 767px) {
  body .single-product .product-info-block { display: flex; flex-direction: column; }
  body .single-product .product-info,
body .single-product .price-container,
body .single-product .price-container .hb-row,
body .single-product .price-container .hb-row > [class*="col-"] { display: contents; }

  body .single-product .product-article-wrap { order: 1; }
  body .single-product h1.pdp-title { order: 2; }
  body .single-product .product-stock-status { order: 3; }
  body .single-product .price-box { order: 4; }
  body .single-product .quantity-container { order: 5; }
  body .single-product .delivery_change { order: 6; }
  body .single-product .block__product_desc { order: 7; }
  body .single-product .product-block-props { order: 8; }

  body .single-product .product-block-props {
    display: flex;
    flex-direction: column;
  }
  body .single-product .product-block-props .product-perks { order: 1; display: grid; grid-template-columns: repeat(2, 1fr); }
  body .single-product .product-block-props .props-list { order: 2; }
}

/* ============================================================
   Карточка товара, мобильный (v93): .product-benefits (динамический
   блок из инфоблока) переносится между характеристиками и "О товаре".
   .pdp-lower становится flex-колонкой, .pdp-lower__row получает
   display: contents (её дети "всплывают" в тот же flex-контекст),
   порядок: benefits(1) -> заголовок "О товаре"(2) -> сепаратор(3) ->
   текст about(4). Десктопный вертикальный разделитель vsep скрыт
   на мобилке (там больше нет горизонтальной пары колонок).
   ============================================================ */
@media (max-width: 767px) {
  body .single-product .pdp-lower { display: flex; flex-direction: column; }
  body .single-product .pdp-lower__row { display: contents; }
  body .single-product .product-benefits { order: 1; }
  body .single-product .pdp-lower__title { order: 2; }
  body .single-product .pdp-lower__sep { order: 3; }
  body .single-product .product-about { order: 4; }
  body .single-product .pdp-lower__vsep { display: none; }
}

/* ============================================================
   Карточка товара, мобильный (v94): миниатюры галереи под эскиз —
   та же техника, что на десктопе (v?, 1200px): фиксируем ширину
   .bx_slide под контейнер, миниатюры получают рамку/фон/активное
   состояние. БЕЗ !important и без margin/gap между плитками —
   li использует float:left + процентные inline-ширины (сумма=100%),
   добавление margin сломало бы перенос последней плитки на новую
   строку. Визуальный зазор — тот же инсет .cnt от края li, что и
   на десктопе. Стрелки-навигация скрыты (замена — свайп пальцем),
   нативный горизонтальный скролл — подстраховка для товаров с
   большим числом фото (когда inline-ширина ul > ширины контейнера).
   ============================================================ */
@media (max-width: 767px) {
  .single-product .gallery-holder .bx_item_slider .bx_slider_conteiner .bx_slide {
    width: 100%;
  }
  .single-product .gallery-holder .bx_item_slider .bx_slide ul li .cnt {
    border: 1px solid #EEEEEE;
    border-radius: 2px;
    background: #FFFFFF;
  }
  .single-product .gallery-holder .bx_item_slider .bx_slide ul li .cnt_item {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .single-product .gallery-holder .bx_item_slider .bx_slide ul li.bx_active .cnt,
  .single-product .gallery-holder .bx_item_slider .bx_slide ul:not(:has(li.bx_active)) li:first-child .cnt {
    border: 2px solid #CFFF00;
  }
  .single-product .gallery-holder .bx_item_slider .bx_slider_scroller_container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .single-product .gallery-holder .bx_item_slider .bx_slide_left,
  .single-product .gallery-holder .bx_item_slider .bx_slide_right {
    display: none;
  }
}

/* ============================================================
   Карточка товара, мобильный (v95): главное фото галереи под эскиз.
   Источник исходного правила — компонентный style.css (не JS!):
   .bx_bigimages использует height:0 + padding-top:130% (классический
   CSS-трюк аспект-рейшо). Меняем только padding-top (88% — почти
   квадратная рамка под эскиз), остальной padding (0 справа/снизу/
   слева) от базового правила не трогаем. БЕЗ !important — наш файл
   грузится позже компонентного style.css, при равной специфичности
   выигрывает по порядку каскада. Внутренний отступ (эскиз: 14-20px)
   добавлен на imgcontainer/aligner (абсолютно спозиционированы
   100%/100% от родителя), а не на сам .bx_bigimages — чтобы не
   задеть его padding-top-трюк. object-fit:contain на фото —
   раньше было fill (потенциальное растяжение), теперь не мнёт.
   ============================================================ */
@media (max-width: 767px) {
  .single-product .gallery-holder .bx_item_slider .bx_bigimages {
    padding-top: 88%;
    max-width: 100%;
    border: 1px solid #EEEEEE;
  }
  .single-product .gallery-holder .bx_item_slider .bx_bigimages_imgcontainer,
  .single-product .gallery-holder .bx_item_slider .bx_bigimages_aligner {
    padding: 16px;
    box-sizing: border-box;
  }
  .single-product .gallery-holder .bx_item_slider .cart-foto {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
}

/* ============================================================
   Карточка товара, мобильный (v96): артикул и заголовок под эскиз.
   Тот же паттерн, что уже применён на планшете 768px+ (см. комментарий
   выше "АРТИКУЛ НА ДЕТАЛЬНОЙ СТРАНИЦЕ") — просто раньше не дошли до
   телефона. Прячем .mobile__head-title (обычный текст артикула в
   gallery-holder, толкает фото), показываем .article-desc (лайм-
   подсветка, уже стилизован под эскиз на строках ~10828). Заголовок
   .pdp-top-title (рендерится в header.php через pdp_h1-условие,
   чисто H1-логика товара, не навигация) — только жирность под спеку
   промта (700 вместо 600), больше ничего не меняем.
   ============================================================ */
@media (max-width: 767px) {
  /* v97: исправление — правильное место артикула ДО фото, это
     .mobile__head-title/.article-mobile (не .article-desc, который
     лежит ПОСЛЕ галереи). Возвращаем article-desc в скрытое
     состояние, article-mobile получает тот же лайм-стиль, что
     .article-desc на десктопе (строки ~10828). */
  .single-product .mobile__head-title { display: block; margin-bottom: 14px; }
  .single-product .article-desc { display: none; }
  body .pdp-top-title { font-weight: 700; }
  .single-product .mobile__head-title .hb-col-sm-8 { display: none; }
  .single-product .mobile__head-title .hb-col-sm-4 {
    width: 100%;
    float: none;
  }
  .single-product .article-mobile {
    display: inline-block;
    padding: 1px 4px;
    background: #CFFF00;
    border-radius: 2px;
    color: #111111;
    font-size: 12px;
    font-weight: 500;
  }
}

/* ============================================================
   Карточка товара, мобильный (v98): ряд "количество/В корзину/
   избранное" — та же чистая CSS-техника +/-, что уже на десктопе
   (min-width:1200px, см. выше в файле) вместо сырых Bootstrap/
   FontAwesome иконок стрелок. БЕЗ !important: высота везде 44px —
   совпадает с уже существующим !important-защищённым значением
   для .cart-quantity/.quant-input/.arrows (комментарий "ВЫРАВНИВАНИЕ
   ВЫСОТЫ ПОЛЯ КОЛИЧЕСТВА"), поэтому не переопределяем его, а просто
   подгоняем кнопку и сердечко под то же число — конфликта с
   !important не возникает, побеждать его не нужно.
   ============================================================ */
@media (max-width: 767px) {
  .single-product .product-info .quantity-container .cart-quantity {
    position: relative;
    width: 120px;
    height: 44px;
  }
  .single-product .product-info .quantity-container .cart-quantity .quant-input {
    display: block;
    position: relative;
    width: 120px;
    height: 44px;
  }
  .single-product .product-info .quantity-container .cart-quantity .quant-input input[type="text"] {
    width: 120px;
    height: 44px;
    box-sizing: border-box;
    padding: 0 40px;
    text-align: center;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
  }
  .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
  }
  .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows a {
    pointer-events: auto;
    flex: 0 0 40px;
    width: 40px;
    min-width: 0;
    height: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111111;
    font-size: 20px;
    line-height: 1;
    text-decoration: none;
    z-index: 2;
  }
  .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows a > * {
    display: none;
  }
  .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows a:first-child {
    order: 2;
  }
  .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows a:last-child {
    order: 1;
  }
  .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows a:first-child::before {
    content: "+";
  }
  .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows a:last-child::before {
    content: "\2212";
  }

  .single-product .basket-button-table-top .hb-cbtn.hb-cbtn,
.single-product .basket-button-table-top .hb-button.hb-button-primary {
    height: 44px;
    border-radius: 4px;
    background: #CFFF00;
    border-color: #CFFF00;
    color: #111111;
  }

  .single-product .favorite-button-inline .hb-cbtn.hb-cbtn.wishlist {
    height: 44px;
    width: 44px;
    border-radius: 4px;
    border-color: #E5E5E5;
  }
}

/* ============================================================
   Карточка товара, мобильный (v99): три доводки ряда покупки.
   1) Старая иконка-стрелка (.arrow) не скрывалась — main.css
      правило ".arrows .arrow{display:block}" имеет 7 классов-
      селекторов против наших 6 (мы обрывались на "a > *"), поэтому
      побеждало по специфичности. Целимся в сам класс .arrow —
      уравниваем специфичность (7 vs 7), а по порядку каскада (наш
      файл грузится последним) побеждаем без !important.
   2) Текст кнопки "В корзину" центрируем явно (flex), чтобы не
      зависеть от line-height Bootstrap-кнопки при высоте 44px.
   3) Кнопка должна тянуться между количеством и сердечком —
      базовое правило .basket-button-table-top .btn{width:auto
      !important} (не наше, существует независимо от нас) не даёт
      этого сделать без !important — именно тот обоснованный случай
      из правил проекта: конкурент сам содержит !important, другого
      способа перебить нет.
   ============================================================ */
@media (max-width: 767px) {
  .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows a .arrow {
    display: none;
  }
  .single-product .basket-button-table-top .hb-cbtn.hb-cbtn,
.single-product .basket-button-table-top .hb-button.hb-button-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    width: 100% !important;
  }
}

/* ============================================================
   Карточка товара, мобильный (v100): единый отступ 12px везде в
   верхнем блоке (тот же реальный margin, что уже был между кнопками
   и "Рассчитать доставку" — единственный настоящий, не оптический,
   отступ в этой зоне). Сепаратор под фото скрыт на мобилке.
   Цена — чёрная вместо синей.
   ============================================================ */
@media (max-width: 767px) {
  .single-product .product-info > div[style*="border-top"] {
    display: none;
  }
  .single-product .product-stock-status {
    margin-top: 6px;
  }
  .single-product .price-box {
    margin-top: 6px;
  }
  .single-product .quantity-container {
    margin-top: 10px;
  }
  .single-product .product-info .price-container .price-box .price {
    color: #111111;
    line-height: 1.15;
  }
}

/* ============================================================
   Карточка товара, мобильный (v101): два источника лишнего
   пространства. 1) .product-article-wrap — пустая обёртка вокруг
   скрытого .article-desc (реальный артикул показан выше, до фото,
   через .mobile__head-title), но её инлайновый margin-bottom:18px
   всё равно действовал — скрываем обёртку целиком (display:none
   убирает и box, и margin сразу, без !important). 2) .rowwii имеет
   margin-top:20px из main.css (диапазон до 991px, обычное правило
   без !important) — перебиваем более специфичным селектором.
   ============================================================ */
@media (max-width: 767px) {
  .single-product .product-article-wrap {
    display: none;
  }
  .single-product .rowwii {
    margin-top: 0;
  }
}

/* ============================================================
   Карточка товара, мобильный (v102): единый визуальный формат для
   двух блоков преимуществ — статичного .product-perks (иконка+текст
   с <br>, один span) и динамического .product-benefits из инфоблока
   (иконка-img+заголовок+описание отдельными span). Серый кружок-
   подложка 44px под иконку, крупнее и аккуратнее прежнего.
   ============================================================ */
@media (max-width: 767px) {
  .single-product .product-perks {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 12px;
  }
  .single-product .product-perks__item {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .single-product .product-perks__icon {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #F7F7F7;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .single-product .product-perks__icon svg {
    width: 36px;
    height: 36px;
  }
  .single-product .product-perks__text {
    font-size: 13px;
    font-weight: 600;
    line-height: 17px;
    color: #111111;
  }

  .single-product .product-benefits {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 12px;
  }
  .single-product .product-benefits__item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
  }
  .single-product .product-benefits__icon {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #F7F7F7;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .single-product .product-benefits__icon img {
    width: 34px;
    height: 34px;
  }
  .single-product .product-benefits__text {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .single-product .product-benefits__title {
    font-size: 13px;
    font-weight: 600;
    line-height: 17px;
    color: #111111;
  }
  .single-product .product-benefits__desc {
    font-size: 12px;
    line-height: 16px;
    color: #8B8B8B;
  }
}

/* ============================================================
   Карточка товара, мобильный (v103): "Рассчитать доставку" — лайм
   вместо голубого, тот же акцентный цвет, что и активная вкладка
   нижней навигации. Иконки внутри используют stroke/fill=currentColor,
   поэтому перекрашиваются автоматически вместе с color.
   ============================================================ */
@media (max-width: 767px) {
  .single-product .product-info-block .delivery_change {
    background: #F7F7F7;
    border: 0;
    color: #111111;
  }
}

/* ============================================================
   Карточка товара, мобильный (v104): разделители между блоками
   "Стиль в деталях" -> характеристики -> преимущества из инфоблока.
   Тот же визуальный язык, что уже используется в карточке —
   border-top #e8e8e8 с отступами сверху/снизу.
   ============================================================ */
@media (max-width: 767px) {
  .single-product .product-block-props .props-list {
    border-top: 1px solid #e8e8e8;
    padding-top: 20px;
    margin-top: 20px;
  }
  .single-product .product-benefits {
    border-top: 1px solid #e8e8e8;
    padding-top: 20px;
    margin-top: 20px;
  }
}

/* ============================================================
   Карточка товара, мобильный (v105): блок "О товаре" — сейчас
   стилизован только от 1200px, на мобилке был вообще без
   оформления. Заголовок 21/26/700 с узкой лайм-чертой (48px),
   текст 14px/1.5 серый (#666A73), свёрнут до 4 строк через
   line-clamp (класс .is-open уже переключается существующим
   скриптом компонента), кнопка "Читать полностью" — белая,
   скруглённая, как на десктопе.
   ============================================================ */
@media (max-width: 767px) {
  .single-product .pdp-lower__title {
    position: relative;
    margin: 0;
    padding-bottom: 12px;
    font-size: 21px;
    line-height: 26px;
    font-weight: 700;
    color: #111111;
  }
  .single-product .pdp-lower__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 130px;
    height: 2px;
    background: #CFFF00;
  }
  .single-product .pdp-lower__sep {
    height: 1px;
    background: #EEEEEE;
    margin: 0 0 16px;
  }
  .single-product .product-about .product-description-text {
    font-size: 14px;
    line-height: 1.5;
    color: #666A73;
  }
  .single-product .product-about:not(.is-open) .product-description-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
  }
  .single-product .product-about .product-about__more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    margin-top: 16px;
    padding: 0 18px;
    background: #FFFFFF;
    border: 1px solid #E4E4E4;
    border-radius: 24px;
    color: #111111;
    font-size: 14px;
  }
  .single-product .product-about .product-about__more[hidden] {
    display: none;
  }
}

/* ============================================================
   Карточка товара, мобильный (v106): доводка блока "О товаре".
   1) Встроенный h1/h2/h3 внутри DETAIL_TEXT — те же значения,
      что уже на десктопе (18px/700 чёрный вместо браузерного
      дефолта 30px/500 серый).
   2) Отступ "Характеристики -> О товаре" был 0px (визуально
      слипалось) — добавлен margin-top на pdp-lower, как на
      десктопе (там 32px).
   3) Лайм-черта под заголовком чуть дальше от текста (padding-bottom
      12 -> 18).
   4) Отступ до встроенного h2 текста — за счёт обнуления его
      собственного margin-top (был 20px, складывался с нашим
      sep margin-bottom:16px, суммарно почти 36px).
   ============================================================ */
@media (max-width: 767px) {
  .single-product .product-about .product-description-text h1,
  .single-product .product-about .product-description-text h2,
  .single-product .product-about .product-description-text h3 {
    margin: 0 0 8px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #111111;
  }
  .single-product .pdp-lower__title {
    margin-top: 28px;
    padding-bottom: 18px;
  }
}

/* ============================================================
   Карточка товара, мобильный (v107): "Похожие товары"/"С этим
   товаром покупают" — один шаблон catalog_detail_similar на оба
   вызова компонента (см. заметки коллеги), поэтому правка одна на
   оба блока. Без padding под стрелки (на мобилке стрелок нет —
   свайп пальцем через встроенный touch owl-carousel). JS уже
   показывает по 2 карточки при ширине <768px (Math.min(maxItem,2)
   в template.php компонента) — не трогаем эту логику. Заголовок —
   БЕЗ лайм-черты, так же, как финально решили на десктопе (v84
   её убрал сознательно) — для консистентности с десктопом. Карточки,
   сердечко (z-index:911 + overflow:visible фикс), скрытая кнопка —
   тот же паттерн, что на десктопе, размеры уменьшены под мобилку.
   ============================================================ */
@media (max-width: 767px) {
  /* v110: полный отказ от owl-carousel на мобилке (JS больше не
     инициализирует плагин при ширине <768px, см. template.php
     компонента) — вместо этого нативный горизонтальный скролл
     с snap. Разметка осталась исходной, плоской (owl-stage/owl-item
     обёрток нет), поэтому стилизуем реальные классы компонента
     напрямую: сам контейнер (класс .owl-carousel остаётся в списке
     классов статично из PHP, даже когда плагин не инициализирован)
     и .item-carousel как прямые flex-дети. */
  body .compact-similar {
    padding: 0;
    margin-top: 24px;
  }
  body .compact-similar .section-title {
    margin: 0 0 16px;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 21px;
    line-height: 26px;
    font-weight: 700;
    color: #111111;
    text-align: left;
    text-transform: none;
    border-bottom: 0;
  }
  body .compact-similar .owl-carousel {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 12px;
  }
  body .compact-similar .item-carousel {
    flex: 0 0 auto;
    width: 45%;
    scroll-snap-align: start;
  }
  body .compact-similar .item-carousel .product {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 3px;
  }
  body .compact-similar .item-carousel .product-image {
    position: relative;
  }
  body .compact-similar .item-carousel .bx_catalog_item_images {
    display: block;
    aspect-ratio: 1;
    height: auto;
    padding-top: 0;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  body .compact-similar .item-carousel .product-info {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 0 10px 10px;
  }
  body .compact-similar .item-carousel .similar-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 32px;
    margin: 8px 0 4px;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    color: #111111;
    text-decoration: none;
  }
  body .compact-similar .item-carousel .product-price .price {
    margin-top: auto;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #111111;
  }
  body .compact-similar .item-carousel .cart {
    height: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
  }
  body .compact-similar .item-carousel .add-cart-button {
    display: none;
  }
  body .compact-similar .item-carousel li.similar-wishlist {
    display: block;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    margin: 0;
    list-style: none;
    z-index: 911;
  }
  body .compact-similar .item-carousel li.similar-wishlist a.similar-wishlist {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border: 0;
    box-shadow: none;
  }
  body .compact-similar .item-carousel li.similar-wishlist i.fa-heart-o {
    font-size: 13px;
    color: #111111;
  }
}

/* ============================================================
   Карточка товара, мобильный (v108): первый .compact-similar
   ("Похожие товары") получает на ~44px больше реального отступа,
   чем второй ("С этим товаром покупают"), хотя у обоих одинаковый
   computed margin-top (16px) — разница идёт из внешней обёртки
   .homebanner-holder/.row, в которую вложен именно первый блок,
   и которую не имеет смысла трогать (общесайтовая структура).
   Прагматичная компенсация точечно для первого блока.
   ============================================================ */
@media (max-width: 767px) {
  body .compact-similar:first-of-type {
    margin-top: -44px;
  }
}

/* ============================================================
   Карточка товара, мобильный (v111): доводка отступов "Похожие
   товары"/"С этим товаром покупают". Зазор заголовок->карточки
   уменьшен вдвое (16->8). Зазор карточки->следующий заголовок
   (второй блок) уменьшен отдельно через :not(:first-of-type),
   первый блок не трогаем — его -44px компенсация завязана на
   другую, более сложную структуру (.homebanner-holder).
   ============================================================ */
@media (max-width: 767px) {
  body .compact-similar .section-title {
    margin-bottom: 8px;
  }
  body .compact-similar:not(:first-of-type) {
    margin-top: 8px;
  }
}

/* ============================================================
   Карточка товара, планшет (t1): блок покупки (количество/В корзину/
   избранное) — сейчас в диапазоне 768-991px нет вообще никаких
   правил (только min-width:1200px десктопные), из-за чего инпут
   количества, кнопка и цена сталкиваются друг с другом при сжатой
   ширине колонки. Общий блок для портрета и альбома — сама
   структура покупки одинакова в обеих ориентациях, отличается
   только внешняя сетка (галерея/колонки), которую делаем отдельно.
   Та же чистая CSS-техника +/- без Bootstrap/FontAwesome, что и на
   мобилке. Подпись "Количество:" уже скрыта Bootstrap-ом
   (.hidden-sm, 768-991px, проверено). !important НЕ ставим по
   умолчанию — добавим только если проверка в консоли покажет
   реального конкурента с !important именно на этом брейкпоинте.
   ============================================================ */
@media (min-width: 768px) and (max-width: 1199px) {
  body .single-product .product-info .price-container .price-box .price {
    color: #111111;
  }

  body .single-product .product-info .quantity-container .cart-quantity {
    position: relative;
    width: 100px;
    height: 44px;
  }
  body .single-product .product-info .quantity-container .cart-quantity .quant-input {
    display: block;
    position: relative;
    width: 100px;
    height: 44px;
  }
  body .single-product .product-info .quantity-container .cart-quantity .quant-input input[type="text"] {
    width: 100px;
    height: 44px;
    box-sizing: border-box;
    padding: 0 36px;
    text-align: center;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
  }
  body .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
  }
  body .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows a {
    pointer-events: auto;
    flex: 0 0 36px;
    width: 36px;
    min-width: 0;
    height: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111111;
    font-size: 18px;
    line-height: 1;
    text-decoration: none;
    z-index: 2;
  }
  body .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows a > * {
    display: none;
  }
  body .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows a .arrow {
    display: none;
  }
  body .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows a:first-child {
    order: 2;
  }
  body .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows a:last-child {
    order: 1;
  }
  body .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows a:first-child::before {
    content: "+";
  }
  body .single-product .product-info .quantity-container .cart-quantity .quant-input .arrows a:last-child::before {
    content: "\2212";
  }

  body .single-product .basket-button-table-top .hb-cbtn.hb-cbtn,
body .single-product .basket-button-table-top .hb-button.hb-button-primary {
    height: 44px;
    min-width: 150px;
    flex: 1;
    border-radius: 4px;
    background: #CFFF00;
    border-color: #CFFF00;
    color: #111111;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
  }

  body .single-product .favorite-button-inline .hb-cbtn.hb-cbtn.wishlist {
    height: 44px;
    width: 44px;
    border-radius: 4px;
    border-color: #E5E5E5;
  }

  body .single-product .product-info-block .delivery_change {
    background: #F7F7F7;
    border: 0;
    color: #111111;
  }
}

/* ============================================================
   Карточка товара, планшет (t2): .pdp-lower ("О товаре" + 4
   преимущества) — третий DOM-ребёнок .product-detail-grid.
   На десктопе (1200px+, display:grid) он переносится на новую
   строку через grid-column:1/-1 — но в диапазоне 768-1199px
   контейнер flex (существующее правило @media(min-width:768px)
   без верхнего предела), а grid-column ничего не даёт в flex.
   В итоге .pdp-lower становился ТРЕТЬИМ flex-элементом в одном
   ряду с галереей и purchase-колонкой, схлопывая последнюю почти
   до нуля (88px). Добавляем flex-эквивалент переноса строки.
   ============================================================ */
@media (min-width: 768px) and (max-width: 1199px) {
  body .single-product .product-detail-grid {
    flex-wrap: wrap;
    row-gap: 16px;
  }
  body .single-product .product-detail-grid .product-info-block {
    flex: 1 1 0;
  }
  body .single-product .pdp-lower {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 0;
  }
}

/* ============================================================
   Карточка товара, планшет (t3): "О товаре" + 4 преимущества
   (.pdp-lower) — на десктопе (1200px+) вся стилизация: заголовок,
   подзаголовок, текст, кнопка "Читать полностью", иконки. В
   768-1199px не было НИЧЕГО (только базовый текст без стилей).
   Структура та же, что на десктопе (flex-ряд .product-about +
   .product-benefits), пропорции по промту 55/45 (десктоп — 58/42).
   ============================================================ */
@media (min-width: 768px) and (max-width: 1199px) {
  body .single-product .pdp-lower__title {
    position: relative;
    margin: 0;
    padding-bottom: 12px;
    font-size: 21px;
    line-height: 26px;
    font-weight: 700;
    color: #111111;
  }
  body .single-product .pdp-lower__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 130px;
    height: 2px;
    background: #CFFF00;
  }
  body .single-product .pdp-lower__sep {
    height: 1px;
    background: #EEEEEE;
    margin-bottom: 20px;
    margin-top: -1px;
  }
  body .single-product .pdp-lower__row {
    display: block;
  }
  body .single-product .pdp-lower__row > .product-about {
    width: 100%;
    margin-top: 0;
  }
  body .single-product .pdp-lower__vsep {
    display: none;
  }
  body .single-product .pdp-lower__row > .product-benefits,
  body .single-product .pdp-lower > .product-benefits {
    display: grid;
    grid-template-columns: repeat(2, 280px);
    justify-content: center;
    gap: 16px 40px;
    width: 100%;
    margin-top: 24px;
    border: 0;
  }

  body .single-product .product-about .product-about__title {
    position: relative;
    margin: 0 0 8px;
    padding-bottom: 4px;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: #111111;
  }
  body .single-product .product-about .product-about__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 2px;
    background: #CFFF00;
  }
  body .single-product .product-about .product-description-text {
    font-size: 14px;
    line-height: 1.5;
    color: #666A73;
  }
  body .single-product .product-about .product-description-text h1,
  body .single-product .product-about .product-description-text h2,
  body .single-product .product-about .product-description-text h3 {
    margin: 0 0 8px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #111111;
  }
  body .single-product .product-about:not(.is-open) .product-description-text {
    max-height: 98px;
    overflow: hidden;
  }
  body .single-product .product-about .product-about__more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    margin-top: 14px;
    padding: 0 16px;
    background: #FFFFFF;
    border: 1px solid #E4E4E4;
    border-radius: 22px;
    color: #111111;
    font-size: 13px;
    cursor: pointer;
  }

  body .single-product .product-benefits {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 12px;
  }
  body .single-product .product-benefits__item {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 0;
    padding: 0;
  }
  body .single-product .product-benefits__icon {
    display: flex;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    background: #F7F7F7;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
  }
  body .single-product .product-benefits__icon svg {
    width: 36px;
    height: 36px;
  }
  body .single-product .product-benefits__icon img {
    width: 36px;
    height: 36px;
  }
  body .single-product .product-benefits__text {
    display: block;
  }
  body .single-product .product-benefits__title {
    display: block;
    font-size: 16px;
    font-weight: 700;
  }
  body .single-product .product-benefits__desc {
    font-size: 14px;
  }
}

/* ============================================================
   Карточка товара, планшет (t4): заголовок товара. В базовом
   (безусловном) состоянии виден .pdp-top-title (div над галереей,
   на всю ширину страницы) и скрыт настоящий H1 .pdp-title (лежит
   в правой колонке product-info, для SEO). На десктопе (1200px+)
   это переключается: top-title скрывается, H1 показывается и
   стилизуется на своём месте в колонке. На планшете (768-1199px)
   такого переключения раньше не было вообще — заголовок висел
   над галереей как обычный h1 страницы, а не как в колонке.
   Копируем тот же приём, что на десктопе.
   ============================================================ */
@media (min-width: 768px) and (max-width: 1199px) {
  body .pdp-top-title {
    display: none;
  }
  body .single-product .pdp-title {
    display: block;
    margin: 0 0 10px;
    font-size: 24px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    color: #111111;
  }
}

/* ============================================================
   Карточка товара, планшет (t5): артикул. Лайм-подсветка (как на
   десктопе/мобилке) — раньше не было в 768-1199px, артикул шёл
   голым текстом. Разделитель над артикулом (пустой div с инлайн
   border-top, тот же, что скрывали на мобилке) — тоже прячем.
   Выравнивание по верху рамки фото — убираем верхний отступ у
   .product-info, из-за которого артикул уезжал на 45px ниже
   верха галереи.
   ============================================================ */
@media (min-width: 768px) and (max-width: 1199px) {
  body .single-product .article-desc {
    display: inline-block;
    padding: 1px 4px;
    background: #CFFF00;
    border-radius: 2px;
    color: #111111;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }
  body .single-product .product-info > div[style*="border-top"] {
    display: none;
  }
  body .single-product .product-info {
    margin-top: 0;
    padding-top: 0;
  }
}

/* ============================================================
   Карточка товара, планшет (t6): порядок правой колонки — та же
   техника display:contents, что на десктопе (v61) и на мобилке.
   .product-info/.price-container/.row/[class*="col-"] становятся
   "прозрачными", их дети (артикул, H1, цена, количество/кнопка)
   попадают в общий flex-поток .product-info-block наравне с
   product-stock-status/delivery_change/product-block-props, и
   расставляются через order в нужной последовательности по эскизу.
   ============================================================ */
@media (min-width: 768px) and (max-width: 1199px) {
  body .single-product .product-info-block {
    display: flex;
    flex-direction: column;
  }
  body .single-product .product-info,
body .single-product .price-container,
body .single-product .price-container .hb-row,
body .single-product .price-container .hb-row > [class*="col-"] {
    display: contents;
  }
  body .single-product .product-article-wrap {
    order: 1;
    margin-bottom: 8px;
  }
  body .single-product h1.pdp-title {
    order: 2;
    margin: 0 0 8px;
  }
  body .single-product .price-box {
    order: 3;
    margin: 0 0 8px;
  }
  body .single-product .product-stock-status {
    order: 4;
    margin: 0 0 8px;
  }
  body .single-product .product-info .quantity-container {
    order: 5;
    margin: 0 0 8px;
    padding: 0;
  }
  body .single-product .rowwii {
    margin-top: 0;
  }
  body .single-product .delivery_change {
    order: 6;
    margin-top: 0;
  }
  body .single-product .block__product_desc {
    order: 7;
  }
  body .single-product .product-block-props {
    order: 8;
    border-top: 0;
    margin-top: 12px;
    padding-top: 0;
  }
  body .single-product .product-stock-status {
    font-size: 14px;
  }
}

/* ============================================================
   Карточка товара, планшет (t7): характеристики — тот же финальный
   вид, что на десктопе (14px, без точек-разделителей, flex-строка
   с border-bottom). Плюс .product-perks (4 пункта под характе-
   ристиками, горизонтальный формат без кружков) — на десктопе
   явно скрыт для <1200px (@media max-width:1199), включаем и даём
   компактную раскладку под ширину планшета.
   ============================================================ */
@media (min-width: 768px) and (max-width: 1199px) {
  body .single-product .product-block-props .props-list .prop-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 34px;
    padding: 0;
    border-bottom: 1px solid #EEEEEE;
  }
  body .single-product .product-block-props .props-list .prop-dots {
    display: none;
  }
  body .single-product .product-block-props .props-list .prop-name {
    font-size: 14px;
    font-weight: 400;
    color: #8B8B8B;
  }
  body .single-product .product-block-props .props-list .prop-value {
    font-size: 14px;
    font-weight: 500;
    color: #111111;
    text-align: right;
  }

  body .single-product .product-perks {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 29px;
    gap: 16px 24px;
  }
  body .single-product .product-perks__item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 0;
    flex: 0 0 calc(50% - 12px);
  }
  body .single-product .product-perks__item:nth-child(odd) {
    border-right: 0;
  }
  body .single-product .product-perks__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    background: #F7F7F7;
    border-radius: 50%;
  }
  body .single-product .product-perks__icon svg {
    width: 36px;
    height: 36px;
  }
  body .single-product .product-perks__text {
    font-size: 15px;
    line-height: 19px;
    color: #111111;
  }
}

/* ============================================================
   Карточка товара, планшет (t8): панель "Рассчитать доставку" —
   цена (.price_el) обрезается/переносится в узкой колонке, так как
   flex сжимает её наравне с левой частью строки (название способа
   доставки + срок). Запрещаем сжатие и перенос у цены — пусть
   сжимается левая часть при нехватке места, а не цена.
   ============================================================ */
@media (min-width: 768px) and (max-width: 1199px) {
  body .single-product #delivery_block .delivery-card .price_el,
  body .single-product #delivery_block .delivery-card .price_el-standart {
    white-space: nowrap;
    flex-shrink: 0;
    font-size: 12px;
  }
}

/* ============================================================
   Карточка товара, планшет (t9): "Похожие товары"/"С этим товаром
   покупают" — тот же механизм, что на мобилке (v110): owl-carousel
   не инициализируется (JS-условие теперь width<1200), нативный
   горизонтальный скролл со snap. Ширина карточки увеличена под
   более широкий экран (~27% вместо мобильных 45%, показывает
   больше карточек одновременно).
   ============================================================ */
@media (min-width: 768px) and (max-width: 1199px) {
  body .compact-similar {
    padding: 0;
  }
  body .compact-similar:first-of-type,
.section.featured-product.compact-similar:first-of-type:not(.hb-hidden-xs):not(.hb-hidden-sm) {
    margin-top: -36px;
  }
  body .compact-similar:not(:first-of-type),
.section.featured-product.compact-similar:not(:first-of-type):not(.hb-hidden-xs):not(.hb-hidden-sm) {
    margin-top: 6px;
  }
  body .compact-similar .section-title {
    margin: 0 0 16px;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 21px;
    line-height: 26px;
    font-weight: 700;
    color: #111111;
    text-align: left;
    text-transform: none;
    border-bottom: 0;
  }
  body .compact-similar .owl-carousel {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 16px;
  }
  body .compact-similar .item-carousel {
    flex: 0 0 auto;
    width: 27%;
    scroll-snap-align: start;
  }
  body .compact-similar .item-carousel .product {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 3px;
  }
  body .compact-similar .item-carousel .product-image {
    position: relative;
  }
  body .compact-similar .item-carousel .bx_catalog_item_images {
    display: block;
    aspect-ratio: 1;
    height: auto;
    padding-top: 0;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  body .compact-similar .item-carousel .product-info {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 0 12px 12px;
  }
  body .compact-similar .item-carousel .similar-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 36px;
    margin: 10px 0 4px;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #111111;
    text-decoration: none;
  }
  body .compact-similar .item-carousel .product-price .price {
    margin-top: auto;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #111111;
  }
  body .compact-similar .item-carousel .cart {
    height: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
  }
  body .compact-similar .item-carousel .add-cart-button {
    display: none;
  }
  body .compact-similar .item-carousel li.similar-wishlist {
    display: block;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 36px;
    height: 36px;
    margin: 0;
    list-style: none;
    z-index: 911;
  }
  body .compact-similar .item-carousel li.similar-wishlist a.similar-wishlist {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: transparent;
    border: 0;
    box-shadow: none;
  }
  body .compact-similar .item-carousel li.similar-wishlist i.fa-heart-o {
    font-size: 14px;
    color: #111111;
  }
}

/* ============================================================
   ЕДИНЫЙ ТОГГЛ «ИЗБРАННОЕ» (25.09.2026): контур по умолчанию,
   пульс + заливка по клику — каталог (оба варианта разметки),
   детальная страница, «Похожие товары» (там уже был fa-heart-o).
   JS: assets/js/wishlist-toggle.js. Цвета активного состояния НЕ
   дублируются здесь — используются уже существующие правила
   .active/.in-wishlist (десктоп лайм #D7FF00 выше в файле,
   мобильный синий #359bed в main.css с !important).
   ============================================================ */
a.wishlist i.wishlist-heart--pulse,
a.similar-wishlist i.wishlist-heart--pulse {
  animation: detailWishlistPulse 0.4s ease;
}

/* Недостающее звено: на десктопе/планшете (>=768px) .icon внутри
   каталожной сетки получает color:#333 явным правилом выше по файлу
   (строка ~9403), которое перебивает наследуемый цвет от .active на
   родителе <a>. Добавляем то же самое явно для активного состояния —
   без !important, специфичность та же, побеждает по порядку каскада
   (это правило ниже по файлу). */
@media (min-width: 768px) {
  #grid-container .products .cart .action a[class*="wishlist"].active i,
  #grid-container .products .cart .action a[class*="wishlist"].in-wishlist i {
    color: #D7FF00;
  }
}

/* ============================================================
   ДЕТАЛЬНАЯ СТРАНИЦА: цвет активного сердечка «Избранное»
   (25.09.2026, продолжение единого тоггла). Раньше все правила
   для .favorite-button-inline i.fa-heart красили иконку в один и
   тот же серый/чёрный ВСЕГДА (base/hover), без разделения на
   активное/неактивное состояние — поэтому смена формы (контур→
   заливка через JS) была визуально незаметна. Ниже — акцентный
   цвет ТОЛЬКО для активного состояния (класс .active/.in-wishlist,
   который проставляет wishlist-toggle.js), тот же лайм, что и в
   каталоге. Специфичность у всех селекторов ниже — выше на один
   класс (.active) больше исходных, поэтому побеждает по каскаду
   без !important. Плюс — базовый цвет контура (fa-heart-o), которого
   раньше не было вообще ни для одного состояния. */
.favorite-button-inline .hb-cbtn.hb-cbtn.wishlist i.fa-heart-o,
.favorite-button-inline .hb-cbtn.hb-cbtn.wishlist i.fa-heart {
  color: #111111;
  font-size: 16px;
  margin: 0;
}
.favorite-button-inline .hb-cbtn.hb-cbtn.wishlist.active i.fa-heart,
.favorite-button-inline .hb-cbtn.hb-cbtn.wishlist.in-wishlist i.fa-heart,
body .single-product .favorite-button-inline .hb-cbtn.hb-cbtn.wishlist.active i.fa-heart,
body .single-product .favorite-button-inline .hb-cbtn.hb-cbtn.wishlist.in-wishlist i.fa-heart,
body .single-product .favorite-button-inline .wishlist.active i.fa-heart,
body .single-product .favorite-button-inline .wishlist.in-wishlist i.fa-heart {
  color: #111111;
}

/* ============================================================
   РЕДИЗАЙН СТРАНИЦЫ 404 (26.09.2026) — монохром + акцент #D7FF00,
   в стиле "Доставка" (/about/delivery/). Полный отказ от Bootstrap
   col-* и table-вёрстки main.map (переопределены в display:block).
   Брейкпоинты проекта: mobile <=767, tablet 768-1199, desktop >=1200.
   ============================================================ */
.err404-page {
  width: min(96%, var(--site-max, 1380px));
  margin: 0 auto;
  padding: 48px 0 64px;
  box-sizing: border-box;
}
.err404-hero {
  text-align: center;
  max-width: 560px;
  margin: 0 auto 56px;
}
.err404-icon {
  margin-bottom: 8px;
}
.err404-code {
  font-size: 96px;
  font-weight: 800;
  line-height: 1;
  color: #111111;
  letter-spacing: -0.02em;
}
.err404-title {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin: 12px 0 12px;
  color: #111111;
}
.err404-text {
  font-size: 15px;
  line-height: 1.5;
  color: #555555;
  margin: 0 0 28px;
}
.err404-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
.err404-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 28px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  text-decoration: none;
  box-sizing: border-box;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.err404-btn--primary {
  background: #D7FF00;
  border: 1px solid #D7FF00;
  color: #111111;
}
.err404-btn--primary:hover {
  background: #c2e600;
  border-color: #c2e600;
  color: #111111;
}
.err404-btn--outline {
  background: transparent;
  border: 1px solid #111111;
  color: #111111;
}
.err404-btn--outline:hover {
  background: #111111;
  color: #ffffff;
}

@media (min-width: 768px) {
  .err404-code {
    font-size: 120px;
  }
  .err404-title {
    font-size: 28px;
  }
}

@media (min-width: 1200px) {
  .err404-page {
    padding: 72px 0 96px;
  }
  .err404-hero {
    margin-bottom: 72px;
  }
  .err404-code {
    font-size: 140px;
  }
  .err404-title {
    font-size: 32px;
  }
}

/* ============================================================
   ПРОСТОЕ ВЫПАДАЮЩЕЕ МЕНЮ БЕЗ КАТАЛОГА ("О магазине" и подобные
   пункты верхнего меню без подкатегорий, .dropdown-menu.pages.
   no-catalogy) — приведено к тому же визуальному языку, что и
   мегаменю каталога: скругление 14px, шрифт Manrope/Inter/Roboto,
   лаймовая заливка пункта при наведении.
   ============================================================ */
.header-nav .yamm .hb-dropdown-menu.pages.no-catalogy {
  border-radius: 14px;
  overflow: hidden;
  padding: 8px;
}
.header-nav .yamm .hb-dropdown-menu.pages.no-catalogy li.menu_title {
  list-style: none;
}
.header-nav .yamm .hb-dropdown-menu.pages.no-catalogy li.menu_title a {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 8px;
  font-family: 'Manrope', 'Inter', 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: #172033;
  text-decoration: none;
  transition: background-color 150ms ease;
}
.header-nav .yamm .hb-dropdown-menu.pages.no-catalogy li.menu_title a:hover {
  background-color: #D7FF00;
  color: #111111;
}

/* hb-align-hero-bento: от 1200px баннер и плитки стоят в колонке контента (края = края карточек) */
@media (min-width:1200px){
	#hero.homepage-slider2{width:calc(100% + 16px);max-width:none;margin:8px -8px;left:0}
	.bento-grid{width:calc(100% + 16px);max-width:none;margin:0 -8px 30px;left:0}
}

/* hb-hero-ratio: баннер главной держит пропорцию файла 2036x484 (4.2:1) на любой десктопной ширине и не выходит за карусель.
   Высота больше не от vw; легаси .full-width-slider .item{min-width:105%} для баннера отключено. */
@media (min-width:768px){
	.cnt-homepage .homepage-slider2,
	#hero,
	#hero .homebanner-holder,
	#owl-main,
	#owl-main .owl-wrapper-outer,
	#owl-main .owl-wrapper,
	#owl-main .full-width-slider .item{height:auto;min-height:0}
	#owl-main .full-width-slider .item{min-width:0;aspect-ratio:2036/484}
}

/* hb-tablet-hero: баннер и плитки главной на вертикальном планшете (768-991px).
   Плитки: та же 12-колоночная раскладка, что на десктопе (tall 3x2, wide 4, medium 3, narrow 2, square 3),
   высоты рядов и зазор считаются от ширины окна (vw), поэтому сетка резиново сжимается без дыр.
   Скрытие ниже 992px (баннер до 995, плитки до 991) оставлено как есть; здесь только более специфичные правила. */
@media (min-width:768px) and (max-width:991px){
	body.cnt-homepage #hero.homepage-slider2{display:block;margin-top:0}
	body.cnt-homepage .body-content.outer-top-xs{margin-top:0;padding-top:0}
	body.cnt-homepage .bento-grid{display:grid;width:calc(100% + 16px);max-width:none;margin:0 -8px 24px;left:0;right:auto;
		grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:16.1vw 16.1vw 13.5vw;gap:max(4px,.54vw)}
	body.cnt-homepage .bento-tile--tall{grid-column:span 3;grid-row:span 2}
	body.cnt-homepage .bento-tile--wide{grid-column:span 4;grid-row:span 1}
	body.cnt-homepage .bento-tile--medium{grid-column:span 3;grid-row:span 1}
	body.cnt-homepage .bento-tile--narrow{grid-column:span 2;grid-row:span 1}
	body.cnt-homepage .bento-tile--square{grid-column:span 3;grid-row:span 1}
	body.cnt-homepage .bento-tile__content{padding:clamp(7px,1.5vw,20px)}
	body.cnt-homepage .bento-tile__title{font-size:clamp(10px,1.35vw,20px);margin-bottom:.2em}
	body.cnt-homepage .bento-tile--tall .bento-tile__title,
	body.cnt-homepage .bento-tile--wide .bento-tile__title{font-size:clamp(10px,1.35vw,20px)}
	body.cnt-homepage .bento-tile__subtitle{font-size:clamp(7.5px,.88vw,13px);line-height:1.25}
	body.cnt-homepage .bento-tile__arrow{width:clamp(18px,2.17vw,32px);height:clamp(18px,2.17vw,32px);margin-top:clamp(3px,.68vw,10px);font-size:clamp(9px,1.08vw,16px)}
}

/* catalog-menu-promo--plain: баннер без текстовых полей показывается чистой картинкой (без затемнения и стрелки).
   Слои overlay/text/cta шаблон выводит только если заполнено хотя бы одно из полей EYEBROW / TITLE_TEXT / CTA_TEXT. */
.catalog-menu-promo--plain .catalog-menu-promo__img{filter:none}

/* hb-menu-final: мегаменю каталога (панель Дизайн / Цвет / Материал), от 768px.
   1) пункты: кружок и подпись в одну строку, без переносов; расстояние между пунктами 10px;
   2) до 1199px пункты идут в ОДИН столбец (в два столбца подписи с кружком не помещаются, ширина колонки 217px и меньше);
      от 1200px остаётся исходная раскладка в два столбца;
   3) три колонки поровну; в узком окне (768-900px) средняя (Цвет) шире: 30 : 40 : 30;
   4) баннер прижат к низу панели (position:absolute, как в исходном шаблоне), высота по пропорции 1024:170,
      а колонкам оставлен запас ровно по его высоте (container query: ширина панели).
   Специфичность правил пунктов не ниже чужого .submenu_items .itm.hb-mega__itm (template_styles.css ~7524). */
@media (min-width:768px){
	.sectionMenu-nav > .hb-mega__sub{container-type:inline-size;max-height:none}
	.sectionMenu-nav > .hb-mega__sub .submenu_items .itm{margin-bottom:10px}
	.sectionMenu-nav > .hb-mega__sub .submenu_items .itm:last-child{margin-bottom:0}
	.sectionMenu-nav > .hb-mega__sub .submenu_items .itm.hb-mega__itm a{display:block;min-width:0;white-space:nowrap}
	.sectionMenu-nav > .hb-mega__sub .submenu_items .itm.hb-mega__itm img{flex:0 0 auto;margin-right:clamp(6px,.7vw,10px)}
	.sectionMenu-nav > .hb-mega__sub > .hb-mega__grid > .hb-mega__col.submenu_items{padding:0 20px 0 20px}
	.sectionMenu-nav > .hb-mega__sub > .hb-mega__grid > .hb-mega__col.submenu_items:first-child{padding-left:0}
	.sectionMenu-nav > .hb-mega__sub > .hb-mega__grid{margin-bottom:calc((100cqw - 24px) * 170 / 1024 + 12px)}
	.catalog-menu-promo{aspect-ratio:1024 / 170;height:auto}
}
@media (min-width:768px) and (max-width:1199px){
	.sectionMenu-nav > .hb-mega__sub .submenu_items .itm.hb-mega__itm{display:flex;flex-wrap:nowrap;align-items:center;float:none;width:100%;max-width:none;padding-left:0;padding-right:0}
}
@media (min-width:1200px){
	.sectionMenu-nav > .hb-mega__sub .submenu_items .itm.hb-mega__itm{display:flex;flex-wrap:nowrap;align-items:center}
}
@media (min-width:768px) and (max-width:1024px){
	.sectionMenu-nav > .hb-mega__sub > .hb-mega__grid > .hb-mega__col.submenu_items{padding-right:12px}
}
@media (min-width:768px) and (max-width:900px){
	.sectionMenu-nav > .hb-mega__sub > .hb-mega__grid > .hb-mega__col.submenu_items{flex:0 0 30%;max-width:30%;width:30%}
	.sectionMenu-nav > .hb-mega__sub > .hb-mega__grid > .hb-mega__col.submenu_items:nth-child(2){flex:0 0 40%;max-width:40%;width:40%}
}

/* hb-menu-height: высота мегаменю каталога для диапазона, где пункты идут в один столбец (768-1199px).
   Самая длинная колонка (Цвет, 14 пунктов) + баннер внизу не помещаются в исходные 608px (высота списка категорий),
   скрипт меню (script.js ~464) копирует высоту внешнего меню панели, поэтому min-height задаётся внешнему меню.
   16 категорий x 40.6px = 650px: серая колонка категорий тянется до низа меню без псевдоэлементов. */
@media (min-width:768px) and (max-width:1199px){
	.header-nav .yamm .hb-dropdown.yamm-fw .hb-dropdown-menu.pages.catalog-submenu{min-height:650px}
	.header-nav .yamm .hb-dropdown-menu .sectionMenu-nav > .hb-mega__cat{min-height:40.6px}
}

/* hb-mobmenu: мобильное меню каталога (.mobile-menu-for-compact, до 767px) в стиле новой главной.
   Только цвета, шрифты, плашки и линии: разметка, ширины колонок, иконки категорий и кружки цвета не меняются.
   Лайм #D7FF00 как на главной (палочки, капсулы, кнопки), шрифт Inter как на сайте. Старые голубые #3498db убраны. */
@media (max-width:767.5px){
	body .mobile-menu-for-compact{background:#F5F6F7;font-family:'Inter',Arial,sans-serif}
	body .mobile-menu-for-compact h5{font-family:'Inter',Arial,sans-serif;font-size:20px;font-weight:700;color:#111318}
	body .mobile-menu-for-compact .close{color:#20242B;opacity:1}
	body .mobile-menu-for-compact .head__wrapper.active{background:#fff;box-shadow:0 1px 0 #E5E7E9}

	/* левая колонка категорий */
	body .mobile-menu-for-compact .content .selection-menu{background:#F5F6F7}
	body .mobile-menu-for-compact .content .selection-menu a{position:relative;font-family:'Inter',Arial,sans-serif;font-weight:700;color:#111318;opacity:1}
	body .mobile-menu-for-compact .content .selection-menu a.active{background:#D7FF00;color:#111318}
	body .mobile-menu-for-compact .content .selection-menu a.active::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#111318}

	/* правая область */
	body .mobile-menu-for-compact .content .right_selection-menu.active{background:#fff}
	body .mobile-menu-for-compact .content .right_selection-menu .all{padding:10px 15px 4px;font-size:14px}
	body .mobile-menu-for-compact .content .right_selection-menu .all a{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:10px;background:#D7FF00;color:#111318;font-weight:600;text-transform:uppercase;text-decoration:none}
	body .mobile-menu-for-compact .content .right_selection-menu .all a::after{content:"\2192";font-size:18px;line-height:1}

	/* заголовки групп: ДИЗАЙН / ЦВЕТ / МАТЕРИАЛ */
	body .mobile-menu-for-compact .content .right_selection-menu span{position:relative;color:#161A20;font-family:'Inter',Arial,sans-serif;font-size:16px;font-weight:700;padding-bottom:10px;border-bottom:1px solid #E5E7E9}
	body .mobile-menu-for-compact .content .right_selection-menu span::before{content:"";position:absolute;left:0;bottom:-1px;width:28px;height:2px;background:#D7FF00}
	body .mobile-menu-for-compact .content .right_selection-menu span::after{border-top-color:rgba(17,19,24,.7)}

	/* ссылки фильтров */
	body .mobile-menu-for-compact .content .right_selection-menu .wrap a{font-family:'Inter',Arial,sans-serif;font-size:12px;font-weight:500;color:#555B63}
	body .mobile-menu-for-compact .content .right_selection-menu .wrap a:active,
	body .mobile-menu-for-compact .content .right_selection-menu .wrap a:hover{color:#111;font-weight:600}
}

/* ===== hb: выбор размеров в карточке каталога и одинаковая высота названия (итерация 1) ===== */
/* Старое правило с принудительной тёмной рамкой выбранного размера удалено выше по файлу, синий цвет заменён.
   Новый вид: монохром, как активная кнопка переключения вида (чёрная плитка). Префикс #grid-container даёт
   приоритет над правилами шаблона catalog.section/.default/style.css и css/color.css без принудительных приоритетов. */
#grid-container .bx_catalog_list_home .bx_item_detail_size{--hb-sz-ink:#111111;--hb-sz-line:#dcdcdc;--hb-sz-mute:#b9b9b4}

/* список размеров: высота 28px + 1px сверху и снизу = прежние 30px, карточка по высоте не меняется */
#grid-container .bx_catalog_list_home .bx_item_detail_size ul{gap:6px;padding:1px 0}

/* таблетка размера */
#grid-container .bx_catalog_list_home .bx_item_detail_size ul li .cnt{position:relative;min-height:28px;padding:0 9px;overflow:hidden;border:1px solid var(--hb-sz-line);border-radius:4px;background:#fff;color:var(--hb-sz-ink);font-family:'Inter','Roboto',sans-serif;font-size:11px;font-weight:500;line-height:1;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
#grid-container .bx_catalog_list_home .bx_item_detail_size ul li:is(:hover,:active) .cnt{border-color:var(--hb-sz-ink);background:#fff;color:var(--hb-sz-ink)}

/* выбранный размер */
#grid-container .bx_catalog_list_home .bx_item_detail_size ul li.bx_active .cnt,
#grid-container .bx_catalog_list_home .bx_item_detail_size ul li.bx_active:is(:hover,:active) .cnt{border-color:var(--hb-sz-ink);background:var(--hb-sz-ink);color:#ffffff}

/* недоступный размер: бледный, вместо старого крестика одна тонкая диагональ */
#grid-container .bx_catalog_list_home .bx_item_detail_size ul li > i{display:none}
#grid-container .bx_catalog_list_home .bx_item_detail_size ul li.bx_missing .cnt{border-color:#ececea;background:#fafaf8;color:var(--hb-sz-mute)}
#grid-container .bx_catalog_list_home .bx_item_detail_size ul li.bx_missing .cnt::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent calc(50% - .5px),#d3d3ce calc(50% - .5px),#d3d3ce calc(50% + .5px),transparent calc(50% + .5px))}

/* стрелки прокрутки: круглые кнопки (размер и положение задаёт прежний блок, здесь только вид) */
.bx-no-touch #grid-container .bx_catalog_list_home .bx_item_detail_size .bx_slide_left,
.bx-no-touch #grid-container .bx_catalog_list_home .bx_item_detail_size .bx_slide_right{width:22px;height:22px;border:1px solid var(--hb-sz-line);border-radius:50%;background:#fff;color:var(--hb-sz-ink);font-size:13px;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.bx-no-touch #grid-container .bx_catalog_list_home .bx_item_detail_size .bx_slide_left:hover,
.bx-no-touch #grid-container .bx_catalog_list_home .bx_item_detail_size .bx_slide_right:hover{border-color:var(--hb-sz-ink);background:var(--hb-sz-ink);color:#ffffff}

/* название товара: высота ровно две строки (14px x 1.3 = 36.4px), длиннее обрезается многоточием.
   Из-за разницы в одну и две строки цена и размеры стояли на разной высоте, а низ карточек был разным. */
@media (min-width:768px){
	body #grid-container .catalog-grid .catalog-grid__item .product-info .name.bx_catalog_item_title{min-height:36.4px;max-height:36.4px}
	body #grid-container .catalog-grid .catalog-grid__item .product-info .name.bx_catalog_item_title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
}

/* ===== hb: выбор размеров на карточке товара (итерация 1) ===== */
/* Старые правила с принудительной рамкой выбранного размера и с рамкой недоступного удалены (в этом файле и в style.css
   шаблона catalog.element), синий цвет заменён. Вид тот же, что в каталоге: чёрный выбранный, светлая рамка у остальных,
   бледные недоступные с диагональю. Селекторы с .description-container .item_info_section перебивают старые правила
   без принудительных приоритетов. */

/* порядок в правой колонке: артикул, название, цена, «В наличии», размеры, количество и кнопка.
   У блока размеров не было order (то есть 0), поэтому он всплывал наверх колонки. */
body .single-product .product-info .description-container:has(.bx_item_detail_size){order:4;margin:0 0 16px}
@media (min-width:768px){
	body .single-product .product-stock-status{order:3}
}

body .single-product .description-container .item_info_section .bx_item_detail_size{--hb-sz-ink:#111111;--hb-sz-line:#dcdcdc;--hb-sz-mute:#b9b9b4;margin:0;padding:0}

/* заголовок блока: мелкий серый Inter вместо засечного */
body .single-product .description-container .item_info_section .bx_item_detail_size .bx_item_section_name_gray{display:block;margin:0 0 8px;padding:0;color:#8c8c88;font-family:'Inter','Roboto',sans-serif;font-size:12px;font-weight:600;letter-spacing:.04em;line-height:16px;text-transform:uppercase}
body .single-product .description-container .item_info_section .bx_item_detail_size .bx_size_scroller_container{top:0}

/* таблетка размера */
body .single-product .description-container .item_info_section .bx_item_detail_size ul li .cnt{position:relative;min-height:40px;padding:0 16px;overflow:hidden;border:1px solid var(--hb-sz-line);border-radius:4px;background:#fff;color:var(--hb-sz-ink);font-family:'Inter','Roboto',sans-serif;font-size:13px;font-weight:500;line-height:1}
body .single-product .description-container .item_info_section .bx_item_detail_size ul li:is(:hover,:active) .cnt{border-color:var(--hb-sz-ink);background:#fff;color:var(--hb-sz-ink)}

/* выбранный размер */
body .single-product .description-container .item_info_section .bx_item_detail_size ul li.bx_active .cnt,
body .single-product .description-container .item_info_section .bx_item_detail_size ul li.bx_active:is(:hover,:active) .cnt{border-color:var(--hb-sz-ink);background:var(--hb-sz-ink);color:#ffffff}

/* недоступный размер: бледный, без реакции на наведение, вместо старого крестика одна тонкая диагональ */
body .single-product .description-container .item_info_section .bx_item_detail_size ul li > i{display:none}
body .single-product .description-container .item_info_section .bx_item_detail_size ul li.bx_missing .cnt,
body .single-product .description-container .item_info_section .bx_item_detail_size ul li.bx_missing:is(:hover,:active) .cnt{border-color:#ececea;background:#fafaf8;color:var(--hb-sz-mute);cursor:not-allowed}
body .single-product .description-container .item_info_section .bx_item_detail_size ul li.bx_missing .cnt::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent calc(50% - .5px),#d3d3ce calc(50% - .5px),#d3d3ce calc(50% + .5px),transparent calc(50% + .5px))}

/* ===== hb: сердечко избранного в мобильном каталоге, в самом углу карточки (итерация 6) ===== */
/* Без принудительных приоритетов. Старые правила для сердечка (около двадцати, здесь и в assets/css/main.css) на положение и размер
   принудительных приоритетов не имеют, но у части из них очень длинные селекторы (цепочки до a.hb-cbtn.hb-cbtn.wishlist.desktop-only-wishlist,
   приоритет порядка (1,10,2)): обычный селектор с одним #grid-container им проигрывал (итерации 1-2). Удвоенный #grid-container даёт два id
   и перебивает любую такую цепочку. Только до 767px и только для сердечка в карточке каталога.
   Зона нажатия 36px сохранена. Сам значок (.icon) стоит абсолютно с одинаковыми отступами сверху и справа: у иконки есть собственный
   вертикальный сдвиг (около 7px вниз), поэтому выравнивание внутри коробки давало разные зазоры.
   У самой кнопки был ещё сдвиг вниз на 5px (внешний отступ или transform), поэтому margin, transform и translate сброшены явно.
   Наведение на телефоне «залипает» после касания, поэтому круглую подсветку там отключаем. */
@media (max-width:767px){
	#grid-container#grid-container .catalog-grid .catalog-grid__item .products .product .cart .action a.wishlist{display:flex;position:absolute;top:0;right:0;bottom:auto;left:auto;width:36px;min-width:0;max-width:none;height:36px;min-height:0;max-height:none;margin:0;transform:none;translate:none;box-sizing:border-box}
	#grid-container#grid-container .catalog-grid .catalog-grid__item .products .product .cart .action a.wishlist .icon{position:absolute;top:4px;right:4px;bottom:auto;left:auto;margin:0;line-height:1}
	#grid-container#grid-container .catalog-grid .catalog-grid__item .products .product .cart .action a.wishlist:hover{background-color:transparent}
}

/* ===== hb: фильтры в мобильном каталоге, правка старых правил (итерация 1) ===== */
/* Мобильный каталог, старая раскладка фильтра (без .filter-sort-row). Новых принудительных приоритетов нет, правлены три существующих правила:
   1) у строки кнопок (.bx_filter_title_row) нижний padding 28px убран, а margin-bottom -15px компенсирует margin-bottom 15px с принудительным
      приоритетом у кнопки (.section-title.mobil-filter): эти старые правила пока не тронуты, они же задают отступы в каталоге колец;
   2) ссылка «Сбросить все» стала inline-block вместо flex-контейнера: пока она flex-контейнер, подчёркивание передаётся значку ✕ (flex-элементу);
   3) значок ::after выровнен vertical-align:top (его высота 22px равна высоте строки). */

/* ===== hb: пагинация новостей (.blog-pagination), один блок вместо десяти слоёв правок ===== */
/* Вид как у пагинации каталога: прозрачные кнопки, серый фон у активной страницы, Inter. Доп. класс в селекторе
   (.blog-pagination.blog-pagination) поднимает вес над main.css и color.css без принудительных приоритетов.
   Отступы заданы у вложенного .text-right: у самого блока их задаёт .filters-container. */
.blog-pagination.blog-pagination > .text-right,
.blog-pagination.blog-pagination > .hb-text-right {padding:15px 0 35px}
.blog-pagination.blog-pagination > .hb-text-right > br {display:none}
.blog-pagination.blog-pagination .pagination-container{margin:0;padding:0;text-align:center}
.blog-pagination.blog-pagination .pagination-container ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0;padding:0;list-style:none;border:0;background:transparent;box-shadow:none}
.blog-pagination.blog-pagination .pagination-container ul > li,
.blog-pagination.blog-pagination .pagination-container ul > li.prev,
.blog-pagination.blog-pagination .pagination-container ul > li.next{display:block;margin:0;padding:0;border:0;border-radius:2px;background:transparent;box-shadow:none}
.blog-pagination.blog-pagination .pagination-container ul > li.prev:hover,
.blog-pagination.blog-pagination .pagination-container ul > li.next:hover,
.blog-pagination.blog-pagination .pagination-container ul > li.prev:focus,
.blog-pagination.blog-pagination .pagination-container ul > li.next:focus{background:transparent}
.blog-pagination.blog-pagination .pagination-container ul > li > a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:34px;height:34px;margin:0;padding:0 8px;border:0;border-radius:2px;background:transparent;box-shadow:none;color:#111;font:400 14px/1 'Inter',Arial,sans-serif;text-decoration:none}
.blog-pagination.blog-pagination .pagination-container ul > li > a[href]:hover,
.blog-pagination.blog-pagination .pagination-container ul > li > a[href]:focus{background:#F7F7F7;color:#111;text-decoration:none}
.blog-pagination.blog-pagination .pagination-container ul > li.active > a{background:#F2F2F2;color:#111;font-weight:500;text-decoration:none;cursor:default}
.blog-pagination.blog-pagination .pagination-container ul > li.prev > a,
.blog-pagination.blog-pagination .pagination-container ul > li.next > a{font-size:18px;color:#111}
.blog-pagination.blog-pagination .pagination-container ul > li:not(.active) > a:not([href]){opacity:.35;cursor:default}

/* ===== hb: разделители новостей: линия только между новостями, отступы над и под ней равны ===== */
/* Раньше линия была border-bottom у каждой новости, а отступы задавала стопка правил с принудительным приоритетом:
   под линией 0, над ней 20px, после последней новости оставалась лишняя линия. Теперь у каждой новости, кроме первой,
   есть линия сверху и по 25px воздуха с обеих сторон. .outer-top-bd (margin-top 50px из main.css) обнуляется здесь же. */
.blog-page .blog-post{margin:0;padding:25px 0;border:0;border-top:1px solid #eee}
.blog-page .blog-post.outer-top-bd{margin-top:0}
.blog-page .blog-post:first-of-type{padding-top:0;border-top:0}
.blog-page .blog-post:last-of-type{padding-bottom:0}
/* Линия над пагинацией новостей (border-top из main.css) не нужна: список уже закончен. */
.blog-page .blog-pagination.blog-pagination{border-top:0}

/* ===== hb: новости в новом стиле: Inter, монохром, кнопка-пилюля как в корзине и оформлении ===== */
/* Заменяет стопки правил с принудительным приоритетом для заголовка, даты, текста и кнопки «Подробнее».
   Кнопка: пилюля 44px, Inter 14px/600, капс. При наведении заливается чёрным с белым текстом
   (белый текст на наведении и так задаёт color.css для .btn-primary в .homepage-container). */
.blog-page .blog-post .hb-col-md-8 h1 {margin:0 0 10px;font:700 22px/1.3 'Inter',Arial,sans-serif;letter-spacing:-.01em;text-transform:none;color:#111}
.blog-page .blog-post .hb-col-md-8 h1 a {color:#111;text-decoration:none;transition:color .15s}
.blog-page .blog-post .hb-col-md-8 h1 a:hover,
.blog-page .blog-post .hb-col-md-8 h1 a:focus {color:#111;text-decoration:underline;text-underline-offset:4px}
.blog-page .blog-post .hb-col-md-8 .date-time {display:inline-flex;align-items:center;margin:0 20px 14px 0;font:400 13px/1.4 'Inter',Arial,sans-serif;color:#777}
.blog-page .blog-post .hb-col-md-8 p {margin:0 0 20px;padding-top:0;font:400 15px/1.65 'Inter',Arial,sans-serif;color:#444;text-align:left}
.blog-page .blog-post .read-more,
.blog-page .read-more,
.blog-page a.read-more,
.blog-page a.btn-upper{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:0 22px;border:1px solid #111;border-radius:999px;background:#fff;box-shadow:none;color:#111;font:600 14px/1 'Inter',Arial,sans-serif;letter-spacing:.02em;text-decoration:none;text-shadow:none;text-transform:uppercase;transition:background .15s,color .15s}
.blog-page .blog-post .read-more:hover,
.blog-page .blog-post .read-more:focus,
.blog-page .read-more:hover,
.blog-page a.read-more:hover,
.blog-page a.btn-upper:hover{border-color:#111;background:#111;color:#fff;text-decoration:none}

/* ===== hb: теги-слайдер в каталоге (.tags-slider-wrapper, стрелки .seo-scroll-btn), без принудительных приоритетов ===== */
/* Правила слайдера оставлены на месте, у них снят !important: соперников с большим весом у этих классов нет.
   Принудительный показ на планшете и малом десктопе удалён (там ничего не скрыто). Мёртвое правило с «+ ~» удалено.
   На телефоне блок тегов скрыт целиком, одним правилом вместо стопки из одиннадцати. */
@media (max-width:767px){
	body .product-sorting.product-sorting{display:none}
	.bx_catalog_tags:empty,
	.bx_catalog_tags:not(:has(a)){display:none}
}

/* hb: ряд тегов (.row.wrapped) исключён из правила .row{overflow-x:clip} (иначе ряд тегов в каталоге не прокручивается и стрелки не работают) */

/* ===== hb: страница новости: шрифт Inter, правила текста без принудительных приоритетов ===== */
/* Правила текста, заголовков и списков (.news-detail, .bx-newsdetail-content и др.) переписаны на месте:
   !important снят, первый класс селектора удвоен (.news-detail.news-detail), чтобы они выигрывали у стилей компонента
   news.detail/flat без принудительного приоритета. Подписанное исключение: правила для img остались с !important,
   потому что картинки из визуального редактора приходят со встроенными style="width/float/height". */

/* hb: окно выбора города (собственный поповер .hb-geo-pop, без Bootstrap): Inter, монохром, лайм при наведении */
.hb-geo-pop{position:absolute;z-index:1200;box-sizing:border-box;width:320px;max-width:calc(100vw - 20px);padding:16px;background:#fff;border:1px solid #e5e5e5;border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.14);color:#111;font:400 14px/1.4 'Inter',Arial,sans-serif;text-align:left}
.hb-geo-pop[hidden]{display:none}
.hb-geo-pop .input__block{position:relative;margin:0 0 14px}
.hb-geo-pop .input__block input{box-sizing:border-box;display:block;width:100%;height:44px;margin:0;padding:0 16px;border:1px solid #d9d9d9;border-radius:999px;background:#fff;box-shadow:none;color:#111;font:400 14px/1 'Inter',Arial,sans-serif;outline:0;transition:border-color .15s}
.hb-geo-pop .input__block input::placeholder{color:#8a8a8a;font-size:14px}
.hb-geo-pop .input__block input:focus{border-color:#111}
.hb-geo-pop .input__block ul{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:2;display:none;max-height:220px;margin:0;padding:6px;overflow:auto;list-style:none;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.14)}
.hb-geo-pop .input__block ul li{margin:0;padding:0;list-style:none}
.hb-geo-pop .input__block ul a.item-citi{display:block;padding:9px 12px;border-radius:8px;color:#111;font-size:14px;line-height:1.3;text-decoration:none}
.hb-geo-pop .input__block ul a.item-citi:hover{background:#f3f3f3;color:#111}
.hb-geo-pop .hb-geo__hint{margin:0 0 10px;color:#777;font-size:13px;line-height:1.3}
.hb-geo-pop .list-sitis{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hb-geo-pop .list-sitis a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:38px;padding:0 10px;border:1px solid #e5e5e5;border-radius:999px;background:#fff;color:#111;font-size:14px;line-height:1.2;text-align:center;text-decoration:none;transition:background .15s,border-color .15s}
.hb-geo-pop .list-sitis a:hover{background:#D7FF00;border-color:#D7FF00;color:#111}

/* hb: форма авторизации (hb-auth) — вход и восстановление пароля, Inter, монохром, лайм */
.hb-auth{max-width:460px;color:#111;font-family:'Inter',Arial,sans-serif}
.hb-auth__title{margin:0 0 20px;color:#111;font:600 16px/1.3 'Inter',Arial,sans-serif}
.hb-auth__field{margin:0 0 16px}
.hb-auth__label{display:block;margin:0 0 8px;color:#111;font:600 15px/1.3 'Inter',Arial,sans-serif}
.hb-auth__input{box-sizing:border-box;display:block;width:100%;max-width:400px;height:48px;margin:0;padding:0 16px;border:1px solid #d9d9d9;border-radius:12px;background:#fff;box-shadow:none;color:#111;font:400 16px/1 'Inter',Arial,sans-serif;outline:0;transition:border-color .15s}
.hb-auth__input:focus{border-color:#111}
.hb-auth__captcha{display:block;border-radius:8px}
.hb-auth__note{margin:6px 0 0;color:#777;font-size:13px;line-height:1.4}
.hb-auth__check{display:flex;align-items:center;gap:10px;margin:4px 0 20px;color:#111;font:400 15px/1.3 'Inter',Arial,sans-serif;cursor:pointer}
.hb-auth__check input[type="checkbox"]{-webkit-appearance:none;appearance:none;flex:none;width:20px;height:20px;margin:0;border:1.5px solid #111;border-radius:6px;background:#fff center / 14px no-repeat;cursor:pointer;transition:background-color .15s}
.hb-auth__check input[type="checkbox"]:checked{background-color:#111;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.5l3 3 6-7' fill='none' stroke='%23D7FF00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.hb-auth__check input[type="checkbox"]:focus-visible{outline:2px solid #D7FF00;outline-offset:2px}
.hb-auth__submit{box-sizing:border-box;display:block;width:100%;max-width:400px;height:48px;margin:0 0 18px;padding:0 30px;border:0;border-radius:12px;background:#D7FF00;color:#111;font:700 14px/1 'Inter',Arial,sans-serif;letter-spacing:.02em;text-align:center;text-transform:uppercase;cursor:pointer;transition:background-color .15s}
.hb-auth__submit:hover,.hb-auth__submit:focus{background:#c9f000;color:#111;outline:0}
.hb-auth__links{margin:0 0 12px;color:#666;font:400 14px/1.5 'Inter',Arial,sans-serif}
.hb-auth__links a{color:#111;text-decoration:underline;text-decoration-color:#bbb;text-underline-offset:3px;transition:text-decoration-color .15s}
.hb-auth__links a:hover{text-decoration-color:#111}

/* hb: бейдж «Хит» — лаймовый круг с короной, слева от сердечка */
#grid-container .product .tags.block:has(.hb-hit) {
  position: absolute;
  top: 5px;
  right: 38px;
  left: auto;
  bottom: auto;
  width: auto;
  height: auto;
  margin: 0;
  float: none;
  z-index: 470;
}
.hb-hit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #D7FF00;
  color: #111111;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
}

/* hb: мегаменю — собственные размеры вместо сетки Bootstrap (col-*, row) */
.hb-mega { margin-left: -15px; margin-right: 15px; }
.hb-mega::before, .hb-mega::after { content: " "; display: table; }
.hb-mega::after { clear: both; }
.hb-mega__cat, .hb-mega__sub, .hb-mega__col, .hb-mega__itm { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
.hb-mega__cat { float: left; width: 33.33333333%; }
.hb-mega__sub { float: left; width: 66.66666667%; }
@media (min-width: 768px) {
  .hb-mega__cat { width: 16.66666667%; }
  .hb-mega__sub { width: 83.33333333%; }
}
.hb-mega__grid { margin-left: -15px; margin-right: 15px; }

/* hb-gallery-arrows: одинаковый размер стрелок миниатюр для простых товаров и товаров с предложениями */
body .single-product .gallery-holder .bx_item_slider .bx_slider_conteiner .bx_slide_left,
body .single-product .gallery-holder .bx_item_slider .bx_slider_conteiner .bx_slide_right {
  width: 11px;
  height: 24px;
}

/* hb-sls-align: подсказка (route) и поле (fake) выровнены одинаково без !important:
   отступ под иконку через text-indent, т.к. padding в модуле задан с !important */
.dc-calc .bx-sls .bx-ui-sls-container .bx-ui-sls-fake,
.dc-calc .bx-sls .bx-ui-sls-container .bx-ui-sls-route {
  text-indent: 38px;
  height: 35px;
  font-size: 14px;
}

/* hb-fav-hover: кнопка «В избранное» на странице товара: фон остаётся белым, сердечко при наведении закрашивается чёрным */
.favorite-button-inline .hb-cbtn.hb-cbtn.wishlist:hover {
  background: #fff;
  border-color: #e5e5e5;
}
.favorite-button-inline .hb-cbtn.hb-cbtn.wishlist:hover i.fa-heart-o {
  color: #111;
}
.favorite-button-inline .hb-cbtn.hb-cbtn.wishlist:hover i.fa-heart-o:before {
  content: "\f004";
}

/* hb-similar-heart: сердечко в «Похожих товарах» и «С этим товаром покупают» — как в каталоге: 22x22, значок 20px, отступ 8px от угла (не заходит на фото) */
body .compact-similar .item-carousel li.similar-wishlist {
  top: 8px;
  right: 8px;
  width: 22px;
  height: 22px;
}
body .compact-similar .item-carousel li.similar-wishlist a.similar-wishlist {
  width: 22px;
  height: 22px;
  padding: 0;
}
body .compact-similar .item-carousel li.similar-wishlist i.fa-heart-o {
  font-size: 20px;
}

/* hb-benefits-top: иконки «О товаре» не растягиваются по высоте, когда левый текст раскрыт («Читать полностью») — строки сетки прижаты к верху */
.pdp-lower__row .product-benefits {
  align-content: start;
}

/* hb-tags-empty: в категориях без тегов (напр. «Вязаные») пустой ряд тегов не занимает место */
.product-sorting > .hb-row.hb-tags-empty,
.product-sorting > .row.hb-tags-empty {
  display: none;
}

/* hb-filter-modef: окно «Выбрано: N — Показать» умного фильтра — в новом дизайне и в потоке под блоком свойства (а не «плавает» по странице) */
@media (min-width: 531px) {
  body .bx_filter .bx_filter_container_modef .bx_filter_popup_result,
  body .bx_filter .bx_filter_container_modef .bx_filter_popup_result.right,
  body .bx_filter .bx_filter_container_modef .bx_filter_popup_result.left {
    position: static;
    left: auto;
    right: auto;
    height: auto;
    margin: 10px 0 0;
    padding: 6px 6px 6px 14px;
    border: 1px solid #e5e5e5;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.10);
    color: #111;
    font: 400 13px/1.2 'Inter', Arial, sans-serif;
    white-space: nowrap;
  }
  body .bx_filter .bx_filter_container_modef .bx_filter_popup_result .arrow {
    display: none;
  }
  body .bx_filter .bx_filter_container_modef .bx_filter_popup_result a {
    display: inline-block;
    margin-left: 10px;
    padding: 7px 14px;
    border-radius: 999px;
    background: #D7FF00;
    color: #111;
    font-weight: 500;
    text-decoration: none;
    transition: background .15s, color .15s;
  }
  body .bx_filter .bx_filter_container_modef .bx_filter_popup_result a:hover {
    background: #111;
    color: #D7FF00;
  }
}

/* hb-edge-hover: крайние карточки каталога при наведении (scale 1.015) выходили
   за область обрезки ряда (overflow-x:clip) и теряли рамку. Масштабируем от
   внешнего края, чтобы карточка росла внутрь сетки. Без !important. */
@media (min-width: 768px) and (max-width: 1366px) {
  .bx-no-touch #grid-container .catalog-grid > .catalog-grid__item:nth-child(3n+1) .products .product { transform-origin: left center; }
  .bx-no-touch #grid-container .catalog-grid > .catalog-grid__item:nth-child(3n) .products .product { transform-origin: right center; }
}
@media (min-width: 1367px) {
  .bx-no-touch #grid-container .catalog-grid > .catalog-grid__item:nth-child(4n+1) .products .product { transform-origin: left center; }
  .bx-no-touch #grid-container .catalog-grid > .catalog-grid__item:nth-child(4n) .products .product { transform-origin: right center; }
}

/* hb-list-view: каталог в режиме «Списком» (?LIST=Y) по паттернам плитки.
   Контейнер #list-container. Без !important. Старый display:flex ряда
   (из старых правил) оставлен, переключено только направление — в колонку. */
#list-container .bx_catalog_list_home.catalog-grid {
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 12px;
  width: 100%;
  margin: 0 0 20px;
  max-height: max-content;
}
#list-container .catalog-grid::before,
#list-container .catalog-grid::after { display: none; }
#list-container .catalog-grid > .category-product-inner {
  flex: none;
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0;
}
#list-container .category-product-inner .product-list.product {
  display: flex;
  position: relative;
  width: auto;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid rgba(17, 17, 17, 0.035);
  border-radius: 2px;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}
.bx-no-touch #list-container .category-product-inner .product-list.product:hover {
  border-color: rgba(17, 17, 17, 0.08);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.055);
}
#list-container .category-product-inner .product-list-row {
  display: flex;
  align-items: stretch;
  flex: 1 1 auto;
  width: 100%;
  margin: 0;
}
/* картинка слева */
#list-container .category-product-inner .product-list-row > .col:first-child {
  flex: 0 0 240px;
  width: 240px;
  max-width: 240px;
  padding: 0;
}
#list-container .category-product-inner .product-image { height: 100%; box-sizing: border-box; padding: 6px; }
#list-container .category-product-inner .product-image .image { width: 100%; height: 100%; min-height: 228px; }
#list-container .category-product-inner .product-image .bx_catalog_item_images {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 228px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
/* информация справа (кнопка уже имеет отступ 15px — остальное выравниваем под него) */
#list-container .category-product-inner .product-list-row > .col:last-child {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  max-width: none;
  padding: 0;
}
#list-container .category-product-inner .product-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  box-sizing: border-box;
  padding: 18px 24px 18px 8px;
}
#list-container .category-product-inner .product-info .name,
#list-container .category-product-inner .product-info .article,
#list-container .category-product-inner .product-info .bx_storege,
#list-container .category-product-inner .product-info .product-price { padding-left: 15px; }
#list-container .category-product-inner .product-info .name {
  margin: 0 0 4px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 400;
  color: #222;
}
#list-container .category-product-inner .product-info .name a { color: inherit; }
#list-container .category-product-inner .product-info .article {
  float: none;
  margin: 0 0 10px;
  font-size: 12px;
  color: #a0a0a0;
}
#list-container .category-product-inner .product-info .bx_item_detail_rating,
#list-container .category-product-inner .product-info br,
#list-container .category-product-inner .product-info .description,
#list-container .category-product-inner .product-info .product-catalog-nal,
#list-container .category-product-inner .product-list .tags.block { display: none; }
#list-container .category-product-inner .bx_storege { margin: 0; font-size: 13px; color: #666; }
#list-container .category-product-inner .bx_storege ul { margin: 0; padding: 0; list-style: none; }
#list-container .category-product-inner .bx_storege li { padding: 0; list-style: none; }
#list-container .category-product-inner .product-info .product-price { margin: 10px 0 0; }
#list-container .category-product-inner .product-info .product-price .price {
  font-size: 18px;
  font-weight: 600;
  color: #111;
}
/* кнопка и избранное */
#list-container .category-product-inner .cart .action { gap: 12px; }
#list-container .category-product-inner .cart .action a[id$="_buy_link"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  float: none;
  width: 220px;
  height: 44px;
  margin: 0;
  padding: 0 16px;
  background: #D7FF00;
  border: 1px solid #D7FF00;
  border-radius: 4px;
  color: #111;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  text-transform: uppercase;
  white-space: nowrap;
  transition: all 0.2s ease;
}
#list-container .category-product-inner .cart .action a[id$="_buy_link"]:hover {
  background: #c2e600;
  border-color: #c2e600;
  color: #111;
}
#list-container .category-product-inner .cart .action a.wishlist {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  float: none;
  position: static;
  flex: none;
  width: 32px;
  min-width: 0;
  max-width: none;
  height: 32px;
  max-height: 32px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 50%;
}
#list-container .category-product-inner .cart .action a.wishlist .icon { color: #333; font-size: 20px; }

@media (max-width: 767px) {
  #list-container .bx_catalog_list_home.catalog-grid { gap: 8px; }
  #list-container .category-product-inner .product-list-row > .col:first-child { flex-basis: 120px; width: 120px; max-width: 120px; }
  #list-container .category-product-inner .product-image .image,
  #list-container .category-product-inner .product-image .bx_catalog_item_images { min-height: 108px; }
  #list-container .category-product-inner .product-info { padding: 10px 8px 10px 4px; }
  #list-container .category-product-inner .product-info .name { font-size: 14px; }
  #list-container .category-product-inner .cart .action a[id$="_buy_link"] { width: auto; flex: 1 1 auto; height: 38px; }
}

/* hb-list-view2: шрифты, артикул, кнопка и избранное в списке — как в плитке и детальной. Без !important. */
#list-container .category-product-inner .product-list.product { font-family: Inter, Roboto, sans-serif; }
#list-container .category-product-inner .product-info .article {
  padding-left: 0;
  text-indent: 15px;
  font-size: 13px;
  color: #666;
}
#list-container .category-product-inner .cart .action a[id$="_buy_link"] { flex: 0 0 220px; max-width: 220px; font-family: inherit; }
#list-container .category-product-inner .cart .action a.wishlist:hover { background: #D7FF00; color: #111; }
#list-container .category-product-inner .cart .action a.wishlist:hover .icon { color: #111; }

/* hb-stock: наличие в каталоге (плитка и список) — как product-stock-status на детальной.
   Разметка: components/bitrix/catalog.store.amount/2beman/template.php. Без !important. */
.bx_storege .hb-stock {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 19px;
  color: #111;
}
.bx_storege .hb-stock__dot { flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; background: #3bb54a; }
.bx_storege .hb-stock__text { color: #3bb54a; }
.bx_storege .hb-stock__sep { flex: 0 0 1px; width: 1px; height: 12px; background: #d9d9d9; }
.bx_storege .hb-stock__store { color: #333; }
.bx_storege .hb-stock--out .hb-stock__dot { background: #e5484d; }
.bx_storege .hb-stock--out .hb-stock__text { color: #e5484d; }

/* hb-list-view3: шрифт названия и цены в списке — Inter, как в плитке. Без !important. */
#list-container .category-product-inner .product-info .name,
#list-container .category-product-inner .product-info .name a,
#list-container .category-product-inner .product-info .product-price .price { font-family: Inter, Roboto, sans-serif; }

/* hb-list-view4: список на мобильном выходил за экран (карточка 428px при ряде 360px).
   Растягиваем карточки по ряду, кнопка и наличие на узких экранах. Без !important. */
#list-container .bx_catalog_list_home.catalog-grid { align-items: stretch; }
#list-container .catalog-grid > .category-product-inner { width: 100%; }
@media (max-width: 767px) {
  #list-container .category-product-inner .cart .action a[id$="_buy_link"] { flex: 1 1 auto; width: auto; min-width: 0; max-width: none; }
  #list-container .category-product-inner .bx_storege .hb-stock { flex-wrap: wrap; row-gap: 2px; }
  #list-container .category-product-inner .bx_storege .hb-stock__sep { display: none; }
}

/* hb-list-view5: список — артикул-плашка, наличие, hover кнопки и сердечка как в детальной. Без !important.
   Выравнивание: все блоки от одного левого края; у .cart старый отступ 15px (!important в старом CSS)
   компенсируется отрицательным margin у кнопки. */
#list-container .category-product-inner .product-info { padding-left: 24px; }
#list-container .category-product-inner .product-info .name,
#list-container .category-product-inner .product-info .article,
#list-container .category-product-inner .product-info .bx_storege,
#list-container .category-product-inner .product-info .product-price { padding-left: 0; }
#list-container .category-product-inner .product-info .article {
  display: inline-block;
  align-self: flex-start;
  text-indent: 0;
  background: #CFFF00;
  color: #111;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  border: 1px solid #CFFF00;
  border-width: 1px 4px;
  border-radius: 2px;
}
#list-container .category-product-inner .bx_storege .hb-stock,
#list-container .category-product-inner .bx_storege .hb-stock span { font-weight: 400; }
#list-container .category-product-inner .bx_storege .hb-stock::before,
#list-container .category-product-inner .bx_storege .hb-stock span::before { content: none; }
#list-container .category-product-inner .cart .action a[id$="_buy_link"] { margin-left: -15px; }
.bx-no-touch #list-container .category-product-inner .cart .action a[id$="_buy_link"]:hover {
  background: #111;
  border-color: #111;
  color: #D7FF00;
}
#list-container .category-product-inner .cart .action a.wishlist:hover { background: transparent; color: #111; }
#list-container .category-product-inner .cart .action a.wishlist:hover .icon { color: #111; }
.bx-no-touch #list-container .category-product-inner .cart .action a.wishlist:hover i.fa-heart-o:before { content: "\f004"; }
@media (max-width: 767px) {
  #list-container .category-product-inner .product-info { padding-left: 4px; }
}

/* hb-list-view6: на мобильном у .cart отступ 6px (не 15px), компенсируем кнопку. Без !important. */
@media (max-width: 767px) {
  #list-container .category-product-inner .cart .action a[id$="_buy_link"] { margin-left: -6px; }
}

/* hb-list-view7: артикул, отступ от фото, сердечко. Без !important.
   Сердечко при наведении: прозрачный фон и закрашенная чёрная иконка (см. hb-list-view5);
   старые белые !important-правила для иконки удалены (hb-heart-clean). */
#list-container .category-product-inner .product-info .article::before { color: #111; }
@media (min-width: 768px) {
  #list-container .category-product-inner .product-list-row > .col:last-child { padding-left: 25px; }
}

/* hb-list-view10: список — текст по центру по высоте, сердечко без кружка при клике. Без !important.
   Из мобильного правила "активное сердце: белая кнопка с рамкой" убраны селекторы body .product .cart ...,
   они цепляли и список (оно предназначалось только для плитки #grid-container). */
#list-container .category-product-inner .product-info { justify-content: center; }
#list-container .category-product-inner .cart .action a.wishlist:focus,
#list-container .category-product-inner .cart .action a.wishlist:active,
#list-container .category-product-inner .cart .action a.wishlist.active {
  background: transparent;
  border: 0;
  outline: 0;
  box-shadow: none;
}
#list-container .category-product-inner .cart .action a.wishlist.active .icon,
#list-container .category-product-inner .cart .action a.wishlist.in-wishlist .icon { color: #111; }

/* hb-list-view11: список на планшете (768-1279px). Старое правило центрирует .action,
   а отступ .cart там 6px (не 15px) — кнопка уезжала вправо. «В наличии» не переносится. Без !important. */
@media (min-width: 768px) and (max-width: 1279px) {
  #list-container .category-product-inner .cart .action { justify-content: flex-start; }
  #list-container .category-product-inner .cart .action a[id$="_buy_link"] { margin-left: -6px; }
}
#list-container .category-product-inner .bx_storege .hb-stock__text,
#list-container .category-product-inner .bx_storege .hb-stock__dot { white-space: nowrap; }

/* hb-list-view13: у .cart старый padding-bottom 12px (!important) смещал блок «текст + кнопка» вверх.
   Компенсируем отрицательным margin — блок центрируется по высоте карточки. Без !important. */
#list-container .category-product-inner .product-info .cart { margin-bottom: -12px; }

/* hb-list-view14: мобильный список — наличие и склад размером как артикул (12px), склад отдельной строкой,
   отступ от фото +8px. Без !important. */
@media (max-width: 767px) {
  #list-container .category-product-inner .product-list-row > .col:last-child { padding-left: 8px; }
  #list-container .category-product-inner .bx_storege .hb-stock { font-size: 12px; line-height: 17px; }
  #list-container .category-product-inner .bx_storege .hb-stock__store { flex: 0 0 100%; }
}

/* hb-lazy-mobile: на мобильном (<768px) работает автоподгрузка (скрипт кликает .lazy при прокрутке).
   Кнопка «Загрузить ещё» не нужна на виду: прячем её через opacity (display:none нельзя — скрипт считает
   offset().top кнопки) и снимаем линию контейнера, которую раньше убирал скрипт уже после первой прокрутки.
   Без !important. */
@media (max-width: 767px) {
  body .lazy-wrap { opacity: 0; pointer-events: none; }
  body .category-product.inner-top-vs { border-bottom: 0; }
}

/* hb-sortbar: панель «вид | сортировка | пагинация» каталога — один чистый блок вместо ~24 правил с !important */
body .filters-container > .hb-row { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; margin: 0; padding: 10px 0; border: 0 none; }
body .filters-container > .hb-row > .col { width: auto; float: none; flex: 0 0 auto; margin: 0; padding: 0 15px; }
body .filters-container .lbl-cnt { display: flex; align-items: center; gap: 10px; width: auto; }
body .filters-container .lbl-cnt > .lbl { white-space: nowrap; }
body .filters-container .pagination-container { margin-top: 0; text-align: right; }
@media (max-width: 1199px) {
  body .filters-container { margin: 0; padding: 6px 0; }
  body .filters-container > .hb-row { flex-direction: row; justify-content: center; gap: 8px; }
  body .filters-container .lbl-cnt { gap: 8px; }
  body .filters-container .lbl-cnt > .lbl { margin: 0; font-size: 13px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  body .filters-container > .hb-row { padding: 8px 0; }
  body .filters-container > .hb-row > .col { text-align: center; }
  body .filters-container .lbl-cnt { justify-content: center; }
  body .filters-container .pagination-container { text-align: center; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  body .filters-container > .hb-row { padding: 6px 0; }
}
@media (max-width: 767px) {
  body .filters-container > .hb-row { padding: 8px 0; }
  body .filters-container > .hb-row > .col { text-align: center; }
  body .filters-container .lbl-cnt { justify-content: center; }
  body .filters-container .pagination-container { text-align: center; }
  body .filters-container, body .filters-container.m-t-10 { margin-top: 15px; margin-bottom: -5px; }
}

/* hb-micro: «Похожие товары» (.product-micro) — Grid вместо hb-row/hb-col-xs-5/7, без !important */
.product-micro .product-micro-row { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; column-gap: 12px; margin: 0; }
.product-micro .product-micro-row::before, .product-micro .product-micro-row::after { display: none; }
.product-micro .product-micro-row > .col { float: none; width: auto; padding: 0; }
.product-micro .product-micro-row .product-info { padding: 0; }

/* hb-shell: каркас «сайдбар + контент» (.homepage-container:has(> .sidebar)) — Grid вместо float/flex-слоёв hb-grid/main/template_styles, без !important */
.homepage-container:has(> .sidebar) > .sidebar, .homepage-container:has(> .sidebar) > .homebanner-holder { float: none; width: auto; max-width: none; min-width: 0; box-sizing: border-box; }
@media (min-width: 992px) {
  .homepage-container:has(> .sidebar) { display: grid; grid-template-columns: 25% minmax(0, 1fr); align-items: start; }
  .homepage-container:has(> .sidebar) > :not(.sidebar) { float: none; width: auto; max-width: none; min-width: 0; box-sizing: border-box; grid-column: 2; grid-row: 1; }
  .homepage-container:has(> .sidebar) > .sidebar { grid-column: 1; grid-row: 1; }
  body:has(#grid-container) .homepage-container:has(> .sidebar) { grid-template-columns: 282px minmax(0, 1fr); }
}

/* hb-shell-fix: колонка контента без сайдбара (напр. /personal/) — 80%, как было в старом main.css; в каркасе с сайдбаром её перебивает hb-shell */
@media (min-width: 768px) { .homebanner-holder.hb-col-md-9 { width: 80%; } }

/* hb-banners: плитки разделов на /catalog/ (shantilab:sections / sect_list2) — Grid вместо float hb-col-md-4, без !important */
.wide-banners > .hb-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wide-banners > .hb-row::before, .wide-banners > .hb-row::after { display: none; }
.wide-banners > .hb-row > a > .hb-col-md-4 { float: none; width: auto; }

/* hb-holder: обёртка страницы без сайдбара (.homebanner-holder.hb-col-md-12) — обычный блок вместо float, родитель теперь охватывает содержимое; без !important */
.homepage-container > .homebanner-holder.hb-col-md-12 { float: none; width: auto; }

/* hb-orderdetail: страница заказа (sale.personal.order.detail) — Grid вместо float hb-col-* в рядах «О заказе» и «Способ оплаты», от 768px, без !important */
@media (min-width: 992px) {
  .sale-order-detail-about-order-inner-container > .hb-row { display: grid; grid-template-columns: 4fr 4fr 2fr 2fr; align-items: start; }
  .sale-order-detail-payment-options-methods-information-block { display: grid; grid-template-columns: 2fr 8fr 2fr; align-items: start; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sale-order-detail-about-order-inner-container > .hb-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  .sale-order-detail-payment-options-methods-information-block { display: grid; grid-template-columns: 5fr 7fr; align-items: start; }
  .sale-order-detail-payment-options-methods-information-block > :nth-child(3) { grid-column: 1 / -1; }
}
@media (min-width: 768px) {
  .sale-order-detail-about-order-inner-container > .hb-row::before, .sale-order-detail-about-order-inner-container > .hb-row::after,
  .sale-order-detail-payment-options-methods-information-block::before, .sale-order-detail-payment-options-methods-information-block::after { display: none; }
  .sale-order-detail-about-order-inner-container > .hb-row > [class*="hb-col-"], .sale-order-detail-payment-options-methods-information-block > [class*="hb-col-"] { float: none; width: auto; }
}

/* hb-heartfix */
/* «Похожие» и «С этим товаром покупают»: wishlist-toggle.js в избранном меняет иконку
   fa-heart-o -> fa-heart, а цвет и размер были заданы только для fa-heart-o.
   Тот же селектор и те же значения для заполненного сердечка. */
body .compact-similar .item-carousel li.similar-wishlist i.fa-heart {
    font-size: 20px;
    color: #111;
}

/* hb-delivery-fix: прежний вид кнопки доставки после снятия important в main.css */
body .single-product .delivery_change {
  margin-top: 12px;
  padding: 10px 14px;
}
@media (max-width: 767px) {
  body .single-product .product-info-block .delivery_change {
    color: #359bed;
    border: 1px solid #359bed;
  }
}

/* hb-mobilemenu-fix: прежний вид бургера и крестика мобильного меню после снятия important в main.css */
@media (max-width: 767px) {
  body button.mobile-bar-btn.hb-navbar-toggle {
    border: 1px solid #e1e1e1;
    border-right: 1px solid #efefef;
  }
}
@media (max-width: 767.5px) {
  body .mobile-menu-for-compact .close.close {
    font-size: 24px;
    line-height: 1;
    color: #333333;
  }
}

/* hb-headernav-fix */
body .header-style-2 .header-nav { background-color: transparent; }
@media (max-width: 1024px) {
  body .header-style-1 .header-nav .hb-navbar-default .hb-navbar-collapse .hb-navbar-nav > li > a { padding: 15px 10px; }
}
body .header-nav .yamm .hb-dropdown.yamm-fw .hb-dropdown-menu.hb-dropdown-menu { background-color: #ffffff; background-image: none; }

/* hb-cls-hero */
/* Резерв места под баннер до инициализации Owl (до этого #owl-main скрыт, #hero высотой 0 -> CLS 0.118).
   Пропорция 2036:484 = 23.77% ширины контента; когда Owl построил .owl-wrapper-outer, «подпорка» снимается. */
@media (min-width:768px){
  #hero.homepage-slider2:not(:has(.owl-wrapper-outer))::before{content:"";display:block;padding-top:23.77%}
}

/* End */
/* /local/templates/2beman/assets/css/hb-bs-core.css?179137130012783 */
/* /local/templates/2beman/assets/css/hb-base.css?17912957453385 */
/* /local/templates/2beman/assets/css/hb-ui.css?179130880124639 */
/* /local/templates/2beman/assets/css/hb-forms.css?179130880112546 */
/* /local/templates/2beman/assets/css/hb-utils.css?17913088013568 */
/* /local/templates/2beman/assets/css/hb-nav.css?17913088018506 */
/* /local/templates/2beman/assets/css/hb-grid.css?17913671813352 */
/* /local/templates/2beman/assets/css/main.css?1791453191252933 */
/* /local/templates/2beman/assets/css/owl.carousel.css?15856556441474 */
/* /local/templates/2beman/assets/css/owl.transitions.css?15856556444476 */
/* /local/templates/2beman/assets/css/lightbox.css?15856556443898 */
/* /local/templates/2beman/assets/css/rateit.css?15856556442239 */
/* /local/templates/2beman/assets/css/config.css?17913088011025 */
/* /local/templates/2beman/assets/css/font-awesome.min.css?158565564421984 */
/* /local/templates/2beman/assets/css/core_fileinput.css?158565564465734 */
/* /local/templates/2beman/assets/css/color.css?179130880119019 */
/* /local/templates/2beman/assets/css/bitrix.css?1791301626140 */
/* /local/templates/2beman/assets/css/new.owl.carousel.css?15856556444744 */
/* /local/templates/2beman/components/kuznica/search.title/2beman/style.css?17868300835477 */
/* /local/templates/2beman/components/bit-ecommerce/geo/geo/style.css?15856556441538 */
/* /local/templates/2beman/components/bitrix/sale.basket.basket.line/main_bascet/style.css?17912109337104 */
/* /local/templates/2beman/components/bitrix/menu/top_horizontal_ozon/style.css?179130880110581 */
/* /local/templates/2beman/components/bitrix/catalog.smart.filter/marcet_vertical/style.css?158565564432212 */
/* /local/templates/2beman/components/bitrix/sender.subscribe/sender/style.css?15856556444683 */
/* /bitrix/components/bitrix/iblock.vote/templates/stars/style.css?16536451381019 */
/* /local/templates/2beman/css/footer-desktop.css?179131056114632 */
/* /bitrix/components/webes/oneclick/css/styles.css?15856556066574 */
/* /local/templates/2beman/components/bitrix/menu/mobile/style.css?1789742572914 */
/* /local/templates/2beman/components/bitrix/menu/mobile-left/style.css?17871418173555 */
/* /local/templates/2beman/template_styles.css?1791470999495876 */