/* ==========================================================
   „ИСКАМ ГО“ — ПОТОКЪТ НА ЗАЯВЯВАНЕ            07.09.2026
   Прототип. Ползва палитрата на сайта (palette.css) и не
   въвежда свои цветове — само свои разстояния и форми.

   Писано за телефон напред: всичко тук работи от 360px и
   се разгръща нагоре. Никакъв хоризонтален scroll — единствените
   неща, които се плъзгат настрани, са таблиците в панела, и то
   вътре в собствената си обвивка.
   ========================================================== */

:root {
  --iskam-radius: 14px;
  --iskam-dopir: 44px;   /* най-малкото, което пръст хваща спокойно */
}

/* Браузърното правило за `hidden` е само `display: none` с най-ниска
   тежест — всеки наш `display: flex` или `grid` го надвива и скритото
   пак се вижда. Тук `hidden` пак значи скрито. Ограничено е до нашите
   части, за да не пипа темата. */
.aura-potok [hidden],
.aura-panel [hidden],
.aura-izborpanel [hidden],
.aura-lenta[hidden] { display: none !important; }

/* ==========================================================
   ПАНЕЛЪТ ЗА КОЛИЧЕСТВО И СТОЙНОСТ
   Под бутона на продуктовата страница няма ред с ориентир -
   махнат е по искане на потребителя. Числото се появява чак
   тук, до точките.
   ========================================================== */

.aura-izborpanel {
  width: min(30rem, calc(100vw - 1.5rem));
  max-height: calc(100dvh - 2rem);
  padding: 0;
  border: 0;
  border-radius: var(--iskam-radius);
  background: transparent;
  color: #33200A;
  overflow: visible;
}

.aura-izborpanel::backdrop {
  background: rgba(28, 18, 6, .62);
  backdrop-filter: blur(2px);
}

