/* ==== Open Sans (self-hosted) ==== */
/* Open Sans — локальные woff2 (self-hosted) */
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;font-display:swap;src:url('/shop-theme/fonts/opensans/opensans-300-normal-0.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;font-display:swap;src:url('/shop-theme/fonts/opensans/opensans-300-normal-1.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;font-display:swap;src:url('/shop-theme/fonts/opensans/opensans-300-normal-2.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;font-display:swap;src:url('/shop-theme/fonts/opensans/opensans-300-normal-3.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/shop-theme/fonts/opensans/opensans-600-normal-4.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/shop-theme/fonts/opensans/opensans-600-normal-5.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/shop-theme/fonts/opensans/opensans-600-normal-6.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/shop-theme/fonts/opensans/opensans-600-normal-7.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}


/* ==== global.css ==== */
@charset "UTF-8";
html, body, div, span,
h1, h2, p,
a, address, img, q, s, strong, sub, var,
b, u, i, center,
dl, dt, dd, ul, li, form, label,
table, tbody, thead, tr, th, td, footer, header,
menu, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

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

table {
  border-collapse: collapse;
  border-spacing: 0; }

 th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q {
  quotes: none; }
  q:before, q:after {
    content: "";
    content: none; }

a img {
  border: none; }

 footer, header, menu, nav, section {
  display: block; }

/*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

footer,
header,
nav,
section {
  display: block; }

[hidden] {
  display: none; }

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

a:focus {
  outline: thin dotted; }

a:active,
a:hover {
  outline: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

b,
strong {
  font-weight: bold; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

sub {
  font-size: 90%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button,
input {
  line-height: normal; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.42857;
  color: #777777;
  background-color: #fff; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input,
textarea {
  background-image: none; }

a {
  color: #333;
  text-decoration: none; }
  a:hover, a:focus {
    color: #515151;
    text-decoration: underline; }
  a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  width: 100%;
    
}

p {
  margin: 0 0 9px; }

h1, h2,
.h1, .h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1.1; }

h1,
h2 {
  margin-top: 18px;
  margin-bottom: 9px; }

h1, .h1 {
  font-size: 33px; }

h2, .h2 {
  font-size: 26px;}

ul {
  margin-top: 0;
  margin-bottom: 9px; }
  ul ul {
    margin-bottom: 0; }

dl {
  margin-bottom: 18px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

q:before,
q:after {
  content: ""; }

address {
  display: block;
  margin-bottom: 18px;
  font-style: normal;
  line-height: 1.42857; }

.container {margin-right: auto;margin-left: auto;}
.container:before, .container:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .container:after {
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .row:after {
    clear: both; }

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-he-4,
header .row #header_logo,
header .row #header_sams,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

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

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {width: 100%;}
@media (min-width: 1200px) { .col-sm-9 {width: 75%;} }
@media (max-width: 1199px) and (min-width: 992px) { .col-sm-9 {width: 70%;} }
@media (max-width: 991px) and (min-width: 768px) {
   .col-sm-3 {width: 30%;padding-right: 0;}
	.col-sm-7 {width: 65% !important;padding: 0 15px 0 30px;}
   .col-sm-9 {width: 70%;}
	.col-sm-12 {width: 20% !important;padding: 0 30px 0 0 !important; } }
	
@media (max-width: 1100px) and (min-width: 768px) {
    .col-he-4, header .row #header_sams {width: 33.33333%;}
    header .row #header_sams {display: none;}
    .col-he-4, header .row #header_logo {width: 33.33333%;}
}
@media (min-width: 1101px) {
    .col-he-4, header .row #header_sams {width: 25%;}
    .col-he-4, header .row #header_logo {width: 25%;}
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-he-4,
  header .row #header_logo,
  header .row #header_sams,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11 {
    float: left; }

  .col-sm-1 {
    width: 8.33333%; }

  .col-sm-2 {
    width: 16.66667%; }
    
  .col-sm-4 {
      width: 33.33333%; }

  .col-sm-5 {
    width: 10% !important;
    padding: 0; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-8 {
    width: 66.66667%; }

  .col-sm-10 {
    width: 83.33333%; }

  .col-sm-11 {
    width: 91.66667%; }

  .col-sm-12 {width: 17%;padding: 0; }

  .col-sm-push-1 {
    left: 8.33333%; }

  .col-sm-push-2 {
    left: 16.66667%; }

  .col-sm-push-3 {
    left: 25%; }

  .col-sm-push-4 {
    left: 33.33333%; }

  .col-sm-push-5 {
    left: 41.66667%; }

  .col-sm-push-6 {
    left: 50%; }

  .col-sm-push-7 {
    left: 58.33333%; }

  .col-sm-push-8 {
    left: 66.66667%; }

  .col-sm-push-9 {
    left: 75%; }

  .col-sm-push-10 {
    left: 83.33333%; }

  .col-sm-push-11 {
    left: 91.66667%; }

  .col-sm-pull-1 {
    right: 8.33333%; }

  .col-sm-pull-2 {
    right: 16.66667%; }

  .col-sm-pull-3 {
    right: 25%; }

  .col-sm-pull-4 {
    right: 33.33333%; }

  .col-sm-pull-5 {
    right: 41.66667%; }

  .col-sm-pull-6 {
    right: 50%; }

  .col-sm-pull-7 {
    right: 58.33333%; }

  .col-sm-pull-8 {
    right: 66.66667%; }

  .col-sm-pull-9 {
    right: 75%; }

  .col-sm-pull-10 {
    right: 83.33333%; }

  .col-sm-pull-11 {
    right: 91.66667%; }

  .col-sm-offset-1 {
    margin-left: 8.33333%; }

  .col-sm-offset-2 {
    margin-left: 16.66667%; }

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

  .col-sm-offset-4 {
    margin-left: 33.33333%; }

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

  .col-sm-offset-6 {
    margin-left: 50%; }

  .col-sm-offset-7 {
    margin-left: 58.33333%; }

  .col-sm-offset-8 {
    margin-left: 66.66667%; }

  .col-sm-offset-9 {
    margin-left: 75%; }

  .col-sm-offset-10 {
    margin-left: 83.33333%; }

  .col-sm-offset-11 {
    margin-left: 91.66667%; } }
@media (max-width: 767px) { .col-sm-5 {display: none;} .col-sm-7 {width: 65%;} .col-sm-12 {width: 100%;} .col-xs-7 {width: 100%;} }
@media (min-width: 992px) {
  .col-sm-12 {width: 25% !important;padding: 0;}
  .col-sm-7 {width: 65% !important;padding: 0 15px 0 30px !important;}
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11 {
    float: left; }

  .col-md-1 {
    width: 8.33333%; }

  .col-md-2 {
    width: 16.66667%; }

  .col-md-3 {
    width: 25%;
    padding-right: 15px; }

  .col-sm-3 {
    width: 30%;padding-right: 0; }

  .col-md-4 {
    width: 33.33333%; }

  .col-md-5 {
    width: 41.66667%; }

  .col-md-6 {
    width: 50%; }

  .col-md-7 {
    width: 58.33333%; }

  .col-md-8 {
    width: 66.66667%; }

  .col-md-9 {width: 70%;}

  .col-md-10 {
    width: 83.33333%; }

  .col-md-11 {
    width: 91.66667%; }

  .col-md-12 {
    width: 100%; }

  .col-md-push-0 {
    left: auto; }

  .col-md-push-1 {
    left: 8.33333%; }

  .col-md-push-2 {
    left: 16.66667%; }

  .col-md-push-3 {
    left: 25%; }

  .col-md-push-4 {
    left: 33.33333%; }

  .col-md-push-5 {
    left: 41.66667%; }

  .col-md-push-6 {
    left: 50%; }

  .col-md-push-7 {
    left: 58.33333%; }

  .col-md-push-8 {
    left: 66.66667%; }

  .col-md-push-9 {
    left: 75%; }

  .col-md-push-10 {
    left: 83.33333%; }

  .col-md-push-11 {
    left: 91.66667%; }

  .col-md-pull-0 {
    right: auto; }

  .col-md-pull-1 {
    right: 8.33333%; }

  .col-md-pull-2 {
    right: 16.66667%; }

  .col-md-pull-3 {
    right: 25%; }

  .col-md-pull-4 {
    right: 33.33333%; }

  .col-md-pull-5 {
    right: 41.66667%; }

  .col-md-pull-6 {
    right: 50%; }

  .col-md-pull-7 {
    right: 58.33333%; }

  .col-md-pull-8 {
    right: 66.66667%; }

  .col-md-pull-9 {
    right: 75%; }

  .col-md-pull-10 {
    right: 83.33333%; }

  .col-md-pull-11 {
    right: 91.66667%; }

  .col-md-offset-0 {
    margin-left: 0; }

  .col-md-offset-1 {
    margin-left: 8.33333%; }

  .col-md-offset-2 {
    margin-left: 16.66667%; }

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

  .col-md-offset-4 {
    margin-left: 33.33333%; }

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

  .col-md-offset-6 {
    margin-left: 50%; }

  .col-md-offset-7 {
    margin-left: 58.33333%; }

  .col-md-offset-8 {
    margin-left: 66.66667%; }

  .col-md-offset-9 {
    margin-left: 75%; }

  .col-md-offset-10 {
    margin-left: 83.33333%; }

  .col-md-offset-11 {
    margin-left: 91.66667%; } }
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11 {
    float: left; }

  .col-lg-1 {
    width: 8.33333%; }

  .col-lg-2 {
    width: 16.66667%; }

  .col-lg-3, .col-sm-3 {
    width: 25%; }

  .col-lg-4 {
    width: 33.33333%; }

  .col-lg-5 {
    width: 41.66667%; }

  .col-lg-6 {
    width: 50%; }

  .col-lg-7 {
    width: 58.33333%; }

  .col-lg-8 {
    width: 66.66667%; }

  .col-lg-9, col-sm-9 {
    width: 75%; }

  .col-lg-10 {
    width: 83.33333%; }

  .col-lg-11 {
    width: 91.66667%; }

  .col-lg-12 {
    width: 100%; }

  .col-lg-push-0 {
    left: auto; }

  .col-lg-push-1 {
    left: 8.33333%; }

  .col-lg-push-2 {
    left: 16.66667%; }

  .col-lg-push-3 {
    left: 25%; }

  .col-lg-push-4 {
    left: 33.33333%; }

  .col-lg-push-5 {
    left: 41.66667%; }

  .col-lg-push-6 {
    left: 50%; }

  .col-lg-push-7 {
    left: 58.33333%; }

  .col-lg-push-8 {
    left: 66.66667%; }

  .col-lg-push-9 {
    left: 75%; }

  .col-lg-push-10 {
    left: 83.33333%; }

  .col-lg-push-11 {
    left: 91.66667%; }

  .col-lg-pull-0 {
    right: auto; }

  .col-lg-pull-1 {
    right: 8.33333%; }

  .col-lg-pull-2 {
    right: 16.66667%; }

  .col-lg-pull-3 {
    right: 25%; }

  .col-lg-pull-4 {
    right: 33.33333%; }

  .col-lg-pull-5 {
    right: 41.66667%; }

  .col-lg-pull-6 {
    right: 50%; }

  .col-lg-pull-7 {
    right: 58.33333%; }

  .col-lg-pull-8 {
    right: 66.66667%; }

  .col-lg-pull-9 {
    right: 75%; }

  .col-lg-pull-10 {
    right: 83.33333%; }

  .col-lg-pull-11 {
    right: 91.66667%; }

  .col-lg-offset-0 {
    margin-left: 0; }

  .col-lg-offset-1 {
    margin-left: 8.33333%; }

  .col-lg-offset-2 {
    margin-left: 16.66667%; }

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

  .col-lg-offset-4 {
    margin-left: 33.33333%; }

  .col-lg-offset-5 {
    margin-left: 41.66667%; }

  .col-lg-offset-6 {
    margin-left: 50%; }

  .col-lg-offset-7 {
    margin-left: 58.33333%; }

  .col-lg-offset-8 {
    margin-left: 66.66667%; }

  .col-lg-offset-9 {
    margin-left: 75%; }

  .col-lg-offset-10 {
    margin-left: 83.33333%; }

  .col-lg-offset-11 {
    margin-left: 91.66667%; } }
table {
  max-width: 100%;
  background-color: transparent; }

th {
  text-align: left; }

.table {
  width: 100%;
  margin-bottom: 18px; }
  .table thead > tr > th,
  .table thead > tr > td,
  .table tbody > tr > th,
  .table tbody > tr > td {
    padding: 9px 8px 11px 18px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #d6d4d4; }
  .table thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #d6d4d4; }
  
  .table thead:first-child tr:first-child th,
  .table thead:first-child tr:first-child td {
    border-top: 0; }
  .table tbody + tbody {
    border-top: 2px solid #d6d4d4; }
  .table .table {
    background-color: #fff; }

table col[class*="col-"] {
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th {
  background-color: #f5f5f5; }

.table > thead > tr > td.success,
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th {
  background-color: #55c65e;
  border-color: #48b151; }

label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold; }

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal; }


input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  height: auto; }

.form-control:-moz-placeholder {
  color: #999999; }
.form-control::-moz-placeholder {
  color: #999999; }
.form-control:-ms-input-placeholder {
  color: #999999; }
.form-control::-webkit-input-placeholder {
  color: #999999; }

.form-control {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.42857;
  color: #9c9b9b;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0px;
  -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, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .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); }
  .form-control[disabled], .form-control[readonly] {
    cursor: not-allowed;
    background-color: #eeeeee; }

textarea.form-control {
  height: auto; }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  display: block;
  min-height: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
  vertical-align: middle; }
  .radio label,
  .checkbox label {
    display: inline;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.checkbox[disabled] {
  cursor: not-allowed; }
@media (min-width: 768px) {
}

.btn {
  display: inline-block;
  padding: 3px 6px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.42857;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 0px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  .btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus {
    color: #333;
    text-decoration: none; }
  .btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -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); }
  .btn.disabled, .btn[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none; }

    .btn-default {
        color: #fff;
        background-color: #0095cc;
        border-color: #ccc;}
  .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
    color: #fff;
    background-color: #007ab7;
    border-color: #adadad;}
  .btn-default:active, .btn-default.active {
    background-image: none; }
  .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active {
    background-color: #fff;
    border-color: #ccc; }

.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    color: #fff;
    background-color: #3276b1;
    border-color: #285e8e; }
  .btn-primary:active, .btn-primary.active {
    background-image: none; }
  .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active {
    background-color: #428bca;
    border-color: #357ebd; }

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.collapse {
  display: none; }
.open > a {
  outline: 0; }

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    position: sticky;
    top: 0;
    z-index: 10000;
}
  .nav:before, .nav:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }
    .nav > li.disabled > a {
      color: #999999; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #999999;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #777; }
  .nav > li > a > img {
    max-width: none; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 100%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0; }
  .label[href]:hover, .label[href]: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: bold;
  color: #fff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #999999;
  border-radius: 10px; }
  .badge:empty {
    display: none; }

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.btn .badge {
  position: relative;
  top: -1px; }

.alert {
  padding: 15px;
  margin-bottom: 18px;
  border: 1px solid transparent;
  border-radius: 0px; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-dismissable {
  padding-right: 35px; }

.alert-success {
  background-color: #55c65e;
  border-color: #48b151;
  color: #fff; }
  .alert-success .alert-link {
    color: #e6e6e6; }

.alert-info {
  background-color: #5192f3;
  border-color: #4b80c3;
  color: #fff; }
  .alert-info .alert-link {
    color: #e6e6e6; }

.alert-warning {
  background-color: #fe9126;
  border-color: #e4752b;
  color: #fff; }
  .alert-warning .alert-link {
    color: #e6e6e6; }

.alert-danger {
  background-color: #f3515c;
  border-color: #d4323d;
  color: #fff; }
  .alert-danger .alert-link {
    color: #e6e6e6; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 40px 0; } }
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.media {
  overflow: hidden;
  zoom: 1; }

.media,
.media .media {
  margin-top: 15px; }

.media:first-child {
  margin-top: 0; }

.clearfix:before, .clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }
.clearfix:after {
  clear: both; }

.show {
  display: block !important; }

@-ms-viewport {
  width: device-width; }
@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px; } }
.hidden {
  display: none !important;
  visibility: hidden !important; }
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: none;
  src: none format("embedded-opentype"), url("/shop-theme/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("/shop-theme/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("/shop-theme/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), none format("svg");
  font-weight: normal;
  font-style: normal; }
.icon, [class^="icon-"] {
  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;
  transform: translate(0, 0); }

/* makes the font 33% larger relative to the icon container */

@-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); } }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.icon-search:before {
  content: ""; }

