/* content-compat: минимальный bootstrap-совместимый слой для HTML-контента из БД
   (услуги, cms-страницы, вендор-описания), рендерящегося в новом layout front_search.
   Только сетка + частые утилиты; токены дизайна не трогает. 2026-07-18 #11 */
.content-db{line-height:1.65;font-size:1rem;color:var(--ink,#111114)}
.content-db .container,.content-db .container-fluid{width:100%;padding:0}
.content-db .row{display:flex;flex-wrap:wrap;margin:0 -10px}
.content-db [class*="col-"]{padding:0 10px;min-width:0;flex:0 0 100%;max-width:100%}
@media(min-width:641px){
 .content-db .col-sm-1{flex-basis:8.33%;max-width:8.33%}
 .content-db .col-sm-2{flex-basis:16.66%;max-width:16.66%}
 .content-db .col-sm-3{flex-basis:25%;max-width:25%}
 .content-db .col-sm-4{flex-basis:33.33%;max-width:33.33%}
 .content-db .col-sm-5{flex-basis:41.66%;max-width:41.66%}
 .content-db .col-sm-6{flex-basis:50%;max-width:50%}
 .content-db .col-sm-7{flex-basis:58.33%;max-width:58.33%}
 .content-db .col-sm-8{flex-basis:66.66%;max-width:66.66%}
 .content-db .col-sm-9{flex-basis:75%;max-width:75%}
 .content-db .col-sm-12{flex-basis:100%;max-width:100%}
}
@media(min-width:900px){
 .content-db .col-md-1{flex-basis:8.33%;max-width:8.33%}
 .content-db .col-md-2{flex-basis:16.66%;max-width:16.66%}
 .content-db .col-md-3{flex-basis:25%;max-width:25%}
 .content-db .col-md-4{flex-basis:33.33%;max-width:33.33%}
 .content-db .col-md-5{flex-basis:41.66%;max-width:41.66%}
 .content-db .col-md-6{flex-basis:50%;max-width:50%}
 .content-db .col-md-7{flex-basis:58.33%;max-width:58.33%}
 .content-db .col-md-8{flex-basis:66.66%;max-width:66.66%}
 .content-db .col-md-9{flex-basis:75%;max-width:75%}
 .content-db .col-md-12{flex-basis:100%;max-width:100%}
 .content-db .col-lg-3{flex-basis:25%;max-width:25%}
 .content-db .col-lg-4{flex-basis:33.33%;max-width:33.33%}
}
.content-db img{max-width:100%;height:auto;border-radius:10px}
.content-db p{margin:0 0 .9em}
.content-db h2,.content-db h3,.content-db h4{font-family:'Unbounded',sans-serif;
  font-weight:500;line-height:1.3;margin:1.3em 0 .55em}
.content-db h2{font-size:1.25rem}
.content-db h3{font-size:1.08rem}
.content-db h4{font-size:.98rem}
.content-db a{color:var(--accent,#E2231A)}
.content-db ul,.content-db ol{margin:0 0 .9em 1.25em}
.content-db table{width:100%;border-collapse:collapse;margin:0 0 1em;font-size:.92rem}
.content-db table td,.content-db table th{padding:.4rem .5rem;border:1px solid var(--hair,#E4E4DF)}
.content-db .text-center{text-align:center}
.content-db .text-right{text-align:right}
.content-db .text-left{text-align:left}
.content-db .lead{font-size:1.08rem;color:var(--mute,#8B8B93)}
.content-db .separator,.content-db .separator-2{width:52px;height:2px;background:var(--accent,#E2231A);
  margin:.7em auto;border:0}
.content-db .btn{display:inline-block;border:1.5px solid var(--ink,#111114);border-radius:999px;
  padding:.5rem 1.2rem;color:var(--ink,#111114);text-decoration:none;font-weight:500;font-size:.9rem;
  background:none;transition:all .15s}
.content-db .btn:hover{background:var(--accent,#E2231A);border-color:var(--accent,#E2231A);color:#fff}
.content-db .btn-default,.content-db .btn-primary{background:var(--ink,#111114);color:var(--paper,#fff)}
.content-db .img-thumbnail,.content-db .thumbnail{border:1px solid var(--hair,#E4E4DF);
  border-radius:10px;padding:3px;background:#fff}
.content-db .pull-left{float:left;margin:0 1rem .6rem 0}
.content-db .pull-right{float:right;margin:0 0 .6rem 1rem}
.content-db .clearfix::after,.content-db .clear::after{content:"";display:block;clear:both}
.content-db .mb-10{margin-bottom:10px}.content-db .mb-20{margin-bottom:20px}
.content-db .mt-10{margin-top:10px}.content-db .mt-20{margin-top:20px}
.content-db .p-10{padding:10px}.content-db .p-20{padding:20px}
.content-db .ph-10{padding-left:10px;padding-right:10px}
.content-db .pv-20{padding-top:20px;padding-bottom:20px}
.content-db .light-gray-bg{background:var(--card,#fff);border:1px solid var(--hair,#E4E4DF);
  border-radius:12px}
.content-db .text-red,.content-db .text-danger{color:var(--accent,#E2231A)}
.content-db .text-muted,.content-db .text-small{color:var(--mute,#8B8B93)}
.content-db .text-small{font-size:.85rem}
.content-db iframe{max-width:100%;border:0;border-radius:12px}
.content-db .embed-responsive{position:relative;padding-top:56.25%}
.content-db .embed-responsive iframe{position:absolute;inset:0;width:100%;height:100%}