html, body {
    height: 100% !important;
}

.modal.modal-card {
    width: 100%;
}

body.modal-open {
    overflow: hidden;
}

.modal-backdrop {
    z-index: 999;
}

.modal-card .slick-list {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.btn-close {
    color: #000;
    background: #fff;
    border: 0;
    font-size: 20px;
    display: flex;
    justify-content: center;
    -ms-flex-align: center !important;
    align-items: center !important;
    position: absolute;
    top: 15px;
    z-index: 99;
    right: 15px;
    border-radius: 50%;
    width: 42px;
    height: 42px;
}

.modal-card .slick-list {
    background: #F5F4F2;
}

.cards-mins .btn.min {
    padding: 5px 15px;
    font-size: 14px;
}

.cards-mins .element-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
}

.checkbox {
    height: 24px;
    display: flex;
    justify-content: space-between;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.cards-mins h4 {
    font-size: 14px;
    margin-bottom: 10px;
    color: #000;
}

.cards-mins .element-first {
    border: 1px solid #f6f6f6;
    border-radius: 20px;
    gap:10px;
}
.cards-mins .element-first .element-img{
    margin-right: 0;
    width: 80px;
    height: 80px;
}

.cards-mins .element-first.bor-black {
    border: 1px solid #000;
}

.cards-mins {
    cursor: pointer;
}

    .custom-checkbox {
      position: absolute;
      z-index: -1;
      opacity: 0;
    }

    .custom-checkbox+label {
      display: inline-flex;
      align-items: center;
      user-select: none;
    }

    .custom-checkbox+label::before {
      content: '';
      display: inline-block;
      width: 1.2em;
      height: 1.2em;
      flex-shrink: 0;
      flex-grow: 0;
      border: 1px solid #000;
      border-radius: 0.25em;
      margin-right: 0.5em;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 50% 50%;
    }

    .custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
      border-color: #000;
      cursor: pointer;
    }


    .custom-checkbox:not(:disabled):active+label::before {
      background-color: #000;
      border-color: #000;
    }

    .custom-checkbox:focus+label::before {
      box-shadow: 0 0 0 0.2rem rgba(9, 9, 9, 0.25);
    }

    .custom-checkbox:focus:not(:checked)+label::before {
      border-color: #000;
    }

    .custom-checkbox:checked+label::before {
      border-color: #000;
      background-color: #000;
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
    }

    .custom-checkbox:disabled+label::before {
      background-color: #000;
    }

.element-content-modal {
    padding: 15px;
    background: #F5F4F2;
}

.cart-total-wrapper {
    margin-bottom: 20px;
}

.product-carousel-cors {
    padding-left: 60px;
    padding-right: 60px;
}

.product-carousel-cors .slick-prev {
    left: 0px;
}

.product-carousel-cors .slick-next {
    left: auto;
    right: 0px;
}

.element-first .element-img {
        margin-right: 10px;
        width: 100px;
        flex-basis: 100px;
        height: 100px;
        border-radius: 20px;
    }

.modal-card .element-text {
    margin-bottom: 10px;
}

.main-wrapper{
    min-height: 100%;
    height: auto;
    margin: 0 auto -180px;
}
.footer{
    background: #272727;
    min-height: 180px;
}
.footer-push{
    height: 180px;
}
/*  /. FOOTER BOTTOM*/
body{
    font-size: 16px;
    line-height: 1.6;
    color: #312F2F;
    overflow-x: hidden;
    font-family: 'ProximaNova';
}
.content ul,
.content ol{
    margin-bottom: 15px;
}
.content ul > li,
.content ol > li{
    margin-bottom: 10px;
    position: relative;
}
.content ul > li{
    padding-left: 25px;
}
.content ul > li:after{
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    top: 9px;
    left: 10px;
    background: #312f2f;
    border-radius: 50%;
}
.content ul ul,
.content ol ul,
.content ol ol,
.content ul ol{
    padding-top: 10px;
    padding-left: 10px;
}
.content ul ul li,
.content ol ul li{
    padding-left: 15px;
    position: relative;
    margin-bottom: 10px;
}
.content ul ul li:after,
.content ol ul li:after{
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    top: 9px;
    left: 0;
    border: 1px solid #999999;
    border-radius: 50%;
}
.content ul ol li,
.content ol ol li{
    list-style: decimal; 
    padding-left: 3px;
    margin-left: 12px;
    margin-bottom: 10px;
}
.content ol{ 
    counter-reset: item; 
}
.content ol li{
    display: block; 
}
.content ol li:before{ 
    content: counters(item, ".") ". "; 
    counter-increment: item;
    padding: 0 5px 0 10px;
    color: #000;
}
.content ul ul ol li:after,
.content ol ul ol li:after{
    display: none;
}
h1,
.title-h1{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 0.8em;
}
h2,
.title-h2{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 40px;
    line-height: 1.1;
    margin-bottom: 0.8em;
}
h3{
    font-weight: 900;
    font-size: 34px;
    line-height: 1.1;
    margin-bottom: 0.6em;
}
h4{
    font-weight: 900;
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 0.6em;
}
h5{
    font-weight: 900;
    font-size: 18px;
    line-height: 1.1;
    margin-bottom: 0.6em;
}
h6{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px;
}
@media only screen and (max-width: 1189px) {
    h1,
    .title-h1{
        font-size: 50px;
    }
    h2,
    .title-h2{
        font-size: 38px;
    }
    .pagetitle h1{
        font-size: 38px;
    }
    h3, h4{
        font-size: 30px;
    }
}
@media only screen and (max-width: 991px) {
    h1,
    .title-h1{
        font-size: 46px;
    }
    h2,
    .title-h2{
        font-size: 34px;
    }
    h3, h4{
        font-size: 28px;
    }
}
@media only screen and (max-width: 767px) {
    h1,
    .title-h1{
        font-size: 34px;
    }
    .pagetitle h1{
        font-size: 30px;
    }
    h2,
    .title-h2{
        font-size: 24px;
    }
    h3, h4, h5{
        font-size: 24px;
    }
.modal-card .modal-dialog {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.modal.modal-card {
    padding: 0;
}

.modal-card .modal-body {
    padding: 0px;
}

.product-carousel-cors {
    padding-left: 0px;
    padding-right: 0px;
}

.cards-mins h4 {
    font-size: 12px;
    margin-bottom: 10px;
}

.cards-mins .element-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
}

.cards-mins .btn.min {
    padding: 5px 5px;
    font-size: 12px;
}

}

