/* P8 — долна лента за обаждане на всички страници, банер, мобилно меню, отзиви. Добавя се след final.css. Макет, не е публикуван. */
:root{--bar:54px;--safe-b:env(safe-area-inset-bottom,0px)}

/* Обаждане: на компютър кръгъл бутон, на телефон лента долу */
.cnb{position:fixed;right:20px;bottom:15px;width:55px;height:55px;border-radius:50%;background:#072433;border:2px solid #A58D66;box-shadow:0 3px 6px rgba(0,0,0,.3);display:grid;place-items:center;z-index:50;text-decoration:none}
.cnb svg{width:26px;height:26px;fill:#F6F2EB}
@media (max-width:640px){
  .cnb{left:0;right:0;bottom:0;width:auto;height:calc(var(--bar) + var(--safe-b));padding-bottom:var(--safe-b);border:0;border-top:2px solid #A58D66;border-radius:0;box-shadow:0 -2px 8px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;gap:10px;font:600 16px/1 var(--ui);color:#F6F2EB}
  .cnb svg{width:20px;height:20px;fill:#A58D66}
  .cnb::after{content:"Обадете се: 0894 012 341"}
  /* съдържанието свършва над лентата */
  body{padding-bottom:calc(var(--bar) + var(--safe-b))}
  /* бутоните в херото на цяла ширина (P7) */
  .hero .btn--line{width:auto;align-self:stretch}
  .hero .facts{padding-right:0}
}
@media (max-width:640px) and (max-height:740px){
  .hero .acts{order:4;margin-bottom:14px}
  .hero .sub{order:5}
}

/* Банер за бисквитки (Г2): на телефон стои над лентата, на компютър — над кръглия бутон */
.ck{position:fixed;z-index:55;background:#F6F2EB;color:#072433;border:1px solid rgba(7,36,51,.18);box-shadow:0 6px 24px rgba(4,26,37,.22);font:400 13px/1.5 var(--ui);padding:16px;right:20px;bottom:86px;width:400px}
.ck p{margin:0 0 12px}
.ck__b{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ck__b button{min-height:44px;font:600 14px/1 var(--ui);border:1px solid #072433;cursor:pointer}
.ck__acc,.ck__rej{background:#072433;color:#fff}
.ck__set{grid-column:1/3;background:transparent;color:#072433}
.ck__l{margin:10px 0 0 !important;font-size:12.5px}
.ck__l a{color:#072433;text-decoration:underline;display:inline-block;padding:6px 0}
@media (max-width:640px){
  .ck{left:0;right:0;width:auto;bottom:calc(var(--bar) + var(--safe-b));border-width:1px 0 0;padding:14px max(16px,env(safe-area-inset-left,0px)) 12px}
}

/* Мобилно меню: цял екран над лентата, със собствен бутон за обаждане */
.burger span:last-child{cursor:pointer}
.mnav{position:fixed;inset:0;z-index:80;background:#041A25;color:#EDE8E1;display:flex;flex-direction:column;padding:16px 22px calc(20px + var(--safe-b));overflow-y:auto}
.mnav[hidden]{display:none}
.mnav__top{display:flex;justify-content:space-between;align-items:center;min-height:48px;margin-bottom:12px}
.mnav__top b{font:400 19px/1.1 var(--serif)}
.mnav__x{background:none;border:0;color:#EDE8E1;font:500 16px/1 var(--ui);min-height:48px;padding:0 4px;cursor:pointer}
.mnav nav{display:flex;flex-direction:column;border-top:1px solid rgba(237,232,225,.18)}
.mnav nav a{font:400 22px/1.2 var(--serif);padding:13px 0;border-bottom:1px solid rgba(237,232,225,.18);color:#EDE8E1}
.mnav .btn{margin-top:22px;width:100%}

/* Отзиви: по-компактни на телефон, ясно отделени от реда за Google */
.vh{font:500 13px/1.4 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:40px 0 0}
.vh + .voices{margin-top:20px}
.voices blockquote{font:400 18px/1.6 var(--serif)}
.voices blockquote p + p{margin-top:.7em}
.voices cite{font:500 13px/1.4 var(--ui);letter-spacing:.04em;text-transform:none;margin-top:12px}
.voices cite time{color:var(--muted);font-weight:400}
.voices .fx{text-decoration:underline dotted rgba(7,36,51,.35);text-underline-offset:3px}
.vsrc{font:400 13px/1.5 var(--ui);color:var(--muted);margin-top:24px;max-width:60ch}
.vclip{position:relative;max-height:calc(1.55em * 7);overflow:hidden}
.vclip::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3em;background:linear-gradient(rgba(239,232,221,0),var(--paper-2))}
.vclip.open{max-height:none}.vclip.open::after{display:none}
.vmore{margin-top:8px;background:none;border:0;padding:8px 0;font:500 14px/1.3 var(--ui);color:var(--ink);border-bottom:1px solid var(--gold);cursor:pointer}
@media (max-width:640px){
  .voices{gap:26px}
  .voices blockquote{font-size:16.5px;line-height:1.55;padding-top:16px}
  .vh{margin-top:32px}
}