﻿textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    color: #777777;
}

textarea:focus::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder {
    color: transparent;
}

textarea:-moz-placeholder,
input:-moz-placeholder {
    color: #777777;
}

textarea:focus:-moz-placeholder,
input:focus:-moz-placeholder {
    color: transparent;
}

textarea::-moz-placeholder,
input::-moz-placeholder {
    color: #777777;
}

textarea:focus::-moz-placeholder,
input:focus::-moz-placeholder {
    color: transparent;
}

textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
    color: #777777;
}

textarea:focus:-ms-input-placeholder,
input:focus:-ms-input-placeholder {
    color: transparent;
}
.ui-slider {
    background: #f5a12f;
}
body {
    position: relative;
    color: #222222;
    font-family: "Gilroy", Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    overflow-x: hidden;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: .01em;
}
body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
    bottom: 5%!important;
}
body::-webkit-scrollbar {
  width: 15px; 
}
body::-webkit-scrollbar-track {
  background: #FF9B04;
}
body::-webkit-scrollbar-thumb {
  background-color: #ffffff;  
  border-radius: 20px; 
  border: 5px solid #FF9B04; 
}
button,
a {
    color: inherit;
    display: block;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}

button:focus,
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
    color: inherit
}
/* START TOOLTIP STYLES */
[tooltip] {
  position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: 13px; /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
  content: attr(tooltip); /* magic! */
  
  /* most of the rest of this is opinion */
  font-family: Helvetica, sans-serif;
  text-align: center;
  
  /* 
    Let the content set the size of the tooltips 
    but this will also keep them from being obnoxious
    */
  min-width: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 1000; /* absurdity 2 */
  min-width: 200px;
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */ 
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}

[data-tooltip] {
  position: relative;
}

[data-tooltip]:before,
[data-tooltip]:after {
  display: none;
  position: absolute;
  top: 0;
}

[data-tooltip]:before {
  border-bottom: .6em solid #09f;
  border-bottom: .6em solid rgba(0,153,255,0.8);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  left: 20px;
  margin-top: 1em;
}

[data-tooltip]:after {
    background-color: #7b8a94;
    background-color: rgba(90, 109, 121, 0.8);
    border: 2px solid #86d21a;
    border: 2px solid rgb(134, 210, 26);
    border-radius: 5px;
    color: #ffffff;
    content: attr(data-tooltip-label) "\A" attr(data-tooltip-message);
    left: 0;
    margin-top: -9em;
    padding: 5px 15px;
    white-space: pre-wrap;
}

[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
  display: block;
}
.no-before::before {
    display: none !important;
}
/*Hapy Year */
.snowflake {
    font-size: 0.8em;
    font-family: Arial;
    text-shadow: 0 0 1px #000;
}

@-webkit-keyframes snowflakes-fall {
    0% {
        top: -10%
    }

    100% {
        top: 100%
    }
}

@-webkit-keyframes snowflakes-shake {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    50% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px)
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@keyframes snowflakes-fall {
    0% {
        top: -10%
    }

    100% {
        top: 100%
    }
}

@keyframes snowflakes-shake {
    0% {
        transform: translateX(0px)
    }

    50% {
        transform: translateX(80px)
    }

    100% {
        transform: translateX(0px)
    }
}
.fa-odnoklassniki {
    padding: 7px;
    font-size: 18px;
    color: #EE8208;
}

.fa-vk {
    padding: 7px;
    font-size: 18px;
    color: #4C75A3;
}

.fa-telegram {
    padding: 7px;
    font-size: 18px;
    color: #34ABE0;
}
/* Общие стили для списков */
.content.pb-sm-5.pb-3 ol,
.content.pb-sm-5.pb-3 ul {
    margin: 1em 0; /* Отступы сверху и снизу */
    padding-left: 40px; /* Отступ слева для списков */
}

/* Стили для нумерованного списка (ol) */
.content.pb-sm-5.pb-3 ol {
    list-style-type: none; /* Отключаем стандартную нумерацию */
    counter-reset: item; /* Сбрасываем счетчик */
}

.content.pb-sm-5.pb-3 ol li {
    counter-increment: item; /* Инкрементируем счетчик */
    position: relative; /* Для позиционирования псевдоэлемента */
    margin-bottom: 0.5em; /* Отступ между пунктами */
}

.content.pb-sm-5.pb-3 ol li::before {
    content: counter(item) "."; /* Добавляем номер */
    color: #ff9b05; /* Оранжевый цвет чисел */
    font-weight: bold; /* Жирный шрифт */
    position: absolute;
    left: -25px; /* Позиционируем номер слева */
    top: 0;
}

/* Стили для маркированного списка (ul) */
.content.pb-sm-5.pb-3 ul {
    list-style-type: none; /* Отключаем стандартные маркеры */
}

.content.pb-sm-5.pb-3 ul li::before {
    content: "•";
    color: #ff9b05; /* Оранжевый цвет маркера */
    margin-right: 10px;
}

/* Дополнительные стили для вложенных списков */
.content.pb-sm-5.pb-3 ol ol,
.content.pb-sm-5.pb-3 ul ul {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.content.pb-sm-5.pb-3 ol ul,
.content.pb-sm-5.pb-3 ul ol {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.snowflake {
    position: fixed;
    top: -10%;
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    -webkit-animation-name: snowflakes-fall,snowflakes-shake;
    -webkit-animation-duration: 10s,3s;
    -webkit-animation-timing-function: linear,ease-in-out;
    -webkit-animation-iteration-count: infinite,infinite;
    -webkit-animation-play-state: running,running;
    animation-name: snowflakes-fall,snowflakes-shake;
    animation-duration: 10s,3s;
    animation-timing-function: linear,ease-in-out;
    animation-iteration-count: infinite,infinite;
    animation-play-state: running,running
}

.snowflake:nth-of-type(0) {
    left: 1%;
    -webkit-animation-delay: 0s,0s;
    animation-delay: 0s,0s
}

.snowflake:nth-of-type(1) {
    left: 10%;
    -webkit-animation-delay: 1s,1s;
    animation-delay: 1s,1s
}

.snowflake:nth-of-type(2) {
    left: 20%;
    -webkit-animation-delay: 6s,.5s;
    animation-delay: 6s,.5s
}

.snowflake:nth-of-type(3) {
    left: 30%;
    -webkit-animation-delay: 4s,2s;
    animation-delay: 4s,2s
}

.snowflake:nth-of-type(4) {
    left: 40%;
    -webkit-animation-delay: 2s,2s;
    animation-delay: 2s,2s
}

.snowflake:nth-of-type(5) {
    left: 50%;
    -webkit-animation-delay: 8s,3s;
    animation-delay: 8s,3s
}

.snowflake:nth-of-type(6) {
    left: 60%;
    -webkit-animation-delay: 6s,2s;
    animation-delay: 6s,2s
}

.snowflake:nth-of-type(7) {
    left: 70%;
    -webkit-animation-delay: 2.5s,1s;
    animation-delay: 2.5s,1s
}

.snowflake:nth-of-type(8) {
    left: 80%;
    -webkit-animation-delay: 1s,0s;
    animation-delay: 1s,0s
}

.snowflake:nth-of-type(9) {
    left: 90%;
    -webkit-animation-delay: 3s,1.5s;
    animation-delay: 3s,1.5s
}


#description {
    font-weight: bold;
    color: #ff9b04;
    text-align: center;
}

.product-gallery-slider,
.product-gallery-slider .slick-track,
.product-gallery-slider .slick-slide {
    height: 100% !important;
    width: 100% !important;
}

.btn {
    background: #FF9B04;
    border-radius: 8px;
    border: 0;
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-size: 14px;
    line-height: 100%;
    width: fit-content;
    width: max-content;
    padding: 15px 25px;
    transition: .5s;
}

.btn:hover {
    background: black;
    color: white;
}

.btn-whsap {
    background: #43d854;
    border-radius: 8px;
    border: 0;
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-size: 12px;
    width: max-content;
    padding: 10px;
    transition: .5s;
    animation: pulses 2s infinite;
}

.btn-whsap:hover {
    background: black;
    color: white;
}

p {
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    margin: 0 0 10px;
}

p a {
    display: inline-block;
}

ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

img {
    max-width: 100%;
}
.fa-3 {
    font-size:2em;
}
.grecaptcha-badge,
.s-message {
    display: none !important;
}

.product-gallery-thumbs .slick-track .slick-slide:only-child {
    display: none !important;
}

.auto_list .item h6,
.auto_list .item h3,
.adress_phone a,
.box_info_ico .item h6,
strong,
.product_list .item .old_price,
.product_list .item .status span,
.catalog_list_result .title p,
.swiper_slider .item p,
header a,
.content p+h2,
.catalog_filter .a-btn,
.medium {
    font-family: 'Gilroy';
    font-weight: 500;
}

/*[class*="ymaps-2"][class*="-ground-pane"] {
     filter: url("data:image/svg+xml;
    utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}
*/
[class*="ymaps-2"][class*="-controls__control"] {
    inset: 15px auto auto 10px !important;
}

[class*="ymaps-2"][class*="-gototech"],
[class*="ymaps-2"][class*="-gototaxi"],
[class*="ymaps-2"][class*="-gotoymaps"] {
    display: none !important;
}

[class*="ymaps-2"][class*="-copyright"] {
    margin-bottom: 10px;
}

table.auto_list p strong,
.form_filter .phone a,
.stock span,
.filter_sort a.in,
.catalog_filter .checkbox input:checked+span+span,
.catalog_filter .a-btn.in,
.profile_list h6,
.content h3,
.content h2,
.content h1,
.content h4,
.content h5,
.content h6,
.count,
.params ul li strong,
.form_filter_result .price,
.product_list .item .price,
.basket_table .price,
.product_list .item h3,
.box_info h2,
.box_info h1,
.catalog_list_result .title h2,
.catalog_list_result .title h3,
.catalog_list h3,
.catalog_list h2,
.catalog_list h1,
.form form button,
.button a,
.content p a,
.button button,
.nav-tabs .nav-link,
.swiper_slider .item h3,
.modal-body h6,
header .mobile_nav>li>a+ul li[data-nav="prev"] a,
header .mobile_nav>li>a,
header .nav_ico a,
.banner_pages .promo,
header .nav>li>a {
    font-family: 'Gilroy';
    font-weight: 700;
}

header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 500;
}

