/* ==========================================================================
   Витрина №185 `bgiv` «Мадара» — bulgariainside.bg (гео BG)
   Палитра от шапки сайта: горска зелень #0e5c3f + червено на флага #c8102e + пясък.
   Строка — один грид, без вложенных флексов. Все размеры в ПИКСЕЛЯХ (у темы html{font-size:18px}).
   ========================================================================== */
#page .bgiv-wrap{--v-ink:#16241d;--v-ink2:#4a5a52;--v-brand:#0e5c3f;--v-brand-d:#0a4530;
  --v-red:#c8102e;--v-red-d:#a50d26;--v-sand:#f3ede1;--v-line:#dcd7cb;--v-paper:#fff;
  display:block!important;grid-column:1/-1;flex:1 1 100%;width:100%;max-width:100%;
  box-sizing:border-box;margin:22px 0 26px;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}
#page div:has(> .bgiv-wrap){display:block!important}
#page [class*="col-"]:has(.bgiv-wrap){max-width:none!important;flex:1 1 100%!important;width:100%!important}

#page .bgiv-wrap .bgiv-h2{margin:0 0 6px!important;font-size:23px!important;line-height:1.25!important;
  color:var(--v-brand-d)!important;font-weight:800!important}
#page .bgiv-wrap .bgiv-lead{margin:0 0 12px!important;font-size:14px!important;line-height:1.5!important;
  color:var(--v-ink2)!important}

/* ---------- фильтры ---------- */
#page .bgiv-wrap .bgiv-fi{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
#page .bgiv-wrap .bgiv-filters{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;
  margin:0 0 12px;padding-bottom:4px;scrollbar-width:none}
#page .bgiv-wrap .bgiv-filters::-webkit-scrollbar{display:none}
#page .bgiv-wrap .bgiv-filters label{flex:0 0 auto;white-space:nowrap;cursor:pointer;
  background:var(--v-sand);border:1px solid var(--v-line);border-radius:999px;
  padding:7px 13px;font-size:13px;line-height:1;color:var(--v-ink);font-weight:600}
#page .bgiv-wrap .bgiv-filters label b{font-weight:700;color:var(--v-ink2)}

/* ---------- список ---------- */
#page .bgiv-wrap .bgiv-list{list-style:none!important;margin:0!important;padding:0!important;
  counter-reset:none}
#page .bgiv-wrap .bgiv-list>li{display:grid!important;
  grid-template-columns:44px 92px minmax(0,1.15fr) minmax(0,1.35fr) 176px;
  grid-template-areas:"rk lg nm of ct" "fx fx fx fx fx" "dt dt dt dt dt";
  gap:10px 12px;align-items:center;
  background:var(--v-paper)!important;border:1px solid var(--v-line)!important;
  border-radius:12px!important;margin:0 0 10px!important;padding:11px 14px!important;
  box-shadow:0 1px 2px rgba(20,35,28,.06);box-sizing:border-box;overflow:hidden;
  list-style:none!important;text-indent:0!important}
#page .bgiv-wrap .bgiv-list>li::before,#page .bgiv-wrap .bgiv-list>li::after{content:none!important;display:none!important}
#page .bgiv-wrap .bgiv-list>li.bgiv-top{border-color:var(--v-brand)!important;
  box-shadow:0 0 0 1px var(--v-brand) inset,0 2px 6px rgba(14,92,63,.13)}
#page .bgiv-wrap .bgiv-list>li.bgiv-hid{display:none!important}

/* ранг — «розета»: скошенный квадрат в цветах флага */
#page .bgiv-wrap .bgiv-rank{grid-area:rk;display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:11px;background:var(--v-brand);color:#fff;
  font-size:16px;font-weight:800;line-height:1}
#page .bgiv-wrap .bgiv-list>li.bgiv-top .bgiv-rank{background:var(--v-red);
  box-shadow:0 0 0 3px rgba(200,16,46,.16)}

/* плашка логотипа — ОДНА, светлая, для всех строк */
#page .bgiv-wrap .bgiv-plate{grid-area:lg;display:flex!important;align-items:center;justify-content:center;
  width:84px!important;height:70px!important;background:#fff!important;border:1px solid var(--v-line)!important;
  border-radius:9px!important;padding:5px!important;box-sizing:border-box;float:none!important;position:static!important;margin:0!important}
