.form-control{
--bs-body-bg:#D9D9D973
}
:root, [data-bs-theme=light]{
--bs-tertiary-bg:#D9D9D973;
--bs-border-width: 0;
--bs-font-sans-serif: "Inter", sans-serif;
--bs-body-font-family: "Inter", sans-serif;
}

.btn-outline-primary {
    --bs-btn-color: #0d6efd;
    --bs-btn-border-color: #77bcbd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #77bcbd;
    --bs-btn-hover-border-color: #77bcbd;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #77bcbd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0d6efd;
    --bs-gradient: none;
    --bs-border-width: 2px;
}
hr { border-top: 1px solid; }
main {margin-top:1rem}
.fixed-top {background:#ffffffee}
.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #D9D9D973
}
.btn-primary{
    --bs-btn-bg: #77bcbd
}

.ts-control { gap: .5rem}

.searchLiknk{ position:absolute; left:7px;}

header{margin-top: 90px;}
header .input-group-text {border-right:none}
header .form-control {border-left:none}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        margin-left:auto!important;
        margin-right:0!important
    }
}

.items > * {flex: 1 0 24%; min-width:200px; max-width:460px}
.midleForm { max-width:460px; margin:auto}
.form-group {margin:1rem 0; position:relative}

h1, .h1 { font-size:16pt;  margin-top: 1.5rem !important;}

.dropdown-menu {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1);
}

#productsearch-category { padding-right: 1rem; padding-left: 1rem }
.productsearch_city { min-width:200px}
.product-search form  { display:flex; flex-wrap:wrap; gap:1rem}
.product-search .field-productsearch-model, .product-search .field-productsearch-mark{ width: 230px}

@media (max-width: 767.98px) {
  #searchForm  {
    display: grid !important;
    grid-template-areas: 
      "category city"
      "search search";
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  
  #productsearch-category {
    grid-area: category;
    width: 100% !important;
  }
  
  #productsearch-city {
    grid-area: city;
    width: 100% !important;
  }
  
  #text-search {
    grid-area: search;
  }
  /* Стили для TomSelect wrapper */
  .ts-wrapper.form-control {
    width: 100% !important;
  }
}

a.item { text-decoration:none; color:initial}

.product-items{ display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px 15px;}
.products > .item { max-width: 480px}
.products > .item > *:not(:first-child) { text-align:center}
.products > .item h3 { color:#33A3A5; font-weight:100; font-size:120%}
.products .img { width:100%; padding-top: 75%; max-width:460px; background-size: cover; background-position: center; background-repeat: no-repeat; background-color:#eee; border-radius: var(--bs-border-radius); }
.products .img.no-img {  background-image: url(/css/img/logo.png);     background-size: contain; background-blend-mode: multiply; opacity: .4; }
.products small { font-size:10px}
.loadProducts {     margin: 3rem auto; display: block;}


.product-content { max-width:800px; flex-grow:1; flex: 1 1 60%; }
.product-add { max-width:460px; flex: 1 1 35%; }

.product-form form { display:flex; gap:1rem; flex-wrap:wrap;}
.product-form form > div { flex: 1 0 40%; min-width:400px; margin:0}
.product-form form > div.field-product-name { width:100%!important; flex: 1 0 100%;}
.product-form form > div.field-product-description {min-width:100%;}

.product-form form > div.form-images { min-height:100px; min-width:100%; border:1px solid #eee; padding:2px; display: flex; gap: 1rem; flex-wrap: wrap;}
.product-form form > div.form-button { min-width:100%; }
.product-form .form-image img { max-width:300px}

.field-product-number_diff .ts-wrapper.form-control { background-color: #f9f9f9; } 

.has-error .help-block { color: #bd0234; font-size:11px; margin-top:-2px; position:absolute; top:10px; right:0}
.required label::after { content:" *"; }
.has-error label { color: #7f0022; }

#prevGallery { width: calc(100% - 40px); margin: auto}
#prevGallery .btn { padding: 0; flex:0 0 70px }
#prevGallery > .d-flex {gap:10px; margin-top:1rem}

#prevGalleryInner > button { opacity:0.7 }
#prevGalleryInner > button:hover { opacity:1 }
#prevGalleryInner > button.active { box-shadow: 1px 1px 8px rgb(0, 0, 0); opacity:1 }

.product-data small { color:#888} 


.not-set { color:#ccc; font-size:80% }
.product-view th { font-weight:normal; color:#666 }


.container {  max-width: 1440px!important; }