.wrapper {
    position: relative;
    overflow: hidden;
}

.container {
    max-width: 1440px;
}

header {
    background: #FFFFFF;
    font-size: 14px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
}

header .top {
    background: #F5F5F5;
    padding: 5px 0;
    font-size: 14px;
    line-height: 120%;
}

header .adress_phone {
    text-align: center;
}

header .adress_phone span {
    font-size: 12px;
    color: #6f6f6f;
    display: block;
}

.adress_phone h6 {
    color: #777777;
}

.adress_phone p {
    font-size: 14px;
}
.seo-text img {
    display: none!important;
}

.seo-text span img {
    display: block!important;
}

.btn-basket {
    position: fixed;
    bottom: 60%;
    right: 0;
    transform: rotate(90deg);
    z-index: 9;
}
#btn-back-to-top {
  position: fixed;
  bottom: 30%;
  right: 0%;
  transform: rotate(90deg);
  display: none;
  z-index:9;
  background: #697582;
}

#btn-news {
  background: red;
  position: fixed;
  bottom: 30%;
  left: 0%;
  transform: rotate(-90deg);
  z-index:9;
  -webkit-animation: pulse 2s infinite;
  animation: pulses 1.5s infinite;
}
header .adress_phone [data-bs-toggle="modal"] span {
    color: #222222;
}

header [data-bs-toggle="modal"] span,
header .top .city a span {
    text-decoration-line: underline;
}

header .top .city a {
    position: relative;
    padding: 0 15px 0 0;
    display: inline-block;
}

header .mobile_nav>li>a.parent:before,
header .nav>li>a.parent:before,
header .nav>li>ul>li>a.parent:before,
header .top .cfcity a:before {
    content: "";
    position: absolute;
    right: 0;
    width: 10px;
    height: 6px;
    background-image: url(../img/ar1.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.3s all;
}

header .nav>li>a.parent.in:before {
    transform: rotate(180deg);
}

header .mobile_nav>li>a:before {
    transform: rotate(-90deg);
}

header .nav_ico a:hover,
.social a:hover {
    opacity: 0.5;
}

header .header {
    padding: 10px 0;
    position: relative;
}

header .logo img {
    max-height: 80px;
    max-width: 100%;
    display: block;
    margin: auto;
    transition: .5s;
}

header.sticky .logo img {
    max-height: 50px;
}

header .nav {
    margin: 0 -20px;
}

header .nav li {
    position: relative;
}

header .nav li a+ul a {
    padding: 4px 0;
}

header .nav li a.parent.in+ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

header .nav li ul {
    display: none;
    position: absolute;
    right: -85%;
    top: 0;
    z-index: 5;
    background: #fff;
    min-width: 215px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    padding: 20px;
}

header .nav>li>ul {
    top: 100%;
    left: 0;
}

header .nav li:hover>ul {
    display: block;
}

header .nav>li>a {
    text-transform: uppercase;
    padding: 10px 20px 10px 15px;
    position: relative;
    margin: 0 20px;
}

header a.in,
header a:hover {
    color: #FF9B04;
}

header .nav_ico a {
    padding: 0 5px;
    position: relative;
    min-width: 46px;
}

header .nav_ico img {
    margin: auto;
    display: block;
}

header .nav_ico a span {
    position: absolute;
    min-width: 18px;
    height: 18px;
    right: 0;
    text-align: center;
    background: #FF9B04;
    border-radius: 50px;
    font-size: 11px;
    color: black;
    line-height: 140%;
    padding: 2px;
    top: -5px;
}

header .search {
    position: absolute;
    bottom: -60px;
    left: 0;
    z-index: 5;
    display: none;
    background: #fff;
    padding: 10px;
}

header .search.active {
    display: block;
}

header .search .wrapper {
    position: relative;
}

header .search .icon {
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 0;
    background-color: transparent;
    width: 22px;
    height: 22px;
    min-width: 22px;
    padding: 0;
}

header .search #search {
    background: #F5F5F5;
    width: 100%;
    padding: 15px 30px;
    line-height: 140%;
    display: block;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
}

header .searchTrigger .closeIcon {
    display: none;
    height: 22px;
}

header .searchTrigger.active .searchIcon {
    display: none;
}

header .searchTrigger.active .closeIcon {
    display: block;
}

/*NEW YEAR*/
.cap {
    background: url(../../../upload/newyear/cap_1.png) no-repeat center center;
    width: 64px;
    height: 64px;
    position: absolute;
    left: 61px;
    top: -17px;
    z-index: 9999;
    transform: rotate(44deg);
    pointer-events: none
}

.logo {
    position: relative;
}
header.sticky .cap {
    left: 22px;
    top: -17px;
}
.lightrope {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  margin: -26px 0 0 0;
  padding: 0;
  pointer-events: none;
  width: 100%;
}

.lightrope li {
  position: relative;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  width: 12px;
  height: 28px;
  border-radius: 50%;
  margin: 20px;
  display: inline-block;
  background: #00f7a5;
  box-shadow: 0px 4.66667px 24px 3px #00f7a5;
  -webkit-animation-name: flash-1;
  animation-name: flash-1;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.lightrope li:nth-child(2n+1) {
  background: cyan;
  box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.5);
  -webkit-animation-name: flash-2;
  animation-name: flash-2;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}

.lightrope li:nth-child(4n+2) {
  background: #f70094;
  box-shadow: 0px 4.66667px 24px 3px #f70094;
  -webkit-animation-name: flash-3;
  animation-name: flash-3;
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
}

.lightrope li:nth-child(odd) {
  -webkit-animation-duration: 1.8s;
  animation-duration: 1.8s;
}

.lightrope li:nth-child(3n+1) {
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
}

.lightrope li:before {
  content: "";
  position: absolute;
  background: #222;
  width: 10px;
  height: 9.33333px;
  border-radius: 3px;
  top: -4.66667px;
  left: 1px;
}

.lightrope li:after {
  content: "";
  top: -14px;
  left: 9px;
  position: absolute;
  width: 52px;
  height: 18.66667px;
  border-bottom: solid #222 2px;
  border-radius: 50%;
}

.lightrope li:last-child:after {
  content: none;
}

.lightrope li:first-child {
  margin-left: 0;
}

@-webkit-keyframes flash-1 {
  0%, 100% {
    background: #00f7a5;
    box-shadow: 0px 4.66667px 24px 3px #00f7a5;
  }
  50% {
    background: rgba(0, 247, 165, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2);
  }
}

@keyframes flash-1 {
  0%, 100% {
    background: #00f7a5;
    box-shadow: 0px 4.66667px 24px 3px #00f7a5;
  }
  50% {
    background: rgba(0, 247, 165, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2);
  }
}

@-webkit-keyframes flash-2 {
  0%, 100% {
    background: cyan;
    box-shadow: 0px 4.66667px 24px 3px cyan;
  }
  50% {
    background: rgba(0, 255, 255, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2);
  }
}

@keyframes flash-2 {
  0%, 100% {
    background: cyan;
    box-shadow: 0px 4.66667px 24px 3px cyan;
  }
  50% {
    background: rgba(0, 255, 255, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2);
  }
}

@-webkit-keyframes flash-3 {
  0%, 100% {
    background: #f70094;
    box-shadow: 0px 4.66667px 24px 3px #f70094;
  }
  50% {
    background: rgba(247, 0, 148, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2);
  }
}

@keyframes flash-3 {
  0%, 100% {
    background: #f70094;
    box-shadow: 0px 4.66667px 24px 3px #f70094;
  }
  50% {
    background: rgba(247, 0, 148, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2);
  }
}
/*NEW YEAR*/
#SearchResults #search-ajax-results-wrap .search-ajax-results {
    padding: 30px 15px;
    position: absolute;
    right: 0;
    z-index: 99;
    background: #fff;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 10px rgba(0,0,0,.4);
    margin-top: 60px;
}

#SearchResults .search-ajax-results {
    overflow-y: scroll;
    height: 81.8vh;
}
#SearchResults .resultsearch {
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 15px;
    transition: .5s;
}

#SearchResults .resultsearch:hover {
    padding-left: 5px;
}

#SearchResults .no-result {
    font-weight: bold;
    line-height: 1;
    font-size: 30px;
}

#SearchResults .simplesearch-results {
    color: #9a9a9a;
    font-size: 16px;
    line-height: 1;
    padding: 15px 0;
    text-align: right;
}

