/* Пробна луксозна визия: повече въздух, злато само в тънки линии, плавно движение, плаващи бутони Viber/WhatsApp.
   За да се върне старата визия, махнете реда с lux.css и lux.js от страниците. */
:root { --gold-line: rgba(201, 164, 92, .28); --gold-soft: rgba(201, 164, 92, .55); }

/* Повече въздух между секциите */
.section { padding-top: 168px; }
.section-head { margin-bottom: 64px; padding-bottom: 28px; border-bottom: 1px solid var(--gold-line); }
.grid-3 { gap: 56px 40px; }
.split { gap: 96px; }
.page-head { padding-top: 72px; padding-bottom: 72px; }
.site-footer { border-top: 1px solid var(--gold-line); margin-top: 168px; }
.site-footer .wrap { padding-top: 72px; }
.lead { line-height: 1.75; }
.eyebrow { letter-spacing: .28em; font-size: 13px; }

/* Злато само за тънки линии, номера и бутони */
.card-foot { border-top-color: var(--gold-line); }
.cta { border-color: var(--gold-line); padding: 96px 80px; }
.stats { border-top-color: var(--gold-line); }
.btn { letter-spacing: .12em; text-transform: uppercase; font-size: 14px; font-weight: 500; }
.btn-outline { border-color: var(--gold-soft); }
.search { background: var(--gold-line); }
.specs { background: var(--gold-line); }
.card .ph { overflow: hidden; }
.card .ph img { transition: transform 1.2s cubic-bezier(.2, .7, .2, 1); }
.card:hover .ph img { transform: scale(1.04); }

/* Менюто остава горе и става полупрозрачно с размазан фон при превъртане */
.site-header { position: sticky; top: 0; z-index: 50; transition: background .4s, border-color .4s, backdrop-filter .4s; border-bottom: 1px solid transparent; }
.site-header .wrap { transition: padding .4s; }
.site-header.scrolled { background: rgba(15, 14, 13, .72); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom-color: var(--gold-line); }
.site-header.scrolled .wrap { padding-top: 14px; padding-bottom: 14px; }
.site-header.scrolled .logo-mark { height: 40px; }

/* Текстове и снимки се появяват плавно при превъртане */
.reveal { opacity: 0; transform: translateY(28px); transition: opacity 1s ease, transform 1s cubic-bezier(.2, .7, .2, 1); }
.reveal.in { opacity: 1; transform: none; }

/* Плаващи бутони Viber и WhatsApp */
.chat-fab { position: fixed; right: 20px; bottom: 20px; z-index: 900; display: flex; flex-direction: column; gap: 12px; }
.chat-fab a { width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(26, 24, 22, .88); border: 1px solid var(--gold-soft); color: var(--text); box-shadow: 0 8px 24px rgba(0, 0, 0, .35); transition: transform .3s, background .3s, color .3s, border-color .3s; }
.chat-fab a:hover, .chat-fab a:focus-visible { transform: translateY(-2px); color: #fff; }
.chat-fab .fab-viber:hover, .chat-fab .fab-viber:focus-visible { background: #7360F2; border-color: #7360F2; }
.chat-fab .fab-wa:hover, .chat-fab .fab-wa:focus-visible { background: #25D366; border-color: #25D366; }
.chat-fab i { width: 24px; height: 24px; background: currentColor; -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat; }

@media (max-width: 960px) {
  .site-header { position: sticky; }
  .nav { top: 100%; }
}
@media (max-width: 640px) {
  .section { padding-top: 112px; }
  .section-head { margin-bottom: 40px; }
  .grid-3 { gap: 48px; }
  .split { gap: 48px; }
  .cta { padding: 48px 24px; }
  .site-footer { margin-top: 112px; }
  .site-footer .wrap { padding-top: 48px; }
  .chat-fab { right: 14px; bottom: 14px; gap: 10px; }
  .chat-fab a { width: 48px; height: 48px; }
}
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
  .card .ph img, .site-header, .site-header .wrap { transition: none; }
}