.icon-search-plus:before {
  content: ""; }

.icon-search-minus:before {
  content: ""; }

.icon-phone:before {
  content: ""; }

.icon-location:before {
  content: "\f041"; }
.icon-location {font-size: 30px;color: #909090;padding-right: 5px;}

a:hover {
  text-decoration: none; }

@media only screen and (min-width: 1200px) {
  .container {
    padding-left: 0;
    padding-right: 0; } }
body {
  min-width: 320px;
  height: 100%;
  line-height: 18px;
  font-size: 13px;
  color: #777; }

textarea {
  resize: none; }

#header {
  z-index: 5003; }

.columns-container {background: #fff;padding-left: 15px;padding-right: 15px;}
#columns {
  position: relative;
  padding-bottom: 50px;
  padding-top: 5px; }

header {
  z-index: 1;
  position: relative;
  background: #fff;
  padding-bottom: 15px; }
    header .row #header_logo img {max-width: 300px;}
    .nav {background: #000;padding-left: 15px;padding-right: 15px;}
    .nav .row {margin: 0px; }
    .nav nav {width: 100%; }
    header .row {position: relative; }
    header .row > .container {position: relative; }
    header .row #header_logo {padding-top: 15px;margin: 0 auto;}
    header .row #header_sams {margin: 0 auto;padding-top: 20px;max-height: 89px;}
    header .row #header_sams > .asams:hover > a > .hsams0 > .hsams1 {text-decoration: none;}
    .asams {border: 1px solid #909090;border-radius: 20px 0;padding: 3px 5px 3px 5px;max-width: 130px;}
    .hsams0 {display: inline-block;}
    .hsams1 {margin:0;font-size: 15px;font-weight: bold;text-decoration: underline;color: #BD2126;}
    .hsams2 {margin:0;margin-top:5px;}
    .hsams3 {margin:0;}
    @media (max-width: 992px) {
        header .row #header_logo {padding-top: 20px; } 
        header .row #header_sams {margin: 0 auto;padding-bottom: 10px;padding-top: 10px;}
        .asams {border: 0;border-radius: 0;padding: 0;max-width: 330px;margin: 0 auto;}
        .icon-location {float: left;font-size: 20px;}
        .hsams0 {float: left;}
        .hsams1 {float: left;}
        .hsams2 {float: left;margin-top: 0px;padding-left: 5px;}
        .hsams3 {float: left;padding-left: 5px;}}
      @media (max-width: 767px) {
        header .row #header_logo {
            padding-top: 15px; }
        header .row #header_logo img {
            margin: 0 auto; } }
  @media (min-width: 767px) {
    header .col-sm-4 + .col-sm-4 + .col-sm-4, header .row #header_logo + .col-sm-4 + .col-sm-4, header .row .col-sm-4 + #header_logo + .col-sm-4, header .row #header_logo + #header_logo + .col-sm-4, header .row .col-sm-4 + .col-sm-4 + #header_logo, header .row #header_logo + .col-sm-4 + #header_logo, header .row .col-sm-4 + #header_logo + #header_logo, header .row #header_logo + #header_logo + #header_logo {
      float: right; } }

.alert {
  font-weight: bold; }
  .alert:before {
    cursor: pointer; }
  .alert ul {
    padding-left: 15px;
    margin-left: 27px; }
    .alert ul li {
      list-style-type: decimal;
      font-weight: normal; }
  .alert.alert-success {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.1); }
    .alert.alert-success:before {
      font-family: "FontAwesome";
      content: "\f058";
      font-size: 20px;
      vertical-align: -2px;
      padding-right: 7px; }
  .alert.alert-danger {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.1); }
    .alert.alert-danger:before {
      font-family: "FontAwesome";
      content: "\f057";
      font-size: 20px;
      vertical-align: -2px;
      padding-right: 7px;
      float: left; }