/*@media (max-width: 1200px) {
    header .search {
        position: relative;
        bottom: unset;
        display: block;
    }
}*/

@media (max-width: 991px) {
    #SearchResults #search-ajax-results-wrap .search-ajax-results {
        width: 100%;
        margin-top: auto;
    }
    #SearchResults .no-result {
        font-size: 20px;
    }
}

header .nav_mobile button {
    background-color: transparent;
    border: 0;
    position: relative;
}

header .nav_mobile button span {
    width: 24px;
    height: 2px;
    background: #FF9B04;
    margin: 5px 0;
    display: block;
    position: relative;
}

header .nav_mobile button.in {
    top: 5px;
}

header .nav_mobile button.in span {
    transform: rotate(-45deg);
    top: 1px;
}

header .nav_mobile button.in span+span {
    transform: rotate(45deg);
    top: -6px;
}

header .nav_mobile button.in span+span+span {
    opacity: 0;
}

header .mobile_nav {
    position: relative;
    padding: 0 15px;
}

header .mobile_nav>li {
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    margin: 0 0 -1px;
    background-color: white;
}

header .mobile_nav>li>a {
    text-transform: uppercase;
    padding: 15px 30px 15px 0;
    position: relative;
}

header .mobile_nav>li>a+ul {
    display: none;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
    background: white;
    height: 100%;
    z-index: 2;
    padding: 30px 0;
    align-content: start;
    flex-wrap: wrap;
}

header .mobile_nav>li>a.in+ul {
    display: flex;
}

header .mobile_nav>li>a+ul a {
    font-size: 16px;
    padding: 10px 0;
    line-height: 120%;
}

header .mobile_nav>li>a+ul li {
    flex: 0 0 auto;
    width: 50%;
    background: #fff;
    padding: 0 15px;
}

header .mobile_nav>li>a+ul li[data-nav="prev"] {
    flex: 0 0 100%;
    width: 100%;
    position: relative;
}

header .mobile_nav>li>a+ul li[data-nav="prev"] a {
    position: relative;
    padding: 0 0 0 25px;
    margin: 10px 0;
    text-transform: uppercase;
}
.product_list .item .status .share {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 24px;
    background: linear-gradient(45deg, #FF9B04, #FFD700, #FF9B04);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 4px 12px rgba(255, 155, 4, 0.4);
    border: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    background-size: 200% auto;
    position: relative;
    overflow: hidden;
    animation: summerPulse 3s ease infinite;
}

/* Анимация градиента + пульсация */
@keyframes summerPulse {
    0% {
        background-position: 0% 50%;
        transform: scale(1);
    }
    50% {
        background-position: 100% 50%;
        transform: scale(1.03);
    }
    100% {
        background-position: 0% 50%;
        transform: scale(1);
    }
}

/* Эффект при наведении — "вспышка солнца" */
.product_list .item .status .share:hover {
    box-shadow: 0 6px 16px rgba(255, 155, 4, 0.6);
}

/* Дополнительный "солнечный блик" */
.product_list .item .status .share::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: rgba(255, 255, 255, 0.1);
    transform: rotate(30deg);
    transition: all 0.5s ease;
    opacity: 0;
}

.product_list .item .status .share:hover::after {
    opacity: 1;
    left: 100%;
}

@keyframes summerGradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.product_list .item .status .share:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 178, 255, 0.4);
}

.product_list .item .status .share:hover {
    transform: scale(1.02); /* Легкое увеличение при наведении */
    box-shadow: 0 6px 8px rgba(255, 118, 140, 0.5); /* Усиление тени при наведении */
}

.gallery-item img:hover + .photozoom {
    display: block;
}
.gallery-item .photozoom{
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.photozoom {
    display: none;
}

.gallery-item {
    position: relative;
}
.photozoom i {
    color: #ff9b04;
    font-size: 50px;
}

.seo-block img {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
}

/* ===== ÃÅ¡ÃÂ¾Ã‘â‚¬ÃÂ·ÃÂ¸ÃÂ½ÃÂ° ===== */
.cart-layer {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 999;
    transition: .5s;
}
.cart-layer.active {
    display: block;
}
#cartSB {
    position: fixed;
    top: 0;
    right: -100%;
    background: #fff;
    height: 100vh;
    z-index: 1000;
    padding: 40px 20px 15px 20px;
    transition: .5s;
    box-shadow: 0 0 15px rgba(0,0,0,.15);
}

#cartSB.active {
    right: 0;
    overflow-y: scroll;
    height: 100vh;
}

#cartSB h3 {
    font-size: 1.4rem;
    text-align: center;
}

#cartSB .close-cart-modal,
#orderModal .close-msOrder {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 5;
    cursor: pointer;
    font-size: 22px;
    display: flex;
    align-items: center;
    transition: .4s;
}

#cartSB .close-cart-modal:hover,
#orderModal .close-msOrder:hover {
    color: red;
}

#orderModal {
    display: none;
    width: 100%;
}

#orderModal.active {
    display: block;
}

@media (max-width: 767px) {
    #cartSB {
        width: 100vw;
    }
}

.swiper_slider .item {
    background: #F5F5F5;
    border-radius: 10px;
    padding: 30px;
    overflow: hidden;
    min-height: 520px;
}

.swiper_slider .item h3 {
    font-size: 55px;
    line-height: 110%;
    margin: 0 0 20px;
}

.swiper_slider .item img {
    max-height: 450px;
    display: block;
    margin: auto;
}

.swiper_slider .item p {
    font-size: 18px;
    line-height: 140%;
    max-width: 400px;
    margin: 0 0 20px;
}

.swiper_slider .item .title {
    position: relative;
    z-index: 1;
}

.swiper_slider .item .img {
    position: relative;
}

.swiper_slider .item .img li {
    position: absolute;
    background-color: white;
    background: #FFFFFF;
    border-radius: 8px;
    margin: 5px;
    max-width: 200px;
    padding: 15px 30px 15px 15px;
    font-size: 14px;
    line-height: 120%;
}

.swiper_slider .item .img li:before {
    background: #FF9B04;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    right: -5px;
    border-radius: 10px;
    margin: auto;
    top: 0;
    bottom: 0;
    -webkit-animation: pulse 2s infinite;
    animation: pulses 2s infinite;
}

.swiper_slider .swiper-slide {
    background: #F5F5F5;
    border-radius: 10px;
    overflow: hidden;
}

.slider_nav .swiper-pagination {
    bottom: 0;
    position: relative;
    height: 2px;
    background: #E0E0E0;
    display: flex;
}

.slider_nav .swiper-pagination .swiper-pagination-bullet {
    width: 100%;
    border-radius: 0;
    height: 2px;
    margin: 0;
    background: transparent;
}

.slider_nav .swiper-pagination .swiper-pagination-bullet-active {
    background: black;
}

.slider_nav button {
    background-color: transparent;
    border: 0;
    padding: 0;
}

.slider_nav button[disabled] {
    opacity: 0.5;
}

.content ul {
    margin: 0 0 20px;
}

.pagination {
    display: none;
}