blockquote{
    margin-bottom: 20px;
    padding: 0 0 0 20px;
    font-size: 16px;
    border-left: 3px solid #EFBC1E;
}
a{
    color: #efbc1e;
    text-decoration: none;
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
a:hover{
    color: #000;
}
a:focus{
    outline: none;
}
a.invert{
    color: #000;
}
a.invert:hover{
    color: #efbc1e;
}
.btn{
    display: inline-block;
    text-decoration: none;
    color: #000;
    background: #d6fd4d;
    font-size: 16px;
    padding: 14px 45px;
    margin-bottom: 5px;
    position: relative;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
    border: none;
    border-radius: 20px;
    font-weight: bold;
}
.btn:hover{
    background: #bcd565 !important;
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
    color: #000000;
}
.btn.block{
    display: block;
    width: 100%;
}
.btn.min{
    padding: 10px 25px;
    font-size: 16px;
}
.btn.invert{
    background:#C62F27;
    color: #fff;
}
.btn.invert:hover{
    background: #EFBC1E;
    color: #fff;
}
.btn1{
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: #000;
    font-size: 16px;
    padding: 14px 45px;
    margin-bottom: 5px;
    position: relative;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
    border: none;
    border-radius: 20px;
    font-weight: bold;
}
.btn1:hover{
    background: #414141 !important;
    box-shadow: 0 0 5px rgba(0,0,0,0.4)  !important;
    color: #fff  !important;
}
.btn1.block1{
    display: block;
    width: 100%;
}
.btn1.min1{
    padding: 10px 25px;
    font-size: 16px;
}
.btn1.invert{
    background:#C62F27;
    color: #fff;
}
.btn1.invert:hover{
    background: #EFBC1E;
    color: #fff;
}
.form-group{
    position: relative;
}

.push1{
    height: 1px;
}
.push2{
    height: 2px;
}
.push3{
    height: 3px;
}
.push4{
    height: 4px;
}
.push5{
    height: 5px;
}
.push6{
    height: 6px;
}
.push7{
    height: 7px;
}
.push8{
    height: 8px;
}
.push9{
    height: 9px;
}
.push10{
    height: 10px;
}
.push11{
    height: 11px;
}
.push12{
    height: 12px;
}
.push13{
    height: 13px;
}
.push14{
    height: 14px;
}
.push15{
    height: 15px;
}
.push16{
    height: 16px;
}
.push17{
    height: 17px;
}
.push18{
    height: 18px;
}
.push19{
    height: 19px;
}
.push20{
    height: 20px;
}
.push25{
    height: 25px;
}
.push30{
    height: 30px;
}
.push35{
    height: 35px;
}
.push40{
    height: 40px;
}
.push45{
    height: 45px;
}
.push50{
    height: 50px;
}
.push55{
    height: 55px;
}
.push60{
    height: 60px;
}
.push70{
    height: 70px;
}
.push80{
    height: 80px;
}
.push90{
    height: 90px;
}
.push100{
    height: 100px;
}
.f8{
    font-size: 8px;
}
.f9{
    font-size: 9px;
}
.f10{
    font-size: 10px;
}
.f11{
    font-size: 11px;
}
.f12{
    font-size: 12px;
}
.f13{
    font-size: 13px;
}
.f14{
    font-size: 14px;
}
.f15{
    font-size: 15px;
}
.f16{
    font-size: 16px;
}
.f17{
    font-size: 17px;
}
.f18{
    font-size: 18px;
}
.f19{
    font-size: 19px;
}
.f20{
    font-size: 20px;
}
.f21{
    font-size: 21px;
}
.f22{
    font-size: 22px;
}
.f24{
    font-size: 24px;
}
.f26{
    font-size: 26px;
}
.f28{
    font-size: 28px;
}
.f30{
    font-size: 30px;
}
.f34{
    font-size: 34px;
}
.f36{
    font-size: 36px;
}
.red{
    color: #FF4632;
}
.white{
    color: #fff;
}
.black{
    color: #000;
}
.gray{
    color: #676767;
}
p{
    margin-bottom: 20px;
}
strong,
b, 
.bold{
    font-weight: bold;
}
.weight100,
.light{
    font-weight: 100;
}
.weight900{
    font-weight: 900;
}
.italic{
    font-style: italic;
}
input:focus::-moz-placeholder{
    opacity: 0;
}
input:focus:-ms-input-placeholder{
    opacity: 0;
}
input:focus::-webkit-input-placeholder{
    opacity: 0;
}
textarea:focus::-moz-placeholder{
    opacity: 0;
}
textarea:focus:-ms-input-placeholder{
    opacity: 0;
}
textarea:focus::-webkit-input-placeholder{
    opacity: 0;
}
.strike{
    text-decoration: line-through;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
:invalid {
  box-shadow: none;
}
:-moz-submit-invalid {
  box-shadow: none;
}
:-moz-ui-invalid {
  box-shadow:none;
}
.relative{
    position: relative;
}
.absolute{
    position: absolute;
}
em, i{
    font-style: italic;
}
.cleaner,
.clear{
    clear: both;
    height: 0;
    line-height: 0;
    display: block !important;
}
.cleaner-hr,
.clear-hr{
    height: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
    border: none;
}
.left{
    float: left;
}
.right{
    float: right;
}
.upper{
    text-transform: uppercase;
}
img{
    max-width: 100%;
}
img.left{
    float: left;  
    margin-right: 20px;
}
img.right{
    float: right;  
    margin-left: 20px;
}
.dashed{
    text-decoration: none;
    border-bottom: 1px dashed;
}
.dotted{
    text-decoration: none !important;
    border-bottom: 1px dotted;
}
.dashed:hover,
.dotted:hover{
    border-bottom-color: transparent;
}
.static{
    position: static;
}
.hidden{
  opacity:0;
}
.visible{
    opacity:1;
}
.row.min{
    margin-left: -5px;
    margin-right: -5px;
}
.row.min > div[class^="col-"]{
    padding-left: 5px;
    padding-right: 5px;
}
.row.no-padding{
    margin-left: 0;
    margin-right: 0;
}
.row.no-padding > div[class^="col-"]{
    padding-left: 0;
    padding-right: 0;
}
.table{
    display: table;
    width: 100%;
    height: 100%;
}
.table-cell{
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.decoration{
    text-decoration: underline;
}
.decoration:hover{
    text-decoration: none;
}
.decoration-none{
    text-decoration: none !important;
}
.decoration-hover{
    text-decoration: none;
}
.decoration-hover:hover{
    text-decoration: underline;
}
.round{
    border-radius: 50%;
}
a.absolute{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.box{
    display: none;
}
.box.visible{
    display: block;
}
/* fancybox */
.fancybox-inner{
    overflow: visible !important;
}
.fancybox-wrap{
    padding: 35px 0 0;
}
.fancybox-skin{
    margin-bottom: 35px;
}
.fancybox-overlay{
    background: rgba(0,0,0,0.8);
}
.fancybox-close {
    background: #C62F27 !important;
    top: 0 !important;
    right: 0px !important;
    width: 40px !important;
    height: 40px !important;
    cursor: pointer;
    z-index: 8040;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
@media only screen and (min-width: 768px) {
.fancybox-close {
    background: transparent !important;
    top: -40px !important;
    right: -40px !important;
    width: 40px !important;
}
}
.fancybox-close:after{
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    content: "";
    display: block;
    position: absolute;
    background: #333333;
    margin-left: -1px;
}
.fancybox-close:after {
    background: url(../images/close.png) 50% 50% no-repeat;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    content: "";
    display: block;
    position: absolute;
    margin-top: -10px;
    margin-left: -10px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.fancybox-close:hover{
    background: #FF4632;
}
.fancybox-close:hover:after {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.fancybox-skin{
    background: #fff;
    box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.3)  !important;
    border-radius: 0;
}
.fancybox-nav span{
    visibility: visible;
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.fancybox-next span {
    background: rgba(0,0,0,0.4);
    width: 40px;
    height: 40px;
    margin-top: -20px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 20px;
}
.fancybox-prev span {
    background: rgba(0,0,0,0.4);
    width: 40px;
    height: 40px;
    margin-top: -20px;
    left: 20px;
}
.fancybox-prev span:after,
.fancybox-next span:after{
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 14px;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -4px;
    background: url(../images/fancy-arrow.png) 0 0 no-repeat;
}
.fancybox-next span:hover,
.fancybox-prev span:hover{
    background: #3C3C3C;
}
.fancybox-title-float-wrap{
    left: 0;
    margin-bottom: -28px;
    width: 100%;
    text-align: left;
    overflow: hidden;
}
.fancybox-title-float-wrap .child{
    background: rgba(255, 255, 255, 1);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-shadow: none;
    color: #000;
    display: block;
    font-size: 14px;
    padding: 12px 20px;
    font-weight: normal;
}
.fancybox-title-float-wrap .child{
    white-space: normal;
    width: 100%;
}
/* end fancybox */


/***********************slick carousel*******************************/
.slick-slider{
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}
.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide img.slick-loading
{
    background: url('/assets/template/images/159.svg') center center no-repeat;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
}
.slider-wrapper .item img{
    min-height: 300px;
}
.slick-dots {
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    display: block;
    margin-top: 20px;
}
.slick-dots li button{
    position: absolute;
    top: -5px;
    left: -5px;
    border: none;
    border-radius: 50%;
    display: block;
    opacity: 0;
}
.slick-dots li {
    cursor: pointer;
    display: inline-block;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin: 0 6px 0;
    cursor: pointer;
    position: relative;
    background: #efbc1e;
    opacity: 0.6;
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.slick-dots li:hover{
    opacity: 1;
}
.slick-dots li.slick-active{
    background: #ef4134;
    opacity: 1;
}
.slick-prev, 
.slick-next {
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    z-index: 50;
    cursor: pointer;
    border-radius: 5px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    text-align: center;
    color: #fff;
    top: 50%;
    margin-top: -22px;
    background: rgba(0,0,0,0.2);
}
.slick-prev{
    left: -60px;
}
.slick-next{
    left: auto;
    right: -60px;
}
.slick-prev i{
    margin-left: -4px;
}
.slick-next i{
    margin-right: -4px;
}
.slick-prev i, 
.slick-next i{
    line-height: 44px;
}
.slick-prev:hover, 
.slick-next:hover{
    background: #efbc1e;
    color: #fff;
    box-shadow: 0 0 0 5px rgba(0,0,0,0.08);
}
/****************end slick carousel****************/



@media only screen and (min-width: 992px){
    
    /************* custom chrome scroll ***************/
    body::-webkit-resizer {
        background-image: url('');
        background-repeat: no-repeat;
        width: 8px;
        height: 1px;
    }
    body::-webkit-scrollbar {
        width: 8px;
    }
    body::-webkit-scrollbar-button {
        background-image: url('');
        background-repat: no-repeat;
        width: 8px;
        height: 0px;
    }
    body::-webkit-scrollbar-thumb {
        -webkit-border-radius: 0px;
        border-radius: 0px;
        background-color: #EFBC1E;
    }
    body::-webkit-scrollbar-track {
        background-color: #22282E;
    }
    /*********** end custom chrome scroll **********/
}


#up{
    position: fixed;
    z-index: 300;
    bottom: 80px;
    right: 10px;
    display: none;
    color: #FFFFFF;
    width: 44px;
    text-align: center;
    height: 44px;
    border-radius: 100%;
    cursor: pointer;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
    transition: background-color 200ms ease-out;
    background: #EFBC1E;
    font-size: 32px;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
#up:hover{
    background-color: #2C2C2C;
}
#up .fa{
    display: block;
    line-height: 40px;
}

.delay-250{
    -webkit-animation-delay: 250ms;
	-moz-animation-delay: 250ms;
	-o-animation-delay: 250ms;
    animation-delay: 250ms;
}
.delay-500{
    -webkit-animation-delay: 500ms;
	-moz-animation-delay: 500ms;
	-o-animation-delay: 500ms;
    animation-delay: 500ms;
}
.delay-750{
    -webkit-animation-delay: 750ms;
	-moz-animation-delay: 750ms;
	-o-animation-delay: 750ms;
    animation-delay: 750ms;
}
.delay-1000{
    -webkit-animation-delay: 1000ms;
	-moz-animation-delay: 1000ms;
	-o-animation-delay: 1000ms;
    animation-delay: 1000ms;
}
.delay-1250{
    -webkit-animation-delay: 1250ms;
	-moz-animation-delay: 1250ms;
	-o-animation-delay: 1250ms;
    animation-delay: 1250ms;
}
.delay-1500{
    -webkit-animation-delay: 1500ms;
	-moz-animation-delay: 1500ms;
	-o-animation-delay: 1500ms;
    animation-delay: 1500ms;
}
.delay-1750{
    -webkit-animation-delay: 1750ms;
	-moz-animation-delay: 1750ms;
	-o-animation-delay: 1750ms;
    animation-delay: 1750ms;
}
.delay-2000{
    -webkit-animation-delay: 2000ms;
	-moz-animation-delay: 2000ms;
	-o-animation-delay: 2000ms;
    animation-delay: 2000ms;
}
.delay-2500{
    -webkit-animation-delay: 2500ms;
	-moz-animation-delay: 2500ms;
	-o-animation-delay: 2500ms;
    animation-delay: 2500ms;
}
.delay-3000{
    -webkit-animation-delay: 3000ms;
	-moz-animation-delay: 3000ms;
	-o-animation-delay: 3000ms;
    animation-delay: 3000ms;
}
.delay-3500{
    -webkit-animation-delay: 3500ms;
	-moz-animation-delay: 3500ms;
	-o-animation-delay: 3500ms;
    animation-delay: 3500ms;
}
/* Preloader */
#preloader {
    background: #fff;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
    position: fixed;
    z-index: 9999;
    display: block;
    -webkit-transition: all 600ms ease-out;
    -moz-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    transition: all 600ms ease-out;
    opacity: 1;
}
#preloader.hid {
    opacity: 0;
    visibility: hidden;
}
.no-preloader #preloader{
    display: none;
}
#preloader img{
    width: 200px;
}
/* Preloader end */


/* AGREEMENT */
.agreement{
    position: relative;
    margin-bottom: 20px;
    color: #7C7F8C;
}
.agreement input{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.agreement i{
    vertical-align: middle;
    margin-top: -3px;
}
.agreement input + label .checked{
    display: none;
}

.agreement input:checked + label .checked{
    display: inline-block;
}
.agreement input:checked + label .no-checked{
    display: none;
}
.agreement input.error + label{
    color: red;
}
/* /. AGREEMENT */


/* PAGINATION */
.pagination{
    margin: 30px 0 0;
    text-align: center;
}
.pagination li{
    display: inline-block;
    text-align: center;
}
.pagination a,
.pagination li > span{
    font-size: 16px;
    font-weight: bold;
    color: #5E6066;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
}
.pagination .active a{
    background: #FEB013;
    color: #fff;
    border-radius: 100%;
}
.pagination a:hover{
    color: #000;
}
/* /. PAGINATION */


.mobile-menu {
    position: fixed;
    top: 0;
    right: -470px;
    background: #ef4134;
    height: 100%;
    width: 370px;
    max-width: 100%;
    z-index: 1000;
    overflow-y: scroll;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    padding-top: 59px;
    box-shadow: -3px 0 3px rgba(0, 0, 0, 0.2);
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    z-index: -100;
    opacity: 0;
    -webkit-transition: opacity 200ms ease-out;
    -moz-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
}
.mobile-logo{
    padding: 0 0 0 10px;
}
.mobile-logo img{
    height: 80px;
}
.mobile-menu li{
    position: relative;
}
.mobile-menu > div > ul > li {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.mobile-menu > div > ul > li:first-of-type{
    border-top: 1px solid rgba(255,255,255,0.1);
}
.mobile-menu > div > ul > li.down > a {
    padding-right: 60px;
}
.mobile-menu .dropdown-button{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 45px;
    width: 48px;
    z-index: 10;
}
.mobile-menu .dropdown-button:before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 13px;
    left: 16px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.mobile-menu .dropdown-button.active:before{
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    top: 19px;
}
.mobile-menu > div > ul > li > ul {
    position: static;
    width: 100%;
    display: none;
}
.mobile-menu > div > ul  > li > a {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 13px 20px 10px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}
.mobile-menu > div > ul > li.active > a{
    background: #d6fd4d;
    color: #312f2f;
}
.mobile-menu > div > ul > li > ul > li.active > a,
.mobile-menu > div ul ul ul .active a{
    color: #383838;
}
.mobile-menu > div > ul > li > ul > li > a,
.mobile-menu > div ul ul ul a{
    display: block;
    font-size: 15px;
    line-height: 18px;
    text-decoration: none;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    padding: 10px 10px 10px 30px;
    color: #FFFFFF;
    position: relative;
}
.mobile-menu > div > ul > li > ul > li > a:before,
.mobile-menu > div ul ul ul a:before {
    content: "";
    display: block;
    position: absolute;
    top: 17px;
    left: 20px;
    width: 5px;
    height: 3px;
    background: #EF2B32;
}
.mobile-menu > div ul ul ul a{
    padding: 6px 10px 6px 45px;
    font-size: 13px;
}
.mobile-menu > div ul ul ul a:before{
    left: 34px;
    top: 12px;
}
.mobile-menu .dropdown-button + ul {
    position: static;
    width: 100%;
    display: none;
    margin-bottom: 10px;
}
.mobile-menu ul ul .dropdown-button:before{
    width: 6px;
    height: 6px;
    content: "+";
    border: none;
    color: #fff;
    -moz-transform: rotate(0) !important;
    -webkit-transform: rotate(0) !important;
    -o-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
    top: 8px !important;
    left: 17px;
    font-size: 16px;
}
.mobile-menu a[href="javascript:void();"]{
    text-transform: uppercase;
    color: #fff !important;
    padding-left: 20px;
}
.mobile-menu a[href="javascript:void();"]:before{
    display: none;
}


@media only screen and (max-width: 1189px) {
    .mobile-menu.open {
        right: 0;
    }
    .mobile-menu.open + .overlay {
        z-index: 500;
        opacity: 1;
    }
}
@media only screen and (max-width: 440px) {
    .mobile-menu{
        width: 100%;
    }
}
/************* /. mobile-menu **************/

.modal {
    display: none;
    width: 460px;
    max-width: 100%;
    
    padding: 35px 25px 25px;
}
.modal.big-modal{
    width: 600px;
}
#responseMessage .modal-content.error{
    color: #FF4632;
}


@media only screen and (max-width: 767px) {

}
/* ===== CABINET OFFCANVAS (DESKTOP) ===== */

/* чтобы кнопка в шапке точно была кликабельна */
.header-actions,
.cabinet-btn{
  position: relative;
  z-index: 1000;
}

/* контейнер панели (СКРЫТ ПО УМОЛЧАНИЮ) */
#cabinetPanel.cabinet-panel{
  position: fixed;
  left: 0; top: 0; right: 0; bottom: 0;
  z-index: 999999;

  /* скрываем визуально, а не только pointer-events */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transition: opacity .2s ease, visibility .2s ease;
}

/* открыто */
#cabinetPanel.cabinet-panel.is-open{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* затемнение (в закрытом состоянии невидимо) */
#cabinetPanel .cabinet-panel__overlay{
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,.35);

  opacity: 0;
  transition: opacity .2s ease;
}