.label {
  white-space: normal;
  display: inline-block;
  padding: 6px 10px; }

label {
  color: #333; }
  label.required:before {
    content: "*";
    color: red;
    font-size: 14px;
    position: relative;
    line-height: 12px; }

.unvisible {
  display: none; }

.checkbox {
  line-height: 16px; }
  .checkbox label {
    color: #777777; }


input.button,
a.button,
span.button {
  position: relative;
  display: inline-block;
  padding: 5px 7px;
  border: 1px solid #cc9900;
  font-weight: bold;
  color: black;
  background: none repeat-x 0 0 #f4b61b;
  cursor: pointer;
  white-space: normal;
  text-align: left; }


*:first-child + html input.button {
  border: none; }


input.button:hover,
a.button:hover {
  text-decoration: none;
  background-position: left -50px; }


input.button:active,
a.button:active {
  background-position: left -100px; }

.btn.disabled,
.btn[disabled]:hover {
  opacity: 0.3; }

.form-control {
  padding: 3px 5px;
  height: 27px;
  -webkit-box-shadow: none;
  box-shadow: none; }

.table {
  margin-bottom: 30px; }
  .table > thead > tr > th {
    background: #fbfbfb;
    border-bottom-width: 1px;
    color: #333;
    vertical-align: middle; }
  .table td ul {
    margin-bottom: 0 !important; }

.price {
  font-size: 13px;
  color: #777;
  white-space: nowrap; }

/*.sale-box {
*  right: -10%; }
*/

.box {
  background: #fbfbfb;
  border: 1px solid #d6d4d4;
  padding: 14px 18px 13px;
  margin: 0 0 30px 0;
  line-height: 23px; }
  .box p {
    margin-bottom: 0; }

.block {
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .block {
      margin-bottom: 0px; } }
  @media (max-width: 767px) {
    .block .block_content {
      margin-bottom: 20px; } }

.poisk-nalichiya {
    font: 600 18px/22px Arial,"Open Sans",sans-serif;
    text-transform: uppercase;
    color: #fff;
    display: block;
    padding: 17px 12px;
    text-align: center;
    background-image: linear-gradient(#009ad0,#007ab7);
    border-top: 1px solid #0079b6;
    border-right: 1px solid #006fa8;
    border-left: 1px solid #006fa8;
    border-bottom: 1px solid #012740;
    margin-bottom: 15px;
}

.poisk-nalichiya:hover {
    background-image: linear-gradient(#007ab7,#009ad0);
    color: #fff;
}

.poisk-nalichiya:focus {
    color: #fff;
    text-decoration: none;
}

.block .title_block {
  font: 600 18px/22px Arial, "Open Sans", sans-serif;
  color: #000;
  background: #f6f6f6;
  border-top: 5px solid #000;
  text-transform: uppercase;
  padding: 14px 5px 17px 20px;
  margin-bottom: 0;
  margin-top: 0px;}
  @media (min-width: 768px) and (max-width: 991px) {
    .block .title_block {
      font-size: 14px;
      padding: 14px 5px 17px 10px;} }
  @media (max-width: 767px) {
    .block .title_block {
      position: relative; }
      .block .title_block:after {
        display: block;
        font-family: "FontAwesome";
        content: "";
        position: absolute;
        right: 0;
        top: 15px;
        height: 36px;
        width: 36px;
        font-size: 26px;
        font-weight: normal; }
      .block .title_block.active:after {
        content: ""; } }
  .block .title_block a {
    color: #555454; }
    .block .title_block a:hover {
      color: #333; }
  .content_sortPagiBar .sortPagiBar.instant_search #productsSortForm {
    display: none; }

.header-container {background: #fff;padding-left: 15px;padding-right: 15px;}
.infosf {text-align: center;margin-top: 10px;}
.infosf p {margin: 0;}
.footer-container {background-color: #333;padding-left: 15px;padding-right: 15px;}
/*  @media (min-width: 768px) {
    .footer-container {
      background: none repeat-x #333; } } */
  .footer-container .container {
    padding-bottom: 10px; }
@media (max-width: 600px) {
  #columns {
    padding-bottom: 12px; }
}
  .footer-container #footer {
    color: #777777; }
    .footer-container #footer .row {
      position: relative; }
    .footer-container #footer ul.row {
      position: static; }
    .footer-container #footer a {
      color: #777777; }
      .footer-container #footer a:hover {
        color: #fff; }
    .footer-container #footer ul li {
      padding-bottom: 8px; }
      .footer-container #footer ul li a {
        font-weight: bold;
        text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4); }

.table tbody > tr > td {
  vertical-align: middle; }

.addresses .select label {
  clear: both;
  float: left; }

#address .box {
  padding-bottom: 20px;
  line-height: 20px; }
#address p.required {
  color: #f13340;
  margin: 9px 0 16px 0; }
#address .form-group {
  margin-bottom: 4px; }
  #address .form-group .form-control {
    max-width: 271px; }

#instant_search_results a.close {
  font-size: 13px;
  font-weight: 600;
  opacity: 1;
  line-height: inherit;
  text-transform: none;
  font-family: Arial, Helvetica, sans-serif; }
  #instant_search_results a.close:hover {
    color: #515151; }

 .checkbox {
  padding-left: 0; }
   .checkbox .checker {
    float: left; }
     .checkbox .checker span {
      top: 0px; }
   .checkbox div.radio {
    display: inline-block; }
     .checkbox div.radio span {
      float: left;
      top: 0px; }
  
/*******************************************************
Product list Styles
********************************************************/

/*******************************************************
Product list(Grid) Styles
********************************************************/

/*******************************************************
Product list(List) Styles
********************************************************/

/*******************************************************
Product list(Index page) Styles
********************************************************/

/***** IE code *****/

/* ==== modules/blockcontact/blockcontact.css ==== */
.work-time-phone {width: 80%;line-height: 18px;color: #BDBDBD;}
.shop-phone {line-height: 20px;color: #BDBDBD}
.shop-phone i {font-size: 18px;line-height: 20px;color: #fff;padding-right: 5px;vertical-align: top}
.shop-phone a {color: #fff;text-decoration: none}
.shop-phone a:hover {text-decoration: underline}
.shop-phone strong {color: #fff}
.shop-phone .WhatsApp a {color: #58d164;font-weight: bold;}
.shop-phone .WhatsApp a:hover {color: #2ab640;text-decoration: none;}
.shop-phone .Telegram a {color: #0af;font-weight: bold;}
.shop-phone .Telegram a:hover {color: #0088cc;text-decoration: none;}
.shop-phone .Max a {
    background-image:
        linear-gradient(to bottom right, #496AF5, transparent 71%),
        linear-gradient(to bottom left, #8A4FE9, transparent 71%),
        linear-gradient(to top right, #4AC0FD, transparent 71%),
        linear-gradient(to top left, #A35CE6, transparent 71%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: bold;
}
.shop-phone .Max a:hover {filter: brightness(1.4);text-decoration: none;}
    @media (max-width: 900px) {
        .work-time-phone {text-align: center;padding-bottom: 5px;width: 100%;}
        .shop-phone {float: none;display: inline-block;padding: 5px 0 0 0}
    }
    @media (max-width: 479px) {
        .shop-phone {display: block}
    }

/* ==== modules/blockcurrencies/blockcurrencies.css ==== */


/* ==== modules/blockuserinfo/blockuserinfo.css ==== */


/* ==== modules/blocksearch/blocksearch.css ==== */
#search_block_top {padding-top: 20px;}
@media (max-width: 450px) {
    #search_block_top {
        max-width: 100%; }
}
  #search_block_top #searchbox {
    float: left;
    width: 100%;}
  #search_block_top .btn.button-search {
    position: absolute;
    top: 0; right: 0;
    width: 44px; height: 40px;
    padding: 0; border: none;
    background: transparent;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
  }
  #search_block_top .btn.button-search:hover,
  #search_block_top #searchbox:hover .btn.button-search { background: transparent; }
  #search_block_top .btn.button-search span { display: none; }
  #search_block_top .btn.button-search::after {
    content: '';
    display: block;
    width: 18px; height: 18px;
    background: #000;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") center/contain no-repeat;
    transition: background .15s;
  }
  #search_block_top .btn.button-search:hover::after,
  #search_block_top #searchbox:hover .btn.button-search::after {
    background: linear-gradient(#009ad0, #007ab7);
  }
  #search_block_top #search_query_top {
    display: inline;
    width: 100%;
    padding: 10px 48px 10px 4px;
    height: 40px;
    background: transparent;
    border: none;
    border-bottom: 2px solid #000;
    border-radius: 0;
    box-shadow: none;
    font-size: 15px;
    color: #222;
    margin-right: 1px;
    transition: border-color .15s;
  }
  #search_block_top.ms-panel-open #searchbox #search_query_top,
  #search_block_top.ms-panel-open #searchbox:hover #search_query_top,
  #search_block_top.ms-panel-open #search_query_top:focus {
    border-bottom-color: transparent;
  }
  #search_block_top #searchbox:hover #search_query_top,
  #search_block_top #search_query_top:focus {
    border-bottom-color: #007ab7;
    box-shadow: none;
    outline: none;
  }
  #search_block_top label { display: none; }

form#searchbox {
  position: relative; }
  form#searchbox label {
    color: #333; }
  form#searchbox input#search_query_block {
    margin-right: 10px;
    max-width: 222px;
    margin-bottom: 10px;
    display: inline-block;
    float: left; }
  form#searchbox .button.button-small {
    float: left; }
    form#searchbox .button.button-small i {
      margin-right: 0; }
.search-manual {font-size: 8pt;line-height: 1;color: #C0C0C0;margin-left: 8px;}
#search_block_top:hover .search-manual {color: #666;}
.search-manual p {margin: 0px;}
@media (max-width: 767px) {
.search-manual p {display: inline-block;} }

/* ==== modules/blockcart/blockcart.css ==== */
/*******************************************************************
					Cart Block Styles
********************************************************************/
#header .shopping_cart {
  position: relative;
  float: none;
  padding-top: 0; }
  #header .shopping_cart > a:first-child::after { display: none !important; }
  #header .shopping_cart > a:first-child:hover::after { display: none !important; }

.shopping_cart {
  width: auto; }
  .shopping_cart > a:first-child {
    padding: 0;
    background: none;
    display: flex;
    font-weight: normal;
    color: inherit;
    text-shadow: none;
    overflow: visible; }
  .shopping_cart > a:first-child::before { display: none !important; }
  .shopping_cart > a:first-child b { display: none; }
  .shopping_cart .ajax_cart_total { display: none !important; }
  .shopping_cart .block_cart_expand::after,
  .shopping_cart .block_cart_collapse::after { display: none !important; }

.cart_block .cart_block_list .ajax_cart_block_remove_link {
  color: #777;
  display: block;
  width: 100%;
  height: 100%; }
  
  .cart_block .cart_block_list .ajax_cart_block_remove_link:before {
    display: inline-block;
    content: "\f057";
    font-family: "FontAwesome";
    font-size: 18px;
    line-height: 18px; }
  
  .cart_block .cart_block_list .ajax_cart_block_remove_link:hover {
    color: #515151; }

/*******************************************************************
					Cart Block(Header) Styles
********************************************************************/
  
  #header .cart_block .cart_block_list .ajax_cart_block_remove_link {
    color: #fff;
    outline: none;
    text-decoration: none; }
    
    #header .cart_block .cart_block_list .ajax_cart_block_remove_link:hover {
      color: #9c9b9b; }
#header .block_content {
  margin-bottom: 0; }

/*****************************************************************************
					Layer Cart Css
*****************************************************************************/

/************************************************************************
						Layer Cart Caroucel
*************************************************************************/


/* ==== modules/blockcategories/blockcategories.css ==== */

#categories_block_left .block_content > ul {
  border-top: 1px solid #d6d4d4; }
#categories_block_left li {
  position: relative; }
  #categories_block_left li a {
    font-weight: bold;
    color: #333;
    display: block;
    font-size: 13px;
    line-height: 30px;
    padding: 0 30px 0 19px;
    border-bottom: 1px solid #d6d4d4; }
  
  #categories_block_left li a:hover,
  #categories_block_left li a.selected {
    background: #f6f6f6; }
  #categories_block_left li li a {
    font-weight: normal;
    color: #777777; }
    #categories_block_left li li a:before {
      content: "\f105";
      font-family: "FontAwesome";
      line-height: 29px;
      padding-right: 8px; }


