:root{
  --gold:#bd9646;         /* цветът от ценовата лента на текущия сайт */
  --gold-2:#9a7833;       /* по-тъмен нюанс за hover и текст */
  --gold-soft:#f4ecdc;    /* светъл фон, производен на същия цвят */
  --silver:#7f9a9a;       /* от текущия сайт (#b2cfcf), потъмнен за четимост */
  --plat:#7d806f;         /* от текущия сайт (#9b9e8c) */
  --ink:#15171a; --ink-2:#5b616a; --line:#e4e6ea; --paper:#fff; --wash:#f5f6f8;
  --up:#1a7f4b; --down:#c0392b;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--wash);color:var(--ink);font-family:'Onest',system-ui,sans-serif;
 font-size:15px;line-height:1.6;font-feature-settings:'ss01';-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0 0 .5em;font-weight:600;line-height:1.2;letter-spacing:-.015em}
p{margin:0 0 1em}
ul{margin:0;padding:0;list-style:none}
.num{font-variant-numeric:tabular-nums;font-feature-settings:'tnum'}
.wrap{width:min(1180px,100% - 32px);margin-inline:auto}
.sec{padding:56px 0}
.sec--tight{padding:0px}
.sec--wash{background:var(--paper)}
.eyebrow{text-transform:uppercase;font-weight:600;margin-bottom:8px}
.h-sec{font-size:clamp(1.35rem,2.6vw,1.85rem);margin:0}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.muted{color:var(--ink-2)}
.small{font-size:13px}

/* ---------- buttons ---------- */
/* .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:600; */
 /* font-size:14px;padding:11px 20px;border:1px solid transparent;cursor:pointer} */
.btn:active{transform:translateY(1px)}
.btn--sm{padding:8px 14px;font-size:13px}
.btn--block{width:100%}

/* ---------- header ---------- */
.topbar{background:var(--ink);color:#cfd3da;font-size:13px}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:38px;flex-wrap:wrap}
.topbar b{color:#fff;font-weight:600}
.topbar-phones{display:flex;gap:18px;flex-wrap:wrap}
.hdr{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.hdr .wrap{display:flex;align-items:center;gap:24px;min-height:74px}
.logo img{height:40px;width:auto}
.nav{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap}
.nav a{display:block;padding:10px 13px;font-size:14.5px;font-weight:500;border-radius:var(--r);color:var(--ink)}
.icons{display:flex;gap:6px}
.icons a{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--r);border:1px solid var(--line)}

/* ---------- cards / grid ---------- */
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);}
.grid{display:grid;gap:var(--gap)}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}