#page .bgiv-wrap .bgiv-plate img{max-width:100%!important;max-height:100%!important;width:auto!important;
  height:auto!important;object-fit:contain!important;float:none!important;margin:0!important;display:block!important}

#page .bgiv-wrap .bgiv-nm{grid-area:nm;min-width:0}
#page .bgiv-wrap .bgiv-nm b{display:block;font-size:16px;line-height:1.2;color:var(--v-ink);font-weight:800}
#page .bgiv-wrap .bgiv-nm b a{color:var(--v-ink)!important;text-decoration:none}
#page .bgiv-wrap .bgiv-nm b a:hover{color:var(--v-brand-d)!important;text-decoration:underline}
#page .bgiv-wrap .bgiv-score{display:inline-block;margin-top:5px;background:var(--v-brand);color:#fff;
  border-radius:6px;padding:2px 7px;font-size:12px;font-weight:700;line-height:1.35}
#page .bgiv-wrap .bgiv-verdict{display:inline-block;margin-left:6px;font-size:12px;color:var(--v-red-d);font-weight:700}

/* оффер — панель с красной лентой слева */
#page .bgiv-wrap .bgiv-offer{grid-area:of;min-width:0;background:var(--v-sand);
  border-left:4px solid var(--v-red);border-radius:8px;padding:8px 11px;box-sizing:border-box}
#page .bgiv-wrap .bgiv-offer b{display:block;font-size:15px;line-height:1.3;color:var(--v-ink);font-weight:800;
  word-break:break-word}
#page .bgiv-wrap .bgiv-offer i{display:block;margin-top:3px;font-style:normal;font-size:12px;
  line-height:1.35;color:var(--v-ink2)}

#page .bgiv-wrap .bgiv-act{grid-area:ct;display:flex;flex-direction:column;gap:5px;
  padding:0 4px;box-sizing:border-box}
#page .bgiv-wrap a.bgiv-cta{display:block;background:var(--v-red)!important;color:#fff!important;
  border-radius:8px;padding:11px 12px;text-align:center;font-size:15px;font-weight:800;
  text-decoration:none!important;line-height:1.15}
#page .bgiv-wrap a.bgiv-cta:hover{background:var(--v-red-d)!important;color:#fff!important}
#page .bgiv-wrap a.bgiv-rev{display:block;text-align:center;font-size:12px;color:var(--v-brand-d)!important;
  text-decoration:underline}
#page .bgiv-wrap .bgiv-norev{display:block;text-align:center;font-size:12px;color:var(--v-ink2)}

/* строка фактов и чипы */
#page .bgiv-wrap .bgiv-facts{grid-area:fx;font-size:12.5px;line-height:1.4;color:var(--v-ink2);
  border-top:1px dashed var(--v-line);padding-top:7px}
#page .bgiv-wrap .bgiv-chip{display:inline-block;background:var(--v-sand);border:1px solid var(--v-line);
  border-radius:999px;padding:3px 9px;margin:0 5px 4px 0;font-size:12px;line-height:1.3;color:var(--v-ink)}
#page .bgiv-wrap .bgiv-chip--lic{background:#e7f3ec;border-color:#bcdcc9;color:#0a4530;font-weight:700}

/* развороты-пилюли */
#page .bgiv-wrap .bgiv-dt{grid-area:dt;display:flex;flex-wrap:wrap;gap:6px}
#page .bgiv-wrap details.bgiv-d{flex:0 0 auto;background:var(--v-sand);border:1px solid var(--v-line);
  border-radius:999px;padding:0}
#page .bgiv-wrap details.bgiv-d[open]{flex:1 1 100%;border-radius:10px;background:#fff}
#page .bgiv-wrap details.bgiv-d>summary{cursor:pointer;list-style:none;padding:6px 12px;
  font-size:12.5px;font-weight:700;color:var(--v-brand-d)}