#cabinetPanel.is-open .cabinet-panel__overlay{
  opacity: 1;
}

/* боковая панель справа */
#cabinetPanel .cabinet-panel__aside{
  position: absolute;
  top: 0; right: 0;
  height: 100%;
  width: 420px;
  max-width: 92vw;
  background: #fff;

  transform: translateX(100%);
  transition: transform .2s ease;

  padding: 18px;
  overflow: auto;
}

/* при открытии выезжает */
#cabinetPanel.is-open .cabinet-panel__aside{
  transform: translateX(0);
}

/* мелочи */
#cabinetPanel .cabinet-panel__close{
  border: 0;
  background: transparent;
  font-size: 28px;
  cursor: pointer;
}

#cabinetPanel .cabinet-panel__title{
  font-size: 20px;
  font-weight: 700;
  margin: 10px 0 12px;
}
#cabinetPanel .cabinet-panel__subtitle{
  font-size: 14px;
  font-weight: 700;
  margin: 18px 0 10px;
}

#cabinetPanel .cabinet-panel__menu{
  list-style: none;
  padding: 0;
  margin: 0;
}

#cabinetPanel .cabinet-panel__menu li{
  margin: 8px 0;
}

/* чуть выровнять по линии */
.header-actions{
  display:flex;
  align-items:center;
  gap:14px;
}
.header-actions{ position: relative; z-index: 10000; }
.cabinet-btn{ position: relative; z-index: 10000; }