@-webkit-keyframes pulses {
    0% {
        -webkit-box-shadow: 0 0 0 0 #FF9B04;
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

@keyframes pulses {
    0% {
        box-shadow: 0 0 0 0 #FF9B04;
    }

    70% {
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

.catalog_list h2,
.catalog_list h1,
.catalog_list h3 {
    font-size: 34px;
    line-height: 110%;
}

.catalog_list h2 p,
.catalog_list h1+p,
.catalog_list h3+p {
    max-width: 470px;
    line-height: 140%;
    font-size: 16px;
    color: #777;
}

.catalog_list .desc p {
    max-width: 340px;
    font-size: 14px;
    color: #777777;
}

.catalog_list .info {
    color: #777777;
    max-width: 570px;
}

.priceinfo {
    position: absolute;
    top: 7px;
    right: 9px;
    background: #ff9b04;
    color: black;
    padding: 5px;
    font-size: 14px;
    border-radius: 5px;
}

.button.button_border a,
.catalog_list .button a,
.catalog_list .looked-remove {
    border: 1px solid #222222;
    border-radius: 8px;
    background: transparent;
    color: #222;
    padding: 15px 45px;
    font-size: 12px;
}

.catalog_list .looked-remove {
    font-weight: bold;
    min-width: 210px;
    text-transform: uppercase;
}

@media (max-width: 576px) {
    header .logo img {
        max-height: 58px;
    }
    .catalog_list .looked-remove {
        min-width: 100%;
    }
}
@media (max-width: 400px) {
    header .logo img,
    header.sticky .logo img {
        max-height: 58px !important;
    }
}

.button.button_border a:hover,
.catalog_list .button a:hover,
.catalog_list .looked-remove:hover {
    color: white;
    border: 1px solid #FF9B04;
    background: #FF9B04;
}

.catalog_list .button.button_ico a {
    background: #FF9B04;
    border-color: #FF9B04;
    white-space: nowrap;
    color: white;
}

.catalog_list .button.button_ico a img {
    margin: 0 10px 0 0;
}

.catalog_list .button.button_ico a:hover {
    background: #222222;
    border-color: #222222;
}

.catalog_list_result a {
    overflow: hidden;
    background: #F5F5F5;
    border-radius: 10px;
    position: relative;
    min-height: 220px;
}

.catalog_list_result .cover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    transform: scale(1.05);
    transition: transform 0.2s ease;
}

.catalog_list_result a:hover .cover {
    transform: scale(1);
}

.catalog_list_result .title {
    position: absolute;
    left: 0;
    right: 0;
    padding: 10px 20px;
    bottom: 0;
}

.catalog_list_result .title p,
.catalog_list_result .title h2,
.catalog_list_result .title h3{
    position: relative;
    z-index: 1;
    color: white;
    margin: 0;
}

.catalog_list_result .title p {
    font-size: 14px;
}

.catalog_list_result .title h2,
.catalog_list_result .title h3 {
    font-size: 18px;
    line-height: 120%;
    margin: 0 0 2px;
}

.catalog_list_result .title:before {
    content: "";
    position: absolute;
    background: rgb(0 0 0 / 44%);
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    height: 100%;
}

.catalog_list_result .subcat {
    background: #F5F5F5;
    height: 220px;
}

.catalog_list_result .subcat a {
    min-height: 0;
}

/* ================================CATS NEW==================================== */

.cats_all .wrapper {
    display: flex;
    align-items: baseline;
    padding: 20px;
    border: 1px solid #E0E0E0;
    border-radius: 15px;
    height: 100%;
}
.cats_all .wrapper:hover {
    box-shadow: 0px 0px 7px rgb(0 0 0 / 28%);
    filter: drop-shadow(0 4.16717px 29.1702px rgba(0, 0, 0, 0.12));
    transition: all .3s ease-out;
}

.cats_all .wrapper .img-wrapper {
    display: flex;
    align-items: center;
    width: 40%;
    height: 100%;
}

.cats_all .wrapper .img-wrapper img {
    margin: auto;
    width: 100%;
}

.cats_all .wrapper .content {
    margin: 0 auto auto 20px;
    width: 60%;
    padding-bottom: 50px;
}

.cats_all .wrapper .content h3 {
    font-size: 18px;
    font-weight: bold;
    margin: auto auto 10px;
    color: #232323;
}

.cats_all .wrapper .content .subCats {
    display: block;
    margin: auto;
    list-style: none;
    padding: 0;
    min-height: 90px;
}

.cats_all .wrapper .content .subCats li {
    display: block;
    padding: 0;
    margin: auto auto 10px;
}

.cats_all .wrapper .content .subCats li a {
    font-size: 14px;
    color: #777;
    line-height: 1;
}

.cats_all .wrapper .content .btn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 8px 20px;
}

/* ==================================================================== */

.catalog_filter {
    width: 280px;
    position: relative;
    transition: all .3s ease;
}

.catalog_filter.in {
    background: white;
    padding: 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
}

.catalog_filter .a-btn {
    background: white;
    border-radius: 10px;
    width: 100%;
    padding: 15px 20px;
    border: 0;
    font-size: 16px;
    color: #222;
    position: relative;
    text-align: left;
    border: 1px solid #E0E0E0;
}

.catalog_filter .a-btn.in {
    background: #FF9B04;
    border: 1px solid #FF9B04;
    color: white;
}

.catalog_filter .a-btn:before {
    position: absolute;
    content: "";
    width: 14px;
    height: 7px;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/ar5_2.svg);
    transform: rotate(180deg);
    transition: transform .3s ease;
}

.catalog_filter .a-btn.in:before {
    background-image: url(../img/ar5.svg);
}

.catalog_filter .a-btn.in:before {
    transform: rotate(0deg);
}

.catalog_filter .a-btn.in {
    border-radius: 10px 10px 0px 0px;
}

.catalog_filter .a-btn+.content {
    display: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-top: 0;
    border-radius: 0 0 10px 10px;
}

.catalog_filter .a-btn.in+.content {
    display: block;
}

.catalog_filter .item_checkbox {
    padding: 15px 20px;
    position: relative;
    overflow: hidden;
}
.ajax-item .item:hover {
    box-shadow: 0px 0px 7px rgb(0 0 0 / 28%);
    filter: drop-shadow(0 4.16717px 29.1702px rgba(0, 0, 0, 0.12));
    transition: all .3s ease-out;
}
.ajax-item .item img:hover {
    transform: scale(1.1);
    transition: 0.5s;
}
.catalog_filter .item_checkbox:last-child:before {
    display: none;
}

.catalog_filter .item_checkbox:before {
    width: 88%;
    content: "";
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #E0E0E0;
    position: absolute;
}

.catalog_filter .item_checkbox.active a span {
    color: #FF9B04;
}

.catalog_filter .item_checkbox span {
    font-size: 15px;
    line-height: 130%;
    max-width: 80%;
}

.catalog_filter .a-btn.filter_mobile {
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    color: #222222;
    width: 100%;
    display: block;
    margin: auto;
    justify-content: center;
    text-align: center;
    border: 0;
    padding: 15px;
    text-transform: uppercase;
    border-radius: 10px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 5;
}

.catalog_filter .a-btn.filter_mobile:before {
    display: none;
}

button.filter_mobile.in {
    box-shadow: none;
}

button.filter_mobile.in+.catalog_filter_mobile {
display: block;
    position: fixed;
    bottom: 54px;
    padding: 15px;
    left: 0;
    z-index: 5555;
    background: #fff;
    overflow-y: scroll;
    height: 100vh;
}

button.filter_mobile img {
    margin: 0 10px 0 0;
}

.catalogMenu {
    padding: 20px;
}

.catalogMenu li {
    position: relative;
    margin-bottom: 10px;
    border-radius: 6px;
}

.catalogMenu li.parent i {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    cursor: pointer;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 10px;
    z-index: 5;
}

.catalogMenu li a {
    min-height: 45px;
    padding: 10px;
    display: flex;
    align-items: center;
}

.catalogMenu li.parent i::before {
    margin: auto;
}

.catalogMenu li .submenu {
    display: none;
    transition: .5s;
}

.catalogMenu li.active > .submenu {
    display: block;
    padding-left: 10px;
}
.catalog_filter li:before {
    content: "";
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #E0E0E0;
    position: absolute;
}
.filter_tags a {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 10px;
    padding: 10px 20px;
    line-height: 120%;
    position: relative;
    text-align: center;
}

.filter_tags a img {
    margin: auto;
}

.filter_tags a:hover {
    transform: translateY(-5px);  /* Немного поднимем карточку */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15); /* Увеличим тень */
}

.filter_tags .price {
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: 5px;
    border-radius: 10px;
    right: 5px;
    padding: 10px;
    background: #f4a12f;
    color: white;
}

.filter_search {
    margin-bottom: 15px;
}

.filter_sort {
    color: #777777;
}

.filter_sort ._value {
    color: #222222;
    position: relative;
    padding: 0 15px 0 0;
    cursor: pointer;
    display: inline-block;
}

.filter_sort ._value:hover {
    color: #FF9B04;
}

.filter_sort ._value._active_ span {
    border-bottom: 1px solid;
    color: #FF9B04;
}

