/* =========================================================================
   EXPERT SOLUTIONS — обща дизайн система за всички страници
   Промяна на цвят/шрифт/контакти → само тук.
   ========================================================================= */

:root{
  /* Марка */
  --red:#d11414; --red-600:#b91212; --red-700:#960f0f; --red-soft:#fde7e7;
  /* Тъмни премиум тонове */
  --ink:#16161b; --ink-2:#0e0e12; --ink-soft:#23232b;
  /* Светли топли тонове */
  --paper:#fbfaf8; --paper-2:#f4f1ec; --card:#ffffff;
  --line:#e8e4de; --line-dark:#2a2a33;
  --text:#1b1b20; --muted:#6d6862; --muted-light:#a9a4b3;
  /* Viber */
  --viber:#7360f2; --viber-600:#5a48d6;
  /* Форма */
  --r:14px; --r-lg:22px; --r-xl:30px; --pill:999px;
  --shadow-sm:0 2px 10px rgba(20,20,25,.05);
  --shadow:0 10px 34px rgba(20,20,25,.08);
  --shadow-lg:0 24px 60px rgba(20,20,25,.14);
  --shadow-red:0 14px 38px rgba(209,20,20,.28);
  --maxw:1160px;
  --font-head:'Manrope',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-body:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  font-family:var(--font-body);color:var(--text);background:var(--paper);
  line-height:1.65;font-size:17px;letter-spacing:.1px;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;}