/* ==== autoload/uniform.default.css ==== */
/*
Uniform Theme: Uniform Default
Version: 1.8
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://uniformjs.com/

*/
/* General settings */
 div.checker span, div.radio span, div.button, div.button span {
  background-image: url("/shop-theme/img/jquery/uniform/sprite.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased; }
 div.checker, div.button, div.radio {
  vertical-align: middle;
  /* Keeping this as :focus to remove browser styles */ }
   div.checker:focus, div.button:focus, div.radio:focus {
    outline: 0; }
 div.radio, div.radio *, div.checker, div.checker *, div.button, div.button * {
  margin: 0;
  padding: 0; }

/* Input & Textarea */
input.uniform-input {
  padding: 3px;
  background: white;
  outline: 0; }

/* Remove default webkit and possible mozilla .search styles.
 * Keeping this as :active to remove browser styles */
div.checker input,
input[type="search"],
input[type="search"]:active {
  -moz-appearance: none;
  -webkit-appearance: none; }

/* Select */

/* Select1 */

/* Select2 */

/* Select3 */

/* Checkbox */
div.checker {
  position: relative; }
  div.checker, div.checker span, div.checker input {
    width: 15px;
    height: 15px; }
  div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -257px; }
    div.checker span.checked {
      background-position: -15px -257px; }
  div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1; }
  div.checker.active span {
    background-position: -15px -257px; }
    div.checker.active span.checked {
      background-position: -15px -257px; }
  div.checker.hover span, div.checker.focus span {
    background-position: -30px -257px; }
    div.checker.hover span.checked, div.checker.focus span.checked {
      background-position: -15px -257px; }
  div.checker.hover.active span, div.checker.focus.active span {
    background-position: -15px -257px; }
    div.checker.hover.active span.checked, div.checker.focus.active span.checked {
      background-position: -15px -257px; }
  div.checker.disabled, div.checker.disabled.active {
    background-position: 0 -257px; }
    div.checker.disabled span.checked, div.checker.disabled.active span.checked {
      background-position: 0 -257px; }

/* Radio */
div.radio {
  position: relative;
  display: inline; }
  div.radio, div.radio span, div.radio input {
    width: 13px;
    height: 13px; }
  div.radio span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -243px; }
    div.radio span.checked {
      background-position: -13px -243px; }
  div.radio input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center; }
  div.radio.active span {
    background-position: -13px -243px; }
    div.radio.active span.checked {
      background-position: -13px -243px; }
  div.radio.hover span, div.radio.focus span {
    background-position: -13px -243px; }
    div.radio.hover span.checked, div.radio.focus span.checked {
      background-position: -13px -243px; }
  div.radio.hover.active span, div.radio.focus.active span {
    background-position: -13px -243px; }
    div.radio.hover.active span.checked, div.radio.focus.active span.checked {
      background-position: -13px -243px; }
  div.radio.disabled span, div.radio.disabled.active span {
    background-position: 0 -243px; }
    div.radio.disabled span.checked, div.radio.disabled.active span.checked {
      background-position: 0 -243px; }

/* Uploader */

/* Buttons */
div.button {
  background-position: 0 -634px;
  height: 30px;
  cursor: pointer;
  position: relative;
  /* Keep buttons barely visible so they can get focus */ }
  div.button a, div.button button, div.button input {
    opacity: 0.01;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute; }
  div.button span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 30px;
    text-align: center;
    background-position: right -514px;
    height: 30px;
    margin-left: 13px;
    padding: 0; }
  div.button.active {
    background-position: 0 -664px; }
    div.button.active span {
      background-position: right -544px;
      cursor: default; }
  div.button.hover, div.button.focus {
    background-position: 0 -694px; }
    div.button.hover span, div.button.focus span {
      background-position: right -574px; }
  div.button.disabled, div.button.disabled.active {
    background-position: 0 -724px; }
    div.button.disabled span, div.button.disabled.active span {
      background-position: right -604px;
      cursor: default; }

/* INPUT & TEXTAREA */
/* ************************************************************************************************
		uniform
************************************************************************************************ */
input.uniform-input {
  font-size: 13px;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 18px;
  color: #777;
  border: solid 1px #d6d4d4; }
  input.uniform-input.hover, input.uniform-input.focus {
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    border-color: #cbcaca; }

/* PRESENTATION */
/* Buttons */
div.button span {
  font-weight: bold;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase; }
div.button.hover span, div.button.focus span {
  color: #555; }
div.button.disabled span, div.button.disabled.active span {
  color: #bbb; }

/* Select */

.checker span input {
  margin: 0 !important; }

.radio input[type="radio"], .checkbox input[type="checkbox"] {
  margin: 0 !important; }

/* Checker */
div.checker {
  cursor: pointer;
  margin-right: 5px; }
  div.checker span {
    position: relative;
    top: -5px; }

/* Radio */
div.radio {
  margin-right: 3px; }
  div.radio span {
    position: relative;
    top: -2px; }

/* Uploader */

input.uniform-input, input.uniform-input:focus {
  background-color: #fff; }


/* ==== account additions ==== */
/* ЛК — дополнения поверх темы магазина (header/grid/buttons из global.css + модулей). */

/* Тема магазина сбрасывает корень html до 62.5% (10px) — из-за этого rem-размеры
   на страницах ЛК (checkout/orders/profile и т.д.) получаются крошечными.
   Возвращаем нормальный корень только для страниц ЛК; магазинная обвязка на px. */
html:has(body#account) { font-size: 100%; }

@media (min-width: 1024px) {
    body#account .columns-container { min-height: calc(100vh - 195px); }
}

@media (min-width: 1400px) {
    #page { max-width: 1400px; margin: 0 auto; }
}

/* Левая колонка (категории + «Поиск по наличию») и ширины колонок —
   родные правила темы: .poisk-nalichiya и .block .title_block из global.css,
   #categories_block_left из модуля blockcategories, сетка — bootstrap
   .col-sm-3 / .col-sm-9. Ничего вручную не переопределяем. */

/* Мобайл (<768): блок категорий — сворачиваемое меню, как на oilseal.
   Контент скрыт, тап по заголовку раскрывает; иконка +/- — из .title_block:after (global.css). */
@media (max-width: 767px) {
    body#account #categories_block_left .title_block { cursor: pointer; }
    body#account #categories_block_left .block_content { display: none; }
    body#account #categories_block_left .title_block.active + .block_content { display: block; }
}

/* Верхняя .nav: телефон/контакты слева, текст прижат к верху.
   Фиксированная высота 40px (как на oilseal): одна строка — со свободным местом снизу,
   при сужении вторая строка вписывается в те же 40px без расширения полосы. */
body#account .nav .work-time-phone {
    float: none;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    padding: 0;
    min-height: 40px;
}

/* Верхнее меню магазина (block_top_menu) — 4 кнопки, как на oilseal.
   Чистая копия стилей superfish без зависимости от JS superfish. */
body#account #block_top_menu { padding-top: 0; }

body#account .sf-contener {
    clear: both;
    float: left;
    width: 100%;
}

body#account .sf-menu {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
    border-bottom: 3px solid #e9e9e9;
    background: #f6f6f6;
}

body#account .sf-menu > li {
    float: left;
    margin: 0 0 -3px;
    list-style: none;
    border-right: 1px solid #d6d4d4;
}

body#account .sf-menu > li > a {
    display: block;
    padding: 17px 12px;
    font: 600 18px/22px Arial, "Open Sans", sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #484848;
    text-decoration: none;
    border-bottom: 3px solid #e9e9e9;
}

body#account .sf-menu > li > a:hover,
body#account .sf-menu > li.active > a {
    background: #333;
    border-bottom-color: #000;
    color: #fff;
}

@media (min-width: 768px) {
    body#account .sf-menu > li { width: 25%; }
}