.aura-izborpanel__vatre {
  position: relative;
  max-height: calc(100dvh - 2rem);
  overflow-y: auto;
  padding: clamp(1.2rem, 4vw, 1.9rem);
  border: 1px solid rgba(122, 82, 16, .34);
  border-radius: var(--iskam-radius);
  background: linear-gradient(170deg, #FFF9EC, #F6E9CE);
  box-shadow: 0 18px 50px rgba(28, 18, 6, .45);
  font-family: "Manrope", system-ui, sans-serif;
}

.aura-izborpanel__zatvori {
  position: absolute;
  top: .5rem;
  right: .5rem;
  width: var(--iskam-dopir);
  height: var(--iskam-dopir);
  border: 0;
  border-radius: 50%;
  background: transparent;
  font-size: 1.6rem;
  line-height: 1;
  color: rgba(106, 74, 16, .7);
  cursor: pointer;
}
.aura-izborpanel__zatvori:hover { color: #8A5F16; }

.aura-izborpanel__ime {
  margin: 0 2.5rem .4rem 0;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(1.25rem, 5vw, 1.6rem);
  line-height: 1.25;
  color: #8A5F16;
}

/* ---------- изборът на разфасовка ----------
   Появява се само когато страницата има повече от един продукт
   (прополисът: тинктура 30 и 50 мл). Златото на избраното е същото като
   на точките, но бутоните не са кръгли — те казват „кое“, не „колко“. */

.aura-vidove {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: .8rem 0 .3rem;
}

.aura-vid {
  min-height: var(--iskam-dopir);
  padding: .5rem 1.15rem;
  border: 1.5px solid rgba(122, 82, 16, .34);
  border-radius: 999px;
  background: rgba(255, 255, 255, .66);
  font-family: inherit;
  font-size: .98rem;
  font-weight: 600;
  color: #6A4A10;
  cursor: pointer;
  transition: background .18s ease, box-shadow .18s ease;
}
.aura-vid:hover { background: rgba(255, 255, 255, .92); }

.aura-vid.e-izbran {
  border-color: #8A5F16;
  background: linear-gradient(180deg, #F0CE8E, #C9962F);
  color: #241708;
  box-shadow: 0 4px 14px rgba(122, 82, 16, .28);
}

.aura-izborpanel__red {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(122, 82, 16, .18);
}

.aura-izborpanel__etiket {
  font-size: .96rem;
  color: rgba(51, 32, 10, .86);
}

/* ---------- броячът ---------- */

.aura-broyach {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  padding: .2rem;
  border: 1px solid rgba(122, 82, 16, .3);
  border-radius: 999px;
  background: rgba(255, 255, 255, .7);
}

.aura-broyach__znak {
  width: var(--iskam-dopir);
  height: var(--iskam-dopir);
  border: 0;
  border-radius: 50%;
  background: transparent;
  font-size: 1.35rem;
  line-height: 1;
  color: #8A5F16;
  cursor: pointer;
  transition: background .2s ease;
}
.aura-broyach__znak:hover { background: rgba(201, 150, 47, .16); }

.aura-broyach__chislo {
  min-width: 2ch;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 700;
  color: #33200A;
}

/* ---------- петте точки ---------- */

.aura-izborpanel__vapros {
  margin: 1.1rem 0 .9rem;
  font-size: .98rem;
  line-height: 1.5;
  color: rgba(51, 32, 10, .9);
}

/* Пет в един ред, винаги. С flex петата се пренасяше, а `flex-grow`
   после я разтягаше на цялата ширина — и `aspect-ratio: 1` я правеше
   висока колкото екрана. Мрежата от пет равни колони не може да се
   пренесе, а `min-width: 0` пуска колоните да се свият под текста си
   на тесен телефон. */
.aura-tochki {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: clamp(.35rem, 1.6vw, .6rem);
}

.aura-tochka {
  min-width: 0;
  display: grid;
  place-items: center;
  padding: .2rem;
  border: 1.5px solid rgba(122, 82, 16, .34);
  border-radius: 50%;
  aspect-ratio: 1;
  background: rgba(255, 255, 255, .66);
  font-family: inherit;
  font-size: clamp(.86rem, 3.4vw, 1rem);
  font-weight: 600;
  white-space: nowrap;
  color: #6A4A10;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.aura-tochka:hover { transform: translateY(-2px); }

.aura-tochka.e-izbrana {
  border-color: #8A5F16;
  background: linear-gradient(180deg, #F0CE8E, #C9962F);
  color: #241708;
  box-shadow: 0 6px 18px rgba(122, 82, 16, .34);
}

.aura-izborpanel__obyasnenie {
  margin: .85rem 0 0;
  min-height: 1.2em;
  font-size: .88rem;
  line-height: 1.55;
  color: rgba(106, 74, 16, .82);
}

/* ---------- връзката за без принос ---------- */

.aura-izborpanel__bez {
  display: block;
  width: 100%;
  margin: 1.1rem 0 0;
  padding: .5rem 0;
  border: 0;
  background: transparent;
  font-family: inherit;
  font-size: .88rem;
  line-height: 1.5;
  text-align: left;
  text-decoration: underline;
  text-underline-offset: 3px;
  color: rgba(106, 74, 16, .8);
  cursor: pointer;
}
.aura-izborpanel__bez:hover { color: #8A5F16; }

.aura-bezprinos {
  margin: 1rem 0 0;
  padding: 1rem;
  border: 1px solid rgba(122, 82, 16, .26);
  border-radius: 12px;
  background: rgba(255, 255, 255, .58);
}
.aura-bezprinos p {
  margin: 0 0 1rem;
  font-size: .93rem;
  line-height: 1.65;
  color: rgba(51, 32, 10, .9);
}

.aura-izborpanel__butoni {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  margin: 1.3rem 0 0;
}

/* ---------- вграденият панел ----------
   На „Как да получите“ същият панел стои в хода на страницата, между
   двата текста (13.09.2026). Видът е непроменен по искане на
   потребителя. Сменено е само онова, което има смисъл единствено над
   тъмния фон на диалога. */

.aura-izborpanel--vgraden {
  display: block;
  /* `100vw` от диалога тук би прескочил полетата на страницата и на
     телефон би изтикал панела извън колоната. */
  width: min(30rem, 100%);
  margin: clamp(1.6rem, 4vw, 2.4rem) auto;
}

/* В диалога полето се плъзга, ако не се побира на екрана; на страницата
   няма нужда — тя сама се плъзга. Сянката от диалога е за тъмен фон и
   върху хартията би легнала като кално петно. */
.aura-izborpanel--vgraden .aura-izborpanel__vatre {
  max-height: none;
  overflow: visible;
  box-shadow: 0 10px 34px rgba(92, 60, 14, .16);
}

/* Отстъпът вдясно пазеше място за кръстчето, а тук кръстче няма. */
.aura-izborpanel--vgraden .aura-izborpanel__ime { margin-right: 0; }

/* ==========================================================
   ТИХИЯТ БУТОН
   Второто действие никога не бива да тежи колкото първото.
   ========================================================== */

body .aura-btn--tih {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--iskam-dopir);
  padding: .7rem 1.3rem;
  border: 1px solid rgba(122, 82, 16, .38);
  border-radius: 999px;
  background: transparent;
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .96rem;
  text-decoration: none;
  color: #6A4A10;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease;
}
body .aura-btn--tih:hover {
  background: rgba(201, 150, 47, .14);
  border-color: rgba(122, 82, 16, .62);
  color: #6A4A10;
}
body .aura-btn--tih:disabled { opacity: .45; cursor: default; }

/* ==========================================================
   ЛЕНТАТА „ВАШИЯТ ИЗБОР“
   Появява се чак след първия „Добави“.
   ========================================================== */

.aura-lenta {
  position: fixed;
  bottom: 0;
  z-index: 90;

  /* Панел, не лента от край до край. През целия екран разгънатата
     разбивка се разпъваше на 1900px и окото пътуваше от името до
     сумата. На телефон `min()` я връща до пълната ширина. */
  left: 50%;
  width: min(100%, 54rem);
  transform: translateX(-50%);
  /* Разгънатата разбивка расте нагоре, върху страницата. Ако избраното
     стане много, лентата спира до три четвърти екран и се плъзга вътре
     в себе си, вместо да покрие всичко. */
  max-height: 78dvh;
  overflow-y: auto;
  overscroll-behavior: contain;
  border-top: 1px solid rgba(201, 150, 47, .4);
  background: linear-gradient(180deg, rgba(48, 32, 13, .96), rgba(36, 23, 8, .98));
  box-shadow: 0 -8px 30px rgba(20, 12, 4, .4);
  font-family: "Manrope", system-ui, sans-serif;

  /* Лентата се изкачва изпод ръба на екрана. Анимация, не преход с
     клас: щом елементът мине от `display: none` към видим, браузърът
     я пуска сам. Преходът искаше клас, добавен на следващия кадър, а
     кадри няма, докато разделът е скрит - добавиш продукт, смениш
     раздела, и лентата оставаше под екрана завинаги.

     Кривата е с лек застой накрая: лентата пристига и сяда, вместо
     да спре рязко. */
  animation: aura-lenta-vliza .44s cubic-bezier(.16, .84, .28, 1) both;
}

/* Хоризонталното центриране пътува заедно с движението: панелът е
   поставен с `translateX(-50%)`, тъй че кадрите трябва да го носят,
   иначе лентата отскача вдясно, докато се изкачва. */
@keyframes aura-lenta-vliza {
  from { transform: translate(-50%, 115%); }
  to   { transform: translate(-50%, 0); }
}

/* Щом панелът не докосва краищата на екрана, той получава ъгли и кант. */
@media (min-width: 55rem) {
  .aura-lenta {
    border-inline: 1px solid rgba(201, 150, 47, .3);
    border-radius: 14px 14px 0 0;
  }
}

/* Сумата трепва сама, когато се смени, докато лентата вече стои.
   Расте съвсем малко - колкото окото да го хване, без редът да
   подскочи и да размести бутоните. */
@keyframes aura-trepva {
  0%   { transform: none;       color: #F2E3C4; }
  35%  { transform: scale(1.18); color: #F0CE8E; }
  100% { transform: none;       color: #F2E3C4; }
}

.aura-lenta__suma {
  display: inline-block;
  transform-origin: left center;
}
.aura-lenta__suma.e-trepva { animation: aura-trepva .55s ease-out; }

/* Редът с числото и бутоните — това, което се вижда винаги. */
.aura-lenta__red {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .7rem 1rem;
  padding-block: .8rem;
  padding-bottom: max(.8rem, env(safe-area-inset-bottom));
}

.aura-lenta__tekst {
  flex: 1 1 12rem;
  font-size: .96rem;
  color: #F2E3C4;
}

.aura-lenta__strelka {
  display: inline-block;
  font-size: .6em;
  transition: transform .25s ease;
}
.aura-lenta.e-razgaznata .aura-lenta__strelka { transform: rotate(180deg); }

/* ---------- разбивката: какво избрах и защо толкова ---------- */

/* Разгъната, лентата става плътна. Свитата остава полупрозрачна, както
   е одобрена — но разбивката е числа за четене, а през прозрачното под
   нея минаваше снимката на продукта. Фонът е на цялата лента, не само
   на разбивката: иначе на широк екран, където съдържанието е стеснено
   до колона, плътното петно свършваше по средата и се виждаше шев. */
.aura-lenta.e-razgaznata { background: #2A1C0A; }

.aura-razbivka {
  padding: .55rem 0 .2rem;
  border-bottom: 1px solid rgba(201, 150, 47, .2);
}

.aura-razbivka__shapka {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: .35rem;
  font-size: .76rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(198, 169, 122, .9);
}

.aura-razbivka,
.aura-lenta__red {
  padding-inline: clamp(.9rem, 3vw, 1.6rem);
}

/* Кръстчето — вторият изход, до бутона отдолу. Стои горе вдясно,
   където всеки го търси, за да затвори нещо изскочило. */
.aura-razbivka__zatvori {
  margin-right: -.6rem;
  width: 2.6rem;
  height: 2.6rem;
  border: 0;
  border-radius: 50%;
  background: transparent;
  font-size: 1.5rem;
  line-height: 1;
  color: rgba(242, 227, 196, .6);
  cursor: pointer;
  transition: background .2s ease, color .2s ease;
}
.aura-razbivka__zatvori:hover {
  background: rgba(240, 206, 142, .16);
  color: #F0CE8E;
}

.aura-razbivka__red {
  display: grid;
  grid-template-columns: 1fr auto 2.4rem;
  gap: .12rem .8rem;
  align-items: center;
  padding: .6rem 0;
  border-bottom: 1px solid rgba(240, 206, 142, .12);
}
.aura-razbivka__red:last-of-type { border-bottom: 0; }

.aura-razbivka__ime {
  grid-area: 1 / 1 / 2 / 4;
  font-size: .97rem;
  color: #F2E3C4;
}

/* Сметката на глас: „2 × 6 €“. Заради този ред човек не приема
   общата сума на доверие. */
.aura-razbivka__smetka {
  grid-area: 2 / 1 / 3 / 2;
  font-size: .83rem;
  color: rgba(226, 176, 83, .82);
  font-variant-numeric: tabular-nums;
}

.aura-razbivka__sbor {
  grid-area: 2 / 2 / 3 / 3;
  text-align: right;
  font-size: 1rem;
  color: #F0CE8E;
  font-variant-numeric: tabular-nums;
}

.aura-razbivka__mahni {
  grid-area: 1 / 3 / 3 / 4;
  width: 2.4rem;
  height: 2.4rem;
  justify-self: end;
  border: 0;
  border-radius: 50%;
  background: transparent;
  font-size: 1.25rem;
  line-height: 1;
  color: rgba(242, 227, 196, .55);
  cursor: pointer;
  transition: background .2s ease, color .2s ease;
}
.aura-razbivka__mahni:hover {
  background: rgba(240, 206, 142, .14);
  color: #F0CE8E;
}

.aura-razbivka__obshto {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-top: .5rem;
  padding-top: .8rem;
  border-top: 1px solid rgba(201, 150, 47, .35);
  font-size: 1rem;
  color: #F2E3C4;
}
.aura-razbivka__obshto strong {
  font-size: 1.35rem;
  color: #F0CE8E;
  font-variant-numeric: tabular-nums;
}

.aura-razbivka__pod {
  margin: .7rem 0 0;
  font-size: .8rem;
  line-height: 1.55;
  color: rgba(198, 169, 122, .85);
}

.aura-lenta__butoni {
  display: flex;
  align-items: center;
  gap: .6rem;
}

.aura-lenta .aura-btn--tih {
  border-color: rgba(240, 206, 142, .5);
  color: #F0CE8E;
}
.aura-lenta .aura-btn--tih:hover {
  background: rgba(240, 206, 142, .14);
  color: #F0CE8E;
}

.aura-lenta__glaven {
  padding: .7rem 1.3rem !important;
  font-size: .96rem !important;
}

/* лентата не бива да ляга върху края на страницата */
body.aura-ima-lenta { padding-bottom: 5.5rem; }

/* ==========================================================
   СТРАНИЦАТА НА ЗАЯВКАТА
   ========================================================== */

body.aura-skin .aura-potok {
  max-width: 42rem;
  margin-inline: auto;
  font-family: "Manrope", system-ui, sans-serif;
  color: var(--aura-ink, #33200A);
}

body.aura-skin .aura-potok__zaglavie {
  margin: 0 0 1.2rem;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(1.4rem, 5vw, 2rem);
  color: #8A5F16;
}

/* ---------- пътеката на стъпките ---------- */

body.aura-skin .aura-potok__stapki {
  display: flex;
  gap: .35rem;
  margin: 0 0 1.6rem;
  padding: 0;
  list-style: none;
  counter-reset: stapka;
}

body.aura-skin .aura-potok__stapki li {
  counter-increment: stapka;
  flex: 1 1 0;
  padding: .45rem .2rem .55rem;
  border-top: 2px solid rgba(122, 82, 16, .22);
  font-size: .74rem;
  letter-spacing: .04em;
  text-align: center;
  color: rgba(106, 74, 16, .55);
  transition: color .25s ease, border-color .25s ease;
}

body.aura-skin .aura-potok__stapki li::before {
  content: counter(stapka);
  display: block;
  font-size: .92rem;
  font-weight: 700;
}

body.aura-skin .aura-potok__stapki li.e-minala {
  border-top-color: rgba(122, 82, 16, .5);
  color: rgba(106, 74, 16, .78);
}

body.aura-skin .aura-potok__stapki li.e-sega {
  border-top-color: #C9962F;
  color: #8A5F16;
  font-weight: 700;
}

/* ---------- редовете с продуктите ---------- */

body.aura-skin .aura-red {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .8rem 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(122, 82, 16, .18);
}

body.aura-skin .aura-red__ime {
  flex: 1 1 11rem;
  display: grid;
  gap: .2rem;
}
body.aura-skin .aura-red__ime strong {
  font-size: 1.02rem;
  color: var(--aura-ink, #33200A);
}
body.aura-skin .aura-red__stoynost {
  font-size: .85rem;
  color: rgba(106, 74, 16, .78);
}

body.aura-skin .aura-red__desno {
  display: flex;
  align-items: center;
  gap: .7rem;
}

body.aura-skin .aura-red__sbor {
  min-width: 4rem;
  text-align: right;
  font-size: 1.02rem;
  color: #8A5F16;
}

/* „Премахни“ с думата, не само кръстче. Голият знак × не се
   разчиташе като изход и хората стигаха до една бройка, без да
   виждат как да махнат самия продукт. */
body.aura-skin .aura-red__mahni {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  min-height: var(--iskam-dopir);
  padding: .4rem .8rem;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .86rem;
  line-height: 1;
  color: rgba(106, 74, 16, .8);
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}
body.aura-skin .aura-red__mahni span { font-size: 1.15rem; }
body.aura-skin .aura-red__mahni:hover {
  border-color: rgba(140, 51, 32, .4);
  background: rgba(176, 68, 42, .08);
  color: #8C3320;
}

/* ---------- сборът ---------- */

body.aura-skin .aura-potok__sbor {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin: 1.2rem 0 0;
  padding: 1rem 0 0;
  border-top: 2px solid rgba(122, 82, 16, .3);
  font-size: 1rem;
}
body.aura-skin .aura-potok__sbor strong {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 1.5rem;
  color: #8A5F16;
}
body.aura-skin .aura-potok__sbor--edro strong { font-size: 2.1rem; }

body.aura-skin .aura-potok__belezhka {
  margin: 1rem 0 0;
  font-size: .88rem;
  line-height: 1.6;
  color: rgba(106, 74, 16, .78);
}

body.aura-skin .aura-potok__greshka {
  margin: 1rem 0 0;
  padding: .7rem .9rem;
  border-left: 3px solid #B0442A;
  border-radius: 0 8px 8px 0;
  background: rgba(176, 68, 42, .1);
  font-size: .92rem;
  color: #8C3320;
}

body.aura-skin .aura-potok__butoni {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  margin: 1.6rem 0 0;
}

body.aura-skin .aura-potok__prazno {
  padding: 2rem 0;
  text-align: center;
}
body.aura-skin .aura-potok__prazno p {
  margin: 0 0 1.2rem;
  color: rgba(106, 74, 16, .8);
}

/* ---------- формата ---------- */

body.aura-skin .aura-potok__forma {
  display: grid;
  gap: 1rem;
}

body.aura-skin .aura-pole {
  display: grid;
  gap: .35rem;
}

body.aura-skin .aura-pole__ime {
  font-size: .88rem;
  letter-spacing: .03em;
  color: rgba(106, 74, 16, .85);
}
body.aura-skin .aura-pole__ime em {
  font-style: normal;
  opacity: .7;
}

body.aura-skin .aura-pole input,
body.aura-skin .aura-pole select,
body.aura-skin .aura-pole textarea {
  width: 100%;
  min-height: var(--iskam-dopir);
  padding: .7rem .85rem;
  border: 1px solid rgba(122, 82, 16, .34);
  border-radius: 10px;
  background: rgba(255, 252, 244, .82);
  font: inherit;
  font-size: 1rem;          /* под 16px телефонът увеличава сам */
  color: var(--aura-ink, #33200A);
}

body.aura-skin .aura-pole input:focus-visible,
body.aura-skin .aura-pole select:focus-visible,
body.aura-skin .aura-pole textarea:focus-visible {
  outline: 2px solid rgba(184, 134, 42, .85);
  outline-offset: 1px;
}

body.aura-skin .aura-pole textarea { resize: vertical; }

/* ---------- прегледът ---------- */

body.aura-skin .aura-pregled__blok {
  margin: 0 0 1.6rem;
  padding: 1.1rem;
  border: 1px solid rgba(122, 82, 16, .26);
  border-radius: var(--iskam-radius);
  background: rgba(255, 252, 244, .6);
}

body.aura-skin .aura-pregled__blok h3 {
  margin: 0 0 .8rem;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 1.15rem;
  color: #8A5F16;
}

body.aura-skin .aura-pregled__red {
  display: flex;
  align-items: baseline;
  gap: .6rem;
  padding: .5rem 0;
  border-bottom: 1px solid rgba(122, 82, 16, .14);
}
body.aura-skin .aura-pregled__red:last-child { border-bottom: 0; }
body.aura-skin .aura-pregled__red > :first-child { flex: 1 1 auto; }
body.aura-skin .aura-pregled__broi {
  font-size: .9rem;
  color: rgba(106, 74, 16, .78);
}
body.aura-skin .aura-pregled__red strong { color: #8A5F16; }

body.aura-skin .aura-pregled__danni,
body.aura-skin .aura-detaili__danni {
  display: grid;
  grid-template-columns: minmax(7rem, auto) 1fr;
  gap: .45rem .9rem;
  margin: 0;
  font-size: .95rem;
}
body.aura-skin .aura-pregled__danni dt,
body.aura-skin .aura-detaili__danni dt {
  color: rgba(106, 74, 16, .78);
}
body.aura-skin .aura-pregled__danni dd,
body.aura-skin .aura-detaili__danni dd {
  margin: 0;
  overflow-wrap: anywhere;
}

/* ---------- плащането ---------- */

body.aura-skin .aura-demo__znak {
  display: inline-block;
  margin: 0 0 1rem;
  padding: .4rem .8rem;
  border: 1px dashed rgba(176, 68, 42, .6);
  border-radius: 8px;
  background: rgba(176, 68, 42, .08);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .08em;
  color: #8C3320;
}

body.aura-skin .aura-plashtane__nachini {
  display: grid;
  gap: .6rem;
  margin: 1.4rem 0 0;
}

body.aura-skin .aura-plashtane__nachin {
  display: flex;
  align-items: center;
  gap: .7rem;
  min-height: var(--iskam-dopir);
  padding: .7rem .9rem;
  border: 1px solid rgba(122, 82, 16, .28);
  border-radius: 10px;
  background: rgba(255, 252, 244, .6);
  cursor: pointer;
}
body.aura-skin .aura-plashtane__nachin input { accent-color: #B8862A; }
body.aura-skin .aura-plashtane__nachin:has(input:checked) {
  border-color: rgba(122, 82, 16, .6);
  background: rgba(240, 206, 142, .3);
}

/* ---------- готово ---------- */

body.aura-skin .aura-gotovo { text-align: center; }

body.aura-skin .aura-gotovo__otmetka {
  display: block;
  width: clamp(4.5rem, 18vw, 6rem);
  margin: 0 auto 1.2rem;
  color: #8A5F16;
}
body.aura-skin .aura-gotovo__otmetka svg { width: 100%; height: auto; }

body.aura-skin .aura-gotovo__red {
  margin: .5rem 0;
  font-size: 1.05rem;
  color: rgba(51, 32, 10, .9);
}

body.aura-skin .aura-gotovo__nomer {
  margin: 1.4rem auto .45rem;
  padding: .8rem 1.2rem;
  max-width: max-content;
  border: 1px solid rgba(122, 82, 16, .34);
  border-radius: 10px;
  background: rgba(255, 252, 244, .7);
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(1.2rem, 5vw, 1.6rem);
  letter-spacing: .06em;
  color: #8A5F16;
}

/* Малкият надпис под номера. Числото изглежда като номер на истинска
   поръчка, затова точно под него пише какво е всъщност. */
body.aura-skin .aura-gotovo__etiket {
  margin: 0 0 1.4rem;
  font-size: .82rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(106, 74, 16, .7);
}

/* ==========================================================
   ПОСЕТИТЕЛИ В ПАНЕЛА                          27.09.2026
   Числото „в момента“ и историята по дни. Брои се сесия, не
   човек - бележката под блока в панела го казва на оператора.
   ========================================================== */

body.aura-skin .aura-chislo--sega .aura-chislo__broi { color: #8A5F16; }

/* Точката диша, за да личи, че числото е живо, а не запис отпреди час. */
body.aura-skin .aura-chislo--sega .aura-chislo__ime::before {
  content: "";
  display: inline-block;
  width: .5rem;
  height: .5rem;
  margin-right: .4rem;
  border-radius: 50%;
  background: #C9962F;
  animation: aura-diha 2.4s ease-in-out infinite;
}

@keyframes aura-diha {
  0%, 100% { opacity: .3; }
  50%      { opacity: 1; }
}

body.aura-skin .aura-dni {
  display: grid;
  gap: .25rem;
  margin: 0 0 1.8rem;
}

body.aura-skin .aura-den {
  display: grid;
  grid-template-columns: 3.2rem 1fr 2.2rem 5rem;
  gap: .6rem;
  align-items: center;
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .85rem;
}

body.aura-skin .aura-den__data {
  color: rgba(106, 74, 16, .8);
  font-variant-numeric: tabular-nums;
}

body.aura-skin .aura-den__lenta {
  height: .7rem;
  border-radius: 999px;
  background: rgba(122, 82, 16, .1);
  overflow: hidden;
}

body.aura-skin .aura-den__pulnezh {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #E2B053, #C9962F);
}

body.aura-skin .aura-den__broi {
  text-align: right;
  font-variant-numeric: tabular-nums;
  color: var(--aura-ink, #33200A);
}

body.aura-skin .aura-den__pregledi {
  font-size: .78rem;
  color: rgba(106, 74, 16, .6);
}

body.aura-skin .aura-top__red {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: .5rem 1rem;
  align-items: baseline;
  padding: .5rem 0;
  border-bottom: 1px solid rgba(122, 82, 16, .14);
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .9rem;
}
body.aura-skin .aura-top__red:last-child { border-bottom: 0; }

body.aura-skin .aura-top__adres {
  word-break: break-all;
  color: var(--aura-ink, #33200A);
}

body.aura-skin .aura-top__broi {
  font-variant-numeric: tabular-nums;
  color: #8A5F16;
}

body.aura-skin .aura-top__sesii {
  font-size: .8rem;
  color: rgba(106, 74, 16, .62);
}

/* На тесен екран прегледите отпадат - остават денят, лентата и броят. */
@media (max-width: 34rem) {
  body.aura-skin .aura-den { grid-template-columns: 3rem 1fr 2rem; }
  body.aura-skin .aura-den__pregledi { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  body.aura-skin .aura-chislo--sega .aura-chislo__ime::before { animation: none; }
}

/* ==========================================================
   РАЗДЕЛ „ТРАФИК“                              28.09.2026
   Две колони една до друга: реален и тестов трафик. Тестовото
   е с по-тих цвят - то е за изваждане от сметката, не за
   гледане. Маркерът „т“ е същият, с който се бележи в базата.
   ========================================================== */

body.aura-skin .aura-trafik {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  gap: clamp(.8rem, 2vw, 1.4rem);
  margin: 0 0 1.8rem;
}

body.aura-skin .aura-trafik__kolona {
  display: grid;
  justify-items: start;
  padding: clamp(.9rem, 2.4vw, 1.3rem);
  border: 1px solid rgba(122, 82, 16, .26);
  border-radius: var(--iskam-radius);
  background: rgba(255, 252, 244, .6);
  font-family: "Manrope", system-ui, sans-serif;
}

/* Тестовата колона е с опушен кант и без хартия - да не се чете
   като равностойна на реалния трафик. */
body.aura-skin .aura-trafik__kolona--testov {
  border-color: rgba(122, 82, 16, .18);
  background: rgba(122, 82, 16, .05);
}

body.aura-skin .aura-trafik__ime {
  display: flex;
  align-items: center;
  gap: .45rem;
  font-size: .82rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(106, 74, 16, .8);
}

body.aura-skin .aura-trafik__sega {
  margin-top: .3rem;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(2rem, 7vw, 2.8rem);
  line-height: 1;
  color: #8A5F16;
  font-variant-numeric: tabular-nums;
}

body.aura-skin .aura-trafik__kolona--testov .aura-trafik__sega { color: rgba(106, 74, 16, .7); }

body.aura-skin .aura-trafik__pod {
  font-size: .8rem;
  color: rgba(106, 74, 16, .66);
}

body.aura-skin .aura-trafik__redove {
  display: grid;
  gap: .1rem;
  width: 100%;
  margin: .9rem 0 0;
  padding-top: .7rem;
  border-top: 1px solid rgba(122, 82, 16, .16);
}

body.aura-skin .aura-trafik__redove > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}

body.aura-skin .aura-trafik__redove dt {
  font-size: .88rem;
  color: rgba(106, 74, 16, .78);
}

body.aura-skin .aura-trafik__redove dd {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--aura-ink, #33200A);
  font-variant-numeric: tabular-nums;
}

/* Знакът на маркера - същата буква, която стои в базата. */
body.aura-skin .aura-marker {
  display: inline-grid;
  place-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: rgba(122, 82, 16, .14);
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  color: #8A5F16;
}

/* ---------- лентата на деня с двете части ---------- */

body.aura-skin .aura-den__lenta {
  display: flex;
  align-items: stretch;
}

body.aura-skin .aura-den__pulnezh--testov {
  background: rgba(122, 82, 16, .3);
  border-radius: 0 999px 999px 0;
}

body.aura-skin .aura-den__testovi {
  font-size: .78rem;
  color: rgba(106, 74, 16, .6);
  font-variant-numeric: tabular-nums;
}

/* ---------- маркираните сесии ---------- */

body.aura-skin .aura-belezi__red {
  display: grid;
  grid-template-columns: 1.5rem minmax(7rem, auto) 1fr auto;
  gap: .3rem .8rem;
  align-items: center;
  padding: .6rem 0;
  border-bottom: 1px solid rgba(122, 82, 16, .14);
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .88rem;
}
body.aura-skin .aura-belezi__red:last-child { border-bottom: 0; }

body.aura-skin .aura-belezi__sesiya {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .82rem;
  color: var(--aura-ink, #33200A);
  word-break: break-all;
}

body.aura-skin .aura-belezi__kogato,
body.aura-skin .aura-belezi__prichina {
  font-size: .82rem;
  color: rgba(106, 74, 16, .7);
}

body.aura-skin .aura-belezi__broi {
  white-space: nowrap;
  color: #8A5F16;
  font-variant-numeric: tabular-nums;
}

/* Причината слиза под реда - тя е дълга и не бива да свива числата. */
body.aura-skin .aura-belezi__prichina { grid-column: 2 / -1; }

/* Точката диша само при реалното живо число - да личи, че е сега, а не
   запис отпреди час. Същият знак стоеше в таблото преди преместването. */
body.aura-skin .aura-trafik__kolona:not(.aura-trafik__kolona--testov) .aura-trafik__pod::before {
  content: "";
  display: inline-block;
  width: .5rem;
  height: .5rem;
  margin-right: .4rem;
  border-radius: 50%;
  background: #C9962F;
  animation: aura-diha 2.4s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  body.aura-skin .aura-trafik__pod::before { animation: none; }
}

/* ---------- това устройство и връзката за тестери ---------- */

body.aura-skin .aura-ustroystvo {
  display: grid;
  gap: .9rem;
  margin: 0 0 1.2rem;
  padding: clamp(.9rem, 2.4vw, 1.2rem);
  border: 1px solid rgba(122, 82, 16, .26);
  border-radius: var(--iskam-radius);
  background: rgba(255, 252, 244, .6);
  font-family: "Manrope", system-ui, sans-serif;
}

body.aura-skin .aura-ustroystvo__red {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem .8rem;
}

body.aura-skin .aura-ustroystvo__ime {
  font-size: .82rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(106, 74, 16, .8);
}

body.aura-skin .aura-ustroystvo__sastoyanie {
  padding: .2rem .7rem;
  border-radius: 999px;
  background: rgba(122, 82, 16, .1);
  font-size: .9rem;
  color: rgba(51, 32, 10, .85);
}

/* Маркираното устройство се вижда от един поглед. */
body.aura-skin .aura-ustroystvo__sastoyanie.e-testovo {
  background: linear-gradient(180deg, #F0CE8E, #C9962F);
  color: #241708;
}

body.aura-skin .aura-ustroystvo__butoni {
  display: flex;
  gap: .5rem;
  margin-left: auto;
}

body.aura-skin .aura-ustroystvo__vrazka {
  display: grid;
  gap: .35rem;
  font-size: .84rem;
  color: rgba(106, 74, 16, .8);
}

body.aura-skin .aura-ustroystvo__pole {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

body.aura-skin .aura-ustroystvo__pole input {
  flex: 1 1 16rem;
  min-width: 0;
  padding: .55rem .7rem;
  border: 1px solid rgba(122, 82, 16, .3);
  border-radius: 8px;
  background: rgba(255, 255, 255, .8);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .82rem;
  color: var(--aura-ink, #33200A);
}

/* ---------- ръчното маркиране ---------- */

body.aura-skin .aura-beleg {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: .6rem;
  margin: 0 0 .8rem;
  font-family: "Manrope", system-ui, sans-serif;
}

body.aura-skin .aura-beleg__pole {
  display: grid;
  gap: .3rem;
  flex: 1 1 14rem;
  font-size: .84rem;
  color: rgba(106, 74, 16, .8);
}

body.aura-skin .aura-beleg__pole input {
  padding: .55rem .7rem;
  border: 1px solid rgba(122, 82, 16, .3);
  border-radius: 8px;
  background: rgba(255, 255, 255, .8);
  font: inherit;
  font-size: .95rem;
  color: var(--aura-ink, #33200A);
}

/* Редът с етикета получи и кръстче за сваляне — затова колоните станаха
   пет. Правилото стои след предишното и го надвива. */
body.aura-skin .aura-belezi__red {
  grid-template-columns: 1.5rem minmax(7rem, auto) 1fr auto 2rem;
}

body.aura-skin .aura-belezi__svali {
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 50%;
  background: transparent;
  font-size: 1.2rem;
  line-height: 1;
  color: rgba(106, 74, 16, .6);
  cursor: pointer;
}
body.aura-skin .aura-belezi__svali:hover {
  background: rgba(176, 68, 42, .1);
  color: #8C3320;
}

/* ==========================================================
   БЕЛЕЖКАТА ЗА ТЕСТОВО УСТРОЙСТВО
   Излиза на самия сайт, след като някой отвори връзката. Гасне
   сама - не иска нито бутон, нито скрипт.
   ========================================================== */

.aura-testbelezhka {
  position: fixed;
  top: 1rem;
  left: 50%;
  z-index: 95;
  display: grid;
  gap: .2rem;
  max-width: min(26rem, calc(100vw - 2rem));
  padding: .8rem 1.1rem;
  border: 1px solid rgba(122, 82, 16, .34);
  border-radius: 12px;
  background: linear-gradient(170deg, #FFF9EC, #F6E9CE);
  box-shadow: 0 10px 34px rgba(28, 18, 6, .28);
  font-family: "Manrope", system-ui, sans-serif;
  color: #33200A;
  transform: translateX(-50%);
  animation: aura-testbel 9s ease forwards;
}

.aura-testbelezhka strong { font-size: .98rem; }
.aura-testbelezhka span { font-size: .84rem; line-height: 1.5; color: rgba(106, 74, 16, .85); }

@keyframes aura-testbel {
  0%        { opacity: 0; transform: translate(-50%, -.6rem); }
  6%, 88%   { opacity: 1; transform: translate(-50%, 0); }
  100%      { opacity: 0; transform: translate(-50%, -.6rem); visibility: hidden; }
}

@media (prefers-reduced-motion: reduce) {
  .aura-testbelezhka { animation: none; }
}

/* ==========================================================
   ОПЕРАТОРСКИЯТ ПАНЕЛ
   ========================================================== */

body.aura-skin .aura-panel {
  font-family: "Manrope", system-ui, sans-serif;
  color: var(--aura-ink, #33200A);
}

body.aura-skin .aura-panel__zaklyuchen {
  max-width: 34rem;
  margin-inline: auto;
  padding: 1.6rem;
  border: 1px solid rgba(122, 82, 16, .3);
  border-radius: var(--iskam-radius);
  background: rgba(255, 252, 244, .68);
  text-align: center;
}

body.aura-skin .aura-panel__razdeli {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin: 0 0 1.6rem;
  padding: .3rem;
  border: 1px solid rgba(122, 82, 16, .24);
  border-radius: 999px;
  background: rgba(255, 252, 244, .5);
}

body.aura-skin .aura-panel__razdel {
  flex: 1 1 auto;
  min-height: var(--iskam-dopir);
  padding: .5rem 1rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  font: inherit;
  font-size: .95rem;
  color: rgba(106, 74, 16, .8);
  cursor: pointer;
  transition: background .2s ease, color .2s ease;
}
body.aura-skin .aura-panel__razdel[aria-current="true"] {
  background: linear-gradient(180deg, #F0CE8E, #C9962F);
  color: #241708;
  font-weight: 700;
}

body.aura-skin .aura-panel__zaglavie {
  margin: 2rem 0 .9rem;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 1.2rem;
  color: #8A5F16;
}

body.aura-skin .aura-panel__podskazka {
  margin: 1rem 0 0;
  font-size: .88rem;
  line-height: 1.6;
  color: rgba(106, 74, 16, .72);
}

/* ---------- числата ---------- */

body.aura-skin .aura-panel__chisla {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
  gap: .7rem;
}

body.aura-skin .aura-chislo {
  display: grid;
  gap: .2rem;
  padding: 1rem;
  border: 1px solid rgba(122, 82, 16, .26);
  border-radius: var(--iskam-radius);
  background: rgba(255, 252, 244, .62);
  text-align: center;
}
body.aura-skin .aura-chislo__broi {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 1.9rem;
  line-height: 1.1;
  color: #8A5F16;
}
body.aura-skin .aura-chislo__ime {
  font-size: .82rem;
  color: rgba(106, 74, 16, .78);
}

/* ---------- таблиците ---------- */

body.aura-skin .aura-panel__tablica-obvivka {
  overflow-x: auto;
  border: 1px solid rgba(122, 82, 16, .22);
  border-radius: var(--iskam-radius);
  background: rgba(255, 252, 244, .55);
}

body.aura-skin .aura-panel__tablica {
  width: 100%;
  min-width: 34rem;
  border-collapse: collapse;
  font-size: .9rem;
}
body.aura-skin .aura-panel__tablica th,
body.aura-skin .aura-panel__tablica td {
  padding: .7rem .8rem;
  text-align: left;
  border-bottom: 1px solid rgba(122, 82, 16, .14);
  vertical-align: top;
}
body.aura-skin .aura-panel__tablica th {
  font-size: .78rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: rgba(106, 74, 16, .72);
}
body.aura-skin .aura-panel__tablica tr:last-child td { border-bottom: 0; }
body.aura-skin .aura-panel__prazno { color: rgba(106, 74, 16, .7); }

/* ---------- значките за статус ---------- */

body.aura-skin .aura-znachka {
  display: inline-block;
  padding: .22rem .6rem;
  border-radius: 999px;
  font-size: .78rem;
  white-space: nowrap;
  background: rgba(122, 82, 16, .12);
  color: #6A4A10;
}
body.aura-skin .aura-znachka--nova       { background: rgba(201, 150, 47, .28); color: #6A4A10; }
body.aura-skin .aura-znachka--obrabotka  { background: rgba(80, 110, 60, .2);  color: #3E5A2C; }
body.aura-skin .aura-znachka--podgotvena { background: rgba(80, 110, 60, .2);  color: #3E5A2C; }
body.aura-skin .aura-znachka--izpratena  { background: rgba(60, 96, 130, .2);  color: #2C4C68; }
body.aura-skin .aura-znachka--poluchena  { background: rgba(60, 96, 130, .28); color: #24405A; }
body.aura-skin .aura-znachka--otkazana   { background: rgba(176, 68, 42, .16); color: #8C3320; }

/* ---------- заявките ---------- */

body.aura-skin .aura-panel__dve {
  display: grid;
  gap: 1.2rem;
}

body.aura-skin .aura-panel__spisak {
  display: grid;
  gap: .5rem;
  align-content: start;
}

body.aura-skin .aura-zayavka {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .2rem .7rem;
  width: 100%;
  padding: .8rem .9rem;
  border: 1px solid rgba(122, 82, 16, .24);
  border-radius: 12px;
  background: rgba(255, 252, 244, .6);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease;
}
body.aura-skin .aura-zayavka:hover { border-color: rgba(122, 82, 16, .55); }
body.aura-skin .aura-zayavka.e-izbrana {
  border-color: #C9962F;
  background: rgba(240, 206, 142, .3);
}
body.aura-skin .aura-zayavka__nomer { font-weight: 700; color: #8A5F16; }
body.aura-skin .aura-zayavka__suma  { text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; }
body.aura-skin .aura-zayavka__ime   { font-size: .88rem; color: rgba(106, 74, 16, .8); }
body.aura-skin .aura-zayavka .aura-znachka { justify-self: end; }

/* Какво е поръчано - през двете колони, отделено с тънка черта.
   Това е редът, заради който операторът вече не отваря всяка заявка. */
body.aura-skin .aura-zayavka__stoka {
  grid-column: 1 / -1;
  margin-top: .5rem;
  padding-top: .5rem;
  border-top: 1px solid rgba(122, 82, 16, .16);
  font-size: .86rem;
  line-height: 1.5;
  color: var(--aura-ink, #33200A);
}

/* ---------- къде се изпраща ---------- */

body.aura-skin .aura-adres {
  display: grid;
  gap: .2rem;
  margin: 0 0 1.4rem;
  padding: .9rem 1rem;
  border: 1px solid rgba(122, 82, 16, .3);
  border-left: 3px solid #C9962F;
  border-radius: 0 10px 10px 0;
  background: rgba(255, 252, 244, .75);
}

body.aura-skin .aura-adres__etiket {
  font-size: .72rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(106, 74, 16, .7);
}

body.aura-skin .aura-adres__ime {
  font-size: 1.08rem;
  color: var(--aura-ink, #33200A);
}

body.aura-skin .aura-adres__myasto {
  font-size: .95rem;
  color: var(--aura-ink, #33200A);
}

body.aura-skin .aura-adres__tel {
  justify-self: start;
  margin-top: .25rem;
  font-size: 1rem;
  font-variant-numeric: tabular-nums;
  color: #8A5F16;
  text-underline-offset: 3px;
}

body.aura-skin .aura-adres__belezhka {
  margin-top: .4rem;
  font-size: .88rem;
  font-style: italic;
  line-height: 1.55;
  color: rgba(106, 74, 16, .85);
}

body.aura-skin .aura-panel__detaili {
  padding: 1.1rem;
  border: 1px solid rgba(122, 82, 16, .26);
  border-radius: var(--iskam-radius);
  background: rgba(255, 252, 244, .6);
}

/* ---------- какво да се опакова ---------- */

body.aura-skin .aura-opakovane {
  border: 1px solid rgba(122, 82, 16, .22);
  border-radius: 10px;
  background: rgba(255, 252, 244, .5);
}

body.aura-skin .aura-opakovane__red {
  display: grid;
  grid-template-columns: 2.8rem 1fr auto;
  gap: .2rem .8rem;
  align-items: baseline;
  padding: .75rem .9rem;
  border-bottom: 1px solid rgba(122, 82, 16, .14);
}
body.aura-skin .aura-opakovane__red:last-child { border-bottom: 0; }

/* Броят е най-едрото на реда — той се чете пръв. */
body.aura-skin .aura-opakovane__broi {
  font-size: 1.2rem;
  font-weight: 700;
  color: #8A5F16;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

body.aura-skin .aura-opakovane__ime {
  font-size: 1rem;
  line-height: 1.4;
  color: var(--aura-ink, #33200A);
}

body.aura-skin .aura-opakovane__stoynost {
  font-size: .92rem;
  white-space: nowrap;
  color: rgba(106, 74, 16, .8);
  font-variant-numeric: tabular-nums;
}

@media (max-width: 26rem) {
  body.aura-skin .aura-opakovane__red { grid-template-columns: 2.8rem 1fr; }
  body.aura-skin .aura-opakovane__stoynost { grid-column: 2; }
}

body.aura-skin .aura-detaili__podzaglavie {
  margin: 1.5rem 0 .7rem;
  font-size: .82rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(106, 74, 16, .72);
}

body.aura-skin .aura-detaili__butoni {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: .9rem 0 0;
}

/* ---------- фунията ---------- */

body.aura-skin .aura-funiya {
  padding: 1.1rem;
  border: 1px solid rgba(122, 82, 16, .24);
  border-radius: var(--iskam-radius);
  background: rgba(255, 252, 244, .55);
}

body.aura-skin .aura-funiya__red {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .3rem .8rem;
  align-items: center;
}

body.aura-skin .aura-funiya__ime {
  grid-column: 1 / -1;
  font-size: .86rem;
  color: rgba(106, 74, 16, .84);
}

body.aura-skin .aura-funiya__lenta {
  height: .7rem;
  border-radius: 999px;
  background: rgba(122, 82, 16, .12);
  overflow: hidden;
}
body.aura-skin .aura-funiya__pulnezh {
  display: block;
  height: 100%;
  min-width: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #E2B053, #C9962F);
}

body.aura-skin .aura-funiya__broi {
  font-size: .95rem;
  color: #8A5F16;
}

body.aura-skin .aura-funiya__strelka {
  display: block;
  padding: .15rem 0;
  font-size: .8rem;
  color: rgba(106, 74, 16, .45);
}

body.aura-skin .aura-funiya__konversia {
  margin: 1.2rem 0 0;
  padding: .7rem 0 0;
  border-top: 1px solid rgba(122, 82, 16, .2);
  font-size: 1rem;
  font-weight: 700;
  color: #8A5F16;
}

/* ==========================================================
   ОТ ТАБЛЕТ НАГОРЕ
   ========================================================== */

@media (min-width: 48rem) {
  body.aura-skin .aura-panel__dve {
    grid-template-columns: minmax(15rem, 22rem) 1fr;
    align-items: start;
  }
  body.aura-skin .aura-potok__stapki li { font-size: .82rem; }
}

/* ==========================================================
   ЩАДЯЩ РЕЖИМ
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
  .aura-tochka,
  body .aura-btn--tih,
  body.aura-skin .aura-zayavka { transition: none; }
  .aura-tochka:hover { transform: none; }

  /* Лентата пак трябва да се ВИЖДА - махаме движението, не самата
     лента. `animation: none` я оставя на мястото ѝ, вместо под екрана. */
  .aura-lenta { animation: none; }
  .aura-lenta__suma.e-trepva { animation: none; }
}

/* ==========================================================
   „КАЖЕТЕ НИ“ — ОБРАТНАТА ВРЪЗКА            08.09.2026
   Страница „Как да получите“ не е каса, а покана за разговор.

   Формата стои НА страницата, не в изскачащ прозорец: диалогът
   искаше решение („ще пиша ли изобщо?“) още преди човек да е
   видял какво го чака вътре.
   ========================================================== */

body.aura-skin .aura-vest {
  margin: clamp(2rem, 5vw, 3.2rem) 0 0;
}

body.aura-skin .aura-vest__forma {
  padding: clamp(1.2rem, 4vw, 1.9rem);
  border: 1px solid rgba(122, 82, 16, .28);
  border-radius: var(--iskam-radius);
  background: rgba(255, 252, 244, .68);
  box-shadow: 0 6px 24px rgba(92, 60, 14, .08);
  font-family: "Manrope", system-ui, sans-serif;
}

body.aura-skin .aura-vest__zaglavie {
  margin: 0 0 .35rem;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(1.3rem, 4.5vw, 1.7rem);
  color: #8A5F16;
}

body.aura-skin .aura-vest__uvod {
  margin: 0 0 1.4rem;
  font-size: .95rem;
  line-height: 1.6;
  color: rgba(51, 32, 10, .85);
}

body.aura-skin .aura-vest__pole {
  display: grid;
  gap: .35rem;
  margin: 0 0 1.1rem;
}

/* Име и връзка вървят един до друг, щом има място. */
body.aura-skin .aura-vest__dve {
  display: grid;
  gap: 0 1rem;
}

body.aura-skin .aura-vest__pole .aura-pole__ime {
  font-size: .86rem;
  letter-spacing: .02em;
  color: rgba(106, 74, 16, .88);
}
body.aura-skin .aura-vest__pole .aura-pole__ime em {
  font-style: normal;
  opacity: .68;
}

body.aura-skin .aura-vest__pole input,
body.aura-skin .aura-vest__pole textarea {
  width: 100%;
  min-height: var(--iskam-dopir);
  padding: .7rem .85rem;
  border: 1px solid rgba(122, 82, 16, .34);
  border-radius: 10px;
  background: rgba(255, 255, 255, .82);
  font: inherit;
  font-size: 1rem;          /* под 16px телефонът увеличава сам */
  color: var(--aura-ink, #33200A);
}
body.aura-skin .aura-vest__pole textarea { resize: vertical; line-height: 1.6; }

body.aura-skin .aura-vest__pole input:focus-visible,
body.aura-skin .aura-vest__pole textarea:focus-visible {
  outline: 2px solid rgba(184, 134, 42, .85);
  outline-offset: 1px;
}

/* ---------- поводите ---------- */

body.aura-skin .aura-povodi {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

body.aura-skin .aura-povod {
  min-height: 2.4rem;
  padding: .45rem .85rem;
  border: 1px solid rgba(122, 82, 16, .3);
  border-radius: 999px;
  background: rgba(255, 255, 255, .66);
  font-family: inherit;
  font-size: .87rem;
  color: #6A4A10;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}
body.aura-skin .aura-povod:hover { border-color: rgba(122, 82, 16, .6); }
body.aura-skin .aura-povod.e-izbran {
  border-color: #8A5F16;
  background: linear-gradient(180deg, #F0CE8E, #C9962F);
  color: #241708;
  font-weight: 600;
}

body.aura-skin .aura-vest__dolu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .9rem 1.2rem;
  margin-top: 1.4rem;
}

body.aura-skin .aura-vest__uslovie {
  flex: 1 1 14rem;
  margin: 0;
  font-size: .8rem;
  line-height: 1.55;
  color: rgba(106, 74, 16, .72);
}

/* ---------- благодарността ---------- */

body.aura-skin .aura-vest__blagodarim {
  padding: 2rem 1.2rem;
  border: 1px solid rgba(122, 82, 16, .28);
  border-radius: var(--iskam-radius);
  background: rgba(255, 252, 244, .68);
  text-align: center;
}
body.aura-skin .aura-vest__blagodarim .aura-gotovo__otmetka {
  display: block;
  width: 4.5rem;
  margin: 0 auto 1rem;
  color: #8A5F16;
}
body.aura-skin .aura-vest__blagodarim .aura-gotovo__otmetka svg { width: 100%; height: auto; }
body.aura-skin .aura-vest__blagodarim h3 {
  margin: 0 0 .4rem;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 1.4rem;
  color: #8A5F16;
}
body.aura-skin .aura-vest__blagodarim p {
  margin: 0;
  color: rgba(51, 32, 10, .85);
}

/* ---------- телефонът и сметката ---------- */

body.aura-skin .aura-kontakt {
  margin: clamp(1.6rem, 4vw, 2.4rem) 0 0;
  padding: clamp(1.2rem, 4vw, 1.7rem);
  border: 1px solid rgba(122, 82, 16, .24);
  border-radius: var(--iskam-radius);
  background: rgba(255, 252, 244, .5);
  font-family: "Manrope", system-ui, sans-serif;
}

body.aura-skin .aura-kontakt__zaglavie {
  margin: 0 0 1rem;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 1.2rem;
  color: #8A5F16;
}

body.aura-skin .aura-kontakt__blok + .aura-kontakt__blok {
  margin-top: 1.4rem;
  padding-top: 1.4rem;
  border-top: 1px solid rgba(122, 82, 16, .18);
}

/* Телефонът е за натискане, не за преписване — оттам и размерът. */
body.aura-skin .aura-kontakt__edro {
  display: inline-block;
  margin-right: 1.4rem;
  font-size: clamp(1.15rem, 4vw, 1.4rem);
  font-variant-numeric: tabular-nums;
  color: #8A5F16;
  text-underline-offset: 4px;
}

body.aura-skin .aura-kontakt__podzaglavie {
  margin: 0 0 .6rem;
  font-size: .74rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(106, 74, 16, .72);
}

body.aura-skin .aura-kontakt__smetka {
  display: grid;
  grid-template-columns: minmax(4.5rem, auto) 1fr;
  gap: .4rem .9rem;
  margin: 0;
  font-size: .95rem;
}
body.aura-skin .aura-kontakt__smetka dt { color: rgba(106, 74, 16, .78); }
body.aura-skin .aura-kontakt__smetka dd {
  margin: 0;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
  color: var(--aura-ink, #33200A);
}

body.aura-skin .aura-kontakt__belezhka {
  margin: .9rem 0 0;
  font-size: .85rem;
  line-height: 1.6;
  color: rgba(106, 74, 16, .78);
}

body.aura-skin .aura-vest [hidden] { display: none !important; }

@media (min-width: 34rem) {
  body.aura-skin .aura-vest__dve { grid-template-columns: 1fr 1fr; }
}

/* ---------- съобщенията в панела ---------- */

body.aura-skin .aura-vesti {
  display: grid;
  gap: .9rem;
}

body.aura-skin .aura-vestkarta {
  padding: 1rem 1.1rem;
  border: 1px solid rgba(122, 82, 16, .24);
  border-radius: var(--iskam-radius);
  background: rgba(255, 252, 244, .6);
}

/* Непрочетеното носи златна ивица - вижда се с един поглед по списъка. */
body.aura-skin .aura-vestkarta.e-novo {
  border-left: 3px solid #C9962F;
}

body.aura-skin .aura-vestkarta__shapka {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  margin-bottom: .6rem;
}

body.aura-skin .aura-vestkarta__povod {
  background: rgba(201, 150, 47, .22);
  color: #6A4A10;
}

body.aura-skin .aura-vestkarta__data {
  font-size: .8rem;
  color: rgba(106, 74, 16, .72);
}

body.aura-skin .aura-vestkarta__ime {
  margin: 0 0 .15rem;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 1.1rem;
  color: #8A5F16;
}

body.aura-skin .aura-vestkarta__vrazka {
  display: inline-block;
  margin-bottom: .7rem;
  font-size: .95rem;
  color: #8A5F16;
  text-underline-offset: 3px;
}

body.aura-skin .aura-vestkarta__tekst {
  margin: 0;
  padding: .8rem .9rem;
  border-radius: 8px;
  background: rgba(255, 255, 255, .55);
  font-size: .96rem;
  line-height: 1.65;
  white-space: pre-wrap;      /* редовете на човека си остават негови */
  overflow-wrap: anywhere;
  color: var(--aura-ink, #33200A);
}

/* ==========================================================
   ПАНЕЛЪТ: РЕДЪТ ПОД ЗАГЛАВИЕТО, НАЛИЧНОСТТА, ПРЕДСТАВЯНЕТО

   Три по избор части. Продукт без тях не ги показва изобщо, затова
   панелът на останалите продукти изглежда точно както досега.
   Тоновете и шрифтовете са на панела - нищо ново не се въвежда.
   ========================================================== */

.aura-izborpanel__podred {
  margin: -.1rem 2.5rem .55rem 0;
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .86rem;
  line-height: 1.5;
  color: rgba(51, 32, 10, .72);
}

/* Наличността е дума, не цветно копче: сайтът не е магазин. */
.aura-izborpanel__sastoyanie {
  display: inline-block;
  margin: 0 0 .9rem;
  padding: .2rem .7rem;
  border-radius: 999px;
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .02em;
}
.aura-izborpanel__sastoyanie--ima {
  background: rgba(85, 112, 47, .18);
  color: #45602A;
}
.aura-izborpanel__sastoyanie--nyama {
  background: rgba(140, 62, 30, .14);
  color: #8C3E1E;
}

.aura-izborpanel__predstavyane {
  margin: 0 0 1.2rem;
  font-family: "Literata", Georgia, serif;
  font-size: .95rem;
  line-height: 1.7;
  color: rgba(51, 32, 10, .88);
}

/* Заключен панел - когато няма наличност. */
.aura-izborpanel.e-zakljuchen .aura-izborpanel__stoynost,
.aura-izborpanel.e-zakljuchen .aura-izborpanel__red,
.aura-izborpanel.e-zakljuchen .aura-izborpanel__butoni,
.aura-izborpanel.e-zakljuchen .aura-izborpanel__bez { opacity: .45; }
.aura-izborpanel.e-zakljuchen [data-dobavi],
.aura-izborpanel.e-zakljuchen [data-stapka],
.aura-izborpanel.e-zakljuchen .aura-tochka { cursor: not-allowed; }

/* Бележката за демонстрационната версия - спокоен ред, не банер. */
.aura-izborpanel__demo {
  margin: 1.4rem 0 0;
  padding-top: 1rem;
  border-top: 1px solid rgba(122, 82, 16, .22);
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .8rem;
  line-height: 1.6;
  color: rgba(106, 74, 16, .8);
}
.aura-izborpanel__demo a { color: #8A5F16; text-decoration: underline; }

@media (max-width: 560px) {
  .aura-izborpanel__podred { margin-right: 2rem; }
  .aura-izborpanel__predstavyane { font-size: .92rem; }
}

/* Въздух около вградения панел. С 38px отдолу текстът под него почти
   го докосваше, а той е по-тесен от колоната и разликата личеше. */
.aura-stoynost-myasto {
  display: block;
  margin: 2.6rem 0 3.4rem;
}
.aura-izborpanel--vgraden .aura-izborpanel__vatre { padding-bottom: 1.6rem; }

/* Редът, който казва, че без принос броят е един. */
.aura-bezprinos__broi {
  margin: .6rem 0 1rem;
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .86rem;
  font-weight: 600;
  color: rgba(106, 74, 16, .9);
}

/* Разделът „Страници“ в панела - показани и скрити. */
.aura-stranici { display: grid; gap: .5rem; }
.aura-stranica {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .6rem .9rem;
  padding: .7rem .9rem;
  border: 1px solid rgba(122, 82, 16, .24);
  border-radius: 10px;
  background: rgba(255, 252, 244, .6);
}
.aura-stranica.e-skrita { opacity: .72; }
.aura-stranica__ime {
  flex: 1 1 12rem;
  font-family: "Manrope", system-ui, sans-serif;
  font-weight: 600;
  font-size: .95rem;
  color: #33200A;
}

/* ВГРАДЕНИЯТ панел не е диалог и не бива да се мери спрямо екрана.
   Наследеното от `<dialog>` `max-height: calc(100dvh - 2rem)` го
   отрязваше на височината на прозореца, а `overflow: visible` пускаше
   съдържанието да прелее НАВЪН - текстът под него минаваше зад панела.
   Тук височината му е тази на съдържанието, а скролът е на страницата. */
.aura-izborpanel--vgraden,
.aura-izborpanel--vgraden .aura-izborpanel__vatre {
  max-height: none;
  overflow: visible;
}

/* ==========================================================
   НОВОТО В ПАНЕЛА (30.09.2026) - novo.js
   ========================================================== */

/* Броячът на раздела: колко неща чакат там. */
body.aura-skin .aura-znak {
  display: inline-block;
  min-width: 1.45em;
  margin-left: .45em;
  padding: 0 .42em;
  border-radius: 999px;
  background: #A3361A;
  color: #FFF8EC;
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .74rem;
  font-weight: 700;
  line-height: 1.45em;
  text-align: center;
  vertical-align: .08em;
  font-variant-numeric: tabular-nums;
}
body.aura-skin .aura-znak[hidden] { display: none !important; }

/* Раздел с нещо ново се чете и без да се види числото. */
body.aura-skin .aura-panel__razdel.e-ima-novo:not([aria-current="true"]) {
  box-shadow: inset 0 0 0 1.5px rgba(163, 54, 26, .55);
  font-weight: 700;
}

/* Неотворената заявка: лента отляво и надпис „ново“ над ъгъла. */
body.aura-skin .aura-zayavka { position: relative; }
body.aura-skin .aura-zayavka.e-neotvorena {
  border-color: rgba(163, 54, 26, .55);
  box-shadow: inset 4px 0 0 #A3361A;
  background-color: rgba(255, 244, 222, .9);
}
body.aura-skin .aura-zayavka.e-neotvorena::before {
  content: "ново";
  position: absolute;
  top: -.62rem;
  left: .8rem;
  padding: 0 .45rem;
  border-radius: 999px;
  background: #A3361A;
  color: #FFF8EC;
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .68rem;
  font-weight: 700;
  line-height: 1.3rem;
  letter-spacing: .04em;
}
body.aura-skin [data-posledni] tr.e-neotvorena td {
  background: rgba(163, 54, 26, .08);
  font-weight: 700;
}

/* Днес на сайта - същият списък като „Най-разглеждани“, с час. */
body.aura-skin .aura-dnes .aura-top__red { grid-template-columns: minmax(0, 1fr) 5.4rem 3.6rem 4.2rem; }
body.aura-skin .aura-dnes .aura-top__broi,
body.aura-skin .aura-dnes .aura-top__sesii { text-align: right; }
body.aura-skin .aura-dnes a.aura-top__adres { text-decoration: none; word-break: normal; }
body.aura-skin .aura-dnes a.aura-top__adres:hover { text-decoration: underline; }
body.aura-skin .aura-dnes__chas {
  color: var(--aura-ink-soft, #6B5231);
  font-variant-numeric: tabular-nums;
  text-align: right;
}
body.aura-skin .aura-dnes__glava {
  font-size: .78rem;
  color: var(--aura-ink-soft, #6B5231);
}
body.aura-skin .aura-dnes__glava .aura-top__adres { word-break: normal; color: inherit; }
body.aura-skin .aura-dnes__glava .aura-top__broi { font-weight: 400; }
body.aura-skin .aura-dnes__glava > * { font-size: .78rem; font-weight: 400; }

/* ==========================================================
   ОТГОВОР ПО ИМЕЙЛ (01.10.2026) - otgovor.js
   ========================================================== */

body.aura-skin .aura-otgovor {
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid rgba(122, 82, 16, .28);
  border-radius: 12px;
  background: rgba(255, 252, 244, .85);
}
body.aura-skin .aura-otgovor__pole {
  display: block;
  margin-bottom: .8rem;
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .85rem;
  color: var(--aura-ink-soft, #6B5231);
}
body.aura-skin .aura-otgovor__pole > span { display: block; margin-bottom: .3rem; }
body.aura-skin .aura-otgovor__pole input,
body.aura-skin .aura-otgovor__pole textarea {
  box-sizing: border-box;
  width: 100%;
  padding: .6rem .7rem;
  border: 1px solid rgba(122, 82, 16, .35);
  border-radius: 8px;
  background: #FFFDF8;
  color: var(--aura-ink, #33200A);
  font: 1rem/1.55 "Literata", Georgia, serif;
}
body.aura-skin .aura-otgovor__pole textarea { min-height: 11rem; resize: vertical; }
body.aura-skin .aura-otgovor__pole input:focus,
body.aura-skin .aura-otgovor__pole textarea:focus {
  outline: 2px solid rgba(201, 150, 47, .55);
  outline-offset: 1px;
}
body.aura-skin .aura-otgovor .aura-detaili__butoni { align-items: center; }
body.aura-skin .aura-otgovor__sastoyanie {
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .88rem;
  color: #A3361A;
}

/* История на изпратеното */
body.aura-skin .aura-otgovori {
  margin-top: 1rem;
  padding-top: .8rem;
  border-top: 1px dashed rgba(122, 82, 16, .3);
}
body.aura-skin .aura-otgovori__etiket {
  margin: 0 0 .4rem;
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--aura-ink-soft, #6B5231);
}
body.aura-skin .aura-otgovori__red {
  margin-bottom: .7rem;
  padding: .6rem .8rem;
  border-left: 3px solid #5E7A3A;
  border-radius: 0;
  background: rgba(94, 122, 58, .08);
}
body.aura-skin .aura-otgovori__kogato {
  display: block;
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .78rem;
  color: var(--aura-ink-soft, #6B5231);
}
body.aura-skin .aura-otgovori__tema { display: block; margin: .15rem 0 .3rem; font-size: .95rem; }
body.aura-skin .aura-otgovori__tekst { margin: 0; white-space: pre-wrap; font-size: .95rem; }

body.aura-skin .aura-pisma { margin-top: 1.6rem; }
body.aura-skin .aura-pisma__zaglavie {
  margin: 0 0 .6rem;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 1.05rem;
}

/* Готов текст и отметката за статуса */
body.aura-skin .aura-otgovor__pole select {
  box-sizing: border-box;
  width: 100%;
  padding: .55rem .6rem;
  border: 1px solid rgba(122, 82, 16, .35);
  border-radius: 8px;
  background: #FFFDF8;
  color: var(--aura-ink, #33200A);
  font: .95rem "Manrope", system-ui, sans-serif;
}
body.aura-skin .aura-otgovor__otmetka {
  display: flex;
  gap: .5rem;
  align-items: flex-start;
  margin: 0 0 .6rem;
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .9rem;
  color: var(--aura-ink, #33200A);
  cursor: pointer;
}
body.aura-skin .aura-otgovor__otmetka[hidden] { display: none !important; }
body.aura-skin .aura-otgovor__otmetka input { margin-top: .2rem; width: 1.05rem; height: 1.05rem; accent-color: #C9962F; }

/* ==========================================================
   ОПЕРАТОРИ - главен и подчинени (01.10.2026)
   operatori.php, glaven.js, op.js
   ========================================================== */

/* Кой изпълнява - малък надпис в списъка със заявки. */
body.aura-skin .aura-zayavka__izp {
  grid-column: 1 / -1;
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .8rem;
  color: #3F5A24;
}
body.aura-skin .aura-zayavka__izp.e-nepoeta { color: #8A5A00; font-style: italic; }

/* Забавена: поета, но без движение над 1 ден. */
body.aura-skin .aura-zayavka.e-zabavena {
  border-color: #A3361A;
  box-shadow: inset 0 0 0 2px rgba(163, 54, 26, .55);
}
body.aura-skin .aura-zayavka.e-zabavena .aura-zayavka__izp { color: #A3361A; font-weight: 700; }
body.aura-skin [data-posledni] tr.e-zabavena td { color: #A3361A; }

/* Обобщението най-горе на таблото */
body.aura-skin .aura-op-obobshtenie {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  gap: .8rem;
  margin-bottom: 1.4rem;
}
body.aura-skin .aura-op-obobshtenie__chislo {
  padding: .8rem 1rem;
  border: 1px solid rgba(122, 82, 16, .24);
  border-radius: 12px;
  background: rgba(255, 252, 244, .7);
  font-family: "Manrope", system-ui, sans-serif;
}
body.aura-skin .aura-op-obobshtenie__chislo strong { display: block; font-size: 1.6rem; line-height: 1.2; }
body.aura-skin .aura-op-obobshtenie__chislo span { font-size: .85rem; color: var(--aura-ink-soft, #6B5231); }
body.aura-skin .aura-op-obobshtenie__chislo.e-vnimanie { border-color: #C9962F; background: rgba(240, 206, 142, .35); }
body.aura-skin .aura-op-obobshtenie__chislo.e-cherveno { border-color: #A3361A; background: rgba(163, 54, 26, .08); }
body.aura-skin .aura-op-obobshtenie__chislo.e-cherveno strong { color: #A3361A; }

/* Блокът „Изпълнение“ в детайлите */
body.aura-skin .aura-izpalnenie {
  margin-top: 1.4rem;
  padding: .9rem 1rem;
  border: 1px solid rgba(122, 82, 16, .24);
  border-radius: 12px;
  background: rgba(255, 252, 244, .7);
}
body.aura-skin .aura-izpalnenie.e-zabavena { border-color: #A3361A; background: rgba(163, 54, 26, .06); }
body.aura-skin .aura-izpalnenie .aura-detaili__podzaglavie { margin-top: 0; }
body.aura-skin .aura-izpalnenie__koi { margin: 0 0 .7rem; font-family: "Manrope", system-ui, sans-serif; font-size: .92rem; }
body.aura-skin .aura-izpalnenie.e-zabavena .aura-izpalnenie__koi { color: #A3361A; font-weight: 700; }
body.aura-skin .aura-izpalnenie__izbor { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
body.aura-skin .aura-izpalnenie__izbor select {
  flex: 1 1 14rem;
  padding: .5rem .6rem;
  border: 1px solid rgba(122, 82, 16, .35);
  border-radius: 8px;
  background: #FFFDF8;
  font: .95rem "Manrope", system-ui, sans-serif;
}

/* Хрониката */
body.aura-skin .aura-hronika { margin-top: .9rem; }
body.aura-skin .aura-hronika__red {
  display: grid;
  grid-template-columns: 9.5rem 1fr;
  gap: .6rem;
  padding: .35rem 0;
  border-bottom: 1px solid rgba(122, 82, 16, .12);
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .85rem;
}
body.aura-skin .aura-hronika__red:last-child { border-bottom: 0; }
body.aura-skin .aura-hronika__kogato { color: var(--aura-ink-soft, #6B5231); font-variant-numeric: tabular-nums; }
@media (max-width: 560px) {
  body.aura-skin .aura-hronika__red { grid-template-columns: 1fr; gap: 0; }
}

/* Разделът „Оператори“ */
body.aura-skin .aura-op-karta {
  margin-bottom: .9rem;
  padding: .9rem 1rem;
  border: 1px solid rgba(122, 82, 16, .24);
  border-radius: 12px;
  background: rgba(255, 252, 244, .75);
}
body.aura-skin .aura-op-karta.e-spryan { opacity: .65; }
body.aura-skin .aura-op-karta__glava { display: flex; flex-wrap: wrap; gap: .3rem .8rem; align-items: baseline; }
body.aura-skin .aura-op-karta__ime { font-size: 1.05rem; }
body.aura-skin .aura-op-karta__email { font-family: "Manrope", system-ui, sans-serif; font-size: .88rem; color: var(--aura-ink-soft, #6B5231); }
body.aura-skin .aura-op-karta__chisla {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem 1.2rem;
  margin: .5rem 0 .2rem;
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .86rem;
}
body.aura-skin .aura-op-karta__chisla .e-cherveno { color: #A3361A; font-weight: 700; }
body.aura-skin .aura-op-nov { max-width: 30rem; }
body.aura-skin .aura-op-nov .aura-cta__btn { margin-top: .2rem; }

/* Панелът на подчинения */
body.aura-skin .aura-op__zdravei { margin: 0 0 1rem; font-family: "Manrope", system-ui, sans-serif; }
body.aura-skin .aura-op__poemi {
  margin: 0 0 1.2rem;
  padding: 1rem;
  border: 1px dashed #C9962F;
  border-radius: 12px;
  background: rgba(240, 206, 142, .2);
}
body.aura-skin .aura-op__poemi .aura-panel__podskazka { margin: .6rem 0 0; }
body.aura-skin .aura-op__varni { margin-left: auto; }

/* ==========================================================
   ОПЕРАТОРИ: бонус и пароли (01.10.2026)
   ========================================================== */

/* Данните за вход - показват се веднъж */
body.aura-skin .aura-op-dostap {
  margin-bottom: 1.2rem;
  padding: 1rem;
  border: 2px solid #C9962F;
  border-radius: 12px;
  background: #FFF8E6;
}
body.aura-skin .aura-op-dostap__zaglavie { margin: 0 0 .5rem; font-family: "Playfair Display", Georgia, serif; }
body.aura-skin .aura-op-dostap__danni {
  margin: 0 0 .6rem;
  padding: .7rem .8rem;
  border-radius: 8px;
  background: #FFFDF8;
  font: 1rem/1.7 ui-monospace, Consolas, monospace;
  white-space: pre-wrap;
  word-break: break-all;
  user-select: all;
}

/* Бонусът в картата на оператора */
body.aura-skin .aura-op-karta__bonus {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem 1.2rem;
  align-items: center;
  margin: .4rem 0 .2rem;
  padding: .5rem .7rem;
  border-radius: 8px;
  background: rgba(94, 122, 58, .08);
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .88rem;
}
body.aura-skin .aura-op-karta__bonus .e-za-plashtane { font-weight: 700; color: #3F5A24; }

/* Ставките */
body.aura-skin .aura-bonus-red {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 6rem 1.2rem;
  gap: .6rem;
  align-items: center;
  padding: .35rem 0;
  border-bottom: 1px solid rgba(122, 82, 16, .12);
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .9rem;
}
body.aura-skin .aura-bonus-red--glaven { font-weight: 700; border-bottom: 0; }
body.aura-skin .aura-bonus-red input {
  box-sizing: border-box;
  width: 100%;
  padding: .4rem .5rem;
  border: 1px solid rgba(122, 82, 16, .35);
  border-radius: 6px;
  background: #FFFDF8;
  font: .95rem "Manrope", system-ui, sans-serif;
  text-align: right;
}
body.aura-skin .aura-bonus-podzaglavie {
  margin: 1rem 0 .3rem;
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .78rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--aura-ink-soft, #6B5231);
}
body.aura-skin .aura-bonus-nastroiki .aura-detaili__butoni { margin-top: 1rem; align-items: center; }

/* В детайлите на заявката */
body.aura-skin .aura-izpalnenie__bonus { margin: 0 0 .7rem; font-family: "Manrope", system-ui, sans-serif; font-size: .9rem; color: #3F5A24; }
body.aura-skin .aura-izpalnenie__poemi { margin: 0 0 .8rem; }

/* Бонусът в панела на подчинения */
body.aura-skin .aura-op-bonus {
  margin: 0 0 1.2rem;
  padding: .9rem 1rem;
  border: 1px solid rgba(94, 122, 58, .35);
  border-radius: 12px;
  background: rgba(94, 122, 58, .07);
}
body.aura-skin .aura-op-bonus[hidden] { display: none; }
body.aura-skin .aura-op-bonus__chisla { display: flex; flex-wrap: wrap; gap: 1rem 2rem; }
body.aura-skin .aura-op-bonus__chislo { font-family: "Manrope", system-ui, sans-serif; }
body.aura-skin .aura-op-bonus__chislo strong { display: block; font-size: 1.4rem; line-height: 1.2; }
body.aura-skin .aura-op-bonus__chislo.e-glavno strong { font-size: 1.9rem; color: #3F5A24; }
body.aura-skin .aura-op-bonus__chislo span { font-size: .85rem; color: var(--aura-ink-soft, #6B5231); }
body.aura-skin .aura-op-bonus__spisak { margin-top: .8rem; }
body.aura-skin .aura-op-bonus__spisak summary,
body.aura-skin .aura-op-parola summary {
  cursor: pointer;
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .9rem;
  color: #6B5231;
}
body.aura-skin .aura-op-parola { margin: 2rem 0 1rem; max-width: 26rem; }
body.aura-skin .aura-op-parola[open] summary { margin-bottom: .8rem; }
body.aura-skin .aura-op-parola .aura-otgovor__pole input {
  box-sizing: border-box;
  width: 100%;
  padding: .55rem .6rem;
  border: 1px solid rgba(122, 82, 16, .35);
  border-radius: 8px;
  background: #FFFDF8;
}

/* Наличността в раздел „Продукти“ (06.10.2026) */
body.aura-skin .aura-nal__pole {
  width: 5.5rem;
  padding: .35rem .5rem;
  border: 1px solid rgba(122, 82, 16, .35);
  border-radius: 6px;
  background: #FFFDF8;
  font: .95rem "Manrope", system-ui, sans-serif;
  text-align: right;
}
body.aura-skin .aura-nal__zapazi { margin-left: .4rem; }
body.aura-skin .aura-nal__zapazi[hidden] { display: none; }
/* Свободните в момента в прозореца „Искам го“ */
body.aura-skin .aura-izborpanel__nalichni {
  margin: .2rem 0 .8rem;
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .95rem;
  font-weight: 700;
  color: #3F5A24;
}
body.aura-skin .aura-izborpanel__nalichni[hidden] { display: none; }

/* Телефонът в контактния прозорец - тих ред под формата, не покана. */
body.aura-skin .aura-vapros__telefon {
  margin: 1rem 0 0;
  padding-top: .9rem;
  border-top: 1px solid rgba(122, 82, 16, .2);
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .86rem;
  color: rgba(106, 74, 16, .85);
}
body.aura-skin .aura-vapros__telefon a {
  color: #8A5F16;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* Телефонът под формата „Кажете ни“ - с една идея по-спокоен от преди. */
body.aura-skin .aura-kontakt__edro { font-size: clamp(1.02rem, 3.2vw, 1.18rem); }

/* „Продукти“, обединен със „Страници“ (11.10.2026): карта по страница,
   отметка „Скрита“ в края на реда, под нея по ред за всеки продукт. */
.aura-produkti-spisak { display: grid; gap: .7rem; }
.aura-produkti-spisak .aura-stranica { flex-direction: column; align-items: stretch; }
.aura-stranica__glava { display: flex; align-items: center; gap: .8rem; }
.aura-stranica__skrij {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .85rem;
  color: #5a3c12;
  cursor: pointer;
}
.aura-stranica__skrij input { width: 1.1rem; height: 1.1rem; accent-color: #9c6c18; cursor: pointer; }
.aura-stranica.e-skrita .aura-stranica__skrij { color: #8a2a12; font-weight: 700; }
.aura-stranica__bez { margin: 0; font-size: .8rem; color: rgba(90, 60, 18, .7); font-family: "Manrope", system-ui, sans-serif; }
.aura-prodred {
  display: grid;
  grid-template-columns: minmax(10rem, 1.2fr) minmax(8rem, .8fr) auto minmax(7rem, .7fr) auto;
  align-items: end;
  gap: .5rem 1rem;
  padding-top: .6rem;
  border-top: 1px dashed rgba(122, 82, 16, .22);
}
.aura-prodred__ime {
  align-self: center;
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .88rem;
  color: #4a2c0a;
}
.aura-prodred__kol { display: flex; flex-direction: column; gap: .25rem; }
.aura-prodred__etiket {
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .7rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(90, 60, 18, .75);
}
.aura-prod__pole { display: flex; gap: .3rem; align-items: center; }
.aura-prod__pole input {
  width: 100%;
  min-width: 4.5rem;
  padding: .3rem .5rem;
  border: 1px solid rgba(122, 82, 16, .35);
  border-radius: 6px;
  background: #fffaf0;
  font: inherit;
  font-size: .88rem;
}
.aura-prodred__broiki { font-family: "Manrope", system-ui, sans-serif; font-size: .8rem; color: #5a3c12; }
@media (max-width: 760px) {
  .aura-prodred { grid-template-columns: 1fr 1fr; }
  .aura-prodred__ime, .aura-prodred__kol--sredna { grid-column: 1 / -1; }
}

/* Средната стойност на продукта - отметки на реда му в „Страници“ (11.10.2026). */
.aura-orientir { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .6rem; }
.aura-orientir__ime {
  flex: 1 1 12rem;
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .85rem;
  color: #5a3c12;
}
.aura-orientir__tochki { display: flex; flex-wrap: wrap; gap: .35rem; }
.aura-orientir__tochka {
  min-width: 3.2rem;
  padding: .35rem .6rem;
  border: 1px solid rgba(122, 82, 16, .35);
  border-radius: 999px;
  background: rgba(255, 252, 244, .8);
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .85rem;
  color: #4a2c0a;
  cursor: pointer;
}
.aura-orientir__tochka:hover { border-color: rgba(122, 82, 16, .7); }
.aura-orientir__tochka.e-izbrana {
  background: linear-gradient(180deg, #e2b450, #b98425);
  border-color: #9c6c18;
  color: #2a1804;
  font-weight: 700;
}
.aura-orientir__tochka:disabled { opacity: .6; cursor: wait; }
.aura-orientir__tochka:focus-visible { outline: 2px solid #9c6c18; outline-offset: 2px; }
.aura-orientir__sastoyanie {
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .78rem;
  color: rgba(90, 60, 18, .8);
}

.aura-prodred__promenliv { padding: .35rem 0; font-family: "Manrope", system-ui, sans-serif; font-size: .85rem; font-style: italic; color: rgba(90, 60, 18, .75); }