.filter_sort ._value.asc:before,
.filter_sort ._value.desc:before {
    content: "";
    position: absolute;
    right: 0;
    width: 10px;
    height: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url(../img/ar6.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.filter_sort ._value.desc:before {
    transform: rotate(180deg);
}

.filter_result {
    position: relative;
}

.ajax-container .loading-block {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    height: 100%;
    text-align: center;
}

.ajax-container._loading_ .loading-block {
    display: block;
}

.loading-spinner {
  -webkit-animation: rotator 1.4s linear infinite;
          animation: rotator 1.4s linear infinite;
          margin-top: 50px;
}

@-webkit-keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
.loading-spinner .path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
          animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
  0% {
    stroke: #4285F4;
  }
  25% {
    stroke: #DE3E35;
  }
  50% {
    stroke: #F7C223;
  }
  75% {
    stroke: #1B9A59;
  }
  100% {
    stroke: #4285F4;
  }
}

@keyframes colors {
  0% {
    stroke: #4285F4;
  }
  25% {
    stroke: #DE3E35;
  }
  50% {
    stroke: #F7C223;
  }
  75% {
    stroke: #1B9A59;
  }
  100% {
    stroke: #4285F4;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}

.product_list.filter_result .item {
    position: relative;
}

.product_list.filter_result .item .status {
    position: absolute;
    padding: 0;
    width: 100%;
    top: 5px;
}

.product_list.filter_result .item .title {
    padding: 0 20px 20px;
}

.product_list.filter_result .item .img {
    max-width: 100%;
}

.page_filter {
    position: relative;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    padding: 20px;
    width: 100%;
    height: 85vh;
    overflow-y: scroll;
}

.page_filter a,
.page_filter li {
    display: block;
    margin: 0;
}

.page_filter li:last-child a {
    border-bottom: 1px solid transparent;
    padding: 15px 0 0;
}

.page_filter a {
    border-bottom: 1px solid #e0e0e0;
    padding: 15px 0;
    color: #222222;
}

.page_filter a:before {
    font-family: FontAwesome;
    content: "\f061";
    vertical-align: middle;
    color: #f5a12f;
    margin: 11px 7px 11px 0;
}

.page_filter a:hover,
.page_filter a.active {
    color: #FF9B04;
}

.product_list .item {
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    overflow: hidden;
    height: auto;
}

.product_list .swiper-wrapper {
    height: 100%;
}

.product_list .item .img {
    background: #F5F5F5;
    border-radius: 10px;
    min-height: 310px;
    padding: 20px;
    height: 100%;
}

.product_list .item .img img {
    max-height: 270px;
    display: block;
    margin: auto;
}
.product_list .item {
    border:0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
}
.product_list .item .img.img_full img {
    max-height: 500px;
}

.product_list .item h3 {
    font-size: 17px;
    line-height: 130%;
    margin: 0 0 2px;
}

.product_list .item p {
    font-size: 14px;
    color: #777777;
    line-height: 140%;
}

.product_list .item .status span {
    background: #FFFFFF;
    border: 1px solid #222222;
    border-radius: 3px;
    padding: 4px 10px;
    line-height: 100%;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
}

.product_list .item .button button {
    padding: 15px 20px;
}

/* .product_list .item .add_button_basket{
     max-width: 550px;
}
 */
.product_list .item .add_button_basket .button button {
    padding: 15px 20px;
    min-width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
}

.product_list .item .add_button_basket .button a img,
.product_list .item .add_button_basket .button button img {
    max-height: 25px;
    margin: 0 10px 0 0;
    display: block;
}

.product_list .item .add_button_basket .button a[data-bs-target="#modal_phone_click"] {
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    max-width: 100%;
    padding: 15px 20px;
    justify-content: center;
    display: flex;
    align-items: center;
}

.product_list .item .add_button_basket .button a[data-bs-target="#modal_phone_click"]:before {
    display: none;
}

.product_list .item .button a {
    background-color: #f1f1f1;
    padding: 0;
    color: #222222;
}

.product_list .item .button a[data-bs-target="#modal_phone_click"] {background: #e9e9e9;border-radius: 8px;border: 0;text-align: center;text-transform: uppercase;color: #7c7c7c;font-size: 12px;line-height: 100%;width: 100%;max-width: 240px;padding: 15px 20px;position: relative;}

.product_list .item .title {
    padding: 20px 0;
}

.product_list .item .old_price {
    color: #ff9b04;
    text-decoration: line-through;
    position: absolute;
    top: -50%;
    right: -70%;
    font-size: 13px;
}

.basket_table .price,
.form_filter_result .price,
.product_list .item .price {
    white-space: nowrap;
    position: relative;
}

.product_list .item .price.price_full {
    font-size: 20px;
}

.product_list .item .price.price_full .old_price {
    right: -75%;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #222222;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid transparent;
}

.nav-tabs .nav-item.show .nav-link span,
.nav-tabs .nav-link.active span {
    border-bottom: 1px solid #FF9B04;
}

.nav-tabs .nav-link {
    color: #777777;
    border: 0;
    padding: 0 10% 0 0;
    background-color: transparent;
    border-bottom: 1px solid transparent;
    text-transform: uppercase;
}

.nav-tabs .nav-link:last-child {
    padding: 0;
}

.nav-tabs .nav-link span {
    display: block;
    margin: 0 0 -1px;
    padding: 10px 0;
    border-bottom: 1px solid transparent;
}

#comment-total {
    display: inline-block;
}

.content .params ul li,
.params ul li {
    display: flex;
    padding: 0 0 10px;
    margin: 0 0 10px;
    align-items: center;
    font-size: 16px;
    align-self: center;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E0E0E0;
}

.params ul li div strong {
    font-size: 18px;
}

.params ul li strong {
    margin: 0 0 0 10px;
    font-size: 15px;
}

.content .tab-pane .params li {
    padding: 10px 20px;
    border-radius: 0;
    transition: all .2s ease;
    margin: 0;
    border-radius: 0;
}

.tab-pane .params li:hover {
    background: #f5f5f5;
    border-radius: 10px;
}

.about img {
    border-radius: 10px;
    display: block;
    margin: auto;
}

.about h6 {
    font-size: 30px;
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    max-width: 1000px;
    margin: auto;
}

.seo-text ul {
padding-left: 3em;
}

#nav-1 ul {
padding-left: 3em;
}

.content h1,
.content h2,
.content h6,
.content h3 {
    font-size: 34px;
    line-height: 130%;
    margin: 0 0 20px;
}

#nav-1 ul {
    margin: 0 0 20px;
}
.seo-text ul {
    margin: 0 0 20px;
}
.content h6 span {
    color: #FF9B04;
}

.about .content p strong {
    font-size: 20px;
}

.seo-text ul li,
.seo-text ol li,
.seo-text p {
    position: relative;
    font-size: 16px;
    line-height: 150%;
    margin: 0 0 15px;
    display: block;
}

#nav-1 ul li,
#nav-1 ol li,
#nav-1 p {
    position: relative;
    font-size: 16px;
    line-height: 150%;
    margin: 0 0 15px;
    display: block;
}

.content p a {
    border-bottom: 1px solid;
}

.content strong, b {
    font-weight: bold;
}

.content p+h2 {
    font-size: 25px;
    margin: 30px 0 20px;
}

.content.article ol li:before {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #FF9B04;
    left: -20px;
    top: 8px;
    content: "";
    border-radius: 10px;
}

.content.article ul li, ol li {position: relative;}
.content.article ul, ol {padding-left: 2rem;}

.seo-text ul li:before {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #FF9B04;
    left: -20px;
    top: 8px;
    content: "";
    border-radius: 10px;
}

.seo-text ul {
    padding-left: 40px;
    clear: both;
}

.content blockquote {
    font-size: 16px;
    padding: 20px;
    margin: 20px 0;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    border-left: 2px solid #FF9B04;
    overflow: hidden;
    font-style: italic;
}

.content blockquote.blockquote {
    background: #F5F5F5;
    margin: 30px 0;
    font-size: 15px;
}

.content.tab-content h6 {
    font-size: 16px;
}

.content p a:hover {
    color: #FF9B04;
}

.content table {
    margin: 20px 0;
}

.content table th,
.content table td {
    vertical-align: middle;
}

.content table.table_border th {
    border: 1px solid #dfe2e6;
}

.content table.table_border>:not(caption)>*>* {
    padding: 20px;
}

.content table.table_border tbody th {
    font-weight: normal;
    font-size: 14px;
    text-align: left;
}

.content table.table_border thead tr th {
    text-align: center;
}

.content table.table_border thead tr th:first-child {
    width: 400px;
    text-align: left;
    max-width: 350px;
    min-width: 250px;
}

.content table>:not(:last-child)>:last-child>* {
    border-bottom-color: #dfe2e6;
}

.content table>:not(caption)>*>* {
    padding: 20px 0;
}

.content table.table_bg tbody tr:nth-child(2n) th,
.content table.table_bg thead th {
    background: #F5F5F5;
}

.table_bg a:hover {
    color: #f5a12f;
    text-decoration: underline;
    transition: 0s;
}

.content table.table_center_2 tbody tr th {
    text-align: center;
}

.content table.table_bg tbody tr th:nth-child(1) {
    text-align: left;
}

.content .scrollspy table {
    margin: 20px 0 60px;
}

.box_info {
    padding: 40px;
    background: #F5F5F5;
    border-radius: 10px;
}

.box_info h2,
.box_info h1 {
    font-size: 95px;
    line-height: 100%;
    text-transform: uppercase;
    color: #FF9B04;
    margin: 0 0 15px;
}

.box_info p {
    line-height: 150%;
}

.box_info h2 {
    color: inherit;
    font-size: 50px;
}

.box_white {
    background-color: white;
    border-radius: 10px;
    height: 100%;
    padding: 20px 20px 40px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05);
}

.box_white .map {
    width: 100%;
    position: relative;
    height: 400px;
    border-radius: 10px;
    overflow: hidden;
}

.box_white .map>div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.box_white .map_name span {
    display: block;
    color: #777777;
    font-size: 14px;
}

.box_white .shema span {
    color: #777777;
    font-size: 14px;
}

.box_white .content h6 {
    font-size: 16px;
}

.box_white .content h3 {
    font-size: 25px;
}

.box_info_ico .item {
    background: #F5F5F5;
    border-radius: 10px;
    padding: 20px;
}

.box_info_ico a {
    color: #f5a12f;
    text-decoration: underline;
}

.box_info_ico .item .ico {
    background: #FFFFFF;
    border-radius: 10px;
    display: flex;
    width: 80px;
    height: 80px;
    padding: 5px;
    min-width: 80px;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.box_info_ico .item .ico img {
    max-height: 40px;
}

.box_info_ico .item .ico .fa {
    color: #f5a12f;
    font-size: 50px;
}

.box_info_ico .item h6 {
    text-align: left;
    font-size: 18px;
    margin: 0 0 10px;
    text-transform: none;
}

.box_info_ico .item p {
    font-size: 15px;
    color: #777;
    margin: 0;
}

.box_info_ico_about {
    margin: 0 0 0 -70px;
}

.box_info_ico_about .box_info_ico .item {
    padding: 5px 0;
    background-color: transparent;
}

.box_info_ico_about .box_info_ico .item .ico {
    background: #F5F5F5;
    border: 1px solid #FF9B04;
    border-radius: 10px;
}

.box_info_ico_about .box_info_ico .item .title {
    max-width: 530px;
}

.box_info_ico_about .box_info_ico .item p {
    font-size: 14px;
}

.box_info_ico_about .box_info_ico .item h6 {
    margin: 0 0 5px;
    font-size: 16px;
}

.box_info_ico_about .box_info_ico .item img {
    border-radius: 0;
}

.box_info_ico_list.box_info_ico .item {
    background: transparent;
    padding: 5px 0;
}

.box_info_ico_list.box_info_ico .item .ico {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
    margin: 0;
}

.box_info_ico_list.box_info_ico .item p {
    text-align: left;
}

.box_info_ico_list.box_info_ico .item h6 {
    text-align: left;
    margin: 15px 0 10px;
}
.work_ico_result .ico {
    width: 100px;
    height: 100px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    margin: 0 auto 20px;
    position: relative;
    box-shadow: 0 0 0 20px white;
}

.work_ico_result li {
    position: relative;
}

.work_ico_result li:before {
    content: "";
    width: 100%;
    left: 20%;
    position: absolute;
    height: 10px;
    top: -45%;
    bottom: 0;
    margin: auto;
    background-image: url(../img/ar3.svg);
    background-repeat: no-repeat;
    background-position: 100% center;
    max-width: 100%;
}

.work_ico_result li:last-child:before {
    display: none;
}

.work_ico_result .ico span {
    position: absolute;
    top: 0;
    right: 0;
    color: #777777;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 32px;
    background: white;
    border-radius: 40px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.07), inset 1px 1px 1px rgba(0, 0, 0, 0.04);
}

