@charset "utf-8";
/* ============================================================
   AVA Lighting - страницата „Подробен план“ (/kalkulator-za-osvetlenie/), стъклен дизайн (06.10.2026)
   Стиловете на страницата са вградени в съдържанието ѝ (.avp), затова тук е с клас повече.
   Зарежда се от layouts/default.tpl и m_layouts/default.tpl за всички.
   ============================================================ */
:root{
  --as-ink:#141414; --as-sub:#5b5e66; --as-line:#e4e5e9; --as-soft:#f4f5f7;
  --as-gold:#C89633; --as-gold-l:#E6CE84; --as-gold-d:#8A6420;
  --as-btn-a:#B5852A; --as-btn-b:#7E5918;
  --as-body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --as-head:"Source Serif 4",Georgia,serif;
  --as-sh:0 1px 2px rgba(20,20,20,.05),0 4px 12px rgba(20,20,20,.05),0 14px 34px rgba(20,20,20,.07);
  --as-sh-h:0 2px 4px rgba(20,20,20,.06),0 10px 22px rgba(20,20,20,.08),0 26px 50px rgba(20,20,20,.12);
  --as-ease:cubic-bezier(.22,1,.36,1);
}

/* ============================================================
   Страницата „Подробен план“ (/kalkulator-za-osvetlenie/) - стиловете ѝ са
   вградени в съдържанието на страницата (.avp), затова тук е с клас повече.
   Тъмните части са матово стъкло със златисти отблясъци, светлите - бели карти.
   ============================================================ */