@media (max-width: 1199px) and (min-width: 992px) {
    body#account .sf-menu > li > a { padding: 17px 31px; }
}

@media (max-width: 1199px) and (min-width: 768px) {
    body#account .sf-menu > li > a {
        padding: 17px 20px;
        font: 600 12px/20px Arial, "Open Sans", sans-serif;
    }
}

/* Мобайл: «Меню»-тоггл, кнопки в столбик */
body#account .cat-title { display: none; }

@media (max-width: 767px) {
    body#account .sf-menu { display: none; }
    body#account .sf-menu.open { display: block; }

    body#account .sf-menu > li {
        float: none;
        width: 100%;
        border-right: none;
    }

    body#account .cat-title {
        display: block;
        position: relative;
        padding: 17px 20px;
        font: 600 18px/22px "Open Sans", sans-serif;
        text-transform: uppercase;
        color: #484848;
        background: #f6f6f6;
        border-bottom: 3px solid #e9e9e9;
        cursor: pointer;
    }

    body#account .cat-title:after {
        position: absolute;
        right: 15px;
        top: 18px;
        font-family: "FontAwesome";
        content: "\f067";
        font-size: 26px;
    }

    body#account .cat-title.active:after { content: "\f068"; }
}

/* Поиск: чекбокс «В наличии» — Uniform (div.checker), как на oilseal */
#search_block_top form#searchbox label .checker {
    float: none;
    flex-shrink: 0;
}

#search_block_top form#searchbox label .checker span input {
    margin: 0 !important;
}

.account-header-nav-row {
    border-top: 1px solid #d6d4d4;
}

.account-header-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 6px 16px;
    padding: 10px 0 6px;
}

.account-header-nav a {
    color: #333;
    text-decoration: none;
    font-size: 13px;
    padding: 4px 0;
}

.account-header-nav a:hover,
.account-header-nav a.is-active {
    color: #bd2126;
    text-decoration: underline;
}

.account-btn-logout {
    background: transparent;
    border: 1px solid #d6d4d4;
    color: #333;
    padding: 5px 12px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
    font-family: inherit;
}

.account-btn-logout:hover {
    border-color: #bd2126;
    color: #bd2126;
}

.company-switch { position: relative; }

.company-switch__btn {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #fff;
    border: 1px solid #d6d4d4;
    color: #333;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
    max-width: 260px;
    font-family: inherit;
}

.company-switch__btn .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.company-switch__btn .cs-caret { font-size: 0.65rem; opacity: 0.7; }

.company-switch__menu {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    min-width: 280px;
    background: #fff;
    color: #333;
    border: 1px solid #d6d4d4;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    padding: 0.35rem;
    z-index: 5004;
    display: none;
}

.company-switch__menu.open { display: block; }

.company-switch__item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    padding: 0.55rem 0.6rem;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
    color: #333;
    font-family: inherit;
}