.work_ico_result p {
    text-align: center;
    margin: 0 0 25px;
}

.profile_list .photo {
    width: 65px;
    min-width: 65px;
    height: 65px;
    border-radius: 100px;
}

.profile_list .photo img {
    max-height: 65px;
}

.profile_list h6 {
    font-size: 16px;
    margin: 0;
}

.profile_list .like,
.profile_list .time {
    color: #777777;
    font-size: 14px;
}

.profile_list .text a {
    color: #FF9B04;
    border-bottom: 1px solid;
    line-height: 140%;
    display: inline-block;
}

.profile_list .text a:hover {
    color: #222222;
}

.profile_list button,
.profile_list .like {
    align-items: center;
}

.profile_list img {
    margin: 0 5px 0 0;
}

.profile_list button {
    display: flex;
    margin: 0 0 0 10px;
    background-color: transparent;
    border: 0;
    color: #222222;
}

.profile_list button span {
    margin: 0 0 0 5px;
}

.profile_list button:hover {
    opacity: 0.5;
}

.product_list.profile_list .item {
    padding: 5px;
}

.banner_pages {
    background: #F5F5F5;
    border-radius: 10px;
    min-height: 300px;
    overflow: hidden;
    position: relative;
}

.banner_pages img {
    max-height: 100%;
    position: relative;
    display: block;
    margin: auto;
}

.banner_pages h6 {
    font-size: 34px;
    line-height: 130%;
    font-weight: 500;
}

.banner_pages .promo {
    background-color: white;
    padding: 15px 30px;
    color: #FF9B04;
    display: inline-block;
    border-radius: 10px;
    font-size: 30px;
    margin: 10px 0 15px;
}

.banner_pages .row {
    position: relative;
}

.banner_pages .legal p {
    color: #777777;
    font-size: 12px;
    margin: 0;
}

.pulse {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 5px;
    height: 5px;
    top: 0;
    bottom: 0;
    z-index: 0;
}

.pulse::after,
.pulse::before {
    content: '';
    position: absolute;
    border: .1px solid white;
    left: -20px;
    opacity: 0;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 100%;
    animation: pulse 6.5s linear infinite;
}

.pulse::after {
    animation-delay: 2s;
}

@keyframes pulse {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(19.2);
        opacity: 0;
    }
}

.form form div {
    position: relative;
}

.form form textarea,
.form form input[type="text"] {
    background: #FFFFFF;
    width: 100%;
    border: 1px solid #E0E0E0;
    border-radius: 6px 0 0 6px;
    padding: 20px;
    line-height: 140%;
    display: block;
    outline: none;
        margin: 0 0 10px 0;
}
.form input[type="text"].error {
    color: brown;
    border: 1px solid red;
}
.form form .input_bg textarea[type="text"],
.form form .input_bg input[type="text"] {
    background: #F8F8F8;
}

.form form .ico input[type="text"] {
    padding: 20px 20px 20px 30px;
}

.form form input[type="text"]:focus {
    border: 1px solid #FF9B04;
}

.form form input.ok[type="text"] {
    border: 1px solid #31C76D;
}

.button button,
.button a,
.form form button {
    background: #FF9B04;
    border-radius: 8px;
    border: 0;
    text-align: center;
    text-transform: uppercase;
    color: black;
    font-size: 12px;
    line-height: 100%;
    width: 100%;
    max-width: 240px;
    padding: 25px;
}

.button-reviews a {
    width: 100%;
    padding: 20px 30px;
}

.button-reviews.yandex a {
    background: #fc4714;
}

.button-reviews.twogis a {
    background: #30ad00;
}

.button-reviews.google a {
    background: #1b6ef3;
}

.button.border_1 a {
    border: 1px solid #FF9B04;
}

.button.border_1 a:hover {
    border: 1px solid #222;
}

.button.mini a {
    padding: 20px 30px;
}

.product_list .item .button a:hover {
    color: #FF9B04;
}

.button button:hover,
.button a:hover,
.form form button:hover {
    background: #222222;
    color: white;
}

.simplesearch-search-form i {
    font-size: 22px;
    color: #ffffff;
    padding: 0 13px 0 0;
}
.simplesearch-search-form .ico {
    display: flex;
}
.form input+button {
    position: relative!important;
}

.form input+button {
    color: #fff;
    background-color: #f5a12f;
    border-color: #f5a12f;
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    max-width: 170px;
    padding: 0;
    line-height: 20px;
}

.form label.add_file {
    cursor: pointer;
}

.form label.add_file span {
    border-bottom: 1px solid;
}

.form label.add_file:hover span {
    color: #FF9B04;
}

.checkbox {
    cursor: pointer;
    align-items: center;
}

.checkbox input {
    display: none;
}

.checkbox input+span {
    background: #F8F8F8;
    border: 1px solid #E0E0E0;
    border-radius: 2px;
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    position: relative;
}

.checkbox .error+span {
    border: 1px solid #ff0000;
}

.checkbox input:checked+span:before {
    content: "";
    background-image: url(../img/chek.svg);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-position: center;
    background-repeat: no-repeat;
}

.checkbox span a {
    border-bottom: 1px solid;
    display: inline-block;
}

.checkbox span a:hover {
    color: #FF9B04;
}

.checkbox span+span {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
}

.checkbox.checkbox_radio span {
    border-radius: 10px;
}

.checkbox.checkbox_radio span+span {
    font-size: 16px;
}

.checkbox.checkbox_radio input:checked+span:before {
    background-color: #FF9B04;
    width: 8px;
    height: 8px;
    border-radius: 10px;
}

.checkbox .price {
    line-height: 120%;
    font-size: 12px;
    color: #777777;
}

.checkbox_box input {
    display: none;
}

.checkbox_box {
    position: relative;
    padding: 10px 15px;
    align-items: center;
    width: 100%;
    min-width: 250px;
    cursor: pointer;
}

.checkbox_box input+span {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
}

.checkbox_box input:checked+span {
    border: 1px solid #FF9B04;
}

.checkbox_box img {
    margin: 0 20px 0 0;
}

.cartCount input,
.count input {
    width: 50px;
    text-align: center;
    border: 0;
    background-color: transparent;
    outline: none;
    font-size: 14px;
}

.cartCount button,
.count button {
    background: #F5F5F5;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    color: #000;
    width: 40px;
}

.count_info p {
    font-size: 13px;
    margin: 0;
    color: #777777;
}

.count.count_full {
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    max-width: 130px;
    padding: 2px;
}

.count.count_full button {
    border: 1px solid white;
    color: #222222;
    background: #F5F5F5;
    font-family: initial;
    padding: 5px;
    min-width: 40px;
    width: 40px;
    height: 40px;
    line-height: 20px;
    font-size: 18px;
}

.count.count_full input {
    width: 100%;
}

.count button:hover {
    color: #FF9B04;
}

.stock {
    position: absolute;
    right: 5px;
    top: 10px;
}

.stock span {
    background: #31C76D;
    border-radius: 3px;
    padding: 8px 10px;
    color: white;
    text-transform: uppercase;
    font-size: 13px;
}

.label_radio_full {
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    padding: 4px 2px;
}

.label_radio_full .label_radio {
    margin: 0 4px;
}

.label_radio_full .label_radio input+span {
    min-width: 40px;
    width: 40px;
    line-height: 40px;
    height: 40px;
}

.label_radio input {
    display: none;
}

.label_radio input+span {
    background: #F5F5F5;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    width: 50px;
    height: 35px;
    text-align: center;
    min-width: 30px;
    display: block;
    line-height: 30px;
    font-size: 14px;
    cursor: pointer;
}

.label_radio_full .label_radio input+span {}

.label_radio input:checked+span {
    border: 1px solid #FF9B04;
}

.form_filter {
    background: #F5F5F5;
    border-radius: 10px;
    padding: 20px 20px 0;
}

.form_filter select,
.form_filter label {
    display: block;
    width: 100%;
}

.form_filter label {
    font-size: 14px;
    line-height: 130%;
    color: #777777;
    margin: 0 0 5px;
    s
}

.form_filter img {
    max-height: 400px;
}

.form_filter form {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 50px 0 0;
    overflow: hidden;
}

.form_filter .content_chek {
    background: #F5F5F5;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    padding: 5px 10px;
}