.avp{background:#fff !important;font-family:var(--as-body) !important}
.avp .avp__bar{border-radius:16px;background:linear-gradient(120deg,#1a1712,#0e0e0e);box-shadow:var(--as-sh)}
.avp .avp__num{border-radius:10px;background:linear-gradient(180deg,var(--as-btn-a),var(--as-btn-b));color:#fff}
.avp .avp__h2{font-family:var(--as-head);font-weight:600;font-size:28px}
.avp .avp__rule{background:var(--as-line)}
.avp .avp__form,.avp .avp__big{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:20px;
  background:radial-gradient(60% 90% at 10% 0%,rgba(200,150,51,.30),transparent 60%),radial-gradient(50% 80% at 95% 100%,rgba(230,206,132,.14),transparent 60%),linear-gradient(160deg,#1b1813,#0c0c0c);
  box-shadow:0 20px 50px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08)}
.avp .avp__formn{color:rgba(255,255,255,.66)}
.avp .avp__lab{color:rgba(243,230,192,.85);font-weight:700}
.avp .avp__f{background-color:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:12px;color:#fff;font-family:var(--as-body);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.avp .avp__f:focus{border-color:var(--as-gold-l);box-shadow:0 0 0 3px rgba(230,206,132,.18)}
.avp select.avp__f option{background:#1a1815;color:#fff}
.avp .avp__bigv{color:#F3E6C0;font-family:var(--as-body)}
.avp .avp__bigk{color:rgba(243,230,192,.7)}
.avp .avp__card,.avp .avp__tbl,.avp .avp__sum,.avp .avp__lay>div{border:0;border-radius:18px;background:#fff;box-shadow:var(--as-sh);overflow:hidden}
.avp .avp__lay>div{border-top:0;background:linear-gradient(170deg,#ffffff 0%,#f6f7f9 100%)}
.avp .avp__quick>div{border:0;border-radius:12px;background:var(--as-soft)}
.avp .avp__quickv,.avp .avp__tval{color:var(--as-ink)}
.avp tr:hover td{background:var(--as-soft)}
/* лентата „събрано“: цветовете стоят по цялата писта (червено -> зелено), а незапълненото се покрива със сянката на запълването */
.avp .avp__bar2{height:10px;border:0;border-radius:99px;background:linear-gradient(90deg,#d64235 0%,#ef7d2a 28%,#f2c230 55%,#9ccc3c 80%,#2f9e57 100%)}
.avp .avp__fill{border-radius:99px;background:transparent;box-shadow:0 0 0 2000px #ebecef}
.avp .avp__p{border:0;border-radius:14px;overflow:hidden;box-shadow:var(--as-sh)}
.avp .avp__p:hover{border-color:transparent;box-shadow:var(--as-sh-h);transform:translateY(-4px)}
.avp .avp__pimg{background:#fff;border-bottom:1px solid var(--as-line)}
.avp .avp__ptag{border-radius:999px}
.avp .avp__pname{font-size:13.5px;font-weight:600}
.avp .avp__price{font-weight:800}
.avp .avp__add,.avp .avp__cta{border:0;border-radius:10px;background:linear-gradient(180deg,var(--as-btn-a),var(--as-btn-b));color:#fff;font-family:var(--as-body);box-shadow:0 6px 16px rgba(126,89,24,.3)}
.avp .avp__add:hover,.avp .avp__cta:hover{background:linear-gradient(180deg,#c08f2e,#86601b);color:#fff}
.avp .avp__qty{border:0;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px #d5d6db}
.avp .avp__qty button.plus{background:linear-gradient(180deg,var(--as-btn-a),var(--as-btn-b));color:#fff}
.avp .avp__ghost{border:0;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--as-ink);color:var(--as-ink);font-family:var(--as-body)}
@media (max-width:620px){.avp .avp__h2{font-size:22px}}
/* заключената версия (без профил) */
.lcx{border-radius:18px !important;box-shadow:var(--as-sh) !important;border:0 !important;font-family:var(--as-body) !important;overflow:hidden}


/* златните бутони: винаги тъмно злато с бял текст */
.lcx .lcx__btn--gold,.lcx .lcx__btn--gold:hover:not(:disabled){background:linear-gradient(180deg,var(--as-btn-a),var(--as-btn-b));color:#fff;border-color:transparent;box-shadow:0 6px 16px rgba(126,89,24,.3)}

/* ---------- „Подробен план“ - цялата страница на стъкло (06.10.2026) ----------
   Фонът е светъл със златисти отблясъци, а картите са матово бяло стъкло; тъмните
   панели (полетата и голямото число) са тъмно стъкло. */
.avp{background:
  radial-gradient(38% 26% at 8% 4%,rgba(230,206,132,.42),transparent 70%),
  radial-gradient(34% 24% at 92% 22%,rgba(200,150,51,.22),transparent 70%),
  radial-gradient(40% 28% at 15% 55%,rgba(230,206,132,.26),transparent 70%),
  radial-gradient(36% 26% at 88% 85%,rgba(200,150,51,.18),transparent 70%),
  linear-gradient(180deg,#f3f4f6 0%,#eceef2 100%) !important;border-radius:22px}
@media (hover:hover) and (min-width:1024px){.avp{background-attachment:fixed !important}}
.avp .avp__card,.avp .avp__tbl,.avp .avp__sum,.avp .avp__lay>div,.avp .avp__p{
  background:rgba(255,255,255,.58) !important;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
  border:1px solid rgba(255,255,255,.75) !important;box-shadow:0 10px 30px rgba(20,20,20,.08),inset 0 1px 0 rgba(255,255,255,.8) !important}
.avp .avp__quick>div{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.8)}
.avp .avp__pimg{background:rgba(255,255,255,.7) !important;border-bottom:1px solid rgba(255,255,255,.8)}
.avp .avp__pimg img{mix-blend-mode:multiply}
.avp tr:hover td{background:rgba(255,255,255,.55)}
.avp .avp__td,.avp td{border-bottom-color:rgba(20,20,20,.06)}
.avp .avp__form,.avp .avp__big{background:
  radial-gradient(60% 90% at 10% 0%,rgba(200,150,51,.34),transparent 60%),radial-gradient(50% 80% at 95% 100%,rgba(230,206,132,.16),transparent 60%),rgba(18,16,13,.82);
  -webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}
.avp .avp__bar{background:rgba(18,16,13,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08)}
.avp .avp__ghost{background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

/* заглавието на страницата вече казва „Калкулатор за осветление“ - тъмната лента отгоре не го повтаря */
.avp .avp__bar{display:none !important}