@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;600;700&display=swap');
:root { --red: #cc1111; }
body { font-family: 'Inter', sans-serif; padding-bottom: 70px; }
body.no-mobile-nav { padding-bottom: 0; }
.font-display { font-family: 'Playfair Display', serif; }

/* Topbar */
.topbar { background: #111; padding: 6px 0; border-bottom: 1px solid #222; }
.topbar-divider { width: 1px; height: 14px; background: rgba(255,255,255,0.2); }
.hover-red:hover { color: var(--red) !important; }

/* Logo */
.logo-icon { width:36px;height:36px;background:var(--red);border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:white;flex-shrink:0; }
.brand-name { font-weight:700;font-size:16px;line-height:1.2; }
.brand-sub { font-size:9px;opacity:.5;letter-spacing:2px;text-transform:uppercase; }

/* Social links topbar */
.social-link { color:rgba(255,255,255,.5);font-size:16px;text-decoration:none;transition:color .2s; }
.social-link:hover { color:var(--red); }

/* Social links navbar */
.social-link-nav { color:rgba(255,255,255,.6);font-size:17px;text-decoration:none;transition:color .2s; }
.social-link-nav:hover { color:var(--red); }

/* Social links footer */
.social-footer { width:38px;height:38px;background:rgba(255,255,255,.08);border-radius:8px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);font-size:18px;text-decoration:none;transition:all .2s; }
.social-footer:hover { background:var(--red);color:white; }

/* Cart icon nav */
.cart-icon-btn { color:rgba(255,255,255,.8);font-size:22px;text-decoration:none;display:flex;align-items:center;padding:4px; }
.cart-icon-btn:hover { color:var(--red); }
.cart-badge-nav { position:absolute;top:-4px;right:-6px;background:var(--red);color:white;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px; }

/* Dropdown */
.dropdown-menu-dark { background:#1a1a1a;border:1px solid #333; }
.dropdown-menu-dark .dropdown-item { color:rgba(255,255,255,.75);font-size:14px; }
.dropdown-menu-dark .dropdown-item:hover { background:rgba(204,17,17,.15);color:white; }
.dropdown-menu-dark .dropdown-divider { border-color:#333; }
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: 0;
  border-radius: 0.25rem;
  display: none;
}

.dropdown-submenu:hover .dropdown-menu {
  display: block;
}

.dropdown-menu.show {
  display: block;
}


.search-overlay-wrap {
  position: relative;
  width: 30px;
  height: 30px;
}

/* сама форма — поверх */
.search-box {
  position: absolute;
  top: 0;
  right: 0;

  display: flex;
  align-items: center;

  height: 30px;
  width: 30px;

  border-radius: 999px;
  background: rgba(255,255,255,.6);

  overflow: hidden;
  transition: width 0.3s ease;
  z-index: 1000;
}

/* input скрыт */
.search-input {
  width: 0;
  padding: 0;
  border: 0;
  box-shadow: none !important;
  opacity: 0;
  background: transparent;

  transition: all 0.3s ease;
}

/* кнопка — всегда круг справа */
.search-btn {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;

  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.6);
  color: #212529;

  display: flex;
  align-items: center;
  justify-content: center;
}

/* раскрытие поверх */
.search-box:hover,
.search-box:focus-within,
.search-box.active {
  width: 260px;
  background: #fff;
}

/* поле появляется слева */
.search-box:hover .search-input,
.search-box:focus-within .search-input,
.search-box.active .search-input {
  width: 100%;
  padding: 0 12px;
  opacity: 1;
}
@media (max-width: 768px) {

  .search-overlay-wrap {
    width: 100%;
    height: 30px;
  }

  .search-box {
    position: relative;   /* можно оставить absolute, но relative проще */
    width: 100% !important;
  }

  .search-input {
    width: 100% !important;
    opacity: 1;
    padding: 0 12px;
  }

  /* убираем "сжатое" состояние */
  .search-box:hover,
  .search-box:focus-within,
  .search-box.active {
    width: 100%;
  }
}


/* Hero */
.hero-section { min-height:80vh;background:linear-gradient(to right,#0a0a0a 0%,rgba(0,0,0,.7) 60%,rgba(0,0,0,.3) 100%),url('https://kvo.su/0111newdes/images/ecb2e4ff7_generated_ea915432.png') center/cover no-repeat; }
.text-white-75 { color:rgba(255,255,255,.75)!important; }

/* Advantages */
.adv-icon { width:56px;height:56px;background:rgba(204,17,17,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:24px;color:var(--red); }

/* Category cards */
.cat-card { position:relative;display:block;border-radius:12px;overflow:hidden;aspect-ratio:4/3;text-decoration:none; }
.cat-card img { width:100%;height:100%;object-fit:cover;transition:transform .5s ease; }
.cat-card:hover img { transform:scale(1.05); }
.cat-overlay { position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.1) 60%);display:flex;align-items:flex-end;justify-content:space-between;padding:20px;color:white;font-weight:600;font-size:16px; }
.cat-btn { width:36px;height:36px;background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s; }
.cat-card:hover .cat-btn { transform:scale(1.1); }

/* Product card */
.clients-card, .product-card {position: relative; border:1px solid #e5e5e5;border-radius:12px;overflow:hidden;transition:box-shadow .3s;background:white;text-decoration:none;color:inherit;display:block; }
.clients-card:hover, .product-card:hover { box-shadow:0 8px 30px rgba(0,0,0,.12); }
.clients-card .img-wrap, .product-card .img-wrap { aspect-ratio:1;overflow:hidden;background:#f5f5f5; }
.clients-card .img-wrap img, .product-card .img-wrap img { width:100%;height:100%;object-fit:cover;transition:transform .5s; }
.clients-card:hover .img-wrap img, .product-card:hover .img-wrap img { transform:scale(1.05); }
.clients-card .card-body, .product-card .card-body { padding:16px; }
.clients-card .badge-cat, .product-card .badge-cat { font-size:10px;background:#f5f5f5;color:#666;border-radius:20px;padding:3px 10px; }
.clients-card .price, .product-card .price { font-size:1em;font-weight:700; }
.clients-card .old-price, .product-card .old-price { font-size:13px;color:#999;text-decoration:line-through; }
.clients-card .btn-cart, .product-card .btn-cart { width:36px;height:36px;border:1px solid #ddd;border-radius:8px;background:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0; }
.clients-card .btn-cart:hover, .product-card .btn-cart:hover { background:var(--red);border-color:var(--red);color:white; }

/* Cart page items */
.cart-item { border:1px solid #e5e5e5;border-radius:12px;padding:16px;display:flex;gap:16px;background:white; }
.cart-item img { width:80px;height:80px;object-fit:cover;border-radius:8px;flex-shrink:0; }
.qty-btn { width:30px;height:30px;border:1px solid #ddd;background:white;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1; }
.qty-btn:hover { border-color:var(--red);color:var(--red); }

/* Contacts */
.contact-icon { width:48px;height:48px;background:rgba(204,17,17,.1);color:var(--red);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0; }

/* Footer */
.footer-link { color:rgba(255,255,255,.5);text-decoration:none;font-size:14px;display:block;margin-bottom:6px; }
.footer-link:hover { color:var(--red); }

/* Filter buttons */
.filter-btn.active { background:#111!important;color:white!important;border-color:#111!important; }

/* ═══ MOBILE BOTTOM NAV ═══ */
.mobile-bottom-nav {
  position:fixed;bottom:0;left:0;right:0;z-index:1040;
  background:#fff;border-top:1px solid #e5e5e5;
  display:flex;align-items:stretch;
  box-shadow:0 -2px 12px rgba(0,0,0,.08);
  height:62px;
}
.mob-nav-item {
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-decoration:none;color:#555;font-size:10px;gap:3px;position:relative;
  transition:color .2s;
  padding: 6px 2px;
}
.mob-nav-item i { font-size:20px;line-height:1; }
.mob-nav-item span:not(.mob-cart-badge) { font-size:10px; }
.mob-nav-item:hover, .mob-nav-item.active { color:var(--red); }
.mob-nav-wa { color:#25D366; }
.mob-nav-wa:hover { color:#128C4A; }
.mob-nav-tg { color:#2AABEE; }
.mob-nav-tg:hover { color:#1a8ec7; }
.mob-nav-max { color: #8B00FF;}
.mob-nav-max .bi-max::before{
  width: 20px;
  height: 20px;
  filter:invert(77%) sepia(100%) saturate(2024%) hue-rotate(979deg) brightness(100%) contrast(100%);
}

.mob-cart-badge {
  position:absolute;top:4px;right:calc(50% - 18px);
  background:var(--red);color:white;font-size:9px;font-weight:700;
  min-width:16px;height:16px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;padding:0 3px;
}

@media (min-width:992px) {
  body { padding-bottom:0; }
  .mobile-bottom-nav { display:none!important; }
  .topbar { display:block; }
}


.bi-max::before {
  content: ' ';
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAABB0lEQVR42mNgQAP///9nB+JAIJ4JxHuB+DQQrwbiJCDmYcAHgAoCgPjRf9zgIxAn4NJcAMT//hMH+tA1u5GgGQYSYJqZgPgmmuRrII4HYnEgFgbiUCC+gUUNJ8gAVzSJL0CshcWLfEB8HU1tCkiiDU2wG08g+6CpXQASXIUm6ILHAC60sDoBEtyEZoABHgN40dTuBwnORRNUx2NAFJraJSDBEjRBDxya5YD4KZraJJCEJXrAAHEeEE8AYisgNoJa8gZN3Ssg5gYZwAqNOlIAKCBDkZ13lATNf4G4CN1/C5AUgHLfexyabwGxO7YA8gbi5aD0DfWSCBAXAvEiaDrpBgUuEDOjawYAapnILgJi//QAAAAASUVORK5CYII=);
  color: rgba(255, 255, 255, .5);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  filter: opacity(50%);
  transition: color 0.3s ease;
}
.bi-max:hover::before{
  filter: invert(81%) sepia(100%) saturate(2043%) hue-rotate(1066deg) brightness(100%) contrast(100%);
  transition: color 0.3s ease;
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.article-post__image img, video{max-width: 100%;}
.clients-page .img-fluid {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  width: 100%;
}
.smaller {
  font-size: 0.75rem;
}
.article-post__date{
  position: absolute;
  left: 10px;
  top: 10px;
  color: #fff;
  font-weight: bold;
  background: rgb(220 53 69 / 90%);
  box-shadow: 0 0 9px rgb(220 53 69 / 90%);
  width: 74px;
  text-align: center;
  z-index: 1;
}
article{position: relative}
ol.breadcrumb a{text-decoration: none;color: #333}
.sidebar-title{border-top: 1px solid #dc3545; border-bottom: 1px solid #dc3545;padding: 10px 0; text-align: center; margin-bottom: 10px;}

.sidebar-subtitle{ color: #dc3545}

.sidebar-menu{border-right: 1px solid #dc3545;list-style: none;padding-left: 10px; margin: 0}
.sidebar-menu li{ padding: 5px;}
.sidebar-menu li a{text-decoration: none; color: #333}
.sidebar-menu li.here a::before{content: "➤"; display: inline}





.irs {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 2rem;
}

.irs, .irs-line {
  position: relative;
  display: block
}

.irs-line {
  overflow: hidden;
  outline: none !important
}

.irs-line-left, .irs-line-mid, .irs-line-right {
  position: absolute;
  display: block;
  top: 0
}

.irs-line-left {
  left: 0;
  width: 11%
}

.irs-line-mid {
  left: 9%;
  width: 82%
}

.irs-line-right {
  right: 0;
  width: 11%
}

.irs-bar {
  width: 0
}

.irs-bar, .irs-bar-edge {
  position: absolute;
  display: block;
  left: 0
}

.irs-bar-edge {
  top: 0
}

.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0
}

.irs-slider {
  position: absolute;
  display: block;
  cursor: default;
  z-index: 1
}

.irs-slider.type_last {
  z-index: 2
}

.irs-min {
  left: 0
}

.irs-max, .irs-min {
  position: absolute;
  display: block;
  cursor: default
}

.irs-max {
  right: 0
}

.irs-from, .irs-single, .irs-to {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap
}

.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px
}

.irs-with-grid .irs-grid {
  display: block
}

.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000
}

.irs-grid-pol.small {
  height: 4px
}

.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #000
}

.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: transparent;
  z-index: 2
}

.irs-disabled {
  opacity: .4
}

.lt-ie9 .irs-disabled {
  filter: alpha(opacity=40)
}

.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important
}


.irs-with-grid {
  height: 75px
}

.irs-line {
  height: .25rem;
  top: .875rem;
  background: #eee;
  background: linear-gradient(180deg, #ddd -50%, #fff 150%);
  border: 1px solid #ccc;
  border-radius: 16px;
  -moz-border-radius: 16px
}

.irs-line-left, .irs-line-mid, .irs-line-right {
  height: .3125rem
}

.irs-bar {
  height: .25rem;
  top: .875rem;
  border-top: 1px solid #585858;
  border-bottom: 1px solid #585858;
  background: #585858
}

.irs-bar-edge {
  height: 10px;
  top: 33px;
  width: 14px;
  border: 1px solid #428bca;
  border-right: 0;
  background: #428bca;
  background: linear-gradient(0deg, #428bca 0, #7fc3e8);
  border-radius: 16px 0 0 16px;
  -moz-border-radius: 16px 0 0 16px
}

.irs-shadow {
  height: 2px;
  top: 38px;
  background: #000;
  opacity: .3;
  border-radius: 5px;
  -moz-border-radius: 5px
}

.lt-ie9 .irs-shadow {
  filter: alpha(opacity=30)
}

.irs-slider {
  top: .625rem;
  width: .75rem;
  height: .75rem;
  border: 1px solid #cc3647;
  background: #cc3647;
  border-radius: 27px;
  -moz-border-radius: 27px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
  cursor: grab
}

.irs-slider:active {
  cursor: grabbing
}

.irs-max, .irs-min {
  color: #333;
  font-size: 12px;
  line-height: 1.333;
  text-shadow: none;
  top: 0;
  padding: 1px 5px;
  background: rgba(0, 0, 0, .1);
  border-radius: 3px;
  -moz-border-radius: 3px
}

.lt-ie9 .irs-max, .lt-ie9 .irs-min {
  background: #ccc
}

.irs-from, .irs-single, .irs-to {
  color: #fff;
  font-size: 14px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background: #ff0004;
  border-radius: 3px;
  -moz-border-radius: 3px
}

.lt-ie9 .irs-from, .lt-ie9 .irs-single, .lt-ie9 .irs-to {
  background: #999
}

.irs-grid {
  height: 27px
}

.irs-grid-pol {
  opacity: .5;
  background: #428bca
}

.irs-grid-pol.small {
  background: #999
}

.irs-grid-text {
  bottom: 5px;
  color: #99a4ac
}
.slider__inputs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0 -.25rem .25rem
}

.slider__inputs .input-block {
  width: calc(50% - .5rem);
  margin: 0 .25rem
}

.slider__inputs .input-block input {
  width: 100%;
  padding: .25rem
}

.slider__inputs .input-block__label {
  font-size: .75rem
}

.checkbox-container {
  display: block;
  position: relative;
  padding-left: 2rem;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: left;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.checkbox-container .checkbox-container__title {
  font-size: 1rem
}

.checkbox-container .checkbox-container__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  cursor: pointer
}

.checkbox-container .checkbox-container__checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #ccc
}

.checkbox-container .checkbox-container__checkmark:after {
  content: "";
  position: absolute;
  left: .5rem;
  top: .1875rem;
  display: none;
  width: .375rem;
  height: .75rem;
  border: solid #fff;
  border-width: 0 .1875rem .1875rem 0;
  transform: rotate(45deg)
}

.checkbox-container .checkbox-container__input:checked ~ .checkbox-container__checkmark, .checkbox-container:hover .checkbox-container__input ~ .checkbox-container__checkmark {
  background-color: #cc3647
}

.checkbox-container .checkbox-container__input:checked ~ .checkbox-container__checkmark:after {
  display: block
}
.modal-dialog {
  pointer-events: auto;
}
.accordion-link {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
  text-decoration: none;
}
.sort-block{
  border-top: 1px solid #dc3545;
  border-bottom: 1px solid #dc3545;
  margin-bottom: 2em;
}













.jq-checkbox, .jq-radio {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.jq-checkbox input, .jq-radio input {
  position: absolute;
  z-index: -1;
  margin: 0;
  padding: 0;
  opacity: 0
}

.jq-file {
  position: relative;
  display: inline-block;
  overflow: hidden
}

.jq-file input {
  position: absolute;
  top: 0;
  right: 0;
  height: auto;
  margin: 0;
  padding: 0;
  opacity: 0;
  font-size: 100px;
  line-height: 1em
}

.jq-file__name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.jq-select-multiple, .jq-selectbox {
  position: relative;
  display: inline-block
}

.jq-select-multiple select, .jq-selectbox select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0
}

.jq-select-multiple li, .jq-selectbox li {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap
}

.jq-selectbox {
  z-index: 20
}

.jq-selectbox__select {
  position: relative
}

.jq-selectbox__select-text {
  overflow: hidden;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis
}

.jq-selectbox__dropdown {
  position: absolute
}

.jq-selectbox__search input {
  -webkit-appearance: textfield
}

.jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration {
  -webkit-appearance: none
}

.jq-selectbox__dropdown ul {
  overflow: auto;
  overflow-x: hidden;
  list-style: none
}

.jq-select-multiple ul, .jq-selectbox__dropdown ul {
  position: relative;
  -webkit-overflow-scrolling: touch
}

.jq-select-multiple ul {
  overflow-x: hidden
}

.jq-number {
  display: inline-block
}

.jq-number__field input {
  -moz-appearance: textfield;
  text-align: left
}

.jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none
}

.jq-checkbox, .jq-radio {
  vertical-align: -4px;
  width: 16px;
  height: 16px;
  margin: 0 4px 0 0;
  border: 1px solid #c3c3c3;
  background: linear-gradient(#fff, #e6e6e6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05), inset -1px -1px #fff, inset 1px -1px #fff;
  cursor: pointer
}

.jq-checkbox.focused, .jq-radio.focused {
  border: 1px solid #08c
}

.jq-checkbox.disabled, .jq-radio.disabled {
  opacity: .55
}

.jq-checkbox {
  border-radius: 3px
}

.jq-checkbox.checked .jq-checkbox__div {
  width: 8px;
  height: 4px;
  margin: 3px 0 0 3px;
  border-bottom: 2px solid #666;
  border-left: 2px solid #666;
  transform: rotate(-50deg)
}

.jq-radio {
  border-radius: 50%
}

.jq-radio.checked .jq-radio__div {
  width: 10px;
  height: 10px;
  margin: 3px 0 0 3px;
  border-radius: 50%;
  background: #777;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .7)
}

.jq-file {
  width: 270px;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}

.jq-file input {
  cursor: pointer
}

.jq-file__name {
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  padding: 0 80px 0 10px;
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  background: #fff;
  box-shadow: inset 1px 1px #f1f1f1
}

.jq-file__browse, .jq-file__name {
  font: 14px/32px Arial, sans-serif;
  color: #333
}

.jq-file__browse {
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 0 10px;
  border-left: 1px solid #ccc;
  border-radius: 0 4px 4px 0;
  background: linear-gradient(#fff, #e6e6e6);
  box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
  text-shadow: 1px 1px #fff
}

.jq-file:hover .jq-file__browse {
  background: linear-gradient(#f6f6f6, #e6e6e6)
}

.jq-file:active .jq-file__browse {
  background: #f5f5f5;
  box-shadow: inset 1px 1px 3px #ddd
}

.jq-file.focused .jq-file__name {
  border: 1px solid #5794bf
}

.jq-file.disabled, .jq-file.disabled .jq-file__browse, .jq-file.disabled .jq-file__name {
  border-color: #ccc;
  background: #f5f5f5;
  box-shadow: none;
  color: #888
}

.jq-number {
  position: relative;
  vertical-align: middle;
  padding: 0 36px 0 0
}

.jq-number__field {
  width: 100px;
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1)
}

.jq-number__field:hover {
  border-color: #b3b3b3
}

.jq-number__field input {
  box-sizing: border-box;
  width: 100%;
  padding: 8px 9px;
  border: none;
  outline: none;
  background: none;
  font: 14px Arial, sans-serif;
  color: #333
}

.jq-number__spin {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 14px;
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  background: linear-gradient(#fff, #e6e6e6);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-shadow: 1px 1px #fff;
  cursor: pointer
}

.jq-number__spin.minus {
  top: auto;
  bottom: 0
}

.jq-number__spin:hover {
  background: linear-gradient(#f6f6f6, #e6e6e6)
}

.jq-number__spin:active {
  background: #f5f5f5;
  box-shadow: inset 1px 1px 3px #ddd
}

.jq-number__spin:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 11px;
  width: 0;
  height: 0;
  border-bottom: 5px solid #999
}

.jq-number__spin.minus:after, .jq-number__spin:after {
  border-right: 5px solid transparent;
  border-left: 5px solid transparent
}

.jq-number__spin.minus:after {
  top: 5px;
  border-top: 5px solid #999;
  border-bottom: none
}

.jq-number__spin.minus:hover:after {
  border-top-color: #000
}

.jq-number__spin.plus:hover:after {
  border-bottom-color: #000
}

.jq-number.focused .jq-number__field {
  border: 1px solid #5794bf
}

.jq-number.disabled .jq-number__field, .jq-number.disabled .jq-number__spin {
  border-color: #ccc;
  background: #f5f5f5;
  box-shadow: none;
  color: #888
}

.jq-number.disabled .jq-number__spin:after {
  border-bottom-color: #aaa
}

.jq-number.disabled .jq-number__spin.minus:after {
  border-top-color: #aaa
}

.jq-selectbox {
  vertical-align: middle;
  cursor: pointer;
  max-width: 100%
}

.jq-selectbox__select {
  height: 32px;
  padding: 0 45px 0 10px;
  border-radius: 4px;
  font: 14px / 32px Arial, sans-serif;
  color: var(--bs-btn-active-color);
  background-color: #dc3545;
  border-color: var(--bs-btn-active-border-color);
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;

}

.jq-selectbox__select:hover {
background-color:#b02a37
}

.jq-selectbox__select:active {
  background-color:#b02a37;
box-shadow: inset 1px 1px 3px #ddd
}

.jq-selectbox.focused .jq-selectbox__select {
border: 1px solid #5794bf
}

.jq-selectbox.disabled .jq-selectbox__select {
border-color: #ccc;
background: #f5f5f5;
box-shadow: none;
color: #888
}

.jq-selectbox__select-text {
display: block;
width: 100%
}

.jq-selectbox .placeholder {
color: #888
}

.jq-selectbox__trigger {
position: absolute;
top: 0;
right: 0;
width: 34px;
height: 100%;
border-left: 1px solid #ccc
}

.jq-selectbox__trigger-arrow {
position: absolute;
top: 14px;
right: 12px;
width: 0;
height: 0;
border-top: 5px solid #999;
border-right: 5px solid transparent;
border-left: 5px solid transparent
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow {
border-top-color: #000
}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
border-top-color: #aaa
}

.jq-selectbox__dropdown {
box-sizing: border-box;
width: 100%;
margin: 2px 0 0;
padding: 0;
border: 1px solid #ccc;

background: #fff;
font: 14px/18px Arial, sans-serif;
  border: 1px solid rgb(220, 53, 69);
  margin-top: 7px;
}

.jq-selectbox__search {
margin: 5px
}

.jq-selectbox__search input {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 5px 27px 6px 8px;
border: 1px solid #ccc;
border-radius: 3px;
outline: none;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==") no-repeat 100% 50%;
box-shadow: inset 1px 1px #f1f1f1;
color: #333
}

.jq-selectbox__not-found {
margin: 5px;
padding: 5px 8px 6px;
background: #f0f0f0;
font-size: 13px
}

.jq-selectbox ul {
margin: 0;
padding: 0
}

.jq-selectbox li {
min-height: 18px;
padding: 5px 10px 6px;
color: #231f20
}

.jq-selectbox li.selected {
  background-color:#b02a37;
color: #fff
}

.jq-selectbox li:hover {
  background-color: #dc3545;
color: #fff
}

.jq-selectbox li.disabled {
color: #aaa
}

.jq-selectbox li.disabled:hover {
background: none
}

.jq-selectbox li.optgroup {
font-weight: 700
}

.jq-selectbox li.optgroup:hover {
background: none;
color: #231f20;
cursor: default
}

.jq-selectbox li.option {
padding-left: 25px
}

.jq-select-multiple {
box-sizing: border-box;
padding: 1px;
border: 1px solid #ccc;
border-bottom-color: #b3b3b3;
border-radius: 4px;
background: #fff;
box-shadow: inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
font: 14px/18px Arial, sans-serif;
color: #333;
cursor: default
}

.jq-select-multiple.focused {
border: 1px solid #5794bf
}

.jq-select-multiple.disabled {
border-color: #ccc;
background: #f5f5f5;
box-shadow: none;
color: #888
}

.jq-select-multiple ul {
margin: 0;
padding: 0
}

.jq-select-multiple li {
padding: 3px 9px 4px;
list-style: none
}

.jq-select-multiple li:first-child {
border-radius: 3px 3px 0 0
}

.jq-select-multiple li:last-child {
border-radius: 0 0 3px 3px
}

.jq-select-multiple li.selected {
background: #08c;
color: #fff
}

.jq-select-multiple li.disabled {
color: #aaa
}

.jq-select-multiple li.optgroup {
font-weight: 700
}

.jq-select-multiple li.option {
padding-left: 25px
}

.jq-select-multiple.disabled li.selected, .jq-select-multiple li.selected.disabled {
background: #ccc;
color: #fff
}
.filter-wrap.filterJs{
position: absolute;
background: rgb(255, 255, 255);
border: 1px solid rgb(220, 53, 69);
padding: 2em;
z-index: 110;
display: none;
  margin-top: 4px;
}
.filter{
display: flex;
align-items: center;
}
.allimg picture{display: inline-flex; width: 60px; height: 60px; border: 2px solid #fff;border-radius: 10px; overflow: hidden;
cursor: pointer;}
.allimg img{ width: 60px; height: fit-content;margin:0 10px 10px 0}
.allimg picture.active{border-color: blue}