.form_filter label.checkbox {
    margin: 0;
}

.form_filter .checkbox input+span {
    background: white;
}

.form_filter .checkbox span+span {
    color: #222222;
}

.form_filter .count input {
    width: 100%;
    font-size: 16px;
}

.form_filter .count button {
    width: 45px;
    min-width: 45px;
    height: 45px;
    font-size: 20px;
    color: #222;
    border-radius: 10px;
}

.form_filter_result {
    background: #FF9B04;
    padding: 20px 0;
    border-radius: 0px 0px 10px 10px;
    color: white;
}

.form_filter_result .button button {
    background-color: white;
    color: #222222;
    width: 100%;
    max-width: 100%;
}

.form_filter_result .button button:hover {
    background-color: #222222;
    color: white;
}

.form_filter_result .price {
    color: white;
    margin: 0 0 0 10px;
    font-size: 25px;
}

.form_filter.form_filter_sale form {
    background: transparent;
    border-radius: 0;
    padding: 0;
    overflow: hidden;
}

.form_filter.form_filter_sale.shadow_none form {
    box-shadow: none;
}

.form_filter.form_filter_sale form input {
    border-radius: 10px;
}

.form_filter.form_filter_sale form button {
    min-width: 240px;
}

.form_filter .phone span {
    font-size: 25px;
    color: #777777;
}

.form_filter .phone a {
    font-size: 25px;
    color: #FF9B04;
}

.form_filter.form_filter_phone h6 {
    font-size: 25px;
    margin: 0 0 10px;
}

.form_filter.form_filter_phone {
    border: 1px solid #FF9B04;
}

.modal h6 {
    font-size: 25px;
    line-height: 130%;
}

.modal .btn-close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px;
    opacity: 0.3;
}

.modal-content {
    border: 0;
    padding: 10px 20px 30px;
    border-radius: 10px;
}

.modal-dialog {
    max-width: 526px;
}

#orderSuccess {
    display: flex;
    align-items: center;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 20vh;
    background: #fff;
    transform: translateY(-200%);
    transition: 1s;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}

#orderSuccess.active {
    transform: translateY(0%);
}

#orderSuccess .wrapper {
    margin: auto;
}

#orderSuccess .close {
    position: absolute;
    top: 12px;
    right: 15px;
    font-size: 25px;
    cursor: pointer;
    z-index: 50;
}
#orderSuccess .close:hover {
    color: red;
}
footer {
    font-size: 16px;
    padding: 5px;
}

footer ul li {
    margin: 0 0 15px;
}

footer ul li a {
    display: inline-block;
}

footer .copy a:hover,
footer ul li a:hover {
    color: #FF9B04;
}

footer.content h6 {
    font-size: 20px;
}

footer .name {
    font-size: 14px;
    color: #777777;
}

footer .phone_contact {
    white-space: nowrap;
    display: flex;
}

footer .phone_contact span {
    margin: 0 5px;
    color: #777777;
}

footer .hr {
    border-top: 1px solid #E0E0E0;
}

footer .copy {
    color: #777777;
    font-size: 14px;
}

footer .copy a {
    display: inline-block;
    border-bottom: 1px solid;
}

footer .copy .social a {
    border: 0;
}

footer .copy .social a:hover {
    opacity: 0.5;
}

footer.content ul li {
    padding: 0;
}

.pages_cover {
    overflow: hidden;
    height: 480px;
    border-radius: 10px;
    position: relative;
}

.pages_cover img {
    max-width: 100%;
    border-radius: 10px;
    display: block;
    width: 100%;
    height: 100%;
}

.auto_list .item {
    background: #F5F5F5;
    border-radius: 10px;
    height: 100%;
    padding: 20px;
}

.auto_list .item .img {
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    display: flex;
    width: 280px;
    min-height: 300px;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.auto_list .item h6,
.auto_list .item h3 {
    font-size: 25px;
    font-weight: 500;
}

table.auto_list {
    margin: 40px 0;
}

table.auto_list h6 {
    font-size: 16px;
    margin: 0;
}

table.auto_list p {
    font-size: 14px;
    line-height: 120%;
    margin: 0 0 5px;
}

table.auto_list p strong {}

table.auto_list thead {
    font-size: 18px;
    border-top: 1px solid;
    border-top-color: #dfe2e6;
}

.auto_list .item h6 {
    color: #777777;
    margin: 0 0 15px;
    font-size: 16px;
    text-transform: uppercase;
}

.city_list li {
    position: relative;
    padding: 0 0 0 20px;
}

.city_list li:before {
    content: "";
    width: 3px;
    height: 3px;
    background-color: #222222;
    border-radius: 10px;
    margin: auto;
    top: 0;
    left: 5px;
    bottom: 0;
    position: absolute;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.city_list a:hover {
    color: #FF9B04;
}

.news_post {
    position: relative;
}

.news_post .meta,
.news_post .date {
    color: #777777;
    font-size: 14px;
}

.content .news_post h3,
.news_post h3 {
    font-size: 16px;
    margin: 10px 0;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2;
    height: 40px;
    min-height: auto;
    color: black;
}

.news_post.news_post_full h3 {
    font-size: 30px;
    margin: 10px 0 20px;
}

.news_post .status {
    margin: 10px -5px 0;
}

.news_post .status span {
    background: #F5F5F5;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    padding: 5px 8px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    margin: 0 5px;
}

.news_post .img {
    overflow: hidden;
    border-radius: 10px;
    display: block;
    min-height: 220px;
    height: 220px;
    margin: 0 0 15px;
    position: relative;
}

.news_post.news_post_full .img {
    height: 100%;
}

.swiper .news_post .img {
    height: 100%;
    min-height: 100%;
}

.swiper .news_post .img img {
    position: relative;
}

.news_post .img img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    margin: auto;
}

.news_post .img a:hover {
    opacity: 0.8;
}

.news_post a:hover {
    color: #FF9B04;
}

.news_post .status span.new {
    color: #FF9B04;
    background: rgba(255, 155, 4, 0.15);
    border: 1px solid rgba(255, 155, 4, 0.25);
}

.news_post .button a {
    border: 1px solid #FF9B04;
    background-color: transparent;
    color: #222222;
}

.news_post .button a:hover {
    color: #FF9B04;
}

.news_slide_swiper_nav button {
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 100px;
    display: block;
    background: #FFFFFF;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.08);
    position: absolute;
    top: -50px;
    bottom: 0;
    margin: auto;
    z-index: 2;
}

.news_slide_swiper_nav button[data-prev="news_slide"] {
    left: -15px;
}

.news_slide_swiper_nav button[data-next="news_slide"] {
    right: -15px;
}

.news_slide_swiper_nav button img {
    max-height: 8px;
}

.breadcrumb {
    font-size: 14px;
    margin: 0;
}

.breadcrumb-item a {
    color: #FF9B04;
}

.breadcrumb-item.active {
    color: #222222;
}

.breadcrumb-item.active a {
    color: black;
}

.breadcrumb-item+.breadcrumb-item::before {
    position: absolute;
    left: 0;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 15px;
    margin-left: 10px;
    position: relative;
}
.btn.basket {
    background: #198754;
}
.basket_table {}

.basket_table li {
    border-top: 1px solid #E0E0E0;
    padding: 15px 0;
    position: relative;
}

.basket_table li:last-child {
    border-bottom: 1px solid #E0E0E0;
}

.basket_table .product-item_remove {
    background-color: transparent;
    border: 0;
    display: block;
}

.basket_table .product-item_remove:hover {
    opacity: 0.5;
}

.basket_table .price {
    font-size: 16px;
}

.basket_table .photo img {
    max-height: 100px;
}

.basket_table .name {
    max-width: 190px;
}

.basket_table_order .count_info {
    padding: 0 0 20px;
}
  .delivery-modern {
    background: linear-gradient(180deg, #f9fafb 0%, #ffffff 100%);
    color: #222;
    font-size: 16px;
    line-height: 1.6;
  }

  .alert-info-custom {
    background: #f0f7ff;
    border: 1px solid #d4e4ff;
    color: #0d3b78;
  }

  .tariff-card {
    background: #fff;
    border: 1px solid #e6eaf0;
  }

  .tariff-card table thead th {
    background: #f7f9fb;
    font-weight: 600;
  }

  .tariff-card table td, 
  .tariff-card table th {
    border-color: #eef1f4;
  }

  .condition-card {
    background: #fff;
    border: 1px solid #eaecef;
    transition: all 0.3s ease;
  }

  .condition-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.08);
  }

  @media (max-width: 992px) {
    .tariff-card {
      margin-top: 1rem;
    }
  }
    .payment-section {
    background: #fff;
    color: #222;
    font-size: 16px;
    line-height: 1.6;
  }

  .payment-section h2 {
    color: #FF9B04;
    font-size: 1.8rem;
    letter-spacing: 0.5px;
  }

  .payment-card {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    transition: all 0.3s ease;
  }

  .payment-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  }

  .icon-orange {
    color: #FF9B04;
  }

  .payment-card h5 {
    font-size: 1.05rem;
    color: #222;
  }

  @media (max-width: 768px) {
    .payment-card {
      padding: 1.5rem;
    }
  }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*.basket_table_order .count {
    display: none !important;
}*/

.basket_table .photo {
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: relative;
    background: #F5F5F5;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    -webkit-border-radius: ;
    -moz-border-radius: ;
    -ms-border-radius: ;
    -o-border-radius: ;
}

