/* restore-supplement.css — дописанное недостающее для queensny420evaluations.com.
   Внешний CSS темы (Bootstrap-грид + кастомные классы) жил на nitrocdn и утрачен.
   Инлайн critical-CSS перебивает Bootstrap неполными правилами -> восстанавливаем
   адаптивный грид через !important и даём базовую раскладку кастомным секциям.
   НИЧЕГО существующего не трогаем, только добавляем. */

/* ── Bootstrap-4 адаптивный грид (перекрываем усечённый inline critical) ── */
@media (min-width: 576px){
  .col-sm-6{flex:0 0 50%!important;max-width:50%!important;}
  .col-sm-4{flex:0 0 33.333333%!important;max-width:33.333333%!important;}
}
@media (min-width: 768px){
  .col-md-3{flex:0 0 25%!important;max-width:25%!important;}
  .col-md-4{flex:0 0 33.333333%!important;max-width:33.333333%!important;}
  .col-md-6{flex:0 0 50%!important;max-width:50%!important;}
  .col-md-8{flex:0 0 66.666667%!important;max-width:66.666667%!important;}
  .col-md-9{flex:0 0 75%!important;max-width:75%!important;}
  .col-md-12{flex:0 0 100%!important;max-width:100%!important;}
}
@media (min-width: 992px){
  .col-lg-3{flex:0 0 25%!important;max-width:25%!important;}
  .col-lg-4{flex:0 0 33.333333%!important;max-width:33.333333%!important;}
  .col-lg-6{flex:0 0 50%!important;max-width:50%!important;}
  .col-lg-8{flex:0 0 66.666667%!important;max-width:66.666667%!important;}
  .col-lg-12{flex:0 0 100%!important;max-width:100%!important;}
}
.container{width:100%;max-width:1140px;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;}
.row{display:flex;flex-wrap:wrap;}
img.img-fluid,.img-fluid{max-width:100%;height:auto;}

/* ── Нет картинок у пустых svg-плейсхолдеров: не ломать высоту строк ── */
img[src^="data:image/svg+xml"]{max-width:100%;}

/* ── Базовые отступы секций (их CSS утрачен) ── */
section{padding:40px 0;}
section.new{padding:0;}
.pre_column-inners-outer,.pre_column-inner{margin-bottom:24px;}
.pre_innerwrap_box,.pre_contentbox,.benift_details{text-align:center;}
.benift_mainwrap{padding:16px 0;}

/* ── Карточки/аккордеон читабельность ── */
.card{margin-bottom:12px;}

/* ── Футер/низ: колонки не склеивать ── */
footer .row > [class*="col-"]{margin-bottom:20px;}

/* ── Соц-иконки в ряд ── */
ul.social-network,ul.main-list,ul.partnerlogo_bottom{list-style:none;padding-left:0;display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
ul.social-network{justify-content:flex-start;}

/* ── Hero #banner: фон-картинка утрачена -> цветной фон, читаемый текст ── */
section#banner{background-color:#17a2b8!important;background-image:linear-gradient(135deg,#1b9aad,#0f7c8c)!important;}
section#banner:before{display:none!important;}
section#banner .col-md-6{flex:0 0 100%!important;max-width:100%!important;}
section#banner .col-md-6 *{color:#fff!important;}
section#banner .col-md-6 span[style*="red"]{color:#ffd400!important;}

/* ── Убрать зажим body от мусорной 404-страницы Google (max-width:390px) ── */
body{max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;}

/* ── Скрыть пустые svg-плейсхолдеры утраченных картинок (большие пустые боксы) ── */
img[src^="data:image/svg+xml"]{display:none!important;}
/* секция qualifying — синий фон -> белый текст для контраста */
#qualifying,#qualifying *{color:#fff!important;}
#qualifying{padding:50px 0!important;}
#our-consult_dr{min-height:auto!important;}
/* текстовый логотип на главной (на месте утраченного img) */
.qn-logo-text{font-weight:800;font-size:22px;color:#17a2b8;text-decoration:none;white-space:nowrap;}
.qn-logo-text span{color:#222;}

/* ── Списки: выравнивание по тексту, скрытие пустых списков утраченных лого ── */
#qualifying ul{text-align:left;max-width:900px;margin:18px 0 0;list-style:disc;}
#qualifying li{color:#fff!important;}
ul.partnerlogo_bottom,ul.partner_logos,.partnerlogo,.partner_logos{display:none!important;}
/* FAQ-аккордеон на главной */
.faq-cont .heading{text-align:center!important;}
#accordion .card{border:1px solid #e6e6e6;margin-bottom:10px;border-radius:8px;overflow:hidden;}
#accordion .card-header{background:#f7fbfc;padding:0;}
#accordion .btn-link{color:#0f7c8c;font-weight:600;text-decoration:none;width:100%;text-align:left;padding:16px 20px;white-space:normal;}
#accordion .card-body{padding:16px 20px;}
/* убрать огромные пустые отступы секций без картинок */
section{padding-top:40px;padding-bottom:40px;}
#banner{padding:60px 0!important;}

/* ── Скрыть пустые виджет-секции (owl-carousel отзывы — демо, библиотеки нет) ── */
#review_sec,#testimonal,.owl-carousel{display:none!important;}
/* 2-колоночные секции где картинка утрачена: текст на всю ширину, без пустой половины */
#our-consult_dr .col-md-6:empty,section .col-md-6:empty,section .col-lg-6:empty{display:none!important;}

/* ── Аккордеон collapse (на случай если Bootstrap JS не завёлся) ── */
#accordion .collapse{display:none;}
#accordion .collapse.show{display:block;}
#accordion .btn-link:after{content:"\f107";font-family:FontAwesome;float:right;}
#accordion .btn-link[aria-expanded="true"]:after{content:"\f106";}

/* ── Футер: светлый текст (критический CSS главной перебивал цвет) ── */
.qn-footer,.qn-footer p,.qn-footer li,.qn-footer a,.qn-footer i{color:#cfe3ea!important;}
.qn-footer h4{color:#fff!important;}
.qn-footer a:hover{color:#fff!important;}
.qn-copy,.qn-copy *{color:#9fbcc6!important;}

/* ── Список болезней — перечислением через запятую ── */
#qualifying ul{list-style:none!important;max-width:900px;padding:0;margin:14px 0 0!important;text-align:left;}
#qualifying .benift_details{text-align:left!important;}
#qualifying li{display:inline!important;color:#fff!important;}
#qualifying li:not(:last-child):after{content:", ";}
#qualifying li:before{content:none!important;}

/* ── Пустые столбцы-картинки (утрачены): скрыть, текст на всю ширину ── */
.row > [class*="col-"]:has(img[src^="data:"]):not(:has(h1,h2,h3,h4,h5,h6,p,ul,form,.btn,input)){display:none!important;}
.row:has(> [class*="col-"] img[src^="data:"]) > [class*="col-"]:not(:has(img[src^="data:"])){flex:0 0 100%!important;max-width:100%!important;}
/* ── Секции с центрированием ВСЕГО контента (п.3) ── */
#moneyback,#moneyback *,#online-appoint,#online-appoint *,#Ohio-card,#Ohio-card *,#price .heading{text-align:center!important;}
#Ohio-card .col-md-6,#moneyback .col-md-6{margin-left:auto;margin-right:auto;}

/* ── Лого/CTA: явный бирюзовый (критический CSS главной переопределял --teal на зелёный) ── */
.qn-logo{color:#17a2b8!important;}
.qn-logo span{color:#222!important;}
.qn-cta{background:#17a2b8!important;color:#fff!important;}
.qn-cta:hover{background:#0f7c8c!important;}