#page .bgiv-wrap details.bgiv-d>summary::-webkit-details-marker{display:none}
#page .bgiv-wrap details.bgiv-d .bgiv-dbody{padding:2px 12px 10px;font-size:12.5px;line-height:1.5;color:var(--v-ink)}
#page .bgiv-wrap details.bgiv-d dl{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:0}
#page .bgiv-wrap details.bgiv-d dt{color:var(--v-ink2)}
#page .bgiv-wrap details.bgiv-d dd{margin:0;color:var(--v-ink)}

/* показать все */
#page .bgiv-wrap .bgiv-all{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
#page .bgiv-wrap .bgiv-morebtn{display:inline-block;cursor:pointer;background:var(--v-brand);color:#fff;
  border-radius:9px;padding:10px 18px;font-size:14px;font-weight:700;margin:2px 0 0}
#page .bgiv-wrap .bgiv-morebtn:hover{background:var(--v-brand-d)}

/* ---------- нижний блок: лицензирани от НАП оператори ---------- */
#page .bgiv-wrap .bgiv-local{margin:18px 0 0;border-top:2px solid var(--v-line);padding-top:14px}
#page .bgiv-wrap .bgiv-local h3{margin:0 0 4px!important;font-size:17px!important;color:var(--v-brand-d)!important;font-weight:800!important}
#page .bgiv-wrap .bgiv-local p.bgiv-localnote{margin:0 0 10px!important;font-size:12.5px!important;
  line-height:1.5!important;color:var(--v-ink2)!important}
#page .bgiv-wrap .bgiv-llist{list-style:none!important;margin:0!important;padding:0!important;
  display:flex;flex-wrap:wrap;gap:8px}
#page .bgiv-wrap .bgiv-llist>li{display:grid!important;grid-template-columns:56px minmax(0,1fr);
  gap:10px;align-items:center;flex:1 1 260px;background:var(--v-paper)!important;
  border:1px solid var(--v-line)!important;border-left:4px solid var(--v-brand)!important;
  border-radius:10px!important;padding:9px 12px!important;margin:0!important;box-sizing:border-box}
#page .bgiv-wrap .bgiv-llist>li::before{content:none!important}
#page .bgiv-wrap .bgiv-lplate{display:flex;align-items:center;justify-content:center;width:56px;height:44px;
  background:#fff;border:1px solid var(--v-line);border-radius:7px;padding:3px;box-sizing:border-box}
#page .bgiv-wrap .bgiv-lplate img{max-width:100%!important;max-height:100%!important;object-fit:contain!important;display:block!important}
#page .bgiv-wrap .bgiv-lname{font-size:14px;font-weight:800;color:var(--v-ink);line-height:1.2}
#page .bgiv-wrap .bgiv-loffer{font-size:12.5px;color:var(--v-ink2);line-height:1.4;margin-top:2px}
#page .bgiv-wrap .bgiv-llist a{color:var(--v-brand-d)!important;text-decoration:none;font-weight:700}
#page .bgiv-wrap .bgiv-llist a:hover{text-decoration:underline}

/* дисклеймер */
#page .bgiv-wrap .bgiv-note{margin:12px 0 0!important;font-size:12px!important;line-height:1.55!important;
  color:var(--v-ink2)!important;background:var(--v-sand);border-radius:9px;padding:10px 12px}
#page .bgiv-wrap .bgiv-note a{color:var(--v-brand-d)!important;text-decoration:underline}
#page .bgiv-wrap .bgiv-upd{font-size:12px;color:var(--v-ink2);margin:0 0 10px}

/* ---------- мобилка ---------- */
@media (max-width:820px){
  #page .bgiv-wrap .bgiv-list>li{grid-template-columns:40px 74px minmax(0,1fr);
    grid-template-areas:"rk lg nm" "of of of" "ct ct ct" "fx fx fx" "dt dt dt";
    gap:8px 10px;padding:10px 12px!important}
  #page .bgiv-wrap .bgiv-rank{width:36px;height:36px;font-size:15px}
  #page .bgiv-wrap .bgiv-plate{width:74px!important;height:60px!important}
  #page .bgiv-wrap .bgiv-act{flex-direction:row;gap:8px;padding:0}
  #page .bgiv-wrap a.bgiv-cta{flex:1 1 auto;padding:10px}
  #page .bgiv-wrap a.bgiv-rev,#page .bgiv-wrap .bgiv-norev{flex:0 0 auto;align-self:center}
  #page .bgiv-wrap .bgiv-facts{font-size:12px}
  #page .bgiv-wrap .bgiv-chip:nth-of-type(n+4){display:none}
  #page .bgiv-wrap .bgiv-llist>li{flex:1 1 100%}
}