.basket_table_clear button {
    background: transparent;
    border: 0;
    font-size: 14px;
    color: #777777;
}

.basket_table_clear button:hover {
    opacity: 0.5;
}

.basket_table_clear button img {
    margin: 0 10px 0 0;
}

.basket_sum {
    background: #F8F8F8;
    border-radius: 8px;
    width: 100%;
    padding: 30px;
}

.basket_sum .params ul li {
    border: 0;
    margin: 0;
    font-size: 15px;
}

.basket_sum h6 {
    font-size: 25px;
}

.basket_sum .button a {
    width: 100%;
    max-width: 100%;
}

/*.basket_table_order [data-del] {
    display: none;
}*/

.basket_table_order h6 {
    font-size: 24px;
}

@media (min-width:1200px) {
    .product_list .item .img {
        max-width: 320px;
    }
    
    .slider_product_news .item .img {
    max-width: 406px;
}

    .profile_list .text {
        padding: 0 0 0 90px;
    }
}
@media (max-width: 767px) {
    #orderSuccess {
        height: 100vh;
    }
}
@media (max-width:1200px) {
    .product_list .item .title {
        padding: 20px;
    }

    .product_list .item .title.title_full {
        position: relative;
        padding: 0 0 20px;
    }

    .auto_list .item .img {
        width: 100%;
    }

    .box_info_ico_about {
        margin: 0 0 0;
    }
}

@media (max-width:1160px) {
    .swiper_slider .item h3 {
        font-size: 40px;
    }

    .box_info h1 {
        font-size: 75px;
    }

    .box_info h2 {
        font-size: 40px;
    }
}

@media (max-width:991px) {
    .work_ico_result p {
        text-align: left;
        margin: 0;
        max-width: 200px;
        padding: 0 10px;
        font-size: 16px;
    }

    .work_ico_result .ico {
        margin: 0 10px 0 0;
        box-shadow: none;
    }

    .work_ico_result li {
        display: flex;
        align-items: center;
        text-align: left;
        justify-content: start;
        margin: 0 0 60px;
    }

    .work_ico_result li:before {
        background-image: url(../img/ar4.svg);
        height: 40px;
        left: 55px;
        right: initial;
        max-width: 100%;
        margin: 10px 0 0;
        width: 10px;
        top: 100%;
    }

    .form_filter.form_filter_sale form button {
        min-width: 100%;
        width: 100%;
    }

    .basket_sum {
        max-width: 100%;
        width: 100%;
    }
}

@media (max-width:800px) {
    .swiper_slider .item h3 {
        font-size: 30px;
    }

    .swiper_slider .item .img {
        position: absolute;
        bottom: -5%;
        right: -30%;
        width: 100%;
        max-width: 100%;
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
    }

    .box_info h1 {
        font-size: 50px;
    }

    .box_info h2 {
        font-size: 30px;
    }

    .about h6 {
        font-size: 20px;
    }
}

@media (max-width:768px) {

    .box_info_ico .item p,
    .box_info_ico .item h6 {
        text-align: center;
    }

    .box_info_ico_about .box_info_ico .item p,
    .box_info_ico_about .box_info_ico .item h6 {
        text-align: left;
    }

    .box_info_ico_about .box_info_ico .item .ico {
        background: transparent;
        border: 0;
        border-radius: 0;
        width: 60px;
        height: 60px;
        min-width: 60px;
        margin: 0 -5px 0 0;
        padding: 5px 0 5px 5px;
    }

    .catalog_filter {
        width: 100%;
    }

    .catalog_filter_mobile {
        display: none;
    }

    .box_info_ico .item h6 {
        margin: 10px 0 0;
    }

    .catalog_filter .a-btn {
        background-color: transparent;
        color: #222222;
        padding: 15px 20px;
    }

    .catalog_filter .a-btn+.content {
        border: 0
    }

    .catalog_filter .a-btn:before {
        background-image: url(../img/ar5_5.svg);
    }

    .catalog_filter .item_checkbox span {
        font-size: 16px;
    }

    .stock {
        right: 20px;
        top: 0;
    }

    .nav-tabs .nav-link {
        padding: 0 5% 0 0;
    }

    .content .tab-pane .params li {
        padding: 10px 0;
        border-radius: 0;
    }

    .form_filter .phone a {
        font-size: 15px;
    }

    .auto_list tr td,
    .auto_list tr {
        display: block;
        width: 100%;
    }

    .auto_list thead {
        display: none;
    }

    .auto_list tr td:first-child {
        border-bottom: 0;
        padding: 20px 0 0;
    }

    .auto_list tr td {
        padding: 10px 0;
    }

    .content table.table_mobile thead tr th:first-child {
        width: auto;
        min-width: auto;
        max-width: 100%;
    }

    .content table.table_mobile>:not(caption)>*>* {
        padding: 8px;
        font-size: 11px;
    }

    .content table.table_mobile tbody tr th {
        white-space: nowrap;
    }

    .content table.table_bg tbody tr th:nth-child(1) {
        white-space: normal;
    }
}

@media (max-width:575px) {

    .catalog_list .button a {
        max-width: 100%;
    }

    .box_info h1 {
        font-size: 30px;
    }

    .box_info p,
    .box_info h2 {
        font-size: 15px;
    }

    .button.mini a,
    .about .button a {
        width: 100%;
        display: block;
        max-width: 100%;
    }

    .form_filter {
        background: transparent;
        padding: 0;
    }

    .form_filter.form_filter_sale {
        background: #F5F5F5;
    }

    .form_filter.form_filter_sale.content h6 {
        font-size: 18px;
        text-align: center;
    }

    .form_filter form {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
    }

    .form_filter img {
        max-height: 200px;
        display: block;
        margin: auto;
    }

    .banner_pages .promo,
    .banner_pages h6 {
        font-size: 20px;
    }

    .catalog_list h2,
    .catalog_list h1,
    .catalog_list h3,
    .content h1,
    .content h2,
    .content h6,
    .content h3 {
        font-size: 25px;
    }

    .news_post.news_post_full h3 {
        font-size: 22px;
    }

    .profile_list h6 {
        font-size: 20px;
    }

    .content p strong {
        font-size: 16px;
    }

    .basket_table [data-del] {
        position: absolute;
        right: 0;
    }

    .pages_cover {
        overflow: hidden;
        height: 150px;
    }
}

/* Ã‘ÂÃ‘â€šÃÂ¸ÃÂ»ÃÂ¸ÃÂ·ÃÂ°Ã‘â€ ÃÂ¸Ã‘Â ÃÂ¿ÃÂ»ÃÂ°ÃÂ³ÃÂ¸ÃÂ½ÃÂ¾ÃÂ² */
.select2-container {
    display: block;
    width: 100% !important;
}

.select2-container--default .select2-selection--single {
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    height: 100%;
    padding: 20px;
    outline: none;
    box-shadow: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #222222;
    line-height: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0;
    width: 10px;
    height: 6px;
    background-image: url(../img/ar1.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
}

.select2-container--default .select2-results__option--selected {
    background-color: transparent;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: transparent;
    color: #FF9B04;
}

.select2-container--default .select2-results>.select2-results__options {
    padding: 10px 20px;
}

.select2-dropdown {
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
}

.select2-search--dropdown {
    padding: 5px 20px;
}

.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    max-width: 300px;
    margin: 10px auto 0;
    display: block;
    outline: none;
    padding: 10px 15px;
    font-size: 14px;
}
/* ====== ГЛАВНАЯ кнопка — В КОРЗИНУ ====== */
.product_list .item .add_button_basket .button .buy-btn,
.product_list .item .button .buy-btn,
.buy-btn {
  background: linear-gradient(180deg, #FFB74D, #FF9800);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px 25px;
  border-radius: 12px;
  border: none;
  width: 100%;          /* во всю ширину блока кнопки */
  cursor: pointer;
  box-shadow: 0 6px 14px rgba(255,152,0,.45);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.product_list .item .add_button_basket .button .buy-btn:hover,
.product_list .item .button .buy-btn:hover,
.buy-btn:hover {
  background: linear-gradient(180deg, #FFA726, #F57C00);
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(245,124,0,.5);
  color: #fff;
}

.product_list .item .add_button_basket .button .buy-btn:active,
.product_list .item .button .buy-btn:active,
.buy-btn:active {
  background: linear-gradient(180deg, #F57C00, #E65100);
  transform: translateY(0);
  box-shadow: 0 4px 10px rgba(230,81,0,.45);
}

/* ====== ДОПОЛНИТЕЛЬНАЯ кнопка — КУПИТЬ В 1 КЛИК ====== */
.product_list .item .button a.oneClickBuy[data-bs-target="#modal_phone_click"],
.oneClickBuy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #FF9B04;
  border: 2px solid #FF9B04;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px 11px;
  min-width: 116px;
  cursor: pointer;
  box-shadow: none;
  transition: all 0.25s ease;
}

/* Hover эффект */
.product_list .item .button a.oneClickBuy[data-bs-target="#modal_phone_click"]:hover,
.oneClickBuy:hover {
  background: #FF9B04;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(255,155,4,.4);
}

/* Active */
.product_list .item .button a.oneClickBuy[data-bs-target="#modal_phone_click"]:active,
.oneClickBuy:active {
  background: #E65100;
  border-color: #E65100;
  color: #fff;
  transform: translateY(0);
}