/* =========================================================
   CABINET (DESKTOP) – OFFCANVAS PANEL + CABINET PAGES UI
   (добавлено для личного кабинета)
   ========================================================= */

/* Кнопка в шапке (иконка/войти) */
.header-actions{
  display:flex;
  align-items:center;
  gap:14px;
}
.cabinet-btn{
  border:0;
  background:transparent;
  cursor:pointer;
  font-weight:600;
  line-height:1;
}
.cabinet-btn i{ font-size:18px; }

/* ---------- Panel container (hidden by default) ---------- */
#cabinetPanel.cabinet-panel{
  position: fixed;
  inset: 0;
  z-index: 999999;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease, visibility .2s ease;
}

#cabinetPanel.cabinet-panel.is-open{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* overlay */
#cabinetPanel .cabinet-panel__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.35);
}

/* aside */
#cabinetPanel .cabinet-panel__aside{
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 420px;
  max-width: 92vw;

  background: #fff;
  transform: translateX(100%);
  transition: transform .2s ease;

  display: flex;
  flex-direction: column;
}

#cabinetPanel.is-open .cabinet-panel__aside{
  transform: translateX(0);
}

/* header inside panel */
#cabinetPanel .cabinet-panel__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 14px 16px;
  border-bottom: 1px solid #eee;
}
#cabinetPanel .cabinet-panel__header-title{
  font-size: 16px;
  font-weight: 800;
}
#cabinetPanel .cabinet-panel__close{
  border:0;
  background:transparent;
  font-size: 28px;
  cursor:pointer;
  line-height: 1;
}