.company-switch__item:hover { background: #f5f5f5; }

.company-switch__item.active {
    background: #fff5f5;
    font-weight: 600;
    color: #bd2126;
}

.company-switch__item .ci-name {
    flex: 1;
}

.company-switch__item .ci-check { color: #bd2126; font-size: 0.85rem; }

.company-switch__star {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.2rem;
    padding: 10px;
    margin: -10px 0;
    line-height: 1;
}

.company-switch__star.is-default { color: #f59e0b; cursor: default; }
.company-switch__star:not(.is-default) { color: #cbd5e1; }
.company-switch__star:not(.is-default):hover { color: #f59e0b; }

.company-switch__sep {
    height: 1px;
    background: #d6d4d4;
    margin: 0.35rem 0.25rem;
}

.company-switch__add {
    display: block;
    padding: 0.55rem 0.6rem;
    border-radius: 3px;
    color: #bd2126;
    font-size: 12px;
    text-decoration: none;
}

.company-switch__add:hover { background: #fff5f5; }

.unvisible {
    display: none !important;
}

/* Страницы ЛК */

#center_column .page-head h1 {
    font-size: 18px;
    font-weight: 600;
    color: #555454;
    text-transform: uppercase;
    margin: 0 0 20px;
    line-height: 20px;
}

#center_column h2 {
    font-size: 14px;
    font-weight: 600;
    color: #555454;
    margin: 0 0 14px;
}

.card, .co-card, .ob-card, .login-card, .addr-card, .order-card {
    border: 1px solid #d6d4d4;
    border-radius: 3px;
    background: #fff;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.form-group { margin-bottom: 1rem; }

.form-group label {
    display: block;
    font-size: 12px;
    color: #777;
    margin-bottom: 0.3rem;
}

.form-group input,
.form-group select,
.form-group textarea,
textarea.comment-box,
.magic-form input[type=email],
.stock-search {
    width: 100%;
    padding: 6px 10px;
    border: 1px solid #d6d4d4;
    border-radius: 3px;
    font-size: 13px;
    font-family: inherit;
    color: #333;
    box-sizing: border-box;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus,
textarea.comment-box:focus,
.magic-form input[type=email]:focus {
    outline: none;
    border-color: #66afe9;
}

.form-group input[readonly] { background: #f5f5f5; color: #888; cursor: default; }

/* Единый стиль основных кнопок ЛК — синий градиент, как у «Новая заявка». */
.btn-toggle, button.btn-toggle, a.btn-toggle,
.btn-primary, button.btn-primary, a.btn-primary,
.btn-save, button.btn-save, a.btn-save,
.btn-confirm, button.btn-confirm, a.btn-confirm {
    border: none;
    color: #fff !important;
    text-align: center;
    padding: 0 22px;
    min-height: 40px;
    line-height: 40px;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    box-sizing: border-box;
    border-top: 1px solid #0079b6;
    border-right: 1px solid #006fa8;
    border-left: 1px solid #006fa8;
    border-bottom: 1px solid #012740;
    border-radius: 0;
    background-color: #007ab7;
    background-image: linear-gradient(#009ad0, #007ab7);
}

/* Кнопки внутри панели фильтров — не трогает глобальный btn-primary ЛК */
.ms-fp-actions .btn {
    min-height: unset !important;
    line-height: 1.5 !important;
    padding: 5px 10px !important;
    font-size: 12px !important;
    font-weight: normal !important;
    font-family: inherit !important;
    text-transform: none !important;
    border-radius: 3px !important;
}
.ms-fp-actions .btn-primary {
    background-color: #428bca !important;
    background-image: none !important;
    border-color: #357ebd !important;
    border-top: 1px solid #357ebd !important;
    border-right: 1px solid #357ebd !important;
    border-left: 1px solid #357ebd !important;
    border-bottom: 1px solid #357ebd !important;
}
.ms-fp-actions .btn-primary:hover,
.ms-fp-actions .btn-primary:focus,
.ms-fp-actions .btn-primary:active {
    background-color: #3276b1 !important;
    background-image: none !important;
    border-color: #285e8e !important;
    border-top: 1px solid #285e8e !important;
    border-right: 1px solid #285e8e !important;
    border-left: 1px solid #285e8e !important;
    border-bottom: 1px solid #285e8e !important;
}
.ms-fp-actions .btn-default {
    color: #fff !important;
    background-color: #0095cc !important;
    background-image: none !important;
    border-color: #ccc !important;
    border-top: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
}
.ms-fp-actions .btn-default:hover,
.ms-fp-actions .btn-default:focus,
.ms-fp-actions .btn-default:active {
    color: #fff !important;
    background-color: #007ab7 !important;
    background-image: none !important;
    border-color: #adadad !important;
    border-top: 1px solid #adadad !important;
    border-right: 1px solid #adadad !important;
    border-left: 1px solid #adadad !important;
    border-bottom: 1px solid #adadad !important;
    text-decoration: none !important;
}

.btn-toggle:hover, button.btn-toggle:hover, a.btn-toggle:hover,
.btn-primary:hover, button.btn-primary:hover, a.btn-primary:hover,
.btn-save:hover, button.btn-save:hover, a.btn-save:hover,
.btn-confirm:hover, button.btn-confirm:hover, a.btn-confirm:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #009ad0;
    background-image: linear-gradient(#007ab7, #009ad0);
}

.btn-toggle:disabled, button.btn-toggle:disabled,
.btn-primary:disabled, button.btn-primary:disabled,
.btn-save:disabled, button.btn-save:disabled,
.btn-confirm:disabled, button.btn-confirm:disabled {
    background-image: none;
    background-color: #9ca3af;
    border-color: #9ca3af;
    cursor: not-allowed;
}

.orders-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.orders-table th {
    background: #fbfbfb;
    padding: 10px 12px;
    text-align: left;
    font-size: 12px;
    color: #555454;
    font-weight: 600;
    border-bottom: 1px solid #d6d4d4;
}

.orders-table td {
    padding: 10px 12px;
    border-top: 1px solid #eee;
    font-size: 13px;
}

.orders-table tr:hover td { background: #fafafa; }

a.order-link { color: #bd2126; text-decoration: underline; }

.badge-default,
.addr-card.is-default,
.delivery-option:has(input:checked) {
    border-color: #bd2126 !important;
}

.badge-default {
    background: #bd2126 !important;
    color: #fff !important;
}

.delivery-option:has(input:checked) {
    background: #fffafa !important;
}

.login-wrap {
    width: 100%;
    max-width: 480px;
    margin: 2rem auto;
}

.login-card { padding: 2rem 1.75rem; }

.login-card h1 {
    text-align: center;
    text-transform: none;
    font-size: 20px;
    margin-bottom: 0.5rem;
}

.login-card > p {
    text-align: center;
    margin-bottom: 1.5rem;
}

.oauth-row { display: flex; gap: 0.5rem; flex-wrap: wrap; }

.btn-oauth {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    flex: 1;
    min-width: 90px;
    padding: 8px 6px;
    border: 1px solid #d6d4d4;
    border-radius: 3px;
    background: #fff;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
    color: #333;
}

.btn-oauth:hover { background: #f5f5f5; }

.btn-oauth.telegram {
    background: #229ED9;
    color: #fff;
    border-color: #229ED9;
}

.btn-magic {
    width: 100%;
    padding: 10px 0;
    color: #fff !important;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    border-top: 1px solid #0079b6;
    border-right: 1px solid #006fa8;
    border-left: 1px solid #006fa8;
    border-bottom: 1px solid #012740;
    background-image: linear-gradient(#009ad0, #007ab7);
}

.btn-magic:hover {
    background-image: linear-gradient(#007ab7, #009ad0);
}

/* Статус работы в шапке */
.times-on .ws-open { color: #3fae29; font-weight: bold; }
.times-on .ws-closed { color: #e0322e; font-weight: bold; }

/* Подсветка незаполненного/невалидного поля входа */
.magic-form input.input-error {
    border-color: #e0322e !important;
    box-shadow: 0 0 0 1px #e0322e;
}

.divider {
    text-align: center;
    color: #999;
    font-size: 11px;
    margin: 1rem 0;
    position: relative;
}

.divider::before, .divider::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 42%;
    height: 1px;
    background: #d6d4d4;
}

.divider::before { left: 0; }
.divider::after { right: 0; }

.ob-wrap,
.co-wrap,
.cv-wrap {
    width: 100%;
    max-width: none;
    margin: 0;
}

.page-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
}

.page-head h1 { margin: 0; }

.empty {
    text-align: center;
    padding: 3rem;
    color: #777;
}

/* Перенесено из инлайна login.blade.php */
.magic-form { margin-top: .75rem; }
.magic-form input[type=email] { margin-bottom: .5rem; }
.magic-sent {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #6ee7b7;
    padding: .65rem 1rem;
    border-radius: 3px;
    font-size: 12px;
    margin-top: .5rem;
}

/* Перенесено из инлайна orders.blade.php */
.badge {
    display: inline-block;
    padding: .2rem .6rem;
    border-radius: 20px;
    font-size: .78rem;
    font-weight: 600;
}
.badge-gray   { background: #e5e7eb; color: #374151; }
.badge-green  { background: #d1fae5; color: #065f46; }
.badge-blue   { background: #dbeafe; color: #1e40af; }
.badge-orange { background: #ffedd5; color: #9a3412; }
.badge-teal   { background: #ccfbf1; color: #134e4a; }
.badge-purple { background: #ede9fe; color: #4c1d95; }
.badge-indigo { background: #e0e7ff; color: #312e81; }
.badge-red    { background: #fee2e2; color: #991b1b; }

/* ЛК — единые компоненты страниц (контакты/адреса/реквизиты).
   Источник стиля — тема oilseal (квадратные карточки, серые заголовки),
   как на странице заказов. Инлайновые <style> в шаблонах удалены. */
.form-row   { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.form-row-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem; }
@media (max-width: 600px) {
    .form-row, .form-row-3 { grid-template-columns: 1fr; }
}

.invalid-feedback { color: #bd2126; font-size: 13px; margin-top: 4px; }
.country-hint, .email-note { font-size: 13px; color: #777; margin-top: 6px; }

/* Способы входа */
.oauth-list { display: flex; flex-direction: column; gap: 8px; }
.oauth-item {
    display: flex; align-items: center; gap: 12px;
    padding: 10px 12px; border: 1px solid #d6d4d4; border-radius: 3px; font-size: 14px;
}
.oauth-item.connected { border-color: #3fae29; background: #f3faf1; }
.oauth-item .provider-icon { width: 24px; font-weight: 700; color: #bd2126; }
.oauth-item .provider-name { flex: 1; color: #333; }
.oauth-item .provider-user { color: #777; font-size: 13px; }
.badge-connected {
    background: #e7f6e3; color: #2f7d20; font-size: 12px;
    padding: 2px 8px; border-radius: 3px; font-weight: 600;
}

/* Адреса */
.addr-card { display: flex; gap: 1.5rem; align-items: flex-start; position: relative; border: 2px solid #eee; border-radius: 8px; }
.addr-card.is-default { background: #fffafa; }
.addr-info { flex: 1; }
.addr-info .carrier { font-weight: 600; color: #555454; margin-bottom: 6px; }
.addr-info .line { color: #555; margin-bottom: 3px; }
.addr-info .line span { color: #999; }
.badge-default {
    display: inline-block; padding: 2px 8px; border-radius: 3px;
    font-size: 12px; font-weight: 600; margin-left: 6px; vertical-align: middle;
}
.badge-company {
    display: inline-block; background: #f0f0f0; color: #555; font-size: 12px;
    padding: 2px 8px; border-radius: 3px; margin-left: 6px; vertical-align: middle;
}
.addr-actions { display: flex; flex-direction: column; gap: 6px; }
.btn-sm {
    border: 1px solid #d6d4d4; background: #fff; color: #333;
    padding: 6px 12px; border-radius: 3px; font-size: 13px;
    cursor: pointer; white-space: nowrap; font-family: inherit;
}
.btn-sm:hover { border-color: #bd2126; color: #bd2126; }
.btn-delete { color: #bd2126; }

.new-addr-wrap {
    border: 1px solid #d6d4d4; border-radius: 3px; background: #fff;
    padding: 1.5rem; margin-bottom: 1.5rem; display: none;
}
.new-addr-wrap.open { display: block; }
.new-addr-wrap h2 { margin-bottom: 1.25rem; }
.form-body-new { opacity: .4; pointer-events: none; transition: opacity .2s; }
.form-body-new.active { opacity: 1; pointer-events: auto; }

/* Создание компании */
.section-title { font-size: 13px; font-weight: 700; text-transform: uppercase; color: #999; letter-spacing: .05em; margin: 1.5rem 0 .75rem; }
.field-error input, .field-error select { border-color: #bd2126 !important; }
.field-error input:focus, .field-error select:focus { box-shadow: 0 0 0 2px rgba(189,33,38,.15); }

/* Реквизиты компании */
.sub { font-size: 13px; color: #777; margin-bottom: 1.25rem; }
.cv-row { padding: 11px 0; border-top: 1px solid #eee; }
.cv-row:first-of-type { border-top: none; }
.cv-row .k { font-size: 12px; color: #999; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 3px; }
.cv-row .v { font-size: 14px; color: #333; }
.cv-row .v.empty { color: #bbb; padding: 0; text-align: left; }
.cv-note { font-size: 13px; color: #777; margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid #eee; }
.cv-back { display: inline-block; margin-top: 1.25rem; color: #bd2126; font-size: 14px; text-decoration: none; }
.cv-back:hover { text-decoration: underline; }

/* Уведомления ЛК — мягкий зелёный (вместо яркого bootstrap/theme) */
body#account .alert.alert-success {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #166534;
    font-weight: normal;
    text-shadow: none;
    padding: .75rem 1rem;
    border-radius: 6px;
    margin-bottom: 1rem;
    line-height: 1.45;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: .75rem;
}
body#account .alert.alert-success:before {
    color: #4ade80;
    text-shadow: none;
    flex-shrink: 0;
    margin-top: 2px;
    margin-right: .35rem;
    padding-right: .5rem;
}
body#account .alert.alert-success strong {
    font-weight: 600;
    flex: 1 1 0;
    min-width: 0;
    line-height: 1.45;
}
body#account .alert.alert-success .alert-note {
    margin: 0;
    flex: 1 1 100%;
    padding-left: 34px;
    font-size: .85rem;
    font-weight: normal;
    color: #15803d;
    line-height: 1.5;
}

/* Уведомления ЛК — мягкий красный (выравнивание крестика и текста) */
body#account .alert.alert-danger {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
    font-weight: normal;
    text-shadow: none;
    padding: .75rem 1rem;
    border-radius: 6px;
    margin-bottom: 1rem;
    line-height: 1.45;
    display: flex;
    align-items: center;
    gap: .75rem;
}
body#account .alert.alert-danger:before {
    color: #f87171;
    text-shadow: none;
    flex-shrink: 0;
    line-height: 1;
    margin-right: .35rem;
    padding-right: .5rem;
}
body#account .alert.alert-danger strong {
    font-weight: 600;
    flex: 1 1 0;
    min-width: 0;
    line-height: 1.45;
}

/* Укрупнение типографики ЛК (контент + внутреннее меню),
   магазинную обвязку (телефон/меню каталога/поиск/корзина/футер) не трогаем. */
body#account #center_column { font-size: 15px; line-height: 1.5; }

body#account .account-header-nav a { font-size: 15px; }
body#account .account-btn-logout,
body#account .company-switch__btn,
body#account .company-switch__item,
body#account .company-switch__add { font-size: 14px; }


body#account #center_column .page-head h1 { font-size: 22px; line-height: 26px; }
body#account #center_column h2 { font-size: 17px; }

body#account .form-group label { font-size: 14px; }
body#account .form-group input,
body#account .form-group select,
body#account .form-group textarea,
body#account textarea.comment-box,
body#account .magic-form input[type=email],
body#account .stock-search { font-size: 15px; }

body#account .btn-primary,
body#account .btn-save,
body#account .btn-confirm,
body#account .btn-toggle,
body#account .btn-magic { font-size: 15px; }
body#account .btn-oauth { font-size: 14px; }

body#account .orders-table th { font-size: 14px; }
body#account .orders-table td { font-size: 15px; }

body#account .login-card h1 { font-size: 24px; }
body#account .login-card > p { font-size: 15px; }
body#account .divider { font-size: 13px; }
body#account .magic-sent { font-size: 14px; }
body#account .badge { font-size: 13px; }

@media (max-width: 767px) {
    .account-header-nav {
        justify-content: flex-start;
    }
}

/* Логотип-SVG (инлайн, fill="currentColor") */
.logo { color: #000; }            /* светлая тема */
.dark .logo { color: #fff; }      /* тёмная тема */

#header_logo .logo {
    max-width: 300px;
    width: 100%;
    height: auto;
    display: block;
}
@media (max-width: 767px) {
    #header_logo .logo { margin: 0 auto; }
}

/* Кнопка «Повторить» на страницах заказов */
.btn-repeat {
    display: inline-block;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 600;
    color: #374151;
    background: #f3f4f6;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
}
.btn-repeat:hover {
    background: #e5e7eb;
    border-color: #9ca3af;
}

.btn-doc {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 0;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid #d1d5db;
    background: #f9fafb;
    color: #374151;
    transition: background .15s, border-color .15s;
    white-space: nowrap;
}
.btn-doc-invoice { margin-right: .3rem; }
.btn-doc:hover {
    background: #e5e7eb;
    border-color: #9ca3af;
    color: #111;
}

@media (max-width: 600px) {
    .card, .co-card, .ob-card, .login-card, .addr-card, .order-card {
        border: none;
        border-radius: 0;
        padding: 0;
        margin-bottom: 1rem;
    }
}

/* =====================================================================
   Мобильная навигация — порт из oilseal
   ===================================================================== */

/* Sticky header */
.sticky-header {
    position: sticky;
    top: 0;
    z-index: 10000;
    box-shadow: 0 3px 0 transparent;
    transition: box-shadow 0.2s ease;
}
.sticky-header.is-scrolled { box-shadow: 0 3px 0 #e9e9e9; }

/* Бургер-кнопка */
.mob-burger {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0 15px 0 7px;
    flex-shrink: 0;
    color: #555;
    font-size: 10px;
}
.mob-burger-icon { display: flex; flex-direction: column; gap: 5px; }
.mob-burger-icon span {
    display: block; width: 22px; height: 2px;
    background: currentColor; border-radius: 2px; transition: background 0.2s;
}
.mob-burger:hover, .mob-burger.active { color: #007ab7; }
.mob-burger-label { line-height: 1; }

/* Дровер контактов */
#mob-contacts-drawer {
    display: none;
    position: fixed;
    left: 0; right: 0; bottom: 60px;
    max-height: calc(100vh - 60px);
    z-index: 9100;
    background: #fff;
    flex-direction: column;
    overflow: hidden;
}
body.mob-contacts-open #mob-contacts-drawer { display: flex; }
body.mob-contacts-open { overflow: hidden; }
body.mob-contacts-open::before {
    content: '';
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.4);
    z-index: 9050;
}
.mob-drawer-header {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    padding: 14px 46px 14px 16px;
    font: 600 18px/22px Arial, "Open Sans", sans-serif;
    color: #000;
    text-transform: uppercase;
    margin: 0;
}
.mob-drawer-close {
    position: absolute; right: 14px; top: 50%; transform: translateY(-50%);
    background: none; border: none; cursor: pointer;
    font-size: 24px; font-weight: 300; font-family: inherit;
    color: #666; line-height: 1; padding: 0;
}
.mob-drawer-close:hover { color: #007ab7; }
.mob-drawer-body {
    padding: 0; display: flex; flex-direction: row;
    font-size: 15px; min-height: 0; flex: 1;
}
.mob-drawer-contacts .hc-phones { display: flex; flex-direction: column; gap: 10px; }
.mob-drawer-body .hc-phones a { color: #333; font-size: 17px; font-weight: bold; }
.mob-drawer-body .hc-email a { color: #333; font-size: 15px; font-weight: bold; }
.mob-menu-nav { display: flex; flex-direction: column; flex: 0 0 50%; border-left: 1px solid #e5e5e5; align-self: flex-start; }
.mob-menu-link {
    display: flex; align-items: center; gap: 12px;
    padding: 15px 14px; font-size: 15px; color: #333;
    text-decoration: none; border-bottom: 1px solid #f0f0f0;
}
.mob-menu-link i { font-size: 17px; color: #007ab7; width: 18px; text-align: center; flex-shrink: 0; }
.mob-menu-link:hover, .mob-menu-link:active { background: #f7f7f7; color: #007ab7; }
.mob-drawer-contacts {
    flex: 0 0 50%; padding: 16px 14px;
    display: flex; flex-direction: column; gap: 10px;
    font-size: 14px; overflow-y: auto;
}
.mob-drawer-contacts .hc-status .ws-open { color: #3fae29; font-weight: bold; }
.mob-drawer-contacts .hc-status .ws-closed { color: #e0322e; font-weight: bold; }
@media (max-width: 429px) {
    .mob-drawer-body { flex-direction: column; }
    .mob-drawer-contacts { flex: none; border-bottom: 1px solid #e5e5e5; }
    .mob-menu-nav { flex: none; border-left: none; }
}

/* Мессенджеры */
.mob-drawer-body .Telegram a { color: #2AABEE; text-decoration: none; font-weight: bold; }
.mob-drawer-body .Telegram a:hover { color: #1a8fc7; }
.mob-drawer-body .WhatsApp a { color: #25D366; text-decoration: none; font-weight: bold; }
.mob-drawer-body .WhatsApp a:hover { color: #1aad55; }
.mob-drawer-body .Max a {
    background-image: linear-gradient(to bottom right,#496AF5,transparent 71%),linear-gradient(to bottom left,#8A4FE9,transparent 71%),linear-gradient(to top right,#4AC0FD,transparent 71%),linear-gradient(to top left,#A35CE6,transparent 71%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: bold;
    text-decoration: none;
}
.mob-drawer-body .Max a:hover { filter: brightness(1.4); text-decoration: none; }
/* Нижняя навигация */
.mob-bottom-nav { display: none; }
button.mob-nav-item {
    background: none; border: none; cursor: pointer; padding: 0; font-family: inherit;
}
.mob-cart-badge {
    position: absolute;
    top: 4px;
    left: calc(50% + 6px);
    min-width: 16px;
    height: 16px;
    background: #007ab7;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    border-radius: 8px;
    text-align: center;
    padding: 0 3px;
    box-sizing: border-box;
}
.mob-cart-badge.unvisible { display: none; }

/* =====================================================================
   Иконки FontAwesome — недостающие классы
   ===================================================================== */
.icon-home:before { content: "\f015"; }
.icon-shopping-cart:before { content: "\f07a"; }
.icon-user:before { content: "\f007"; }
.icon-th-list:before { content: "\f00b"; }
.icon-truck:before { content: "\f0d1"; }
.icon-credit-card:before { content: "\f09d"; }
.icon-question-sign:before { content: "\f059"; }
.icon-envelope:before { content: "\f0e0"; }
.icon-map-marker:before { content: "\f041"; }

/* По умолчанию скрыты, показываются на десктопе ниже */
#header_contacts.shop-phone { display: none; }
.header-secondary-nav { display: none; }

/* =====================================================================
   Шапка — десктоп ≥1024px
   ===================================================================== */
@media (min-width: 1024px) {
    #header_contacts.shop-phone {
        display: block;
        background: #f7f7f7;
        box-shadow: 0 1px 0 #e5e5e5;
        font-size: 13px;
        color: #555;
        position: relative;
        z-index: 9999;
    }
    .top-bar-inner { display: flex; align-items: center; gap: 20px; padding-top: 6px; padding-bottom: 6px; }
    .hc-contacts-row { display: flex; align-items: center; gap: 0; }
    .top-bar .hc-phones a { color: #222; text-decoration: none; font-weight: 600; }
    .top-bar .hc-phones a:hover { color: #007ab7; }
    .top-bar .hc-messengers { color: #666; }
    .top-bar .hc-status { margin-left: auto; color: #666; }
    .top-bar .hc-status br { display: none; }

    header .row { display: flex; align-items: stretch; flex-wrap: nowrap; }
    header .row #header_logo { flex: 0 0 auto; min-width: 350px; float: none; display: flex; align-items: center; }
    header .row #header_logo svg.logo { max-width: 300px; min-width: 220px; width: 100%; height: auto; display: block; color: #000; }
    header .row #header_logo a { display: inline-block; }

    #header_search_cart { flex: 1; float: none; display: flex; flex-direction: column; align-items: stretch; min-width: 0; }
    .header-hook-top { display: flex; flex: 1; align-items: flex-end; min-width: 0; }
    .header-hook-top .col-he-4 { flex: 1; float: none; display: flex; flex-direction: column; justify-content: flex-end; min-width: 0; width: auto; }
    #header_cart_block { flex: 0 0 auto; }

    .header-secondary-nav { display: flex; align-items: center; justify-content: flex-end; gap: 18px; padding-top: 8px; padding-right: 20px; font-size: 13px; }
    .header-secondary-nav a { color: #666; text-decoration: none; }
    .header-secondary-nav a:hover { color: #007ab7; }
    .header-secondary-nav .hc-sep { color: #ccc; margin: 0 7px; }
}
.hc-sep { color: #bbb; margin: 0 4px; font-size: 18px; line-height: 1; vertical-align: middle; }

/* =====================================================================
   Иконки шапки: ЛК + корзина
   ===================================================================== */
.header-icons {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 30px;
    padding-bottom: 8px;
    padding-right: 10px;
    margin-left: auto;
}
.lk-icon-btn {
    display: flex; flex-direction: column; align-items: center; justify-content: flex-end;
    gap: 3px; color: #444; font-size: 32px; text-decoration: none; transition: color .15s;
}
.lk-icon-btn:hover { color: #007ab7; }
.lk-icon-btn .hi-label { font-size: 11px; font-weight: 400; line-height: 1; color: inherit; }

#header .shopping_cart { position: relative; }
#header .shopping_cart::after { content: ''; position: absolute; top: 100%; left: 0; right: 0; height: 12px; }

.cart-icon-btn,
.shopping_cart > a.cart-icon-btn {
    display: flex; flex-direction: column; align-items: center; justify-content: flex-end;
    gap: 3px; position: relative; color: #444; text-decoration: none; font-size: 32px; transition: color .15s;
}
.cart-icon-btn:hover,
.shopping_cart > a.cart-icon-btn:hover { color: #007ab7; }
.cart-icon-btn .hi-label { font-size: 11px; font-weight: 400; line-height: 1; color: inherit; }
.cart-badge {
    position: absolute; top: -6px; right: -8px;
    min-width: 18px; height: 18px;
    background: #007ab7; color: #fff;
    font-size: 11px; font-weight: 700; line-height: 18px;
    border-radius: 9px; text-align: center; padding: 0 4px; box-sizing: border-box;
}
.cart-icon-btn b,
.cart-icon-btn .ajax_cart_total,
.cart-icon-btn .ajax_cart_no_product,
.cart-icon-btn .ajax_cart_product_txt,
.cart-icon-btn .ajax_cart_product_txt_s,
.cart-icon-btn .ajax_cart_product_txt_p { display: none !important; }

/* =====================================================================
   Выпадающая корзина — стиль oilseal
   ===================================================================== */
#header .cart_block,
#cart_dropdown {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    z-index: 10000;
    width: 320px;
    background: #484848;
    color: #fff;
    border-radius: 6px;
    box-shadow: 0 6px 24px rgba(0,0,0,.35);
    visibility: hidden;
    opacity: 0;
    transform: scaleY(0.9) translateY(-6px);
    transform-origin: top right;
    pointer-events: none;
    transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
}
#header .cart_block::before,
#cart_dropdown::before {
    content: '';
    position: absolute;
    top: -10px; right: 5px;
    width: 0; height: 0;
    border: 16px solid transparent;
    border-bottom: 10px solid #484848;
    border-top: none;
}
#header .cart_block::after,
#cart_dropdown::after {
    content: ''; position: absolute; inset: -20px; z-index: -1;
}
#header .cart_block .block_content,
#cart_dropdown .block_content {
    overflow: hidden; border-radius: 8px;
    display: flex; flex-direction: column; max-height: 70vh;
}
#header .cart_block .cart_block_list,
#cart_dropdown .cart_block_list { overflow-y: auto; flex: 1; min-height: 0; }
#header .cart_block.visible,
#header .shopping_cart:hover .cart_block,
#cart_dropdown.visible {
    visibility: visible; opacity: 1;
    transform: scaleY(1) translateY(0); pointer-events: auto;
    transition: opacity .2s ease, transform .2s ease, visibility 0s linear 0s;
}
#header .cart_block a, #cart_dropdown a { color: #fff; }
#header .cart_block a:hover, #cart_dropdown a:hover { color: #9c9b9b; }
#header .cart_block .cart_block_no_products,
#cart_dropdown .cart_block_no_products { padding: 14px 12px; font-size: 14px; color: #aaa; text-align: center; }
#header .cart_block .cart_block_footer,
#cart_dropdown .cart_block_footer { background: #3a3a3a; padding: 10px 12px 12px; }
#header .cart_block .cart-prices,
#cart_dropdown .cart-prices { border: none; background: none; padding: 0; margin-bottom: 8px; }
#header .cart_block .cart-prices .cart-prices-line,
#cart_dropdown .cart-prices .cart-prices-line {
    overflow: hidden;
    border-bottom: 1px solid #515151;
    padding: 7px 0;
}
#header .cart_block .cart-prices-line.last-line,
#cart_dropdown .cart-prices-line.last-line {
    display: flex; justify-content: space-between; align-items: center;
    font-size: 14px; margin-bottom: 8px; color: #ddd;
    border: none;
}
#header .cart_block .price,
#cart_dropdown .price { color: #fff; }
#header .cart_block .quantity-formated,
#cart_dropdown .quantity-formated { color: #9c9b9b; font-weight: bold; }
#header .cart_block .cart-prices-line.last-line .price,
#cart_dropdown .cart-prices-line.last-line .price { font-weight: 600; color: #fff; font-size: 14px; }
#header .cart_block .cart-buttons,
#cart_dropdown .cart-buttons { background: none; padding: 0; margin: 0; }
#header .cart_block .cart-buttons a,
#cart_dropdown .cart-buttons a { display: block; margin: 0; border-radius: 3px; }
#header .cart_block .cart-buttons a span,
#cart_dropdown .cart-buttons a span {
    display: block; text-align: center; padding: 7px 12px;
    background: #3d8b4a; border: 1px solid #4caa5b;
    color: #fff; font-size: 14px; font-weight: 600; border-radius: 3px; transition: background .15s;
}
#header .cart_block .cart-buttons a:hover span,
#cart_dropdown .cart-buttons a:hover span { background: #2e6e38; border-color: #358c43; }
#header .cart_block dt,
#cart_dropdown dt { font-weight: normal; overflow: hidden; padding: 10px 12px; position: relative; }
#header .cart_block .cart_block_list dt,
#cart_dropdown .cart_block_list dt { padding: 12px 30px 12px 10px; }
#header .cart_block .cart-info .product-name a,
#cart_dropdown .cart-info .product-name a { color: #fff; text-decoration: none; }
#header .cart_block .cart-info .product-name a:hover,
#cart_dropdown .cart-info .product-name a:hover { color: #919090; text-decoration: none; }
#header .cart_block .remove_link,
#cart_dropdown .remove_link { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
#header .cart_block .remove_link a,
#cart_dropdown .remove_link a,
.ajax_cart_block_remove_link { color: #fff; display: block; text-decoration: none; }
.ajax_cart_block_remove_link::before {
    display: inline-block; content: "\f057";
    font-family: "FontAwesome"; font-size: 18px; line-height: 18px;
}
.ajax_cart_block_remove_link:hover { color: #9c9b9b; }
#header .cart_block .cart-info .product-name a { font-size: 14px; line-height: 1.35; color: #fff; }
#header .cart_block h4, #header .cart_block .title_block,
#cart_dropdown h4, #cart_dropdown .title_block { display: none; }

/* =====================================================================
   Мобильный брейкпоинт ≤1023.98px
   ===================================================================== */
@media (max-width: 1023.98px) {
    .mob-burger { display: flex; align-self: flex-end; }
    header .row { display: flex; align-items: center; flex-wrap: nowrap; padding: 6px 15px; }
    header .row #header_logo { display: none; }
    #header_sams { display: none; }
    #header_search_cart { flex: 1; float: none; display: flex; align-items: center; min-width: 0; }
    .header-hook-top { flex: 1; min-width: 0; display: flex; align-items: center; }
    #header_search_cart .col-he-4 { flex: 1; float: none; min-width: 0; width: auto; }
    #header_cart_block { display: none; }
    #search_block_top { padding-top: 12px !important; width: 100%; }
    #search_block_top form#searchbox { width: 100%; }
    body { padding-bottom: 60px; }

    .mob-bottom-nav {
        display: flex;
        position: fixed;
        bottom: 0; left: 0; right: 0;
        height: 60px;
        background: #fff;
        border-top: 1px solid #e5e5e5;
        box-shadow: 0 -2px 8px rgba(0,0,0,.08);
        z-index: 10000;
    }
    .mob-nav-item {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        color: #555;
        text-decoration: none;
        font-size: 10px;
        position: relative;
        transition: color .15s;
    }
    .mob-nav-item i { font-size: 22px; }
    .mob-nav-item:hover, .mob-nav-item.active { color: #007ab7; }

    /* Скрыть на мобилке */
    .lk-icon-btn { display: none !important; }
    .footer-container { display: none; }
    #columns { padding-bottom: 0 !important; }
    #block_top_menu { display: none !important; }
    .row:has(#block_top_menu) { display: none !important; }
    .col-sm-3, .col-sm-9 { width: 100% !important; }
    #left_column { display: none !important; }
    .block .title_block, .block h4 { border-top: none !important; }
}

/* top ставится JS'ом по высоте sticky-header */

/* =====================================================================
   Корзина — fullscreen overlay на мобилке (body.mob-cart-open)
   ===================================================================== */
.mob-cart-close { display: none; }

@media (max-width: 1023.98px) {
    body.mob-cart-open { overflow: hidden; }
    body.mob-cart-open::before {
        content: '';
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,.4);
        z-index: 9050;
    }
    body.mob-cart-open #header_cart_block {
        display: block !important;
        position: absolute;
        width: 0; height: 0; overflow: visible; padding: 0;
    }
    body.mob-cart-open #cart_dropdown {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        pointer-events: auto !important;
        position: fixed !important;
        left: 0 !important; right: 0 !important;
        bottom: 60px !important;
        width: 100% !important;
        border-radius: 0 !important;
        z-index: 9100 !important;
        overflow-y: auto;
        margin-bottom: 0 !important;
    }
    body.mob-cart-open #cart_dropdown {
        display: flex !important;
        flex-direction: column;
    }
    body.mob-cart-open #cart_dropdown::before,
    body.mob-cart-open #cart_dropdown::after { display: none !important; }
    body.mob-cart-open #cart_dropdown .block_content {
        border-radius: 0 !important;
        flex: 1;
        min-height: 0;
        max-height: none !important;
    }
    body.mob-cart-open #cart_dropdown .cart_block_list { flex: 1; overflow-y: auto; }
    body.mob-cart-open #cart_dropdown .cart_block_footer { flex-shrink: 0; }
    body.mob-cart-open .header-icons { visibility: hidden; }
    body.mob-cart-open .mob-cart-close {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        border-bottom: 1px solid #5a5a5a;
        padding: 14px 14px 14px 16px;
        font: 600 18px/22px Arial, "Open Sans", sans-serif;
        color: #fff;
        text-transform: uppercase;
        flex-shrink: 0;
    }
    body.mob-cart-open .mob-cart-close button {
        background: none; border: none; cursor: pointer;
        font-size: 24px; font-weight: 300; color: #ccc; line-height: 1; padding: 0;
    }
    body.mob-cart-open .mob-cart-close button:hover { color: #fff; }
}

/* =====================================================================
   Каталог — fullscreen #left_column (body.mob-catalog-open)
   ===================================================================== */
@media (max-width: 1023.98px) {
    body.mob-catalog-open #left_column {
        display: block !important;
        position: fixed;
        left: 0; right: 0;
        bottom: 60px;
        z-index: 9100;
        background: #fff;
        overflow-y: auto;
        padding: 0;
        width: 100% !important;
        box-shadow: none;
    }
    body.mob-catalog-open { overflow: hidden; }
    body.mob-catalog-open #left_column .block_content { display: block !important; }
    body.mob-catalog-open::before {
        content: '';
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,.4);
        z-index: 9050;
    }
    body.mob-catalog-open #left_column .title_block,
    body.mob-catalog-open #left_column h2.title_block {
        position: sticky;
        top: 0;
        background: #fff;
        z-index: 1;
        border-bottom: 1px solid #e5e5e5;
        padding: 14px 46px 14px 16px !important;
        font: 600 18px/22px Arial, "Open Sans", sans-serif !important;
        color: #000;
        cursor: pointer;
        margin: 0;
    }
    body.mob-catalog-open #left_column .title_block::after,
    body.mob-catalog-open #left_column h2.title_block::after {
        content: "\00d7";
        font-family: inherit;
        font-size: 24px;
        font-weight: 300;
        position: absolute;
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        color: #666;
        display: block;
    }
}