/* ==========================================================================
   Каскад раскрытия и фильтров — ОДНИМ блоком и строго в этом порядке:
   скрытый хвост → «покажи всички» → фильтры. Селекторы без id секции
   (инпуты лежат ВНУТРИ своих label, поэтому id не нужны вовсе).
   ========================================================================== */
#page .bgiv-wrap .bgiv-list>li.bgiv-hid{display:none!important}
#page .bgiv-wrap:has(.bgiv-all:checked) .bgiv-list>li.bgiv-hid{display:grid!important}
#page .bgiv-wrap:has(.bgiv-all:checked) .bgiv-morebtn{display:none}
#page .bgiv-wrap:has(.bgiv-f-big:checked) .bgiv-list>li:not(.bgiv-m-big){display:none!important}
#page .bgiv-wrap:has(.bgiv-f-dep:checked) .bgiv-list>li:not(.bgiv-m-dep){display:none!important}
#page .bgiv-wrap:has(.bgiv-f-fs:checked) .bgiv-list>li:not(.bgiv-m-fs){display:none!important}
#page .bgiv-wrap:has(.bgiv-f-sport:checked) .bgiv-list>li:not(.bgiv-m-sport){display:none!important}
#page .bgiv-wrap .bgiv-filters label:has(.bgiv-fi:checked){background:#0e5c3f;border-color:#0e5c3f;color:#fff}
#page .bgiv-wrap .bgiv-filters label:has(.bgiv-fi:checked) b{color:rgba(255,255,255,.85)}

/* CTA местных лицензиатов в нижнем блоке */
#page .bgiv-wrap .bgiv-lact{display:block;margin-top:6px}
#page .bgiv-wrap a.bgiv-lcta{display:inline-block;background:#0e5c3f!important;color:#fff!important;
  border-radius:7px;padding:6px 13px;font-size:12.5px;font-weight:700;text-decoration:none!important;line-height:1.2}
#page .bgiv-wrap a.bgiv-lcta:hover{background:#0a4530!important;color:#fff!important}

#page .bgiv-wrap .bgiv-lname{display:block}
#page .bgiv-wrap .bgiv-lname .bgiv-chip{margin-left:6px;vertical-align:middle}

/* мобилка: ужимаем строку до эталона (было 293px при пороге 290) */
@media (max-width:820px){
  #page .bgiv-wrap .bgiv-list>li{gap:6px 8px;padding:9px 11px!important}
  #page .bgiv-wrap .bgiv-offer{padding:6px 9px}
  #page .bgiv-wrap .bgiv-offer b{font-size:14px}
  #page .bgiv-wrap .bgiv-facts{font-size:11.5px;padding-top:5px}
  #page .bgiv-wrap .bgiv-chip{padding:2px 7px;font-size:11.5px;margin:0 4px 3px 0}
  #page .bgiv-wrap details.bgiv-d>summary{padding:5px 10px;font-size:12px}
  #page .bgiv-wrap a.bgiv-cta{padding:9px 10px;font-size:14px}
  #page .bgiv-wrap .bgiv-nm b{font-size:15px}
}

@media (max-width:820px){
  #page .bgiv-wrap .bgiv-facts{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;max-height:36px}
  #page .bgiv-wrap .bgiv-dt details.bgiv-d + details.bgiv-d{display:none}
  #page .bgiv-wrap a.bgiv-rev,#page .bgiv-wrap .bgiv-norev{font-size:11.5px}
  #page .bgiv-wrap .bgiv-plate{width:66px!important;height:54px!important}
  #page .bgiv-wrap .bgiv-list>li{gap:5px 8px}
}