/* body */
#cabinetPanel .cabinet-panel__body{
  padding: 16px;
  overflow: auto;
}

/* ---------- User card ---------- */
#cabinetPanel .cabinet-user{
  display:flex;
  gap:12px;
  align-items:center;
  padding: 12px;
  border: 1px solid #eee;
  border-radius: 12px;
  margin-bottom: 14px;
}
#cabinetPanel .cabinet-user__avatar{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #f3f3f3;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 900;
}
#cabinetPanel .cabinet-user__name{
  font-weight: 800;
}

/* ---------- Panel nav ---------- */
#cabinetPanel .cabinet-nav{
  display:flex;
  flex-direction:column;
  gap:10px;
}
#cabinetPanel .cabinet-nav__item{
  display:block;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #eee;
  text-decoration: none;
  color: inherit;
}
#cabinetPanel .cabinet-nav__item:hover{ background:#fafafa; }
#cabinetPanel .cabinet-nav__item--danger{
  border-color: #ffd7d7;
  color: #b10000;
}

/* ---------- Login form (panel + login page) ---------- */
.cabinet-login__hint{
  font-size: 13px;
  color: #666;
  margin-bottom: 10px;
}
.cabinet-login__label{
  display:block;
  font-size: 13px;
  margin-bottom: 6px;
}
.cabinet-login__input{
  width:100%;
  height:44px;
  padding: 0 12px;
  border:1px solid #ddd;
  border-radius: 10px;
  outline: none;
}
.cabinet-login__input:focus{ border-color:#bbb; }
.cabinet-login__error{
  margin-top:10px;
  color:#b10000;
  font-size:13px;
}
.cabinet-login__btn{
  margin-top:12px;
  width:100%;
  height:44px;
  border:0;
  border-radius: 10px;
  cursor:pointer;
  font-weight:800;
  background:#111;
  color:#fff;
}

/* ---------- Orders cards (page 355) ---------- */
.cabinet-order{
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 12px;
}
.cabinet-order__top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-bottom: 8px;
}
.cabinet-order__num{ font-weight: 900; }
.cabinet-order__status{ color:#666; }
.cabinet-order__meta{
  display:flex;
  justify-content:space-between;
  color:#666;
  margin-bottom: 10px;
}
.cabinet-order__btn{
  display:inline-block;
  padding: 8px 12px;
  border-radius: 10px;
  border:1px solid #ddd;
  text-decoration:none;
  color: inherit;
}
.cabinet-order__btn:hover{ background:#fafafa; }

/* ========================================================= */
/* ===== CABINET PAGES (DESKTOP) ===== */

.cabinet-page{
  display:flex;
  gap: 18px;
  align-items:flex-start;
}

.cabinet-page__left{ width: 260px; flex: 0 0 260px; }
.cabinet-page__right{ flex: 1 1 auto; min-width: 0; }

.cabinet-card{
  border: 1px solid #eee;
  border-radius: 12px;
  background: #fff;
  padding: 16px;
}

.cabinet-card__title{
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 12px;
}

/* sidebar */
.cabinet-sidebar{
  border: 1px solid #eee;
  border-radius: 12px;
  background: #fff;
  padding: 12px;
}

.cabinet-sidebar__title{
  font-weight: 800;
  margin-bottom: 10px;
}

.cabinet-sidebar__item{
  display:block;
  padding: 10px 12px;
  border-radius: 10px;
  text-decoration:none;
  color: inherit;
  border: 1px solid transparent;
  margin-bottom: 8px;
}
.cabinet-sidebar__item:hover{ background:#fafafa; }
.cabinet-sidebar__item.is-active{
  border-color:#ddd;
  background:#fafafa;
  font-weight:700;
}
.cabinet-sidebar__item--danger{ color:#b10000; }

/* login page wrapper */
.cabinet-auth{
  max-width: 420px;
  margin: 0 auto;
}

/* profile form */
.cabinet-field{ margin-bottom: 12px; }
.cabinet-label{ display:block; font-size:13px; margin-bottom:6px; color:#444; }
.cabinet-input{
  width:100%;
  height:44px;
  border:1px solid #ddd;
  border-radius: 10px;
  padding:0 12px;
  outline:none;
}
.cabinet-input:focus{ border-color:#bbb; }

.cabinet-btn-primary{
  height:44px;
  padding: 0 16px;
  border:0;
  border-radius:10px;
  cursor:pointer;
  font-weight:800;
  background:#111;
  color:#fff;
}

.cabinet-alert{
  padding: 10px 12px;
  border-radius: 10px;
  margin-bottom: 12px;
  font-size: 13px;
}
.cabinet-alert--ok{ background:#f0fff4; border:1px solid #b7f5c6; }
.cabinet-alert--err{ background:#fff1f1; border:1px solid #ffc2c2; }

.cabinet-help--err{ color:#b10000; font-size:13px; margin-top:6px; }

.cabinet-empty{
  padding: 14px 12px;
  border: 1px dashed #ddd;
  border-radius: 12px;
  color: #666;
  background: #fafafa;
}

/* ===== CABINET PAGES (DESKTOP) ===== */
.cabinet-auth{ max-width: 420px; margin: 0 auto; }

.cabinet-page{
  display:flex;
  gap: 18px;
  align-items:flex-start;
}
.cabinet-page__left{ width: 260px; flex: 0 0 260px; }
.cabinet-page__right{ flex: 1 1 auto; min-width: 0; }

.cabinet-card{
  border: 1px solid #eee;
  border-radius: 12px;
  background: #fff;
  padding: 16px;
}
.cabinet-card__title{
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 12px;
}

/* sidebar */
.cabinet-sidebar{
  border: 1px solid #eee;
  border-radius: 12px;
  background: #fff;
  padding: 12px;
}
.cabinet-sidebar__title{ font-weight: 800; margin-bottom: 10px; }
.cabinet-sidebar__item{
  display:block;
  padding: 10px 12px;
  border-radius: 10px;
  text-decoration:none;
  color: inherit;
  border: 1px solid transparent;
  margin-bottom: 8px;
}
.cabinet-sidebar__item:hover{ background:#fafafa; }
.cabinet-sidebar__item.is-active{
  border-color:#ddd;
  background:#fafafa;
  font-weight:700;
}
.cabinet-sidebar__item--danger{ color:#b10000; }

/* form */
.cabinet-field{ margin-bottom: 12px; }
.cabinet-label{ display:block; font-size:13px; margin-bottom:6px; color:#444; }
.cabinet-input{
  width:100%;
  height:44px;
  border:1px solid #ddd;
  border-radius: 10px;
  padding:0 12px;
  outline:none;
}
.cabinet-input:focus{ border-color:#bbb; }
.cabinet-btn-primary{
  height:44px;
  padding: 0 16px;
  border:0;
  border-radius:10px;
  cursor:pointer;
  font-weight:800;
  background:#111;
  color:#fff;
}
.cabinet-alert{
  padding: 10px 12px;
  border-radius: 10px;
  margin-bottom: 12px;
  font-size: 13px;
}
.cabinet-alert--ok{ background:#f0fff4; border:1px solid #b7f5c6; }
.cabinet-alert--err{ background:#fff1f1; border:1px solid #ffc2c2; }
.cabinet-help--err{ color:#b10000; font-size:13px; margin-top:6px; }

/* orders cards */
.cabinet-order{
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 12px;
}
.cabinet-order__top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-bottom: 8px;
}
.cabinet-order__num{ font-weight: 900; }
.cabinet-order__status{ color:#666; }
.cabinet-order__meta{
  display:flex;
  justify-content:space-between;
  color:#666;
  margin-bottom: 10px;
}
.cabinet-order__btn{
  display:inline-block;
  padding: 8px 12px;
  border-radius: 10px;
  border:1px solid #ddd;
  text-decoration:none;
  color: inherit;
}
.cabinet-order__btn:hover{ background:#fafafa; }

/* скрываем общий H1 шаблона только на страницах кабинета */
body.id-353 .middle .container > h1,
body.id-354 .middle .container > h1,
body.id-355 .middle .container > h1{
  display:none;
}

/* общий воздух для страниц кабинета */
body.id-353 .cabinet-page,
body.id-354 .cabinet-page,
body.id-355 .cabinet-page{
  margin-top: 10px;
  margin-bottom: 20px;
}

/* карточки — побольше воздуха */
.cabinet-card{
  padding: 22px;
}

.cabinet-card__title{
  margin-bottom: 18px;
}

/* сайдбар чуть плотнее */
.cabinet-sidebar__item{
  margin-bottom: 6px;
}

/* чтобы закрытая панель НИКОГДА не блокировала клики по странице */
#cabinetPanel.cabinet-panel{
  display: none;
}
#cabinetPanel.cabinet-panel.is-open{
  display: block;
}

.cabinet-page{ position: relative; z-index: 1; }
.cabinet-page__left, .cabinet-page__right{ position: relative; z-index: 2; }

/* ===== Order details (msGetOrder) ===== */
.cod{ margin-top: 10px; }
.cod__head{ display:flex; justify-content:space-between; gap:16px; margin-bottom:14px; }
.cod__title{ font-size:18px; font-weight:900; }
.cod__meta{ color:#666; font-size:13px; display:grid; gap:4px; text-align:right; }

.cod__grid{ display:grid; grid-template-columns: 1fr 1fr; gap:14px; }

.cod__card{ border:1px solid #eee; border-radius:12px; background:#fff; padding:14px; }
.cod__cardtitle{ font-weight:800; margin-bottom:10px; }

.cod__items{ display:grid; gap:10px; }
.cod__item{ padding:10px; border:1px solid #f0f0f0; border-radius:10px; background:#fafafa; }
.cod__itemname{ font-weight:700; margin-bottom:6px; }
.cod__itemmeta{ display:flex; justify-content:space-between; gap:10px; color:#666; }
.cod__itemsum{ color:#111; }

.cod__total{ display:grid; gap:8px; }
.cod__row{ display:flex; justify-content:space-between; gap:10px; }
.cod__row--grand{ padding-top:10px; border-top:1px solid #eee; font-size:16px; }

.cod__contacts{ display:grid; gap:8px; color:#444; }
.cod__contacts span{ color:#666; }

.cod__empty{ color:#666; padding:10px; border:1px dashed #ddd; border-radius:10px; }

/* скрываем общий H1 шаблона на страницах кабинета */
body.id-353 .middle .container > h1,
body.id-354 .middle .container > h1,
body.id-355 .middle .container > h1,
body.id-358 .middle .container > h1,
body.id-359 .middle .container > h1,
body.id-360 .middle .container > h1,
body.id-361 .middle .container > h1{
  display: none;
}

/* =========================================================
   CABINET MOBILE
   ========================================================= */

@media (max-width: 768px){

  /* ---------- OFFCANVAS PANEL ---------- */

  #cabinetPanel .cabinet-panel__aside{
    width: 100%;
    max-width: 100%;
  }

  #cabinetPanel .cabinet-panel__header{
    padding: 12px 14px;
  }

  #cabinetPanel .cabinet-panel__body{
    padding: 14px;
  }

  /* чуть крупнее кликабельные зоны */
  #cabinetPanel .cabinet-nav__item{
    padding: 12px 12px;
  }

  .cabinet-login__input,
  .cabinet-btn-primary,
  .cabinet-login__btn{
    height: 48px;
    border-radius: 12px;
  }

  /* ---------- CABINET PAGES (profile/orders/etc) ---------- */

  .cabinet-page{
    flex-direction: column;
    gap: 12px;
  }

  .cabinet-page__left{
    width: 100%;
    flex: none;
  }

  .cabinet-page__right{
    width: 100%;
    flex: none;
  }

  /* sidebar превращаем в горизонтальное меню-скролл */
  .cabinet-sidebar{
    display: flex;
    gap: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px;
  }

  .cabinet-sidebar__title{
    display:none;
  }

  .cabinet-sidebar__item{
    flex: 0 0 auto;
    white-space: nowrap;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid #eee;
  }

  .cabinet-card{
    padding: 16px;
    border-radius: 14px;
  }

  .cabinet-card__title{
    font-size: 16px;
    margin-bottom: 12px;
  }

  /* ---------- ORDER DETAILS (msGetOrder) ---------- */

  .cod__head{
    flex-direction: column;
    align-items: flex-start;
  }

  .cod__meta{
    text-align: left;
  }

  .cod__grid{
    grid-template-columns: 1fr;
  }
}

/* чуть более “телефонный” режим для совсем маленьких */
@media (max-width: 420px){
  #cabinetPanel .cabinet-panel__header-title{
    font-size: 15px;
  }
  .cabinet-card{
    padding: 14px;
  }
}

html.cabinet-open, body.cabinet-open{
  overflow: hidden;
}

/* =========================
   HEADER FIX (MOBILE)
   ========================= */
@media (max-width: 768px){

  /* Верхняя чёрная полоска: адрес слева, телефон справа, всё в одну линию */
  .header-top .table,
  .header-top .table-cell{
    display: block;
    width: 100%;
  }

  .header-top .table-cell{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: nowrap;
  }

  .header-top-left{
    flex: 1 1 auto;
    min-width: 0;
  }

  .header-top-right{
    flex: 0 0 auto;
    margin-left: auto;
  }

  /* Телефон: иконка + номер в одну строку */
  .header-top-right .header-tel .table,
  .header-top-right .header-tel .table-cell{
    display: block;
  }
  .header-top-right .header-tel{
    display: flex;
    align-items: center;
    gap: 8px;
  }

  /* Нижняя шапка: прижать правый блок вправо */
  .header-bottom-bar .table,
  .header-bottom-bar .table-cell{
    display: block;
    width: 100%;
  }

  .header-bottom-bar .table-cell{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
  }

  /* Убираем текст на кнопке ЛК на мобилке (оставляем только иконку) */
  .cabinet-btn{
    font-size: 0;          /* прячет текст */
    padding: 8px 10px;
  }
  .cabinet-btn i{
    font-size: 18px;       /* возвращаем размер иконки */
  }
}

@media (max-width: 768px){
  /* отключаем мобильное меню Collary */
  .mobile-menu,
  .overlay{
    display:none !important;
  }

  /* скрываем обе кнопки-бургеры (их обычно две: в mobile-menu и в header-bottom-bar) */
  .menu-button{
    display:none !important;
  }
}

@media (max-width: 768px){
  /* убираем мобильное меню Collary */
  .mobile-menu,
  .overlay{
    display:none !important;
  }

  /* убираем все кнопки-бургеры */
  .menu-button{
    display:none !important;
  }
}

/* ===== CABINET PAGES: MOBILE FIX (FORCE) ===== */
@media (max-width: 768px){

  /* чтобы ничего не уезжало вправо */
  body[class*="id-353"],
  body[class*="id-354"],
  body[class*="id-355"],
  body[class*="id-358"],
  body[class*="id-359"],
  body[class*="id-360"],
  body[class*="id-361"]{
    overflow-x: hidden;
  }

  .cabinet-page{
    display: block !important;      /* вместо flex-строки */
  }

  .cabinet-page__left,
  .cabinet-page__right{
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    min-width: 0 !important;
  }

  /* левое меню -> горизонтальная лента */
  .cabinet-sidebar{
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px;
  }

  .cabinet-sidebar__title{ display: none !important; }

  .cabinet-sidebar__item{
    flex: 0 0 auto;
    white-space: nowrap;
    margin: 0 !important;
  }

  /* правая карточка */
  .cabinet-card{
    width: 100% !important;
    box-sizing: border-box;
    margin-top: 12px;
  }
}

/* ===== CABINET PAGES: MOBILE FIX (FORCE) ===== */
@media (max-width: 768px){

  /* чтобы ничего не уезжало вправо */
  body[class*="id-353"],
  body[class*="id-354"],
  body[class*="id-355"],
  body[class*="id-358"],
  body[class*="id-359"],
  body[class*="id-360"],
  body[class*="id-361"]{
    overflow-x: hidden;
  }

  .cabinet-page{
    display: block !important;      /* вместо flex-строки */
  }

  .cabinet-page__left,
  .cabinet-page__right{
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    min-width: 0 !important;
  }

  /* левое меню -> горизонтальная лента */
  .cabinet-sidebar{
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px;
  }

  .cabinet-sidebar__title{ display: none !important; }

  .cabinet-sidebar__item{
    flex: 0 0 auto;
    white-space: nowrap;
    margin: 0 !important;
  }

  /* правая карточка */
  .cabinet-card{
    width: 100% !important;
    box-sizing: border-box;
    margin-top: 12px;
  }
}

/* ===== CABINET PAGES: MOBILE EMERGENCY FIX ===== */
@media (max-width: 768px){

  /* убираем левую колонку-меню полностью */
  body .cabinet-page > aside.cabinet-page__left{
    display: none !important;
  }

  /* правая часть на всю ширину */
  body .cabinet-page > main.cabinet-page__right{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
  }

  /* на всякий — чтобы ничего не вылезало вправо */
  body .cabinet-page,
  body .cabinet-card,
  body .cabinet-page__right *{
    max-width: 100% !important;
    box-sizing: border-box;
  }

  html, body{
    overflow-x: hidden !important;
  }
}

@media (max-width:768px){
  table{ width:100% !important; }
}

/* ===== CABINET MOBILE: FORCE FIX (one column) ===== */
@media (max-width: 768px){

  /* На страницах кабинета убираем горизонтальный вылет */
  html, body{ overflow-x: hidden !important; }

  /* Превращаем кабинет в одну колонку */
  body.id-353 .cabinet-page,
  body.id-354 .cabinet-page,
  body.id-355 .cabinet-page,
  body.id-358 .cabinet-page,
  body.id-359 .cabinet-page,
  body.id-360 .cabinet-page,
  body.id-361 .cabinet-page{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Меню (левая часть) переносим наверх и делаем горизонтальной лентой */
  body.id-353 .cabinet-page__left,
  body.id-354 .cabinet-page__left,
  body.id-355 .cabinet-page__left,
  body.id-358 .cabinet-page__left,
  body.id-359 .cabinet-page__left,
  body.id-360 .cabinet-page__left,
  body.id-361 .cabinet-page__left{
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 0 12px 0 !important;
  }

  body.id-353 .cabinet-sidebar,
  body.id-354 .cabinet-sidebar,
  body.id-355 .cabinet-sidebar,
  body.id-358 .cabinet-sidebar,
  body.id-359 .cabinet-sidebar,
  body.id-360 .cabinet-sidebar,
  body.id-361 .cabinet-sidebar{
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    gap: 8px !important;
  }

  body.id-353 .cabinet-sidebar__title,
  body.id-354 .cabinet-sidebar__title,
  body.id-355 .cabinet-sidebar__title,
  body.id-358 .cabinet-sidebar__title,
  body.id-359 .cabinet-sidebar__title,
  body.id-360 .cabinet-sidebar__title,
  body.id-361 .cabinet-sidebar__title{
    display: none !important;
  }

  body.id-353 .cabinet-sidebar__item,
  body.id-354 .cabinet-sidebar__item,
  body.id-355 .cabinet-sidebar__item,
  body.id-358 .cabinet-sidebar__item,
  body.id-359 .cabinet-sidebar__item,
  body.id-360 .cabinet-sidebar__item,
  body.id-361 .cabinet-sidebar__item{
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    margin: 0 !important;
  }

  /* Правая часть на 100% */
  body.id-353 .cabinet-page__right,
  body.id-354 .cabinet-page__right,
  body.id-355 .cabinet-page__right,
  body.id-358 .cabinet-page__right,
  body.id-359 .cabinet-page__right,
  body.id-360 .cabinet-page__right,
  body.id-361 .cabinet-page__right{
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    min-width: 0 !important;
  }

  /* Любые внутренности справа не должны вылезать */
  body.id-353 .cabinet-page__right *,
  body.id-354 .cabinet-page__right *,
  body.id-355 .cabinet-page__right *,
  body.id-358 .cabinet-page__right *,
  body.id-359 .cabinet-page__right *,
  body.id-360 .cabinet-page__right *,
  body.id-361 .cabinet-page__right *{
    max-width: 100% !important;
    box-sizing: border-box;
  }
}

/* кнопка "Меню кабинета" — только на мобильных */
.cabinet-mobile-menu-btn{ display:none; }

@media (max-width: 768px){
  .cabinet-mobile-menu-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;

    width:100%;
    height:44px;
    padding: 0 12px;

    border:1px solid #ddd;
    border-radius:12px;
    background:#fff;
    font-weight:800;
    cursor:pointer;

    margin-bottom:12px;
  }
}

.header-bottom-bar{ position: relative; z-index: 2000; }
.header-actions{ position: relative; z-index: 2001; }
.cabinet-btn{ position: relative; z-index: 2002; }

#cabinetPanel.cabinet-panel{ display:none; }
#cabinetPanel.cabinet-panel.is-open{ display:block; }

/* ===== Sticky footer for short cabinet pages (mobile) ===== */
@media (max-width: 768px){

  body.id-358,
  body.id-359,
  body.id-360,
  body.id-361{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }

  body.id-358 .main-wrapper,
  body.id-359 .main-wrapper,
  body.id-360 .main-wrapper,
  body.id-361 .main-wrapper{
    flex: 1 0 auto;
  }

  body.id-358 .footer,
  body.id-359 .footer,
  body.id-360 .footer,
  body.id-361 .footer{
    margin-top: auto;
  }

  /* чтобы не было лишнего “пуша” */
  body.id-358 .footer-push,
  body.id-359 .footer-push,
  body.id-360 .footer-push,
  body.id-361 .footer-push{
    display: none !important;
  }
}

/* ===== Sticky footer (Collary main-wrapper) – mobile cabinet pages ===== */
@media (max-width: 768px){

  body.id-358 .main-wrapper,
  body.id-359 .main-wrapper,
  body.id-360 .main-wrapper,
  body.id-361 .main-wrapper{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }

  /* middle пусть растягивается и выталкивает футер вниз */
  body.id-358 .main-wrapper > .middle,
  body.id-359 .main-wrapper > .middle,
  body.id-360 .main-wrapper > .middle,
  body.id-361 .main-wrapper > .middle{
    flex: 1 0 auto;
  }

  /* футер в самый низ */
  body.id-358 .main-wrapper > .footer,
  body.id-359 .main-wrapper > .footer,
  body.id-360 .main-wrapper > .footer,
  body.id-361 .main-wrapper > .footer{
    margin-top: auto;
  }

  /* на всякий уберём “пуши”, которые могут ломать высоту */
  body.id-358 .footer-push,
  body.id-359 .footer-push,
  body.id-360 .footer-push,
  body.id-361 .footer-push{
    display:none !important;
  }
}

/* ===== Sticky footer for short cabinet pages (mobile) ===== */
@media (max-width: 768px){

  body.id-358,
  body.id-359,
  body.id-360,
  body.id-361{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }

  /* весь контент сайта (шапка+middle) растягиваем */
  body.id-358 .main-wrapper,
  body.id-359 .main-wrapper,
  body.id-360 .main-wrapper,
  body.id-361 .main-wrapper{
    flex: 1 0 auto;
    width: 100%;
  }

  /* футер “додавливаем” вниз */
  body.id-358 .footer,
  body.id-359 .footer,
  body.id-360 .footer,
  body.id-361 .footer{
    margin-top: auto;
  }

  /* на всякий случай убираем footer-push, чтобы не ломал высоту */
  body.id-358 .footer-push,
  body.id-359 .footer-push,
  body.id-360 .footer-push,
  body.id-361 .footer-push{
    display: none !important;
  }
}
/* ===== Sticky footer ONLY for cabinet pages 358-361 (mobile) ===== */
@media (max-width: 768px){

  body.id-358,
  body.id-359,
  body.id-360,
  body.id-361{
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* основной контент (всё, что до футера) растягиваем */
  body.id-358 .main-wrapper,
  body.id-359 .main-wrapper,
  body.id-360 .main-wrapper,
  body.id-361 .main-wrapper{
    flex: 1 0 auto !important;
    width: 100% !important;
  }

  /* сам футер прижимаем вниз */
  body.id-358 .footer,
  body.id-359 .footer,
  body.id-360 .footer,
  body.id-361 .footer{
    margin-top: auto !important;
    width: 100% !important;
  }

  /* пуш убираем, чтобы не мешал */
  body.id-358 .footer-push,
  body.id-359 .footer-push,
  body.id-360 .footer-push,
  body.id-361 .footer-push{
    display: none !important;
  }
}

/* ===== CABINET SHORT PAGES: FIX FOOTER (MOBILE) ===== */
@media (max-width: 768px){

  /* чтобы контент не залезал под фиксированный футер */
  body.id-358 .middle,
  body.id-359 .middle,
  body.id-360 .middle,
  body.id-361 .middle{
    padding-bottom: 260px; /* если футер выше/ниже — подправишь число */
  }

  /* футер фиксируем снизу */
  body.id-358 .footer,
  body.id-359 .footer,
  body.id-360 .footer,
  body.id-361 .footer{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 5000;
  }

  /* убираем footer-push, чтобы не “вставлял” лишнюю пустоту */
  body.id-358 .footer-push,
  body.id-359 .footer-push,
  body.id-360 .footer-push,
  body.id-361 .footer-push{
    display: none !important;
  }
}

@media (max-width: 768px){
  /* если на странице есть кабинет */
  body:has(.cabinet-page) .middle{
    padding-bottom: 260px !important;
  }

  body:has(.cabinet-page) .footer{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    z-index: 5000 !important;
  }

  body:has(.cabinet-page) .footer-push{
    display:none !important;
  }
}

@media (max-width: 768px){
  body.cabinet-has-page .footer.cabinet-fixed-footer{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    z-index: 5000 !important;
  }
}

@media (max-width: 768px){
  body.cabinet-has-page .footer.cabinet-fixed-footer{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    z-index: 5000 !important;
  }
}

@media (max-width: 768px){

  /* по умолчанию футер НЕ фиксированный */
  .footer{
    position: static !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:auto !important;
  }

  /* фиксируем только когда JS поставил класс */
  body.cabinet-footer-fixed .footer{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    z-index: 5000 !important;
  }
}

/* ===== CABINET: DESKTOP FOOTER HARD RESET ===== */
@media (min-width: 769px){
  .footer{
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
  }

  .middle{
    padding-bottom: 0 !important;
  }
}

/* ===== DESKTOP: stable footer (no jumping) ===== */
@media (min-width: 769px){

  html, body{
    height: 100%;
  }

  /* делаем страницу flex-колонкой */
  body{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }

  /* основной контент растягивается */
  .main-wrapper{
    flex: 1 0 auto;
    width: 100%;
  }

  /* футер вниз */
  .footer{
    margin-top: auto;
    position: static !important;   /* на всякий случай */
    transform: none !important;
  }

  /* отключаем старую пуш-распорку (она и даёт “прыжки”) */
  .footer-push{
    display: none !important;
    height: 0 !important;
  }
}

/* ===== FINAL STICKY FOOTER (NO FIXED, NO JUMPING) ===== */
html, body{
  height: 100%;
}

body{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* основной блок сайта (header + middle) */
.main-wrapper{
  flex: 1 0 auto;
  width: 100%;
}

/* футер всегда у низа, если контента мало */
.footer{
  margin-top: auto;
  width: 100%;
}

/* отключаем старую распорку темы */
.footer-push{
  display: none !important;
  height: 0 !important;
}

@media (max-width: 767px) {
    /* скрываем только время и телефон, а не всю шапку */
    .shedule.shedule-hidden,
    .header-tel.shedule-hidden {
        display: none !important;
    }
}