h1,h2,h3,h4{font-family:var(--font-head);line-height:1.12;letter-spacing:-.4px;font-weight:800;}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px;}
.section{padding:92px 0;}
.section--soft{background:var(--paper-2);}
.section--dark{background:var(--ink);color:#efeef0;}
.section--dark h1,.section--dark h2,.section--dark h3{color:#fff;}
.center{text-align:center;}

.eyebrow{
  display:inline-block;font-family:var(--font-head);font-weight:800;
  font-size:12.5px;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--red);background:var(--red-soft);
  padding:7px 14px;border-radius:var(--pill);margin-bottom:18px;
}
.section--dark .eyebrow{background:rgba(209,20,20,.16);color:#ff9a9a;}
h2.title{font-size:clamp(28px,4vw,44px);margin-bottom:16px;}
.lead{color:var(--muted);max-width:640px;font-size:18px;}
.center .lead{margin-left:auto;margin-right:auto;}
.section--dark .lead{color:#b9b6c2;}

/* ---------- Бутони ---------- */
.btn{
  display:inline-flex;align-items:center;gap:9px;justify-content:center;
  font-family:var(--font-head);font-weight:800;font-size:16px;
  text-decoration:none;padding:14px 26px;border-radius:var(--r);
  border:1px solid transparent;cursor:pointer;transition:.18s ease;white-space:nowrap;
}
.btn:active{transform:translateY(1px);}
.btn-red{background:var(--red);color:#fff;box-shadow:var(--shadow-red);}
.btn-red:hover{background:var(--red-600);}
.btn-dark{background:var(--ink);color:#fff;}
.btn-dark:hover{background:var(--ink-soft);}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--line);}
.btn-ghost:hover{border-color:var(--ink);}
.section--dark .btn-ghost{color:#fff;border-color:rgba(255,255,255,.24);}
.section--dark .btn-ghost:hover{border-color:#fff;}
.btn-viber{background:var(--viber);color:#fff;}
.btn-viber:hover{background:var(--viber-600);}
.btn-lg{font-size:18px;padding:17px 34px;}

/* ---------- Хедър ---------- */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(251,250,248,.82);backdrop-filter:saturate(160%) blur(12px);
  border-bottom:1px solid var(--line);
}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0;}
.logo img{height:34px;width:auto;}
.logo .logo-text{font-family:var(--font-head);font-weight:800;font-size:19px;letter-spacing:.2px;color:var(--ink);}
.logo .logo-text span{color:var(--red);}
.main-nav{display:flex;align-items:center;gap:6px;}
.main-nav a{
  font-family:var(--font-head);font-weight:700;font-size:15.5px;text-decoration:none;
  color:var(--text);padding:9px 14px;border-radius:var(--pill);transition:.15s;
}
.main-nav a:hover{background:var(--paper-2);color:var(--red);}
.main-nav a.active{color:var(--red);}
.header-actions{display:flex;align-items:center;gap:10px;}
.header-actions .btn{padding:11px 18px;font-size:15px;}
.nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:12px;
  width:46px;height:44px;cursor:pointer;align-items:center;justify-content:center;}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{
  content:"";display:block;width:22px;height:2.5px;background:var(--ink);border-radius:2px;position:relative;transition:.2s;}
.nav-toggle span::before{position:absolute;top:-7px;}
.nav-toggle span::after{position:absolute;top:7px;}

/* ---------- Hero (с място за фонова снимка) ---------- */
.hero{
  position:relative;overflow:hidden;color:#fff;
  padding:118px 0 104px;
  background:
    linear-gradient(180deg,rgba(12,12,16,.60),rgba(12,12,16,.82)),
    var(--hero-bg, linear-gradient(135deg,#2a0d0d,#141417 60%));
  background-size:cover;background-position:center;
}
.hero.hero-sm{padding:84px 0 74px;}
.hero .eyebrow{background:rgba(255,255,255,.12);color:#fff;}
.hero h1{font-size:clamp(32px,5.4vw,58px);max-width:16ch;margin-bottom:20px;color:#fff;}
.hero h1 em{color:#ff5a5a;font-style:normal;}
.hero p.sub{font-size:clamp(17px,2.3vw,21px);color:#e4e2e6;max-width:600px;margin-bottom:32px;}
.hero .hero-actions{display:flex;gap:14px;flex-wrap:wrap;}
.hero .hero-note{margin-top:16px;font-size:14px;color:#c7c4cc;}
.hero-center{text-align:center;}
.hero-center h1,.hero-center p.sub{margin-left:auto;margin-right:auto;}
.hero-center .hero-actions{justify-content:center;}

/* ---------- Мрежи / карти ---------- */
.grid{display:grid;gap:24px;}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));}
.card{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:32px;box-shadow:var(--shadow-sm);transition:.2s;
}
.card:hover{box-shadow:var(--shadow);transform:translateY(-3px);}
.card .ico{
  width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  font-size:28px;background:var(--red-soft);margin-bottom:18px;
}
.card h3{font-size:21px;margin-bottom:10px;}
.card p{color:var(--muted);font-size:16px;}
.card .more{display:inline-block;margin-top:16px;font-family:var(--font-head);font-weight:800;
  font-size:15px;color:var(--red);text-decoration:none;}
.card .more:hover{text-decoration:underline;}
.check{list-style:none;margin-top:16px;}
.check li{position:relative;padding:7px 0 7px 30px;font-size:15.5px;color:var(--text);}
.check li::before{content:"";position:absolute;left:0;top:13px;width:16px;height:16px;border-radius:50%;
  background:var(--red);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/13px no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/13px no-repeat;}
.section--dark .check li{color:#d9d7df;}

/* ---------- Продуктови блокове (редуващи се) ---------- */
.feature{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.feature + .feature{margin-top:88px;}
.feature .fbody .eyebrow{margin-bottom:14px;}
.feature .fbody h3{font-size:clamp(23px,3vw,32px);margin-bottom:14px;}
.feature .fbody p{color:var(--muted);font-size:17px;}
.feature .fmedia{
  border-radius:var(--r-xl);min-height:320px;border:1px solid var(--line);
  background:linear-gradient(135deg,var(--paper-2),#fff);box-shadow:var(--shadow);
  display:flex;align-items:center;justify-content:center;font-size:80px;position:relative;overflow:hidden;
}
.feature .fmedia .badge-num{position:absolute;top:22px;left:22px;font-family:var(--font-head);
  font-weight:800;font-size:13px;letter-spacing:2px;color:var(--red);background:var(--red-soft);
  padding:6px 12px;border-radius:var(--pill);}
.feature:nth-child(even) .fmedia{order:-1;}

/* ---------- Стъпки ---------- */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;}
.step{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;text-align:center;}
.step .n{width:48px;height:48px;border-radius:var(--pill);background:var(--red);color:#fff;
  font-family:var(--font-head);font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
.step h3{font-size:18px;margin-bottom:8px;}
.step p{color:var(--muted);font-size:15.5px;}

/* ---------- Статистики ---------- */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;text-align:center;}
.stat .num{font-family:var(--font-head);font-weight:800;font-size:clamp(30px,4vw,44px);color:var(--red);}
.section--dark .stat .num{color:#ff6a6a;}
.stat .lbl{color:var(--muted);font-size:15px;margin-top:4px;}
.section--dark .stat .lbl{color:#b9b6c2;}

/* ---------- Промо пакет ---------- */
.promo{
  background:linear-gradient(140deg,var(--red),var(--red-700));color:#fff;
  border-radius:var(--r-xl);padding:52px 44px;box-shadow:var(--shadow-red);position:relative;overflow:hidden;
}
.promo::after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;
  background:rgba(255,255,255,.08);}
.promo .badge{display:inline-block;background:#fff;color:var(--red);font-family:var(--font-head);font-weight:800;
  font-size:12px;letter-spacing:1.5px;padding:7px 15px;border-radius:var(--pill);margin-bottom:16px;}
.promo h2{color:#fff;font-size:clamp(26px,3.6vw,38px);margin-bottom:8px;}
.promo .psub{color:#ffd9d9;margin-bottom:26px;font-size:17px;position:relative;}
.promo ol{list-style:none;position:relative;}
.promo li{padding:14px 0 14px 44px;position:relative;font-size:17px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.18);}
.promo li:last-child{border-bottom:0;}
.promo li::before{content:"";position:absolute;left:2px;top:15px;width:26px;height:26px;border-radius:50%;background:#fff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/18px no-repeat;
  background-color:#fff;}
.promo li small{display:block;font-weight:400;color:#ffd9d9;font-size:14px;margin-top:3px;}

/* ---------- CTA лента ---------- */
.cta-band{background:var(--ink);color:#fff;border-radius:var(--r-xl);padding:56px 40px;text-align:center;}
.cta-band h2{color:#fff;font-size:clamp(24px,3.4vw,36px);margin-bottom:12px;}
.cta-band p{color:#bdbac6;max-width:560px;margin:0 auto 28px;}
.cta-band .row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.tel-big{font-family:var(--font-head);font-weight:800;font-size:clamp(24px,4vw,34px);color:#fff;text-decoration:none;
  display:inline-block;margin-top:6px;}
.tel-big:hover{color:#ff6a6a;}

/* ---------- Контакти ---------- */
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;}
.contact-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;text-align:center;}
.contact-card .ico{width:56px;height:56px;border-radius:16px;background:var(--red-soft);display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 16px;}
.contact-card h3{font-size:18px;margin-bottom:6px;}
.contact-card a{font-family:var(--font-head);font-weight:800;color:var(--red);text-decoration:none;font-size:18px;word-break:break-word;}
.contact-card p{color:var(--muted);font-size:14.5px;margin-top:4px;}

/* ---------- Футър ---------- */
.site-footer{background:var(--ink-2);color:#c7c4cc;padding:60px 0 30px;}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px;padding-bottom:34px;border-bottom:1px solid var(--line-dark);}
.site-footer .logo-text{color:#fff;}
.site-footer .fdesc{color:#8f8b98;font-size:15px;margin-top:14px;max-width:320px;}
.site-footer h4{font-family:var(--font-head);color:#fff;font-size:15px;letter-spacing:.5px;margin-bottom:14px;}
.site-footer ul{list-style:none;}
.site-footer li{margin-bottom:9px;}
.site-footer a{color:#c7c4cc;text-decoration:none;font-size:15px;}
.site-footer a:hover{color:#fff;}
.footer-bottom{padding-top:22px;text-align:center;color:#7a7684;font-size:13.5px;}

/* ---------- Форма ---------- */
.form-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);padding:38px;box-shadow:var(--shadow);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.field{margin-bottom:16px;}
.field label{display:block;font-family:var(--font-head);font-weight:700;font-size:14.5px;margin-bottom:7px;}
.field input,.field textarea{
  width:100%;font-family:var(--font-body);font-size:16px;color:var(--text);
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:13px 15px;transition:.15s;
}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px var(--red-soft);}
.field textarea{min-height:130px;resize:vertical;}
.form-card .btn{width:100%;margin-top:6px;}
@media (max-width:560px){ .form-row{grid-template-columns:1fr;} }

/* ---------- Мобилен фиксиран бар ---------- */
.mobile-bar{display:none;}

/* ---------- Адаптив ---------- */
@media (max-width:900px){
  .feature{grid-template-columns:1fr;gap:28px;}
  .feature:nth-child(even) .fmedia{order:0;}
  .feature .fmedia{min-height:220px;font-size:60px;}
  .footer-top{grid-template-columns:1fr 1fr;}
}
@media (max-width:760px){
  .section{padding:64px 0;}
  .header-actions .btn-viber,.header-actions .btn-red{display:none;}
  .nav-toggle{display:flex;}
  .main-nav{
    position:fixed;inset:0 0 0 auto;width:min(82vw,320px);background:var(--paper);
    flex-direction:column;align-items:stretch;gap:4px;padding:88px 20px 28px;
    box-shadow:var(--shadow-lg);transform:translateX(100%);transition:.25s ease;z-index:60;
  }
  .main-nav.open{transform:translateX(0);}
  .main-nav a{font-size:18px;padding:13px 16px;}
  .main-nav .mnav-cta{margin-top:12px;}
  .nav-scrim{position:fixed;inset:0;background:rgba(10,10,14,.5);opacity:0;pointer-events:none;transition:.25s;z-index:55;}
  .nav-scrim.open{opacity:1;pointer-events:auto;}
  .hero{padding:88px 0 78px;}
  .footer-top{grid-template-columns:1fr;gap:24px;}
  .mobile-bar{
    display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:40;
    box-shadow:0 -4px 20px rgba(0,0,0,.16);
  }
  .mobile-bar a{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;
    font-family:var(--font-head);font-weight:800;font-size:16px;text-decoration:none;color:#fff;}
  .mobile-bar .m-call{background:var(--red);}
  .mobile-bar .m-viber{background:var(--viber);}
  body{padding-bottom:56px;}
}

/* =========================================================================
   ПОЛИРАНЕ И АНИМАЦИИ
   ========================================================================= */

/* Скрол прогрес лента */
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:100;
  background:linear-gradient(90deg,var(--red),#ff7a3a);box-shadow:0 0 12px rgba(209,20,20,.55);transition:width .08s linear;}

/* Хедър при скрол */
.site-header{transition:box-shadow .25s ease,background .25s ease;}
.site-header.scrolled{box-shadow:0 10px 34px rgba(0,0,0,.10);background:rgba(251,250,248,.94);}

/* Nav анимирано подчертаване */
.main-nav a::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;
  background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .22s ease;}
.main-nav a.btn::after{display:none;}
.main-nav a:hover::after,.main-nav a.active::after{transform:scaleX(1);}
@media (max-width:760px){.main-nav a::after{display:none;}}

/* Градиентен текст */
.grad{background:linear-gradient(100deg,#ff6a6a,#d11414 62%);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* Reveal при скрол */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);}
.reveal.in{opacity:1;transform:none;}
.reveal.d1{transition-delay:.07s}.reveal.d2{transition-delay:.14s}.reveal.d3{transition-delay:.21s}
.reveal.d4{transition-delay:.28s}.reveal.d5{transition-delay:.35s}

/* Карти — градиентен ръб при hover */
.card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:0;transition:opacity .25s;
  background:linear-gradient(140deg,rgba(209,20,20,.65),rgba(255,106,58,.25),transparent 62%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;}
.card:hover::after{opacity:1;}

/* Герой — вход анимация */
@keyframes heroUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.hero .eyebrow,.hero h1,.hero p.sub,.hero .hero-actions,.hero .hero-note{opacity:0;animation:heroUp .85s cubic-bezier(.2,.7,.2,1) forwards;}
.hero .eyebrow{animation-delay:.05s}.hero h1{animation-delay:.16s}.hero p.sub{animation-delay:.30s}
.hero .hero-actions{animation-delay:.44s}.hero .hero-note{animation-delay:.56s}

/* Скрол индикатор долу в героя */
.scroll-cue{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:26px;height:42px;
  border:2px solid rgba(255,255,255,.38);border-radius:14px;display:flex;justify-content:center;z-index:2;}
.scroll-cue::before{content:"";width:4px;height:8px;background:#fff;border-radius:2px;margin-top:7px;animation:cue 1.7s infinite;}
@keyframes cue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(13px)}}

/* Trust лента (marquee) */
.marquee{overflow:hidden;background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;}
.marquee .track{display:flex;gap:46px;width:max-content;animation:marq 30s linear infinite;}
.marquee:hover .track{animation-play-state:paused;}
.marquee span{font-family:var(--font-head);font-weight:800;font-size:15px;letter-spacing:.4px;color:var(--muted);
  display:inline-flex;align-items:center;gap:12px;white-space:nowrap;}
.marquee span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red);flex:none;}
@keyframes marq{to{transform:translateX(-50%)}}

/* BENTO решетка (продукти) */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:212px;gap:18px;margin-top:52px;}
.bento .b{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:28px;box-shadow:var(--shadow-sm);transition:transform .22s ease,box-shadow .22s ease;
  display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;color:inherit;}
.bento .b:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.bento .b .ico{width:52px;height:52px;border-radius:14px;background:var(--red-soft);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:auto;}
.bento .b h3{font-size:20px;margin:16px 0 6px;}
.bento .b p{color:var(--muted);font-size:14.5px;}
.bento .b .more{margin-top:12px;font-family:var(--font-head);font-weight:800;font-size:14px;color:var(--red);}
.bento .b.dark{background:linear-gradient(150deg,var(--ink),var(--ink-soft));color:#fff;border:0;}
.bento .b.dark .ico{background:rgba(255,255,255,.12);}
.bento .b.dark p{color:#c7c4cc;}
.bento .b.dark h3{color:#fff;}
.bento .b.dark .more{color:#ff7a7a;}
.bento .b.big::before{content:"";position:absolute;right:-60px;bottom:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(209,20,20,.10),transparent 70%);}
.b-orders{grid-column:1/3;grid-row:1/3;}
.b-finance{grid-column:3/5;grid-row:1/2;}
.b-qr{grid-column:3/4;grid-row:2/3;}
.b-consult{grid-column:4/5;grid-row:2/3;}
.b-brands{grid-column:1/3;grid-row:3/4;}
.b-cta{grid-column:3/5;grid-row:3/4;}
.bento .b-orders h3{font-size:24px;}
@media (max-width:860px){
  .bento{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(170px,auto);}
  .bento .b{grid-column:auto;grid-row:auto;}
  .b-orders{grid-column:1/3;}
  .b-brands{grid-column:1/3;}
  .b-cta{grid-column:1/3;}
}
@media (max-width:520px){
  .bento{grid-template-columns:1fr;}
  .b-orders,.b-brands,.b-cta{grid-column:auto;}
}

/* Процес-диаграма */
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:50px;}
.flow .node{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 22px;text-align:center;z-index:2;}
.flow .node .fico{width:56px;height:56px;margin:0 auto 14px;border-radius:15px;background:var(--red-soft);display:flex;align-items:center;justify-content:center;font-size:26px;position:relative;}
.flow .node h4{font-family:var(--font-head);font-weight:800;font-size:17px;margin-bottom:5px;}
.flow .node p{font-size:13.5px;color:var(--muted);}
.flow .node:not(:last-child)::after{content:"";position:absolute;top:52px;right:-13px;width:26px;height:2px;background:var(--line);z-index:1;}
.flow .node:not(:last-child)::before{content:"";position:absolute;top:47px;right:-15px;width:0;height:0;
  border-left:8px solid var(--red);border-top:6px solid transparent;border-bottom:6px solid transparent;z-index:3;animation:flowpulse 2s ease-in-out infinite;}
@keyframes flowpulse{0%,100%{opacity:.4;transform:translateX(0)}50%{opacity:1;transform:translateX(4px)}}
@media (max-width:820px){
  .flow{grid-template-columns:1fr 1fr;}
  .flow .node:not(:last-child)::after,.flow .node:not(:last-child)::before{display:none;}
}

/* Продуктов мокъп (SVG) в .fmedia */
.feature .fmedia.mock{background:linear-gradient(150deg,#161620,#0f0f14);border-color:var(--line-dark);padding:34px;}
.feature .fmedia.mock svg{width:100%;height:auto;max-width:420px;filter:drop-shadow(0 18px 40px rgba(0,0,0,.4));}

@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important;transition:none!important;}
  .hero .eyebrow,.hero h1,.hero p.sub,.hero .hero-actions,.hero .hero-note{opacity:1;animation:none;}
  .scroll-cue::before,.flow .node::before,.marquee .track{animation:none;}
}

/* Фонове на героите — пътищата са спрямо ТОЗИ файл (папка /assets) */
.hero-home{--hero-bg:url('bg-home.jpg');}
.hero-about{--hero-bg:url('bg-about.jpg');}
.hero-products{--hero-bg:url('bg-products.jpg');}
.hero-packages{--hero-bg:url('bg-packages.jpg');}
.hero-contact{--hero-bg:url('bg-contact.jpg');}

/* Viber CTA да се показва само в мобилното меню */
.main-nav .mnav-cta{display:none;}
@media (max-width:760px){ .main-nav .mnav-cta{display:inline-flex;} }