/* ---------- product card ---------- */
.pcard{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);display:flex;
 flex-direction:column;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.pcard:hover{border-color:#cfd3da;box-shadow:0 6px 24px rgba(20,23,28,.07)}
.pcard__media{position:relative;aspect-ratio:1/1;display:grid;place-items:center;padding:18px;background:var(--paper)}
.pcard__media img{max-height:100%;width:auto;object-fit:contain;mix-blend-mode:multiply}
.pcard__body{padding:0 14px 14px;display:flex;flex-direction:column;flex:1}
@media (max-width: 600px)
{
    .pcard__body
    {
        padding: 0 4px 14px;
    }
}
.pcard__title{font-size:14px;font-weight:500;line-height:1.35;margin:0 0 8px;height:3.8em}
.pcard__meta{font-size:12.5px;color:var(--ink-2);margin-bottom:10px}
.pcard__prices{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.plab{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);display:block;margin-bottom:2px}
.pval{font-size:14px;font-weight:600;display:block;margin-bottom:8px}
.badge--last{background:#b8791b}
.stock{position:absolute;right:10px;top:10px;font-size:11px;color:var(--up);display:flex;align-items:center;gap:5px}
.stock::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.stock--out{color:var(--down)}
.oos{grid-column:1/-1;font-size:13px;color:var(--down);font-weight:500}

/* ---------- price rail ---------- */
.rail__cell{background:var(--paper);padding:14px 16px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.rail__name{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.rail__name.silver{color:var(--silver)}.rail__name.plat{color:var(--plat)}
.rail__val{font-size:20px;font-weight:600;margin-left:auto}
.rail__chg{font-size:13px;font-weight:500}

/* ---------- tables ---------- */
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{text-align:left;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);
 font-weight:600;padding:10px 12px;border-bottom:1px solid var(--line)}
.tbl td{padding:12px;border-bottom:1px solid var(--line)}
.tbl tr:last-child td{border-bottom:0}
.tbl .r{text-align:right}
.flag{width:20px;height:14px;object-fit:cover;border-radius:2px;display:inline-block;vertical-align:-2px;margin-right:8px}

/* ---------- forms ---------- */
.field{margin-bottom:12px}
.field label{display:block;font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:5px}
/* .inp{width:100%;font:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--line);
 border-radius:var(--r);background:var(--paper);color:var(--ink)} */
.row2{display:grid;grid-template-columns:1fr 92px;gap:8px}

/* ---------- trust strip / footer ---------- */
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}
.trust li{font-size:14px;display:flex;gap:10px;align-items:flex-start}
.trust b{display:block;font-weight:600}
.tick{font-weight:700}
.logos{display:grid;grid-template-columns:repeat(10,1fr);gap:18px;align-items:center}
.logos img{filter:grayscale(1);opacity:.55;transition:.2s}
.logos img:hover{filter:none;opacity:1}
.ftr{background:var(--ink);color:#a9aeb7;padding:52px 0 0;font-size:14px}
.ftr h4{color:#fff;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.ftr li{margin-bottom:8px}
.ftr__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
.ftr__logo{height:38px;margin-bottom:16px}
.ftr__legal{border-top:1px solid #2b3038;margin-top:40px;padding:18px 0;display:flex;
 justify-content:space-between;gap:16px;font-size:13px;flex-wrap:wrap}

/* ---------- breadcrumb / editorial ---------- */
.crumbs{padding:14px 0}
.prose{max-width:100%}
.prose h3{font-size:1.05rem;margin-top:1.6em}
.prose p{color:var(--ink-2)}
.faq{border-top:1px solid var(--line);margin-top:20px}
.faq details{border-bottom:1px solid var(--line);background:#eef0f369;padding-left:15px;padding-right:15px}
.faq summary{cursor:pointer;padding:16px 0;display:flex;justify-content:space-between;gap:16px;list-style:none; font-weight: 800}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:23px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq p{color:var(--ink-2);margin:0 0 16px;max-width:70ch}

/* ---------- preview chrome (not part of the design) ---------- */
.chrome{position:fixed;left:0;right:0;bottom:0;z-index:100;background:#101317;color:#e8eaed;
 display:flex;align-items:center;gap:14px;padding:9px 16px;font-size:13px;
 font-family:ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 -4px 20px rgba(0,0,0,.25)}
.chrome b{color:var(--gold);font-weight:600}
.chrome__tabs{display:flex;gap:6px;margin-left:auto}
.chrome button{font:inherit;background:#1e232a;color:#e8eaed;border:1px solid #2f353d;
 padding:6px 12px;border-radius:5px;cursor:pointer}

.drawer{position:fixed;inset:0 0 0 auto;width:min(560px,100%);background:#fff;z-index:110;
 overflow-y:auto;padding:32px 32px 80px;box-shadow:-12px 0 40px rgba(0,0,0,.2);
 transform:translateX(100%);transition:transform .25s ease}
.drawer.open{transform:none}
.drawer h2{font-size:1.3rem}
.drawer h3{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2);margin-top:28px}
.drawer li{margin-bottom:12px;padding-left:16px;position:relative;font-size:14px;color:#333}
.drawer li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%}
.drawer li b{color:#111}
.drawer__x{position:absolute;right:20px;top:18px;background:none;border:0;font-size:26px;cursor:pointer;color:#666}
.hidden{display:none}

@media(max-width:900px){
 .g4,.g3,.trust,.ftr__grid{grid-template-columns:repeat(2,1fr)}
 .logos{grid-template-columns:repeat(5,1fr)}
 .nav{display:none}
 .sec{padding:40px 0}
}
@media(max-width:560px){
 .g2,.trust,.ftr__grid{grid-template-columns:1fr}
 .chrome{font-size:12px;gap:8px}
}

:root{--r:4px;--gap:20px}
.hero{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.hero__img{position:absolute;inset:0;opacity:.45}
.hero__img img{width:100%;height:100%;object-fit:cover}
.hero .wrap{position:relative;min-height:340px;display:flex;align-items:center}
.hero h1{font-size:clamp(1.6rem,3.4vw,2.4rem);max-width:18ch;margin:0;text-shadow:0 2px 18px rgba(0,0,0,.5)}
.hero__dots{position:absolute;bottom:18px;left:0;right:0;display:flex;gap:7px;justify-content:center}
.hero__dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.45)}
.box{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.box__head{display:flex;justify-content:space-between;align-items:center;gap:12px;
 padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.box__head h3{margin:0;font-size:1rem}
.mini{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.mini:last-child{border:0}
.mini img{width:44px;height:44px;object-fit:contain}
.mini__t{font-size:13px;line-height:1.3}
.mini__p{margin-left:auto;font-weight:600;font-size:14px;white-space:nowrap}

/* ---------- ценови борд (desk) ---------- */
.desk{background:linear-gradient(180deg,#12161b,#1b2027);color:#fff;padding:34px 0 30px}
.desk__top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.desk h1{font-size:clamp(1.5rem,3vw,2.1rem);margin:0;max-width:22ch}
.desk__sub{color:#9aa2ad;font-size:14px;margin:6px 0 0}
.desk__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mcell{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:var(--r);padding:16px 18px}
.mcell__h{display:flex;justify-content:space-between;align-items:center;font-size:12px;
 letter-spacing:.11em;text-transform:uppercase;font-weight:700;margin-bottom:10px}
.mcell__h .silver{color:#c2d6d6}.mcell__h .plat{color:#b7bba7}
.mcell__v{font-size:26px;font-weight:600;line-height:1}
.mcell__u{font-size:13px;color:#9aa2ad;margin-top:6px}
.mcell__chg{font-size:13px;color:#4cc98a;font-weight:600}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{font-size:13px;font-weight:500;padding:7px 14px;border-radius:999px;
 background:var(--paper);cursor:pointer}
.office{padding:4px 0 4px 18px}
.office h4{margin:0 0 4px;font-size:1rem}
.office p{margin:0;color:var(--ink-2);font-size:14px}
.svc__card h3{font-size:1.02rem;margin-bottom:6px}
.svc__card p{color:var(--ink-2);font-size:14px}
.subnav{position:sticky;top:74px;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);
 border-bottom:1px solid var(--line);padding:10px 0}
.subnav .wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
@media(max-width:900px){.split,.svc,.offices,.desk__grid{grid-template-columns:1fr}}


/* ═══════════ ФИРМЕНИ ЦВЕТОВЕ: СИНЬО · ЧЕРВЕНО · БЯЛО ═══════════ */
:root{
  --blue:#052a4c; --blue-2:#153e7c; --blue-soft:#eaf1fb;
  --red:#7e1416;  --red-2:#a30d26;  --red-soft:#fdecef;
}
/* основно действие */
.btn{border-width:1.5px;border-style:solid;border-radius:6px}
.btn--gold{background:var(--blue);color:#fff;border-color:var(--blue-2)}
.btn--gold:hover{background:var(--blue-2);border-color:var(--blue-2)}
/* второстепенно действие: бяло с син контур */
.btn--ghost{background:#fff;color:var(--blue);border-color:var(--blue)}
.btn--ghost:hover{background:var(--blue-soft);color:var(--blue-2);border-color:var(--blue-2)}
/* продажба към Limar и акцентни действия: червено */
.btn--red-ghost{background:#fff;color:var(--red);border-color:var(--red)}
.btn--dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn--dark:hover{background:#2b3038;border-color:#2b3038}
/* контроли следват бутоните */
.switch button.on{border-color:var(--blue-2)}
.chrome button.on{background:var(--blue);border-color:var(--blue-2);color:#fff}
.chip{border:1.5px solid var(--line)}
.chip:hover,.chip.on{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-2)}
.inp:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px rgba(27,79,156,.16)}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.tabs button.on,.tabs .on{border-color:var(--blue);color:var(--blue-2)}
/* червеното като марков акцент */
.eyebrow{color:var(--red)}
.badge--new,.pcard__badge{background:var(--red);color:#fff}
.office{border-left:3px solid var(--red)}
.faq summary::after{color:var(--red)}
.h-sec::after{content:"";display:block;width:46px;height:3px;background:var(--red);margin-top:10px;border-radius:2px}
.ftr a:hover{color:var(--red)}
.nav a:hover{color:var(--red)}
.nav a.on{color:var(--blue)}
.nav a.on::after{background:var(--red)}
.icons a:hover{border-color:var(--blue);color:var(--blue)}
.tick{color:var(--blue)}
.pval--buy{color:var(--blue);font-size:16px;}
.drawer li::before{background:var(--red)}
.mcell__h .gold{color:var(--blue)}
.rail__name.gold{color:var(--blue)}
.hero__dots span.on{background:var(--red)}
/* превключвател на макета */
.mockbar{position:sticky;top:0;z-index:60;background:var(--ink);color:#fff;display:flex;
 align-items:center;gap:14px;padding:9px 20px;font:600 13px/1 system-ui,-apple-system,sans-serif}
.mockbar span{opacity:.6;font-weight:400;letter-spacing:.04em;text-transform:uppercase;font-size:11px}
.mockbar button{appearance:none;border:1.5px solid rgba(255,255,255,.3);background:transparent;
 color:#fff;font:inherit;padding:7px 15px;border-radius:8px;cursor:pointer}
.mockbar button.on{background:var(--blue);border-color:var(--blue)}
.mockbar .right{margin-left:auto;opacity:.55;font-weight:400;font-size:11.5px;text-transform:none;letter-spacing:0}

/* ═══════════ ПОПРАВКА: значките под изображението ═══════════ */
/* причината: mix-blend-mode върху <img> създава нов контекст на наслагване
   и рисува върху абсолютно позиционираните значки, които нямат z-index */
.pcard__media{isolation:isolate}
.pcard__media img{position:relative;z-index:1;max-width:100%;}
.stock,.badge{z-index:3}
.stock{background:rgba(255,255,255,.94);padding:4px 9px 4px 8px;border-radius:999px;
  box-shadow:0 1px 3px rgba(20,23,28,.10);font-weight:600;line-height:1}
.badge{box-shadow:0 1px 3px rgba(20,23,28,.16)}


/* ═══════════ РЕДУВАЩ СЕ ФОН: БЯЛО ↔ МЕК СИВ ═══════════ */
/* Светла страница. Разделянето идва от тоналната стъпка плюс тънка линия,
   а не от тежък контраст. Продуктовите карти остават най-силният елемент. */
:root{
  --sec-a:#ffffff;      /* нечетните секции */
  --sec-b:#eef0f3;      /* четните: мек сив, ~6% по-тъмен от бялото */
  --sec-rule:#dfe3e8;   /* линията между секциите */
}
.sec--light{background:var(--sec-a)}
.sec--soft {background:var(--sec-b)}
.sec--light,.sec--soft{border-top:1px solid var(--sec-rule);position:relative}
.sec--light:first-of-type,.sec--soft:first-of-type{border-top:0}

/* картите печелят дефиниция върху сивото, вместо да я губят */
.sec--soft .pcard,.sec--soft .card,.sec--soft .box{
  background:#fff;border-color:#e2e6eb;box-shadow:0 1px 2px rgba(20,23,28,.04)}
.sec--soft .pcard:hover{box-shadow:0 6px 24px rgba(20,23,28,.09);border-color:#cfd5dd}
.sec--soft .inp{background:#fff;border-color:#dbe0e6}
.sec--soft .mini{border-bottom-color:#e2e6eb}
.sec--soft .rail__cell,.sec--soft .mcell{background:#fff;border-color:#e2e6eb}

/* десk остава тъмен: това е ценовият борд, той трябва да е котва */
.desk{border-bottom:1px solid var(--sec-rule)}

/* ═══════════ ЕДИНЕН ПРЕВКЛЮЧВАТЕЛ ═══════════ */
/* Един компонент навсякъде: капсула с плъзгащ се активен елемент.
   Върху тъмно (ценовия борд) е полупрозрачен; върху светло получава
   контур, за да се вижда като контрола, а не като текст. */
.switch,.tabs{
  display:inline-flex;gap:3px;padding:3px;border-radius:999px;
  background:#fff;border:1.5px solid var(--sec-rule);
  box-shadow:0 1px 2px rgba(20,23,28,.05)
}
.switch button,.tabs button,.tabs a{
  font:inherit;font-size:12.5px;font-weight:600;line-height:1;
  padding:8px 16px;border-radius:999px;border:0;background:transparent;
  color:var(--ink-2);cursor:pointer;transition:background .15s,color .15s;
  text-decoration:none;white-space:nowrap
}
.switch button:hover,.tabs button:hover,.tabs a:hover{background:var(--blue-soft);color:var(--blue-2)}
.switch button.on,.tabs button.on,.tabs a.on{
  background:var(--blue);color:#fff;box-shadow:0 1px 2px rgba(27,79,156,.3)
}
.switch button.on:hover,.tabs button.on:hover,.tabs a.on:hover{background:var(--blue-2);color:#fff}
.switch button:focus-visible,.tabs button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* върху ценовия борд: прозрачен вариант на същия компонент */
.desk .switch,.desk .tabs{
  background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);box-shadow:none
}
.desk .switch button,.desk .tabs button{color:#d5d9df}
.desk .switch button:hover,.desk .tabs button:hover{background:rgba(255,255,255,.14);color:#fff}
.desk .switch button.on,.desk .tabs button.on{background:var(--blue);color:#fff}

/* върху мек сив фон контурът е малко по-плътен */
.sec--soft .switch,.sec--soft .tabs{border-color:#d7dce3}

/* ═══════════════════════════════════════════════════════════
   HOMEPAGE REDESIGN PASS (brief limar24-homepage-prompt.md)
   Всичко ново е тук; .min файлове не се пипат.
   Бел.: --ink вече е #15171a (почти черно) — ползвам го за hover на
   иконите вместо да предефинирам --ink на #000 (би счупило футъра/текста).
   ═══════════════════════════════════════════════════════════ */

/* Task 1 — нови токени (--blue/--red вече съществуват от v3) */
:root{
  --blue-dark:#143b75;
  --blue-tint:rgba(27,79,156,.08);
}

/* Task 2 — падащо каре веднага след линка (не след целия <li>) */
.hdr .nav > li.dropdown-toggle::after{display:none}
.hdr .nav > li.dropdown > a{display:inline-flex;align-items:center;gap:6px}
.hdr .nav > li.dropdown > a::after{
  content:"";width:0;height:0;
  border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;
  flex:0 0 auto;transition:transform .18s ease}
.hdr .nav > li.dropdown:hover > a::after,
.hdr .nav > li.dropdown.show > a::after{transform:rotate(180deg)}
@media (max-width: 768px) {
    .hdr .nav > li.dropdown > a::after{display:none}
}
/* Task 3 — икони като бордюрирани квадратни бутони */
.hdr .icons{display:flex;align-items:center;gap:8px}
.hdr .icons > a,
.hdr .icons .hamburger-btn{
  width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--blue);border-radius:6px;background:#fff;color:var(--blue);padding:0;overflow:visible;
  transition:color .18s ease,border-color .18s ease}
/* хамбургерът е само за мобилни — навигацията е видима на десктоп (>900px) */
@media(min-width:901px){.hdr .icons .hamburger-btn{display:none}}
/* при отворено мобилно меню хамбургерът (три черти) става „X" (кръстче) */
.navigation.open ~ .icons .hamburger-btn i::before{content:"\f00d"}
.hdr .icons > a i,
.hdr .icons .hamburger-btn i{color:inherit;font-size:15px}
.hdr .icons > a:hover,.hdr .icons > a:focus-visible,
.hdr .icons .hamburger-btn:hover,.hdr .icons .hamburger-btn:focus-visible{color:var(--ink);border-color:var(--ink)}
.hdr .icons > a:focus-visible,
.hdr .icons .hamburger-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.hdr .icons .searchbox{overflow:visible} /* панелът за търсене да не се отрязва от квадрата */
/* --- Мобилно меню: отвореното меню е пълноширок падащ панел под хедъра --- */
@media(max-width:900px){
  .hdr .wrap{position:relative;flex-wrap:nowrap}
  .hdr .icons{margin-left:auto}
  .hdr .nav.navigation{margin-left:0}
  .hdr .nav.navigation.open{
    display:flex!important;flex-direction:column;align-items:stretch;
    position:absolute;left:0;right:0;top:100%;margin:0;padding:6px 0;gap:0;
    background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
    box-shadow:0 10px 22px rgba(0,0,0,.10);
    max-height:calc(100vh - 74px);overflow-y:auto;z-index:60}
  .hdr .nav.navigation.open > li,
  .hdr .nav.navigation.open .list-group-item{width:100%;text-align:center;border-bottom:1px solid var(--line)}
  .hdr .nav.navigation.open > li:last-child{border-bottom:0}
  .hdr .nav.navigation.open a{display:block;padding:5px 16px}
}

/* --- Топ лента: телефоните като „Обадете се" dropdown на мобилни --- */
.topbar-call{position:relative}
/* десктоп: няма бутон, телефоните са инлайн както досега */
@media(min-width:901px){
  .topbar-call{display:flex;align-items:center}
  .topbar-call > summary{display:none}
  /* новите браузъри крият съдържанието на затворен <details> през ::details-content */
  .topbar-call::details-content{content-visibility:visible!important}
  .topbar-call .topbar-phones{display:flex!important;position:static;flex-direction:row;gap:18px;
    background:none;border:0;box-shadow:none;padding:0;margin:0}
}
/* мобилни: скриваме часовете, показваме бутон + падащ панел */
@media(max-width:900px){
  .topbar .wrap{justify-content:flex-start}
  .topbar .topbar-hours{display:none}
  .topbar-call > summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;
    padding:5px 12px 5px 5px;background:#fff;border:1px solid var(--blue);border-radius:8px;
    color:var(--red);font-weight:700;font-size:14px}
  .topbar-call > summary::-webkit-details-marker{display:none}
  .topbar-call > summary i{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
    width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font-size:13px}
  .topbar-call .topbar-phones{position:absolute;top:calc(100% + 6px);left:0;z-index:70;
    display:flex;flex-direction:column;gap:14px;min-width:220px;
    background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 26px rgba(0,0,0,.14);padding:16px 18px}
  .topbar-call .topbar-phones span{display:flex;flex-direction:column;color:var(--ink);font-weight:700;font-size:14px}
  .topbar-call .topbar-phones .num{color:var(--ink);font-weight:400;font-size:15px}
}

/* Task 4 — hero CTA бутони (и трите еднакви, сини) */
.hero__cta{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}
.btn--blue{background:var(--blue);border-color:var(--blue);color:#fff}
.btn--blue:hover,.btn--blue:focus-visible{background:#fff;color:var(--blue);border-color:var(--blue)}
.btn--blue:active{background:var(--blue-dark);border-color:var(--blue-dark);color:#fff}
/* плътно червен бутон (напр. „Купи" на продуктовата страница) */
.btn--red{background:var(--red);border-color:var(--red);color:#fff}
.btn--red:active{background:var(--red-2);border-color:var(--red-2);color:#fff}

/* Task 6a — размяна: h2 отгоре, eyebrow отдолу (само в секцията с метали) */
.sec--light .sec-head .h-sec + .eyebrow{margin-top:11px}
/* Task 6b — по-едър eyebrow (глобално) */
.eyebrow{font-size:17px;letter-spacing:.1em}

/* Task 7a — равни по височина колони на .split (валута/застраховане/изкупуване) */
.split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.split > .box,.split > div{height:100%}
.split > .box{display:flex;flex-direction:column}
.currency_p_form{display:flex;flex-direction:column;flex:1}
.currency_p_form .btn--block{margin-top:auto}
@media (max-width:860px){.split{grid-template-columns:1fr}}

/* Task 7b — подравняване на знамената (select2 калкулатор + таблица „Популярни курсове“) */
.select2-container--default .select2-selection--single{height:calc(1.5em + .75rem + 2px);display:flex;align-items:center;padding:0 12px;border:1px solid #d9dde3;border-radius:6px}
.select2-container--default .select2-selection--single .select2-selection__rendered{display:flex;align-items:center;gap:8px;padding:0;line-height:1}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:100%}
.select2-results__option{display:flex;align-items:center;gap:8px}
.select2-selection__rendered img,.select2-results__option img{width:22px;height:15px;object-fit:cover;flex:0 0 22px;border-radius:2px;display:block}
.tbl img.flag{width:22px;height:15px;object-fit:cover;border-radius:2px;vertical-align:middle;margin-right:8px}
.tbl td a{display:flex;align-items:center;gap:0}

/* Task 8 — 6 застрахователни карти в 2 колони, равни височини */
.svc{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:stretch}
.svc__card{display:flex;flex-direction:column;height:100%;padding:18px;border:1px solid #e6e9ee;border-radius:10px;background:#fff}
.svc__card h3{margin:0 0 8px}
.svc__card p{flex:1 1 auto;margin:0 0 12px}
.svc__card a{margin-top:auto}
.svc__link{font-size:13px;font-weight:600;color:var(--blue);text-decoration:none}
.svc__link:hover{text-decoration:underline}
/* лявата колона flex, за да залепи брокерския абзац долу и да изравни двете половини */
.sec--light .split > div{display:flex;flex-direction:column}
.sec--light .split > div > .svc{flex:1 1 auto}
@media (max-width:860px){.svc{grid-template-columns:1fr}}

/* Task 9 — офиси: снимки, tel/карта, равни височини */
.offices{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-items:stretch}
.office{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #e6e9ee;border-radius:10px;overflow:hidden}
.office__media{display:block}
.office__media img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.office__body{display:flex;flex-direction:column;flex:1;padding:18px}
.office__contact{margin:4px 0 12px}
.office__phone{color:var(--blue);font-weight:600;text-decoration:none}
.office__phone:hover{text-decoration:underline}
.office__map{margin-top:auto;align-self:flex-start}
@media (max-width:860px){.offices{grid-template-columns:1fr}}

/* Task 10 — блог карти: 3-редов clamp, син бутон, равни височини */
.grid.g3{align-items:stretch}
.blog-card{display:flex;flex-direction:column;height:100%;overflow:hidden}
.blog-card__media{display:block}
.blog-card__img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.blog-card__body{display:flex;flex-direction:column;flex:1;padding:18px}
.blog-card__meta{font-size:.85rem;color:var(--ink-2);margin-bottom:6px}
.blog-card__title{font-size:1.02rem;margin:0 0 8px}
.blog-card__title a{color:inherit;text-decoration:none}
.blog-card__excerpt{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;min-height:calc(1.5em * 3);margin-bottom:14px;color:var(--ink-2)}
.blog-card__cta{margin-top:auto;align-self:flex-start}

/* Task 5 — глобален hover за ВСИЧКИ .btn (след вариантите → печели по ред) */
.btn{transition:background-color .18s ease,color .18s ease,border-color .18s ease}
.btn:hover,.btn:focus-visible{background:#fff;color:var(--blue);border-color:var(--blue)}
.btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* ═══════════════════════════════════════════════════════════
   CATEGORY PAGE (brief limar24-category-product §5)
   Порт на #page-category върху products.tpl. Само за тази страница;
   без промени по споделените .btn правила (homepage не се пипа).
   ═══════════════════════════════════════════════════════════ */
.h-page{font-size:clamp(1.6rem,1.2rem + 2vw,2.4rem);font-weight:700;margin:0 0 10px;color:var(--ink)}
.crumbs{font-size:13px;color:var(--ink-2)}
.crumbs a:hover{color:var(--blue)}

/* Плочки за съседни категории */
.subcat-tile{padding:6px}
.subcat-tile img{width:56px;height:auto;flex:0 0 56px}
.subcat-tile h2{margin:0;font-size:1.05rem;color:var(--ink)}

/* Филтър бар */
.filterbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;
  background:var(--blue-soft);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;margin:20px 0 14px}
.filterbar .dropdown{position:relative}
.filterbar__search{width:auto;flex:1 1 160px;min-width:140px}
.filterbar__clear{color:var(--ink-2)}
.filterbar__sort{margin-left:auto}
.filterbar .dropdown-menu{min-width:220px}
.filterbar__unit{margin-bottom:12px}
@media(max-width:860px){.filterbar__sort{margin-left:0}}

/* Количество в продуктовата карта (запазва .prlist_qty за add-to-cart JS) */
.pcard__qty{display:flex;align-items:center;gap:8px;margin-bottom:10px}
@media (max-width:768px)
{
    .pcard__qty
    {
        flex-direction: column;
    }
}
/* Количество в листинга — пил степер като на продуктовата страница (компактен вариант) */
.pcard__qty .input-group{display:inline-flex;flex-wrap:nowrap;align-items:stretch;width:auto;max-width:100%;
  border:1.5px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}
.pcard__qty .input-group input[type=button]{flex:0 0 auto;width:32px;height:36px;padding:0;margin:0;border:0;
  border-radius:0;background:transparent;font-size:16px;line-height:1;color:var(--ink-2);cursor:pointer;box-shadow:none}
.pcard__qty .input-group input[type=button]:hover{background:var(--blue-soft);color:var(--blue-2)}
.pcard__qty .input-group .quantity-field{flex:1 1 auto;width:42px;min-width:0;height:36px;padding:0;margin:0;border:0;
  border-radius:0;background:transparent;text-align:center;font:inherit;font-weight:700;color:var(--ink);-moz-appearance:textfield}
.pcard__qty .input-group .quantity-field::-webkit-outer-spin-button,
.pcard__qty .input-group .quantity-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* Етикет на продукта — динамичен цвят от Bootstrap badge-{color}, оформен тук */
.labelProduct{position:absolute;left:10px;top:10px;z-index:3;font-size:10.5px;font-weight:700;
  letter-spacing:.06em;padding:4px 8px;border-radius:3px;box-shadow:0 1px 3px rgba(20,23,28,.16)}

/* Спот лента — реална посока (§5d): неутрално по подразбиране (вкл. 0.00%),
   цветът идва от prefix_color класа, подаден от контролера */
.rail__chg{color:var(--ink-2)}
.rail__chg.text-success,.rail__chg.up,.rail__chg.green{color:var(--up)}
.rail__chg.text-danger,.rail__chg.down,.rail__chg.red{color:var(--down)}
.list-group-horizontal .list-group-item
{
    padding: .75rem .50rem;
}

/* ═══════════════════════════════════════════════════════════
   PHASE 4 — SHARED §0 PATTERNS (limar24-remaining-pages §0)
   Изграждат се веднъж в споделения слой, преди който и да е шаблон.
   §0h (.pricebox) е отложен — той е "promote" на PDP кутията, която още
   не е построена; ще се дефинира при порта на продуктовата страница.
   ═══════════════════════════════════════════════════════════ */

/* §0a — Page header (обикновен вариант; .hero остава за страници със снимка) */
.phead .eyebrow{margin-bottom:6px}
.lede{font-size:16.5px;max-width:62ch;margin:0;color:var(--ink-2)}

/* §0b — Pagination (crawlable, реални <a href>) */
.pager{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:32px}
.pager__list{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.pager__list li{display:block}
.pager__list a,.pager__list span{display:inline-flex;min-width:36px;height:36px;align-items:center;justify-content:center;
  padding:0 10px;border-radius:var(--r);border:1px solid var(--line);color:var(--ink);font-size:14px}
.pager__list a:hover{border-color:var(--blue);color:var(--blue)}
.pager__list [aria-current="page"]{background:var(--blue);border-color:var(--blue);color:#fff}
.pager__list [aria-hidden="true"]{border:0}

/* §0c — Form states */
.field__hint{font-size:12px;color:var(--ink-2);margin-top:5px}
.field__error{font-size:12.5px;color:var(--down);margin-top:5px;display:flex;gap:6px;align-items:flex-start}
.inp--error{border-color:var(--down)}
.inp--error:focus{box-shadow:0 0 0 3px rgba(192,57,43,.15)}
.inp:disabled{background:var(--wash);color:var(--ink-2);cursor:not-allowed}
.field--required label::after{content:" *";color:var(--down)}
.form__status{padding:12px 14px;border-radius:var(--r);font-size:14px;margin-bottom:16px}
/* success няма токен — литералите са зелени за band, извън палитрата умишлено */
.form__status--ok{background:#eaf6ef;border:1px solid #bfe0cd;color:#155e38}
.form__status--err{background:var(--red-soft);border:1px solid #f3c2cb;color:var(--red-2)}

/* §0d — Empty / result state (винаги завършва с действие) */
.empty{text-align:center;padding:48px 20px;border:1px dashed var(--line);border-radius:var(--r);background:var(--paper)}
.empty__t{font-size:1.1rem;margin:0 0 8px;color:var(--ink)}
.empty .btn{margin-top:14px}

/* §0e — Notice band (устойчиво, в потока; не toast) */
.notice{display:flex;gap:12px;padding:14px 16px;border-radius:var(--r);
  border:1px solid var(--line);background:var(--paper);font-size:14px}
.notice--info{border-color:#bcd3f0;background:var(--blue-soft)}
.notice--warn{border-color:#f0d9a8;background:#fdf6e7}

/* §0f — Responsive table: стек при ≤620px чрез data-label, + scroll резерва */
.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:620px){
  .tbl--stack thead{position:absolute;left:-9999px;top:-9999px}
  .tbl--stack tr{display:block;border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px;padding:6px 10px}
  .tbl--stack td{display:flex;justify-content:space-between;gap:12px;border:0;padding:6px 0;text-align:right}
  .tbl--stack td::before{content:attr(data-label);font-weight:600;color:var(--ink-2);text-align:left}
}

/* §0g — .chip като интерактивен филтър (aria-pressed), не декоративен span */
button.chip{font:inherit;cursor:pointer}
.chip[aria-pressed="true"]{background:var(--blue);color:#fff;border-color:var(--blue)}
.chip:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* ═══════════════════════════════════════════════════════════
   PRODUCT PAGE (.pdp) — brief limar24-category-product §6
   Портната от мокапа. §6b: stage = object-fit:contain (монетите да не се режат).
   §6c: запазвам .pdp__pval--sell (червено = Limar изкупува); глобалният
   rename --we-sell/--we-buy е отложен (засяга и категорията/началната).
   §0h: .pricebox е псевдоним на .pdp__pricebox (споделен компонент).
   ═══════════════════════════════════════════════════════════ */
.pdp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,44px);align-items:start}
.pdp__gallery{min-width:0}
.pdp__buy{min-width:0;display:flex;flex-direction:column}
.pdp__stage{position:relative;isolation:isolate;border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;background:var(--paper);display:grid;place-items:center}
.pdp__stage img{max-width:100%;max-height:100%;position:relative;z-index:1}
.pdp__stage .badge,.pdp__stage .stock,.pdp__stage .labelProduct{z-index:3}
.pdp__thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.pdp__thumbs .thumb{border:1.5px solid var(--line);border-radius:var(--r);overflow:hidden;
  background:#fff;padding:0;cursor:pointer;display:block}
.pdp__thumbs .thumb img{display:block}
.pdp__thumbs .thumb:hover{border-color:var(--blue)}
.pdp__thumbs .thumb.on{border-color:var(--blue);box-shadow:0 0 0 3px rgba(27,79,156,.14)}
.rafinery-logo{max-height:44px;width:auto;margin-bottom:12px}
.pdp__buy .rafinery-logo{     width: fit-content;}
.pdp__title{font-size:clamp(1.4rem,3vw,2rem);line-height:1.2;margin:6px 0 8px}
.pdp__sub{color:var(--ink-2);font-size:14.5px;margin:0 0 18px}
.pdp__pricebox,.pricebox{border:1px solid var(--line);border-radius:var(--r);background:var(--paper);padding:16px 18px;margin-bottom:18px}
.pdp__prices{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pdp__pcell{display:flex;flex-direction:column;gap:3px}
.pdp__pcell--sell{border-left:1px solid var(--line);padding-left:14px}
.pdp__pval{font-weight:600;font-size:clamp(1.25rem,2.6vw,1.7rem);line-height:1.1;color:var(--red)}
.pdp__pval--sell{color:var(--blue);font-size:clamp(1.05rem,2vw,1.35rem)}
.pdp__pnote{font-size:12px;color:var(--ink-2)}
.pdp__tick{margin:14px 0 0;font-size:12.5px;color:var(--ink-2)}
.pdp__tick .tick{color:var(--up);margin-right:5px}
/* pill върху съществуващия .input-group степер (запазва .button-minus/.prlist_qty JS) */
.pdp__trust{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:9px}
.pdp__trust li{font-size:13.5px;color:var(--ink-2);display:flex;gap:9px;align-items:flex-start}
.pdp__trust .tick{color:var(--up);font-weight:700;flex:none}
.spec{width:100%;border-collapse:collapse;font-size:14px}
.spec th{text-align:left;padding:9px 0;border-bottom:1px solid var(--line);color:var(--ink-2);font-weight:500;width:52%;vertical-align:top}
.spec td{padding:9px 0;border-bottom:1px solid var(--line);font-weight:600}
.spec tr:last-child th,.spec tr:last-child td{border-bottom:0}
@media(max-width:900px){
  .pdp{grid-template-columns:1fr}
  .pdp__prices{grid-template-columns:1fr}
  .pdp__pcell--sell{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:12px}
}
@media(max-width:360px){.spec th{width:44%}}

/* ═══ PDP: спецификация, FAQ отговор, детайли (еднакъв дизайн) ═══ */
.pdp-spec{padding:20px}
.pdp-details{margin-top:22px}
/* Продуктовата спец. таблица (.product-spec/.price-spec) → чистият .spec вид */
.pdp-spec .table-responsive,.prose .table-responsive{border:0;margin:0}
.product-spec{width:100%;border-collapse:collapse;font-size:14px;margin:0}
.product-spec th,.product-spec td{border:0;border-bottom:1px solid var(--line);text-align:left}
.product-spec td{font-weight:600;color:var(--ink)}
.product-spec tr:last-child th,.product-spec tr:last-child td{border-bottom:0}
/* ценовата таблица в описанието — в собствена карта за консистентност */
.prose .price-spec{margin:0}
.prose .table-responsive:has(.price-spec){background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin:0 0 18px}
/* FAQ отговор (native <details>) — същият вид като категорията/страниците */
.faq .faq__answer{color:#000;line-height:1.6;padding:0 0 16px;max-width:100%}
.faq .faq__answer p:last-child{margin-bottom:0}

/* ═══ Категория: филтър бар като в макета (сиви селекти + „Филтри:") ═══ */
.filterbar__label{font-size:13px;white-space:nowrap}
.filterbar__select{appearance:none;font:inherit;font-size:14px;padding:9px 14px;border:1px solid var(--line);
  border-radius:var(--r);background:var(--paper);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;line-height:1.2}
.filterbar__select:hover{border-color:var(--blue)}
.filterbar__select::after{margin-left:8px;color:var(--ink-2)}

/* ═══ Продуктови етикети (ново / последни бройки) — new-design pill ═══ */
/* Текстът/цветът идват от labels таблицата (badge-{color}); тук ги мапваме
   към палитрата на новия дизайн. „Изчерпан" е .stock--out (отделно). */
.labelProduct{background:var(--ink);color:#fff}                         /* fallback */
.labelProduct.badge-success{background:#1a7f4b;color:#fff}             /* ново */
.labelProduct.badge-warning{background:#b8791b;color:#fff}             /* последни бройки */
.labelProduct.badge-danger{background:var(--red);color:#fff}
.labelProduct.badge-info,.labelProduct.badge-primary{background:var(--blue);color:#fff}
.labelProduct.badge-secondary,.labelProduct.badge-dark{background:var(--ink);color:#fff}

/* Етикети по ТЕКСТ (клас от контролера) — печелят над цвета от admin.
   ново → зелено, последни бройки → кехлибар, промо → червено */
.labelProduct.badge--new{background:#1a7f4b;color:#fff}
.labelProduct.badge--last{background:#b8791b;color:#fff}
.labelProduct.badge--promo{background:var(--red);color:#fff}
ul.nav.navigation .list-group-item
{
    border-right: 1px solid #ccc;
}
.navigation .dropdown-menu li:last-child{border:none}
ul.nav.navigation .dropdown-menu
{
    min-width: 200px;
    background-color: #fff;
}
ul.nav.navigation .list-group-item.dropdown:hover
{
    background-color: #fff;
}
.navigation .list-group-item.dropdown a.main-link:hover
{
    background-color: transparent;
    box-shadow: unset;
}
/* ═══ PDP: количество (пил-степер) + CTA като в макета ═══ */
.pdp__qty{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.pdp__qty label{font-size:14px;font-weight:600;margin:0}
.pdp__qty .input-group{display:inline-flex;align-items:stretch;width:auto;
  border:1.5px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}
.pdp__qty .input-group input[type=button]{width:44px;height:44px;padding:0;border:0;background:transparent;
  font-size:18px;line-height:1;color:var(--ink-2);cursor:pointer}
.pdp__qty .input-group input[type=button]:hover{background:var(--blue-soft);color:var(--blue-2)}
.pdp__qty .input-group .quantity-field{width:58px;height:44px;border:0;background:transparent;
  text-align:center;font:inherit;font-weight:700;color:var(--ink);-moz-appearance:textfield}
.pdp__qty .input-group .quantity-field::-webkit-outer-spin-button,
.pdp__qty .input-group .quantity-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pdp__stockline{font-size:13px;color:var(--up);font-weight:600}
/* CTA: Купи по-широк, Продай до него; на тесни екрани един под друг */
.pdp__cta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.pdp__cta .btn{white-space:nowrap}
@media(max-width:560px){.pdp__cta{grid-template-columns:1fr}}

/* Червеният „Продай" остава в червено семейство при hover (не се слива със синия „Купи") */
.btn--red-ghost:hover,.btn--red-ghost:focus-visible{background:var(--red-soft);color:var(--red-2);border-color:var(--red-2)}
.btn--red:hover,.btn--red:focus-visible{background:#fff;color:var(--red);border-color:var(--red)}

/* ═══ PDP: табове Спецификация/Детайли + FAQ отдолу ═══ */
.pdp-tabs{margin-bottom:20px}
/*.pdp-faq{max-width:78ch}*/
.pdp-faq{max-width:100%; margin-top: 20px}
/* спец. таблиците в 2 колони; на тесни екрани — една под друга */
@media(max-width:700px){.pdp [data-pane] .g2,section [data-pane="spec"] .g2{grid-template-columns:1fr}}
section.sec .card.prose.pdp-spec
{
    max-width: 100%;
}

/* ═══ PDP: снимки квадратни 1:1 (запълват рамката) ═══ */
.pdp__stage{padding:0;aspect-ratio:1/1}
.pdp__stage img{width:100%;height:100%;object-fit:cover;object-position:center}
.pdp__thumbs .thumb{width:72px;height:100%}     /* квадратни миниатюри */
.pdp__thumbs .thumb img{width:100%;height:100%;object-fit:cover}
.cat-long-intro.js-clamp .cat-long-intro-inner
{
    max-height: 90px;
}

/* ═══ FAQ страница (/faq/) — дизайн като продуктовия FAQ ═══ */
.faq-cat-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.faq-cat-icon{width:40px;height:40px;object-fit:contain;flex:0 0 40px}
.faq-cat-head .h-sec{margin:0}

/* ═══ FAQ страница: странични табове с категории + акордеон ═══ */
.faq-layout{display:grid;grid-template-columns:minmax(220px,260px) 1fr;gap:32px;align-items:start;margin-top:24px}
.faq-tab-nav{display:flex;flex-direction:column;gap:6px;position:sticky;top:90px}
.faq-sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);
  border-radius:var(--r);background:#fff;color:var(--ink);font-weight:500;font-size:14px;line-height:1.3}
.faq-sidebar-link .faq-cat-icon{width:28px;height:28px;flex:0 0 28px}
.faq-sidebar-link:hover{border-color:var(--blue);color:var(--blue)}
.faq-sidebar-link.active{background:var(--blue);border-color:var(--blue);color:#fff}
.faq-content .h-sec{margin-bottom:14px}
@media(max-width:860px){
  .faq-layout{grid-template-columns:1fr}
  .faq-tab-nav{position:static;flex-direction:row;flex-wrap:wrap}
  .faq-sidebar-link{flex:1 1 auto}
}

/* Заглавията (.h-sec) извън .sec-head да имат отстъп отдолу — както на началната */
.h-sec{margin-bottom:22px}
.sec-head .h-sec{margin:0}

/* ═══ Валутни страници (/valuti/, /currency/) — нов дизайн ═══ */
.ticklist{display:flex;flex-wrap:wrap;gap:8px 22px;margin:14px 0;padding:0;list-style:none}
.ticklist li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-2)}
.svc__icon{width:44px;height:44px;border-radius:8px;background:var(--red);color:var(--white);
  display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:12px}
.phead--flag{display:flex;align-items:center;gap:14px}
.phead__flag{width:48px;height:32px;object-fit:cover;border-radius:3px;flex:0 0 48px}
.currency-calc-sticky{position:sticky;top:90px}
.tbl .muted { margin-left: 10px }
@media(max-width:860px){.currency-calc-sticky{position:static}}

/* калкулаторът вдясно да е реално sticky: маха height:100%/stretch, наложени от .split */
.currency-calc-sticky{height:auto;align-self:start}

/* по-висока специфичност, за да победи .split > .box{height:100%} и да заработи sticky */
.split > .box.currency-calc-sticky{height:auto;align-self:start;position:sticky;top:90px}
@media(max-width:860px){.split > .box.currency-calc-sticky{position:static}}
.prod-spec-tabs {text-align:center}
/* ═══════════════════════════════════════════════════════════
   ЗАСТРАХОВАТЕЛНИ СТРАНИЦИ (легаси съдържание → нов вид, само CSS)
   Не се пипа съдържанието/JS (#insurer_form, калкулатор, left_side_insurance).
   ═══════════════════════════════════════════════════════════ */
/* Индекс: интро */
.content > .container.text-center h1{font-size:clamp(1.6rem,1.2rem + 2vw,2.3rem)}
.content > .container.text-center h1::after{content:"";display:block;width:46px;height:3px;background:var(--red);border-radius:2px;margin:12px auto 0}

/* Индекс: карти „видове застраховки" (.service-box, без .inpage) */
.service-box:not(.inpage){background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:16px;box-shadow:0 1px 2px rgba(20,23,28,.04);height:100%;
  transition:border-color .15s ease,box-shadow .15s ease}
.service-box:not(.inpage):hover{border-color:#cfd3da;box-shadow:0 6px 24px rgba(20,23,28,.08)}
.service-box:not(.inpage) .service-box-img img{border-radius:var(--r);object-fit:cover;width:100%}
.cardtitle{font-size:1.05rem;font-weight:600;margin:0 0 6px;line-height:1.3}
.cardtitle a{color:var(--ink)}
.cardtitle a:hover{color:var(--blue)}
.service-box .subcats a{font-weight:500}

/* Детайл: оферта форма */
.main-head{font-size:1.15rem;font-weight:700;color:var(--ink);margin-bottom:12px}
#insurer_form .form-control{margin-bottom:4px}
.insurance-go-btn,#insurer_form .sm-button-a-l,#insurer_form button[type=submit]{
  background:var(--blue);border:1.5px solid var(--blue);color:#fff;font-weight:600;
  padding:11px 22px;border-radius:var(--r);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.insurance-go-btn:hover,#insurer_form .sm-button-a-l:hover,#insurer_form button[type=submit]:hover{
  background:#fff;color:var(--blue);border-color:var(--blue)}

/* Детайл: „защо ние" икони */
.wwd{color:var(--blue)}

/* Малки застрахователни карти (Автокаско/Имущество... на индекса) */
.gd-box img{border-radius:var(--r)}
.gb-title{font-weight:600;color:var(--ink)}

/* „Инфо" / съдържание в .container на статичните страници — по-четимо (нов дизайн) */
.main-content .page-title,.main-content .l-title{color:var(--ink);font-weight:700}
.main-content .page-title.l-title::after,.main-content h2.page-title::after{content:"";display:block;width:46px;height:3px;background:var(--red);border-radius:2px;margin-top:10px}
.service-box-img
{
    height: fit-content;
}
/* „Дочети" (.sm-button-a-l.mt-0.ml-0.float-right) → идентичен с blog-card CTA (btn btn--blue btn--sm) */
.sm-button-a-l.mt-0.ml-0.float-right{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font:inherit;font-weight:600;font-size:13px;line-height:1.2;padding:8px 14px;
  border:1.5px solid var(--blue);border-radius:var(--r);background:var(--blue);color:#fff;
  text-decoration:none;cursor:pointer;float:none!important;margin-top:auto;align-self:flex-start;
  transition:background .15s ease,color .15s ease,border-color .15s ease}
.sm-button-a-l.mt-0.ml-0.float-right:hover,
.sm-button-a-l.mt-0.ml-0.float-right:focus-visible{background:#fff;color:var(--blue);border-color:var(--blue)}

/* ═══ Офиси (/offices/) — нов дизайн ═══ */
.office-map{border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.office-map iframe,.office-map img{width:100%!important;min-height:320px;height:100%;border:0;display:block}
.office-info-row{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-bottom:1px solid var(--line)}
.office-info-row:last-child{border-bottom:0}
.office-info-row strong{font-weight:600;color:var(--ink)}
.ticklist--col{flex-direction:column;gap:8px}

/* ═══════════════════════════════════════════════════════════
   ИЗКУПУВАНЕ / съдържателни страници с легаси елементи → нов вид (само CSS)
   ═══════════════════════════════════════════════════════════ */
/* Hero заглавие в съдържанието */
.currency_header h1{font-size:clamp(1.6rem,1.2rem + 2vw,2.3rem);font-weight:700;color:var(--ink)}
.currency_header h1::after{content:"";display:block;width:46px;height:3px;background:var(--red);border-radius:2px;margin-top:12px}

/* Калкулатор/кутия */
.cpage_cbox{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:0 1px 2px rgba(20,23,28,.04)}
.cpage_cbox .box-title{font-size:1.15rem;font-weight:700;color:var(--ink);margin-bottom:4px}
.cpage_cbox .subtitle{color:var(--ink-2);font-size:14px}
.cpage_cbox .form-control{width:100%;font:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.cpage_cbox .form-control:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px var(--blue-tint)}

/* Bootstrap-collapse FAQ в съдържанието → вид като .faq (details) */
/* FAQ на страници (Bootstrap collapse: .faq-accordion) → дизайн като продуктовия FAQ (native details) */
.static-faq-section h2{font-size:clamp(20px,2.4vw,26px);font-weight:700;color:var(--ink);margin:0 0 4px}
.faq-accordion{border-top:1px solid var(--line);margin-top:20px}
.faq-accordion .faq-item{border-bottom:1px solid var(--line)}
.faq-accordion .faq-question{display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:16px;font-weight:800;color:var(--ink);cursor:pointer;text-decoration:none;list-style:none}
.faq-accordion .faq-question:hover{color:var(--blue)}
/* скриваме chevron иконата; ползваме „+/–" маркер като продуктовия FAQ */
.faq-accordion .faq-question .fa-chevron-down,.faq-accordion .faq-question .faq-icon{display:none}
.faq-accordion .faq-question::after{content:"–";color:var(--red);font-size:22px;line-height:1;flex:none}
.faq-accordion .faq-question.collapsed::after,
.faq-accordion .faq-question[aria-expanded="false"]::after{content:"+"}
.faq-accordion .faq-answer{color:#000;line-height:1.6;padding:16px;max-width:100%}
.faq-accordion .faq-answer p:last-child{margin-bottom:0}

/* Bootstrap табове в съдържанието (#gsTab, .simgnav) → нов вид */
#gsTab.nav-tabs,.nav-tabs.simgnav{border-bottom:1px solid var(--line);gap:2px}
#gsTab.nav-tabs .nav-link.active,.nav-tabs.simgnav .nav-link.active{color:var(--blue);border-bottom-color:var(--blue)}

/* ═══ Калкулатор „Изкупуване" (.skrab_p_form) — нов дизайн ═══ */
.skrab_p_form .form-group{margin-bottom:12px}
.skrab_p_form label{display:block;font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:5px}
.skrab_p_form .form-control{width:100%;font:inherit;font-size:15px;padding:10px 12px;height:46px;
  border:1px solid var(--line);border-radius:var(--r);background:#fff}
.skrab_p_form .form-control:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px var(--blue-tint)}
/* Количество — пил степер като на продуктовата страница.
   flex-wrap:nowrap задължително — иначе в тесния col-5 „+" се увива и pill-ът става кръг. */
.skrab_p_form .input-group{display:inline-flex;flex-wrap:nowrap;align-items:stretch;width:auto;max-width:100%;
  border:1.5px solid var(--line);border-radius:999px;overflow:hidden;background:#fff;margin-top:2px}
.skrab_p_form .input-group input[type=button]{flex:0 0 auto;width:34px;height:40px;padding:0;margin:0;border:0;
  border-radius:0;background:transparent;font-size:17px;line-height:1;color:var(--ink-2);cursor:pointer;box-shadow:none}
.skrab_p_form .input-group input[type=button]:hover{background:var(--blue-soft);color:var(--blue-2)}
.skrab_p_form .input-group .quantity-field{flex:1 1 auto;width:44px;min-width:0;height:40px;padding:0;margin:0;border:0;
  border-radius:0;background:transparent;text-align:center;font:inherit;font-weight:700;color:var(--ink);-moz-appearance:textfield}
.skrab_p_form .input-group .quantity-field::-webkit-outer-spin-button,
.skrab_p_form .input-group .quantity-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
/* Резултат: показваме само евро — скриваме левовете (DB съдържание + JS second_total) */
.skrab_p_form .total{color:var(--blue);font-weight:700}
.skrab_p_form p.h3{font-size:0}                      /* неутрализира текст-възела „лв." */
.skrab_p_form p.h3 .total{font-size:28px;line-height:1.15}
.skrab_p_form p.h3 br,
.skrab_p_form p.h3 .second_total{display:none}
/* CTA „Продай" → като btn btn--red-ghost btn--block; маха наследената тъмночервена стрелка (::after) */
.skrab_p_form .sm-button-a{display:flex!important;align-items:center;justify-content:center;width:100%;height:auto;
  font:inherit;font-weight:600;font-size:14px;padding:11px 20px;margin:10px 0 0;border-radius:var(--r);text-decoration:none;
  background:#fff;color:var(--red);border:1.5px solid var(--red);cursor:pointer;
  transition:background .15s ease,color .15s ease,border-color .15s ease}
.skrab_p_form .sm-button-a:after{display:none!important}
.skrab_p_form .sm-button-a:hover,.skrab_p_form .sm-button-a:focus-visible{
  background:var(--red-soft);color:var(--red-2);border-color:var(--red-2)}

/* ═══ Страница „Контакти" (/kontakti/) — дизайн като /offices/ ═══
   Само CSS; JS куки (.contact-service_box, .contact-form, input[name=service], .contactbtn) са запазени. */
.content:has(.contact_page){background:var(--sec-a);padding:36px 0 52px}
.content:has(.contact_page) > .container.text-center{max-width:1120px;margin-bottom:6px}
.content:has(.contact_page) > .container.text-center h1{
  font-family:inherit;font-size:clamp(28px,3.6vw,40px);font-weight:700;color:var(--ink);margin:6px 0 10px;position:relative}
/* eyebrow „Контакти" над заглавието — като на /offices/ */
.content:has(.contact_page) > .container.text-center h1::before{
  content:"Контакти";display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold-2);font-weight:600;margin-bottom:8px}
/* червено подчертаване под заглавието (акцентът на сайта) */
.content:has(.contact_page) > .container.text-center h1::after{
  content:"";display:block;width:56px;height:3px;background:var(--red);border-radius:2px;margin:12px auto 0}
.contact_page{max-width:1120px;margin:0 auto}
.contact_page.p-5{padding:8px 16px 8px!important}
.contact_page .row{align-items:flex-start}
/* Офис карти (лява колона) */
.contact_page .left-panel .box-content{background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:18px 20px;font-size:14px;color:var(--ink-2);box-shadow:0 1px 2px rgba(20,23,28,.04)}
.contact_page .office_title{font-family:inherit;font-size:12px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold-2);font-weight:600;border:0;padding:0;margin:16px 0 6px}
.contact_page .left-panel .box-content > .office_title:first-child{margin-top:0}
.contact_page .left-panel a[href^="tel"],
.contact_page .left-panel a:not([href]){color:var(--blue);font-weight:700;text-decoration:none;display:inline-block;margin:2px 0}
.contact_page .left-panel img{border-radius:var(--r);border:1px solid var(--line);width:100%;height:auto;max-width:220px;margin:8px 0}
/* Дясна колона — карта с избор на услуга + форма */
.contact_page .col-lg-8 > .box-content{background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:22px 24px;box-shadow:0 1px 2px rgba(20,23,28,.04)}
.contact_page .col-lg-8 > .box-content > h3{font-size:1.05rem;font-weight:700;color:var(--ink);margin:0 0 4px}
/* Service боксове → карти за избор (запазва .active за JS) */
.contact_page .contact-service_box{height:auto;min-height:64px;border:1.5px solid var(--line);border-radius:var(--r);
  background:#fff;color:var(--ink);font-weight:600;font-size:14px;padding:12px;
  transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}
.contact_page .contact-service_box:hover{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-2)}
.contact_page .contact-service_box.active{background:var(--blue);border-color:var(--blue);color:#fff;
  box-shadow:0 4px 14px rgba(27,79,156,.25)}
/* Форма */
.contact_page .contact-form{border-top:1px solid var(--line);padding-top:18px;margin-top:20px!important}
.contact_page .form-group{margin-bottom:14px}
.contact_page label{font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:5px}
.contact_page .form-control{width:100%;font:inherit;font-size:15px;padding:10px 12px;
  border:1px solid var(--line);border-radius:var(--r);background:#fff}
.contact_page .form-control:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px var(--blue-tint)}
.contact_page textarea.form-control{min-height:120px;resize:vertical}
.contact_page label.checkbox{font-size:13px!important;color:var(--ink-2);font-weight:400;line-height:1.5}

.contact_page .ubox-button-a:after,.contact_page .contactbtn:after{display:none!important}
.contact_page .ubox-button-a:hover,.contact_page .contactbtn:hover{background:var(--blue-2);border-color:var(--blue-2)}
@media(max-width:900px){.contact_page .col-lg-3,.contact_page .col-lg-8{flex:0 0 100%;max-width:100%}}

/* ═══ Рафинерии / монетни дворове — grid с лога (таблица refineries) ═══ */
/* центриран flex-wrap: непълният последен ред се центрира (празно отляво и отдясно) */
.rafinerii-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.rafinerii-logo{flex:0 0 calc((100% - 80px)/6);box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#fff;
  border:1px solid var(--line);border-radius:var(--r);padding:16px;height:96px}
.rafinerii-logo img{max-width:100%;max-height:60px;width:auto;height:auto;object-fit:contain;
  filter:grayscale(1);opacity:.72;transition:filter .2s ease,opacity .2s ease}
.rafinerii-logo:hover img{filter:none;opacity:1}
@media(max-width:1100px){.rafinerii-logo{flex-basis:calc((100% - 48px)/4)}}
@media(max-width:700px){.rafinerii-logo{flex-basis:calc((100% - 32px)/3)}}
@media(max-width:420px){.rafinerii-logo{flex-basis:calc((100% - 16px)/2)}}

/* ═══ Блог статия: FAQ секция на бял фон (карта) ═══ */
.blog-faq-block{background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:24px 28px;box-shadow:0 1px 2px rgba(20,23,28,.04)}
@media(max-width:600px){.blog-faq-block{padding:18px 16px}}

/* ═══ btn-default (Bootstrap) → синият бутон „Купи" от продуктовия грид ═══
   Син фон, бял шрифт; маха наследената червена стрелка (::after). limar-redesign.css
   се зарежда последен, затова застъпва стария .btn-default (бял + navy + стрелка).
   Само фронтенд (админът има отделен CSS и не се влияе). */
.btn-default,.sm-button-a-l
{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:inherit;font-weight:600;font-size:14px;line-height:1.2;
  padding:11px 22px;border-radius:var(--r);border:1.5px solid var(--blue);
  background:var(--blue) !important;color:#fff;cursor:pointer;text-decoration:none;
  transition:background .15s ease,color .15s ease,border-color .15s ease}
.btn-default:after,.btn-default:before,
.sm-button-a-l:after,.sm-button-a-l:before
{content:none!important;display:none!important}
.btn-default:hover,.btn-default:focus,.btn-default:focus-visible,

.btn-default:active,
.sm-button-a-l:active
{background:var(--blue-2);border-color:var(--blue-2);color:#fff}
.left-service-box-img a
{
    display: inline-block;
}
.left-service-box-img img
{
    width:100%;
}
.left-service-box h4
{
    margin-left:5px;
}

/* ═══════════════════════════════════════════════════════════════
   Страница „За нас" (/about-us/) — изнесено от вграден \3c style> в съдържанието.
   Причина: WYSIWYG редакторът в админа маха/чупи \3c style> таговете при запис,
   което чупеше дизайна. Тук CSS-ът е стабилен и не зависи от редакцията на HTML.
   Всичко е scope-нато под .about — не влияе на други страници.
   ═══════════════════════════════════════════════════════════════ */
.about{--blue:#022a4d;--blue2:#0a3a63;--red:#7D1315;--line:#e2e5ea;--muted:#5b6675;--wash:#f5f7fa}
.about{color:#1c2530;line-height:1.65}
.about h2{color:var(--blue);font-weight:700;margin:0 0 8px}
.about .lead{font-size:1.12rem;color:var(--muted)}
.about section{padding:44px 0}
.about section.alt{background:var(--wash)}
.about .eyebrow{display:inline-block;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--red);font-weight:700;margin-bottom:6px}
.about .sec-intro{max-width:760px;margin-bottom:26px}
/* Hero */
.about-hero{position:relative;background:linear-gradient(120deg,#022a4d 0%,#0a3a63 100%);color:#fff;padding:64px 0}
.about-hero h1{color:#fff;font-weight:800;font-size:clamp(1.9rem,1.3rem + 2.4vw,3rem);margin:0 0 14px}
.about-hero p{color:rgba(255,255,255,.9);font-size:1.18rem;max-width:720px}
.about-hero .facts{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px}
.about-hero .facts span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 16px;font-weight:600;font-size:.95rem}
/* License cards */
.about-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.about-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:6px;padding:22px}
.about-card h3{font-size:1.05rem;color:var(--blue);margin:0 0 8px}
.about-card .num{font-weight:700;color:var(--red);font-size:1.15rem}
.about-not{background:#fff;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:6px;padding:20px 24px;margin-top:22px}
.about-not h3{color:var(--blue);font-size:1.05rem;margin:0 0 8px}
.about-not ul{margin:0;padding-left:20px}
/* Timeline */
.about-timeline{position:relative;margin-top:10px;padding-left:26px;border-left:2px solid var(--line)}
.about-timeline .step{position:relative;padding:0 0 26px 20px}
.about-timeline .step::before{content:"";position:absolute;left:-33px;top:2px;width:14px;height:14px;border-radius:50%;background:var(--red);border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}
.about-timeline .yr{font-weight:800;color:var(--blue);font-size:1.1rem}
/* Team */
.about-team{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.about-person{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.about-person img{width:100%;aspect-ratio:3/4;height:auto;object-fit:cover;display:block;background:var(--wash)}
.about-person .body{padding:16px 18px}
.about-person h3{margin:0;color:var(--blue);font-size:1.1rem}
.about-person .role{color:var(--red);font-weight:600;font-size:.92rem;margin:2px 0 6px}
/* Stats */
.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;text-align:center}
.about-stat{background:#fff;border:1px solid var(--line);border-radius:6px;padding:22px 14px}
.about-stat b{display:block;font-size:1.9rem;color:var(--blue);font-weight:800;line-height:1.1}
.about-stat span{color:var(--muted);font-size:.9rem}
/* Steps */
.about-steps{counter-reset:st;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.about-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:6px;padding:22px 20px 20px}
.about-step::before{counter-increment:st;content:counter(st);position:absolute;top:-14px;left:20px;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.about-step h3{font-size:1rem;color:var(--blue);margin:8px 0 6px}
/* Offices */
.about-office{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;height:100%}
.about-office img{width:100%;height:350px;object-fit:cover;display:block;background:var(--wash)}
.about-office .body{padding:20px 22px}
.about-office h3{color:var(--blue);font-size:1.15rem;margin:0 0 4px}
.about-office .addr{color:var(--red);font-weight:600;margin-bottom:10px}
.about-office ul{margin:0 0 12px;padding-left:18px}
.about-office .meta{font-size:.9rem;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}
/* Equipment */
.about-equip{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.about-equip .item{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.about-equip img{width:100%;aspect-ratio:3/4;height:auto;object-fit:cover;display:block;background:var(--wash)}
.about-equip .body{padding:16px 18px}
.about-equip h3{color:var(--blue);font-size:1.05rem;margin:0 0 4px}
.about-equip .brand{color:var(--red);font-weight:600;font-size:.9rem}
/* Values / principles */
.about-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.about-value{background:#fff;border:1px solid var(--line);border-radius:6px;padding:20px}
.about-value h3{color:var(--blue);font-size:1.05rem;margin:0 0 6px}
.about-principle{background:#fff;border:1px solid var(--line);border-radius:6px;padding:22px 24px;margin-bottom:14px}
.about-principle h3{color:var(--blue);font-size:1.05rem;margin:0 0 6px}
/* CTA */
.about-cta{background:var(--blue);color:#fff;border-radius:8px;padding:36px;text-align:center}
.about-cta h2{color:#fff}
.about-cta p{color:rgba(255,255,255,.9);max-width:640px;margin:0 auto 20px}
.about-cta .btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.about-cta .btn-a{display:inline-block;padding:12px 26px;border-radius:6px;font-weight:700;text-decoration:none}
.about-cta .btn-primary-a{background:#fff;color:var(--blue)}
.about-cta .btn-outline-a{border:2px solid rgba(255,255,255,.6);color:#fff}
.about-figure{border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.about-figure img{width:100%;height:auto;display:block;background:var(--wash)}
@media(max-width:575px){.about section{padding:34px 0}.about-hero{padding:44px 0}}

/* ═══ Застрахователни категорийни страници (.inpage* / .ins_logo) — нов дизайн ═══ */
/* Hero корица (запазва inline background-image от съдържанието) */
.inpagehead{position:relative;min-height:260px;border-radius:var(--r);overflow:hidden;
  background-size:cover;background-position:center;display:flex;align-items:flex-end;color:#fff;padding: 24px 24px 40px 24px;}
.inpagehead::before{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(21,23,26,.12),rgba(21,23,26,.72))}
.inpagehead .title{position:relative;}
.inpagehead .title h1{color:#fff;font-weight:800;font-size:clamp(1.6rem,1.2rem + 2vw,2.4rem);margin:0 0 6px}
.inpagehead .title p{color:rgba(255,255,255,.92);margin:0;font-size:1.05rem}
/* Списък услуги → карти */
.service-box.inpage{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px;
  transition:border-color .15s ease,box-shadow .15s ease}
.service-box.inpage:hover{border-color:var(--blue);box-shadow:0 4px 16px rgba(20,23,28,.08)}
.service-box.inpage .servicediv{padding:14px 16px;cursor:pointer}
.service-box.inpage .inpagenav{margin:0 0 4px;font-size:1rem}
.service-box.inpage .inpagetitle{color:var(--ink);text-decoration:none}
.service-box.inpage:hover .inpagetitle{color:var(--blue)}
.service-box.inpage .inpagedesc{color:var(--ink-2);text-decoration:none;font-size:13.5px;line-height:1.5}
.service-box.inpage.active{border-color:var(--blue);background:var(--blue-soft)}
/* „Защо да купите застраховка от нас?" — feature лента */
.jumbotron:has(.ins_logo){background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;margin:0}
.jumbotron:has(.ins_logo) h3{background:transparent!important;font-size:1.1rem;font-weight:700;color:var(--ink);margin:0 0 16px;text-align:center}
.ins_logo{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0}
.ins_logo > div{width:auto!important;text-align:center;font-size:13.5px;color:var(--ink-2);
  display:flex;flex-direction:column;align-items:center;gap:8px}
.ins_logo .wwd{font-size:26px;color:var(--blue);margin:0}
@media(max-width:700px){.ins_logo{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.inpagehead{min-height:200px;margin-top:16px}}
/* Долна прозаична секция — заглавия като .category-description h2 (navy + златна черта) */
.insurance-prose h2{color:var(--cat-navy,var(--blue));font-size:1.55rem;font-weight:700;
  margin:2rem 0 .9rem;padding-bottom:.5rem;border-bottom:2px solid var(--cat-gold,var(--gold))}
.insurance-prose h2:first-child{margin-top:0}
/* Форма за оферта (#insurer_form) → карта */
.box-content:has(#insurer_form){background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;height:100%}
.box-content:has(#insurer_form) .main-head{font-size:1.1rem;font-weight:700;color:var(--ink);margin:0 0 14px}
#insurer_form .form-group{margin-bottom:12px}
#insurer_form label{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:5px}
#insurer_form .form-control{width:100%;font:inherit;font-size:15px;padding:10px 12px;
  border:1px solid var(--line);border-radius:var(--r);background:#fff}
#insurer_form .form-control:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px var(--blue-tint)}
#insurer_form input[type=file]{font-size:13px;width:100%;color:var(--ink-2)}
/* Втора feature-лента (стъпки „как да сравним") — центрирани елементи */
.ins_logo.ins_steps{margin-top:8px}
.insurer-logos .ins_logo .col-lg-2
{
    min-width: 150px;
}
/* Лого-табове (домашно имущество: избор на компания) */
#gsTab .nav-link img{max-height:42px;width:auto;display:inline-block}
/* Пакетни ценови таблици (.columns / ul.price) → карти */
.columns{height:100%}
ul.price{list-style:none;margin:0 0 20px;padding:0;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;height:100%;display:flex;flex-direction:column}
ul.price > li{padding:11px 14px;border-bottom:1px solid var(--line);text-align:center;font-weight:700;color:var(--ink);font-size:14px}
ul.price > li h3{font-size:12px;font-weight:500;color:var(--ink-2);margin:2px 0 0;text-transform:none}
ul.price > li:first-child{background:var(--blue);color:#fff;font-size:1rem}
ul.price > li:last-child{border-bottom:0;margin-top:auto;background:#fff;padding:14px}
ul.price .sm-button-a-l{margin:0 auto}

/* ═══ Правни / текстови страници (.legal-page) ═══ */
.legal-page{max-width:860px;margin:0 auto;padding:10px 0 20px;color:var(--ink);line-height:1.7}
.legal-page h1{font-size:clamp(1.4rem,1.1rem + 1.6vw,2rem);font-weight:700;text-align:center;margin:24px 0 6px}
.legal-page .legal-sub{text-align:center;color:var(--ink-2);margin:0 0 4px}
.legal-page h2{font-size:1.15rem;font-weight:700;color:var(--ink);margin:28px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.legal-page h3{font-size:1rem;font-weight:700;color:var(--ink);margin:18px 0 6px}
.legal-page p{margin:0 0 12px}
.legal-page .clause{margin:0 0 12px}
.legal-page .clause b{color:var(--blue)}

/* ═══ Количка (/cart/) — нов дизайн ═══ */
.cart-page{background:var(--sec-a);padding-bottom:32px}
.cart-page > .container.text-center h1{font-weight:700;color:var(--ink);margin:24px 0 4px}
/* Ред с продукт → карта */
.cart_l_item{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;
  box-shadow:0 1px 2px rgba(20,23,28,.04)}
.cart_l_item .row{align-items:center}
.cart_l_item .image img{width:80px;height:80px;object-fit:contain;border:1px solid var(--line);
  border-radius:var(--r);background:#fff;padding:4px}
.cart_l_item .price_column a{color:var(--ink);font-weight:700;text-decoration:none}
.cart_l_item .price_column a:hover{color:var(--blue)}
/* Количество — пил степер като на продуктовата страница + бутон „обнови" */
.cart_l_item .input-group{display:inline-flex!important;flex-wrap:nowrap;align-items:stretch;width:auto;
  border:1.5px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}
.cart_l_item .input-group input[type=button]{flex:0 0 auto;width:38px;height:42px;padding:0;margin:0;border:0;
  border-radius:0;background:transparent;font-size:17px;line-height:1;color:var(--ink-2);cursor:pointer;box-shadow:none}
.cart_l_item .input-group input[type=button]:hover{background:var(--blue-soft);color:var(--blue-2)}
.cart_l_item .input-group .quantity-field{flex:0 0 auto;width:46px;height:42px;padding:0;margin:0;border:0;
  border-radius:0;background:transparent;text-align:center;font:inherit;font-weight:700;color:var(--ink);-moz-appearance:textfield}
.cart_l_item .input-group .quantity-field::-webkit-outer-spin-button,
.cart_l_item .input-group .quantity-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cart_l_item .update_pc_qty{display:inline-flex!important;align-items:center;justify-content:center;width:42px;height:42px;
  border-left:1.5px solid var(--line);color:var(--blue)!important;text-decoration:none;background:var(--blue-soft)}
.cart_l_item .update_pc_qty:hover{background:var(--blue);color:#fff!important}
.cart_l_item .removeCartItem{color:var(--ink-2);font-size:18px}
.cart_l_item .removeCartItem:hover{color:var(--red)}
/* Тотал + бутон „Завърши поръчката" */
.cart-page h3{font-weight:700;color:var(--ink)}
.cart__checkout{padding:13px 32px;font-size:15px}

/* Калкулатор „туризъм" (.tourism_form_calc) → карта, като #insurer_form */
.box-content:has(.tourism_form_calc){background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;height:100%}
.box-content:has(.tourism_form_calc) .main-head{font-size:1.1rem;font-weight:700;color:var(--ink);margin:0 0 14px}
.tourism_form_calc .form-group{margin-bottom:12px}
.tourism_form_calc .form-control{width:100%;font:inherit;font-size:15px;padding:10px 12px;
  border:1px solid var(--line);border-radius:var(--r);background:#fff}
.tourism_form_calc .form-control:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px var(--blue-tint)}
.tourism_form_calc .nav-link.go-step-1{display:inline-block;color:var(--blue);padding-left:0;font-weight:600}

/* ═══ Застраховане — начална страница (/zastrahovane/): категорийни тайлове + блог ═══ */
.content > .container.text-center h1{font-weight:700;color:var(--ink);margin-top:24px}
/* Категорийни тайлове (.service-box без .inpage) */
.service-box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;height:100%;
  box-shadow:0 1px 2px rgba(20,23,28,.04);transition:border-color .15s ease,box-shadow .15s ease}
.service-box:hover{border-color:var(--blue);box-shadow:0 4px 16px rgba(20,23,28,.08)}
.service-box .service-box-img img{max-width:100%;height:auto}
.service-box .cardtitle{font-size:1.05rem;font-weight:700;margin:0 0 6px}
.service-box .cardtitle a{color:var(--ink);text-decoration:none}
.service-box:hover .cardtitle a{color:var(--blue)}
.service-box .subcats a{color:var(--ink-2);text-decoration:none;font-size:13.5px;display:inline-block;padding:2px 0}
.service-box .subcats a:hover{color:var(--blue)}
.service-box .subcats .fa-angle-right{color:var(--blue);font-size:12px;margin-right:4px}
/* Полезна информация — блог карти (.latest-article) */
.latest-article{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;height:100%;
  display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(20,23,28,.04)}
.latest-article > a img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.latest-article h4{font-size:1rem;margin:12px 14px 6px}
.latest-article h4 a{color:var(--ink);text-decoration:none}
.latest-article h4 a:hover{color:var(--blue)}
.latest-article .date{color:var(--ink-2);font-size:12px;margin:0 14px 8px}
.latest-article .short-description{color:var(--ink-2);font-size:13.5px;line-height:1.5;margin:0 14px 12px;flex:1 1 auto}
.cart-count
{
    bottom: 26px;
    color:#fff;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    border-radius: 50%;
    padding-top: 1px;
}
.inpagehead .title .bigbtn,
.inpagehead .offer-right-d,
.simgnav li a.active, .simgnav li a
{
    height: auto;
}
.inpagehead .title p
{
    padding-bottom: 30px;
}

/* ═══ „За нас" (/about-us/) — допълнителни секции от темплейта ═══ */
.about .cardicon{font-size:26px;color:var(--blue);margin-bottom:10px;display:block}
.about .about-card ul{margin:8px 0 0;padding-left:18px}
.about .about-card ul li{margin-bottom:4px}
.about .about-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.about .about-tags span{background:var(--wash);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:12px;color:var(--muted)}
/* Google карта */
.about .about-map{border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-top:10px}
.about .about-map iframe{display:block;width:100%;min-height:340px;border:0}
/* Сертификати (PDF документи) */
.about .about-docs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
/* документна карта: FA икона отляво, преди заглавието; „Виж документа" е линк */
.about .about-doc{display:flex;align-items:flex-start;gap:16px;background:#fff;border:1px solid var(--line);
  border-left:3px solid var(--blue);border-radius:6px;padding:20px 22px;
  transition:box-shadow .15s ease,border-color .15s ease}
.about .about-doc:hover{border-color:var(--blue);box-shadow:0 6px 20px rgba(0,0,0,.08)}
.about .about-doc .doc-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  width:54px;height:54px;border-radius:50%;background:var(--wash);color:var(--blue);font-size:24px}
.about .about-doc .body{flex:1 1 auto;min-width:0;padding:0}
.about .about-doc h3{color:var(--blue);font-size:1rem;margin:0 0 6px}
.about .about-doc p{margin:0 0 10px;color:var(--muted);font-size:.92rem}
.about .about-doc .doc-link{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-weight:700;
  font-size:.9rem;text-decoration:none}
.about .about-doc .doc-link:hover{color:var(--red);text-decoration:underline}
/* Застрахователно CTA (info box) */
.about .about-inline-cta .cta-link{display:inline-block;margin-top:6px;color:var(--blue);font-weight:700;text-decoration:none}
.about .about-inline-cta .cta-link:hover{text-decoration:underline}

/* ═══ Подкатегории (products.tpl) — хоризонтална карта: снимка ляво, съдържание дясно ═══ */
.subcat-tile{display:flex;gap:0;align-items:center;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;box-shadow:0 1px 2px rgba(20,23,28,.04);
  transition:border-color .15s ease,box-shadow .15s ease}
.subcat-tile:hover{border-color:var(--blue);box-shadow:0 4px 16px rgba(20,23,28,.08)}
.subcat-tile .subcat-tile__media{flex:0 0 25%;max-width:25%;display:block;background:#fff}
.subcat-tile .subcat-tile__media img{width:auto;height:135px;    margin: 0 auto;display:block}
.subcat-tile .subcat-tile__body{flex:1 1 auto;display:flex;flex-direction:column;padding:16px 18px;min-width:0}
.subcat-tile .subcat-tile__title{font-size:1.1rem;margin:0 0 8px}
.subcat-tile .subcat-tile__title a{color:var(--ink);text-decoration:none}
.subcat-tile:hover .subcat-tile__title a{color:var(--blue)}
.subcat-tile .subcat-tile__text{color:var(--ink-2);line-height:1.5;margin:0 0 14px;flex:1 1 auto}
.subcat-tile .subcat-tile__cta{align-self:flex-start;margin-top:auto}
@media(max-width:600px){
  .subcat-tile{flex-direction:column}
  .subcat-tile .subcat-tile__media{flex-basis:auto;max-width:100%;height:180px}
}

/* ═══ Категория: филтър бар (карта с фон) + спот лента грам/унция (по-видима) ═══ */
.filterbar__label{font-weight:700;color:var(--ink);margin-right:2px}
.filterbar .filterbar__select{background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:9px 14px;font-weight:600;color:var(--ink);transition:border-color .15s ease,color .15s ease}
.filterbar .filterbar__select:hover{border-color:var(--blue);color:var(--blue)}
.filterbar .filterbar__search{flex:1 1 200px;min-width:160px;background:#fff;}
.product_filters input[name=q] { height:34px}
.filterbar .filterbar__sort{margin-left:auto}
.filterbar .filterbar__clear{color:var(--ink-2)}

/* Спот лента — превключвател грам/унция открояващ се + карти на металите */
.filterbar__unit{display:flex;align-items:center;gap:10px;margin:16px 0 0;
  background:var(--blue-soft);border:1px solid var(--blue-tint);border-bottom:0;
  border-radius:var(--r) var(--r) 0 0;padding:10px 14px}
.filterbar__unit label{font-weight:700;color:var(--blue-2);margin:0}
.filterbar__unit #gram_ounce_switcher{width:auto;background:#fff;border:1.5px solid var(--blue);
  border-radius:999px;padding:6px 14px;font-weight:700;color:var(--blue);cursor:pointer}
.rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;
  background:#fff;border:1px solid var(--line);border-radius:0 0 var(--r) var(--r);overflow:hidden}
.rail .rail__cell{display:flex;flex-direction:row;gap:3px;padding:3px 15px;    align-items: center;
  border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.rail .rail__cell:last-child{border-right:0}
.rail .rail__name{font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em}
.rail .rail__val{font-size:1.3rem;font-weight:800;color:var(--ink);line-height:1.1}
.rail .rail__chg{font-size:13px;font-weight:600;color:var(--ink-2)}
.rail .rail__chg.up,.rail .rail__chg.text-success,.rail .rail__chg.green{color:var(--up)}
.rail .rail__chg.down,.rail .rail__chg.text-danger,.rail .rail__chg.red{color:var(--down)}
/* спот лента с филтър: 4 колони в един ред (филтър + 3 метала) */
.rail--with-filter{grid-template-columns:repeat(4,1fr)}
.rail .rail__cell--filter{flex-direction:row;align-items:center;gap:8px}
.rail .rail__cell--filter label{margin:0;font-weight:700;color:var(--blue-2);white-space:nowrap; padding-bottom: 0}
/* .rail .rail__cell--filter #gram_ounce_switcher{width:auto;background:#fff;border:1.5px solid var(--blue);border-radius:var(--r);padding:6px 10px} */
@media(max-width:520px){.rail,.rail--with-filter{grid-template-columns:repeat(2,1fr)}}

/* ═══ Блог статия: таблици в описанието (само .blog-post-content) ═══ */
.blog-post-content .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 22px}
.blog-post-content table{
  width:100%;border-collapse:separate;border-spacing:0;
  font-size:15px;line-height:1.55;color:var(--ink);background:#fff;
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:0 0 22px}
.blog-post-content .table-responsive > table{margin:0}
.blog-post-content th,
.blog-post-content td{padding:12px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.blog-post-content tbody tr:last-child th,
.blog-post-content tbody tr:last-child td{border-bottom:0}
/* колонни заглавия (<thead>) — златна лента */
.blog-post-content thead th{
    background: #ffffff;
    color: var(--red);
  font-weight:600;font-size:13px;letter-spacing:.03em;text-transform:uppercase;
  border-bottom:2px solid var(--gold)}
/* редови заглавия (<th scope="row">) — първа колона „ключ" */
.blog-post-content tbody th[scope="row"]{
  background:var(--paper);color:var(--ink-2);font-weight:500;width:48%;
  border-right:1px solid var(--line)}
.blog-post-content tbody td{color:var(--ink)}
/* неутрализирай bootstrap .table/.table-bordered в статията */
.blog-post-content .table{margin:0 0 22px;background:#fff}
.blog-post-content .table-bordered,
.blog-post-content .table-bordered th,
.blog-post-content .table-bordered td{border:0}
.blog-post-content .table-bordered th,
.blog-post-content .table-bordered td{border-bottom:1px solid var(--line)}
.blog-post-content .table-bordered tbody tr:last-child th,
.blog-post-content .table-bordered tbody tr:last-child td{border-bottom:0}
/* лек hover за четимост */
.blog-post-content tbody tr:hover th,
.blog-post-content tbody tr:hover td{background:var(--red); color:white}
@media(max-width:480px){
  .blog-post-content th,.blog-post-content td{padding:10px 12px;font-size:14px}
  .blog-post-content tbody th[scope="row"]{width:42%}
}
.modal-footer .sm-button-a-l
{
    padding: 30px 22px;
}
ul.price .sm-button-a-l
{
    padding:17px 22px;
}


/* ═══════════════════════════════════════════════════════════════
   Обединено от s.css (зарежда се последно — след select2 и т.н.)
   ═══════════════════════════════════════════════════════════════ */
/* Creatolic CSS */
.header
{
    background-color: #f49b1c;
}

/* ===== Категорийно съдържание (интро + генерален контент) ===== */
:root{
    --cat-navy:#1f2d4d;
    --cat-gold:#bd9646;
    --cat-muted:#6b7280;
    --cat-line:#e6e3db;
    --cat-soft:#fbfaf7;
}

/* --- Дълго въведение (над списъка) --- */
.cat-long-intro{max-width:960px;margin:0 auto 1rem;color:#222;line-height:1.65}
/* Сгъваемо "Виж всичко" (само когато JS добави .js-clamp) */
.cat-intro-toggle{display:none}
.cat-long-intro.js-clamp .cat-long-intro-inner{position:relative;overflow:hidden}
.cat-long-intro.js-clamp.expanded .cat-long-intro-inner{max-height:none;overflow:visible}
.cat-long-intro.js-clamp .cat-long-intro-inner::after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none;transition:opacity .2s}
.cat-long-intro.js-clamp.expanded .cat-long-intro-inner::after{opacity:0}
.cat-long-intro.js-clamp .cat-intro-toggle{display:inline-block;margin-top:.75rem;background:none;border:none;color:var(--cat-gold);font-weight:700;cursor:pointer;padding:.25rem 0}
.cat-long-intro.js-clamp .cat-intro-toggle:hover{text-decoration:underline}
.cat-long-intro p{margin-bottom:1rem}
.cat-intro-badges{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:1rem 0}
.cat-intro-badges li{background:var(--cat-soft);border:1px solid var(--cat-line);border-radius:999px;padding:.35rem .9rem;font-size:.9rem;font-weight:600;color:var(--cat-navy)}
.cat-intro-badges li::before{content:"\2713";color:var(--cat-gold);margin-right:.4rem;font-weight:700}
.cat-intro-facts{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem}
.cat-intro-facts th{background:var(--cat-soft);color:var(--cat-navy);text-align:left;padding:.6rem .9rem;font-weight:600;width:40%;border:1px solid var(--cat-line)}
.cat-intro-facts td{padding:.6rem .9rem;border:1px solid var(--cat-line)}

/* --- Генерален контент (под продуктите) --- */
.category-description{max-width:960px;margin:2.5rem auto 1rem;color:#222;line-height:1.7;font-size:15.5px}
.category-description h2{color:var(--cat-navy);font-size:1.55rem;margin:2rem 0 .9rem;padding-bottom:.5rem;border-bottom:2px solid var(--cat-gold)}
.category-description h3{color:var(--cat-navy);font-size:1.2rem;margin:1.4rem 0 .6rem}
.category-description p{margin-bottom:1rem}
.category-description a{color:var(--cat-gold);text-decoration:underline}
.category-description ul,.category-description ol{margin:0 0 1rem 1.2rem}
.category-description li{margin-bottom:.4rem}

/* Съдържание (TOC) */
.category-description .toc{background:var(--cat-soft);border:1px solid var(--cat-line);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.75rem;display:flex;flex-wrap:wrap;gap:.4rem .9rem}
.category-description .toc strong{width:100%;display:block;color:var(--cat-navy);margin-bottom:.35rem}
.category-description .toc a{display:inline-block;font-size:.9rem;color:var(--cat-navy);text-decoration:none;padding:.15rem .55rem;border:1px solid var(--cat-line);border-radius:999px;background:#fff}
.category-description .toc a:hover{border-color:var(--cat-gold);color:var(--cat-gold)}

/* Таблици в контента */
.category-description table{width:100%;border-collapse:collapse;background:#fff;font-size:14.5px;margin:1rem 0}
.category-description table caption,.category-description .cat-table-caption{caption-side:top;text-align:left;font-size:13px;color:var(--cat-muted);padding-bottom:.5rem}
.category-description th{background:var(--cat-navy);color:#fff;text-align:left;padding:.6rem .75rem;font-size:13.5px;font-weight:600}
.category-description td{padding:.6rem .75rem;border-bottom:1px solid var(--cat-line)}
.category-description tbody tr:nth-child(even) td{background:var(--cat-soft)}
.category-description .tblwrap{overflow-x:auto;margin:1rem 0}

/* Стъпки за покупка */
.category-description .steps,.category-description ol.buying-steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:0;margin:1.25rem 0}
.category-description .steps .step,.category-description ol.buying-steps li{background:#fff;border:1px solid var(--cat-line);border-radius:10px;padding:1.25rem 1rem;position:relative;counter-increment:step}
.category-description .steps .step::before,.category-description .sn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--cat-gold);color:#fff;font-weight:700;margin-bottom:.6rem}
.category-description .steps .step::before,.category-description ol.buying-steps li::before{display: none}
/*.category-description .sn{font-weight:700;color:var(--cat-gold)}*/

/* Производители / монетни дворове */
.category-description .mints{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:1rem 0;list-style:none}
.category-description .mints li,.category-description .mint{background:var(--cat-soft);border:1px solid var(--cat-line);border-radius:6px;padding:.35rem .8rem;font-size:.9rem;color:var(--cat-navy);font-weight:500}

@media (max-width:767px){
    .category-description .steps,.category-description ol.buying-steps{grid-template-columns:1fr}
    .category-description h2{font-size:1.35rem}
}

/* --- Продуктово съдържание (product-single) --- */
.product-content{max-width:960px;margin:2rem auto 1rem;color:#222;line-height:1.7}
.product-content .pc-block{margin-bottom:2rem}
.product-content h2{color:var(--cat-navy);font-size:1.4rem;margin:1.5rem 0 .8rem;padding-bottom:.4rem;border-bottom:2px solid var(--cat-gold)}
.product-content h3{color:var(--cat-navy);font-size:1.1rem;margin:1rem 0 .5rem}
.product-content p{margin-bottom:.9rem}
.product-content a{color:var(--cat-gold);text-decoration:underline}
.product-content .pc-table{width:100%;border-collapse:collapse;background:#fff;margin:.5rem 0}
.product-content .pc-table th{background:var(--cat-soft);color:var(--cat-navy);text-align:left;padding:.55rem .8rem;font-weight:600;width:45%;border:1px solid var(--cat-line);vertical-align:top}
.product-content .pc-table td{padding:.55rem .8rem;border:1px solid var(--cat-line)}
.product-content .pc-list{margin:.5rem 0 .5rem 1.2rem}
.product-content .pc-list li{margin-bottom:.35rem}
.product-content .pc-note{font-size:.88rem;color:var(--cat-muted)}
.product-content .pc-disclaimer{border-top:1px solid var(--cat-line);padding-top:1rem}
@media (max-width:767px){ .product-content h2{font-size:1.25rem} .product-content .pc-table th{width:50%} }

/* --- Продуктова спецификация таблица (таб „Спецификация") --- */
.product-spec{margin-bottom:.5rem}
.product-spec th{width:38%;background:var(--cat-soft);font-weight:600;color:var(--cat-navy);vertical-align:top}
.product-spec td,.product-spec th{padding:9px 12px;font-size:14px;line-height:1.5}
@media (max-width:767px){ .product-spec th{width:45%} }

/* --- FAQ акордеон (таб „Детайли за продукта") --- */
.faq-accordion + .faq-accordion,.faq-item{border-bottom:1px solid var(--cat-line)}
.faq-question{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;font-weight:700;color:var(--cat-navy);text-decoration:none;cursor:pointer}
.faq-question:hover,.faq-question:focus{text-decoration:none;color:var(--cat-gold)}
.faq-icon{transition:transform .2s;flex:0 0 auto}
.faq-question:not(.collapsed) .faq-icon{transform:rotate(180deg)}
.faq-answer{padding:0 0 14px;color:#4a4a48;line-height:1.7}

/* --- Речник (glossary_html) --- */
.category-glossary{max-width:960px;margin:2rem auto 1rem;color:#222}
.category-glossary h2{color:var(--cat-navy);font-size:1.55rem;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--cat-gold)}
.category-glossary .gloss{margin:0}
.category-glossary .gterm{padding:.9rem 0;border-bottom:1px solid var(--cat-line)}
.category-glossary .gterm:last-child{border-bottom:none}
.category-glossary dt{color:var(--cat-navy);font-weight:700;font-size:1.02rem;margin-bottom:.3rem}
.category-glossary dd{margin:0;line-height:1.6;color:#333}
@media (min-width:768px){
    .category-glossary .gterm{display:grid;grid-template-columns:230px 1fr;gap:1.25rem;align-items:start}
    .category-glossary dt{margin-bottom:0}
}
/* ─── Списък с застрахователни услуги (.service-box.inpage) ───
   В списъка се показва САМО заглавието; описанието (.inpagedesc) е само
   в дясното поле (.inpagehead). Хваща и стария <h2>, и новия <h3 class="inpagenav">,
   за да не се чупи при промяна на нивото на заглавието. */
.service-box.inpage h2,
.service-box.inpage h3.inpagenav,
.service-box.inpage .inpagetitle{
    font-size:15px;
    line-height:1.25;
    margin:0;
    font-weight:600;
}
.service-box.inpage.active h2 a,
.service-box.inpage.active h3.inpagenav a,
.service-box.inpage.active .inpagetitle,
.service-box.inpage.active a{color:#fff}
/* описанието не се показва в списъка */
.service-box.inpage p,
.service-box.inpage .inpagedesc{display:none !important}
/* кутията се свива към височината на заглавието */
.service-box.inpage{
    height:auto;
    min-height:0;
    display:flex;
    align-items:center;
    padding:12px 10px;
}

/* ─── Акордеон "Често задавани въпроси" в съдържанието на страниците ───
   Изгражда се от JS (footer.tpl) от <h3>въпрос</h3><p>отговор</p>. */
.page-faq{max-width:840px;margin:14px 0 34px;border-top:1px solid #e2e5ea}
.page-faq details{border-bottom:1px solid #e2e5ea}
.page-faq summary{
    cursor:pointer;list-style:none;position:relative;
    padding:16px 38px 16px 0;font-weight:600;color:#022a4d;font-size:16px;line-height:1.35;
}
.page-faq summary::-webkit-details-marker{display:none}
.page-faq summary::after{
    content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);
    font-size:24px;line-height:1;color:#7D1315;font-weight:400;
}
.page-faq details[open] summary::after{content:"\2013"} /* – */
.page-faq .faq__answer{padding:0 0 18px;color:#4b5563;line-height:1.65}
.page-faq .faq__answer p{margin:0 0 12px}
.page-faq .faq__answer p:last-child{margin-bottom:0}
.page-faq .faq__answer ul,.page-faq .faq__answer ol{margin:0 0 12px 20px}
.blog-post-content ul
{
    padding-left:30px;
}
.ctitle_table
{
    border:none;
    border-bottom: 1px solid #0B3152;
    border-radius: 0;
}
span.select2-selection__rendered > span
{
    display: flex;
    align-items: center;
    flex-direction: row;
}
.page-link
{
    color:var(--red);
    padding: .75rem 1.25rem;
}
.pagination .active .page-link, .page-link:hover
{
    background-color: var(--blue);
    color: #fff;
}