@charset "UTF-8";
/* Полета на CF7 */
.wpcf7 .cf7-field {
  margin-bottom: 1.5em;
}

/* Всички input полета + textarea + select */
.wpcf7 .cf7-field input[type="text"],
.wpcf7 .cf7-field input[type="email"],
.wpcf7 .cf7-field input[type="tel"],
.wpcf7 .cf7-field input[type="url"],
.wpcf7 .cf7-field input[type="number"],
.wpcf7 .cf7-field input[type="date"],
.wpcf7 .cf7-field textarea,
.wpcf7 .cf7-field select {
  width: 100%;
  max-width: 420px;
  padding: 12px;
  border: 1px solid #0072C6;   /* синя рамка */
  border-radius: 8px;
  font-size: 16px;
  box-sizing: border-box;
}

/* Етикети/подсказки */
.wpcf7 .cf7-hint {
  display: block;
  font-weight: 700;
  margin-bottom: 8px;
  font-size: 15px;
  color: #0072C6;
}

/* Заглавия в синьо */
.wpcf7 p strong {
  display: block;
  font-weight: 700;
  margin-bottom: 8px;
  font-size: 20px;              /* балансиран размер */
  color: #0072C6;               /* син цвят */
}

/* Радио/чекбоксове + текст */
.wpcf7 .wpcf7-list-item {
  display: block;
  margin-bottom: 6px;
  font-size: 15px;
  color: #333;
}

.wpcf7 .wpcf7-list-item input[type="radio"],
.wpcf7 .wpcf7-list-item input[type="checkbox"] {
  transform: scale(1.2);
  margin-right: 6px;
}

/* Бутон Изпрати */
.wpcf7 .cf7-actions input[type="submit"] {
  background: #0072C6;
  color: #fff;
  padding: 12px 24px;
  font-size: 16px;
  border: 1px solid #0072C6;   /* синя рамка */
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  transition: background 0.2s ease-in-out;
}

.wpcf7 .cf7-actions input[type="submit"]:hover {
  background: #005a9c;
}
/* --- Override за широчина на полетата --- */
/* 100% спрямо контейнера, с по-широк максимум на десктоп */
.wpcf7 .cf7-field input[type="text"],
.wpcf7 .cf7-field input[type="email"],
.wpcf7 .cf7-field input[type="tel"],
.wpcf7 .cf7-field input[type="url"],
.wpcf7 .cf7-field input[type="number"],
.wpcf7 .cf7-field input[type="date"],
.wpcf7 .cf7-field textarea,
.wpcf7 .cf7-field select {
  width: 100%;
  max-width: 560px;  /* беше 420px */
}

/* На по-широки екрани позволи още малко ширина */
@media (min-width: 1024px) {
  .wpcf7 .cf7-field input[type="text"],
  .wpcf7 .cf7-field input[type="email"],
  .wpcf7 .cf7-field input[type="tel"],
  .wpcf7 .cf7-field input[type="url"],
  .wpcf7 .cf7-field input[type="number"],
  .wpcf7 .cf7-field input[type="date"],
  .wpcf7 .cf7-field textarea,
  .wpcf7 .cf7-field select {
    max-width: 640px;
  }
}

/* Уеднакви label да стоят на отделен ред, както в примера ти */
.wpcf7 form label {
  display: block;
  margin-bottom: 14px;
}
/* Уголеми радио бутоните за по-лесно цъкане, особено на мобилно */
table input[type="radio"][name="offer-row"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

/* Вертикално подравняване на колоната с радиото */
table td:first-child {
  vertical-align: top;
}

/* Визуален highlight на избрания ред */
table tbody tr.selected-offer-row {
  background: #fffbea; /* меко жълто, близко до #FFC817 */
  transition: background 0.15s linear;
}

/* Малко въздух между редовете, за да не изглежда сбутано при оцветяване */
table tbody tr.selected-offer-row td {
  border-bottom-color: #FFE89A !important;
}
/* по-голям клик таргет за радио бутоните */
.cf7-flyers-table input[type="radio"][name="offer-row"] {
  width: 22px;
  height: 22px;
  transform: scale(1.15);
  cursor: pointer;
}

/* вертикално центриране в реда */
.cf7-flyers-table tbody tr td {
  vertical-align: middle;
  line-height: 1.4;
}

/* избраният ред - жълт фон + рамка, както вече имаш, но малко по-стегнат */
.cf7-flyers-table tbody tr.selected-offer-row {
  background: #fffbea;
  border-top: 1px solid #FFC817;
  border-bottom: 1px solid #FFC817;
}

/* нека цената да изглежда важна */
.cf7-flyers-table tbody tr td:last-child {
  font-weight: 500;
  font-size: 16px;
  color: #000;
}

/* на по-тесни екрани леко намаляваме хоризонталните разстояния, 
   за да не чупи излишно на нов ред */
@media (max-width: 480px) {
  .cf7-flyers-table tbody tr td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .cf7-flyers-table tbody tr td:nth-child(2),
  .cf7-flyers-table tbody tr td:nth-child(3),
  .cf7-flyers-table tbody tr td:nth-child(4) {
    font-size: 15px;
  }

  .cf7-flyers-table tbody tr td:last-child {
    font-size: 16px;
    font-weight: 600;
  }
}
/* Радио бутоните - по-големи и лесни за натискане */
.cf7-flyers-table input[type="radio"][name="offer-row"] {
  width: 22px;
  height: 22px;
  transform: scale(1.15);
  cursor: pointer;
}

/* Подравняване на редовете вертикално */
.cf7-flyers-table tbody tr td {
  vertical-align: middle;
  line-height: 1.4;
}

/* Избран ред -> жълт фон и лек акцент */
.cf7-flyers-table tbody tr.selected-offer-row {
  background: #fffbea;
  border-top: 1px solid #FFC817;
  border-bottom: 1px solid #FFC817;
  transition: background 0.15s linear;
}

/* Цена по подразбиране (десктоп): евро / лева на един ред */
.cf7-flyers-table .price-eur::after {
  
  font-weight: 400;
  color: #000;
  margin: 0 2px;
}
.cf7-flyers-table .price-lv {
  display: inline;
  font-weight: 400;
  color: #000;
}

/* Хедърът на таблицата да не къса думите на букви при мобилно */
@media (max-width: 480px) {
  .cf7-flyers-table thead th {
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
    padding-bottom: 6px !important;
  }

  /* за "Цена с ДДС:" позволяваме многоредово, тя е най-дългата */
  .cf7-flyers-table thead th:last-child {
    width: auto !important;
    white-space: normal;
  }

  /* Цена на мобилно:
     - евро горе, bold
     - лева отдолу, bold
     - махаме наклонената черта между тях
  */
  .cf7-flyers-table .price-eur {
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
  }
  .cf7-flyers-table .price-eur::after {
    content: "";
  }
  .cf7-flyers-table .price-lv {
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    margin-top: 2px;
  }

  /* леко стягане на вертикалните падинги в мобилен ред */
  .cf7-flyers-table tbody tr td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

/* Полетата отдолу – за да изглеждат като в другата ти форма.
   Тук приемам, че вече имаш базов стил за .cf7-field и input/textarea.
   Добавям само малко безопасни доработки, ако липсват. */
.cf7-field input,
.cf7-field textarea {
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  border: 1px solid #d9ecfc;
  border-radius: 6px;
  padding: 12px 14px;
  background-color: #fff;
  color: #000;
}

.cf7-field input::placeholder,
.cf7-field textarea::placeholder {
  color: #8a97a8;
}

.cf7-field textarea {
  min-height: 90px;
  resize: vertical;
}

/* бутонът за изпращане да не е залепен */
.cf7-actions {
  margin-top: 16px;
}
@media (max-width: 480px) {
  /* по-компактно евро/лев на мобилно */
  .cf7-flyers-table .price-eur {
    display:block;
    font-weight:600;
    font-size:16px;
    line-height:1.1;   /* по-нисък ред */
    margin-bottom:0;   /* махаме долното разстояние */
  }
  .cf7-flyers-table .price-lv {
    display:block;
    font-weight:600;
    font-size:15.5px;
    line-height:1.1;
    margin-top:0;      /* махаме горното разстояние */
  }
}
/* --- FLYERS OFFER TABLE --- */
.flyers-offer-box {
  border: 1px solid #d9ecfc;
  border-radius: 10px;
  padding: 16px 18px;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  margin-bottom: 16px;
}

.cf7-flyers-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}

.cf7-flyers-table th {
  text-align: left;
  border-bottom: 2px solid #FFC817;
  padding: 8px;
  color: #0072C6;
  white-space: nowrap;
}

.cf7-flyers-table td {
  padding: 8px;
  border-bottom: 1px solid #F1F5F9;
  vertical-align: middle;
  line-height: 1.4;
}

.cf7-flyers-table input[type="radio"][name="offer-row"] {
  width: 22px;
  height: 22px;
  transform: scale(1.1);
  cursor: pointer;
}

.cf7-flyers-table tbody tr.selected-offer-row {
  background: #fffbea;
  border-top: 1px solid #FFC817;
  border-bottom: 1px solid #FFC817;
  transition: background 0.15s linear;
}

/* цена евро / лева */
.cf7-flyers-table .price-eur::after {
  
  font-weight: 400;
  color: #000;
}
.cf7-flyers-table .price-lv {
  display: inline;
  font-weight: 400;
  color: #000;
}

/* пояснения под таблицата */
.flyers-info {
  margin-top: 10px;
  font-size: 13px;
  color: #64707c;
  line-height: 1.5;
}

.flyers-subtitle {
  color: #0072C6;
}

/* --- Мобилна оптимизация --- */
@media (max-width: 480px) {
  .cf7-flyers-table thead th {
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
  }
  .cf7-flyers-table .price-eur {
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.1;
    margin-bottom: 0;
  }
  .cf7-flyers-table .price-eur::after { content: ""; }
  .cf7-flyers-table .price-lv {
    display: block;
    font-weight: 600;
    font-size: 15.5px;
    line-height: 1.1;
    margin-top: 0;
  }
  .cf7-flyers-table tbody tr td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

/* --- CF7 полета в същия стил като основната ти форма --- */
.cf7-field input,
.cf7-field textarea {
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  border: 1px solid #d9ecfc;
  border-radius: 6px;
  padding: 12px 14px;
  background-color: #fff;
  color: #000;
}

.cf7-field input::placeholder,
.cf7-field textarea::placeholder {
  color: #8a97a8;
}

.cf7-field textarea {
  min-height: 90px;
  resize: vertical;
}

.cf7-actions { margin-top: 16px; }
.flyers-offer-box {
  border: 1px solid #d9ecfc;
  border-radius: 10px;
  padding: 16px 18px;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  margin-bottom: 16px;
}

/* Таблицата */
.cf7-flyers-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}

.cf7-flyers-table th {
  text-align: left;
  border-bottom: 2px solid #FFC817;
  padding: 8px;
  color: #0072C6;
  white-space: nowrap;
}

.cf7-flyers-table td {
  padding: 10px 8px;
  border-bottom: 1px solid #F1F5F9;
  vertical-align: middle;
}

.cf7-flyers-table input[type="radio"][name="offer-row"] {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.cf7-flyers-table tbody tr.selected-offer-row {
  background: #fffbea;
  border-top: 1px solid #FFC817;
  border-bottom: 1px solid #FFC817;
  transition: background 0.2s ease;
}

/* Цените */
.cf7-flyers-table .price-eur {
  font-weight: 600;
  display: block;
  font-size: 16px;
  color: #000;
  margin-bottom: 2px;
}

.cf7-flyers-table .price-lv {
  display: block;
  font-weight: 500;
  font-size: 15px;
  color: #333;
  line-height: 1.1;
}

.flyers-info {
  margin-top: 10px;
  font-size: 13px;
  color: #64707c;
  line-height: 1.5;
}

.flyers-subtitle {
  color: #0072C6;
  margin-top: 20px;
  font-size: 1.1em;
  font-weight: 600;
}

/* Полетата */
.cf7-field input,
.cf7-field textarea {
  width: 100%;
  border: 1px solid #d9ecfc;
  border-radius: 6px;
  padding: 12px 14px;
  font-size: 16px;
  line-height: 1.4;
  color: #000;
  background: #fff;
  box-sizing: border-box;
}

.cf7-field input::placeholder,
.cf7-field textarea::placeholder {
  color: #8a97a8;
}

.cf7-field textarea {
  min-height: 90px;
  resize: vertical;
}

.flyers-submit-btn {
  width: 100%;
  border: 0;
  border-radius: 6px;
  background-color: #0072C6;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 18px;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

.flyers-submit-btn:hover {
  background-color: #005fa4;
}

/* Мобилен изглед */
@media (max-width: 480px) {
  .cf7-flyers-table th {
    font-size: 14px;
    white-space: normal;
  }
  .cf7-flyers-table td {
    padding: 8px;
  }
}
.aroma-offer-box,
.cf7-aroma-table,
.cf7-aroma-table th,
.cf7-aroma-table td {
    font-family: 'Sofia Sans', sans-serif;
}

.cf7-aroma-table .price-cell {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.cf7-aroma-table .price-eur {
    font-weight: 700;
    font-size: 16px;
}

.cf7-aroma-table .price-bgn {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 14px;
}

.cf7-aroma-table .price-bgn-no-vat {
    white-space: nowrap;
}

.cf7-aroma-table .price-bgn-with-vat {
    white-space: nowrap;
}

/* по желание – леко оцветяване на избрания ред */
.cf7-aroma-table tr.selected-offer-row {
    background-color: #F6FAFE;
}
.aroma-offer-box,
.cf7-aroma-table,
.cf7-aroma-table th,
.cf7-aroma-table td {
    font-family: 'Sofia Sans', sans-serif;
}

.cf7-aroma-table .price-cell {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.cf7-aroma-table .price-eur {
    font-weight: 700;
    font-size: 16px;
}

.cf7-aroma-table .price-bgn {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 14px;
}

.cf7-aroma-table .price-bgn-no-vat {
    white-space: nowrap;
}

.cf7-aroma-table .price-bgn-with-vat {
    white-space: nowrap;
}

/* по желание – леко оцветяване на избрания ред */
.cf7-aroma-table tr.selected-offer-row {
    background-color: #F6FAFE;
}
/* Контейнер – същия стил като формата за флаери */
.flyers-offer-box {
  margin: 24px 0;
  padding: 24px 24px 28px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid #E2EDF7;
  box-shadow: 0 12px 30px rgba(0,0,0,0.06);
  font-family: "Sofia Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Таблица */
.cf7-flyers-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
}

.cf7-flyers-table thead {
  border-bottom: 2px solid #FFC817;
}

.cf7-flyers-table th {
  font-weight: 700;
  color: #0072C6;
  padding: 10px 8px;
  text-align: left;
  white-space: nowrap;
}

.cf7-flyers-table td {
  padding: 12px 8px;
  vertical-align: middle;
  color: #031726;
}

/* Първата колонка – радио бутоните */
.cf7-flyers-table td:first-child {
  width: 42px;
  text-align: center;
}

/* Пакет / количество – по-четливо */
.cf7-flyers-table td:nth-child(2) {
  font-weight: 600;
}

/* Колонка „К-во / аромати“ */
.cf7-flyers-table td:nth-child(3) {
  white-space: nowrap;
}

/* Колонка „Срок“ – син текст, подравнен надясно на десктоп */
.cf7-flyers-table .term-cell {
  font-weight: 700;
  color: #0072C6;
  white-space: nowrap;
  text-align: right;
}

/* Цена – EUR горе, отдолу лв. без/с ДДС в една линия */
.cf7-flyers-table .price-cell {
  min-width: 210px;
}

.price-eur {
  display: block;
  font-weight: 700;
  color: #0072C6;
  margin-bottom: 4px;
}

.price-lv-row {
  display: flex;
  gap: 8px;
  font-size: 14px;
  color: #354551;
  flex-wrap: wrap;
}

.price-lv-row span {
  white-space: nowrap;
}

/* Ред – hover и избран ред */
.cf7-flyers-table tbody tr {
  border-bottom: 1px solid #EEF3F8;
  transition: background 0.15s ease;
}

.cf7-flyers-table tbody tr:hover {
  background: #F6FAFE;
}

.cf7-flyers-table tbody tr.selected-offer-row {
  background: #E6F2FF;
}

/* Допълнителен текст под таблицата */
.flyers-info {
  margin-top: 16px;
  font-size: 14px;
  color: #354551;
}

/* Заглавия „Аромати…“ и подсказки */
.flyers-subtitle {
  color: #0072C6;
}

.aroma-hint {
  font-size: 14px;
  color: #6A7A89;
  margin-top: 4px;
  margin-bottom: 8px;
}

/* Полета на формата */
.cf7-field {
  margin-top: 10px;
  margin-bottom: 10px;
}

.cf7-field input,
.cf7-field select,
.cf7-field textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #B5CFE4;
  font-family: "Sofia Sans", sans-serif;
  font-size: 16px;
}

/* multiple select – да изглежда прилично */
.cf7-field--aromas select[multiple] {
  min-height: 120px;
}

/* Бутон */
.cf7-actions {
  margin-top: 18px;
  text-align: left;
}

.cf7-actions input[type="submit"] {
  background-color: #0072C6;
  border: none;
  border-radius: 6px;
  padding: 12px 32px;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0,0,0,0.15);
}

.cf7-actions input[type="submit"]:hover {
  background-color: #005ea3;
}

/* Респонсив – на мобилен цената и срокът да не се чупят грозно */
@media (max-width: 768px) {
  .cf7-flyers-table thead {
    font-size: 14px;
  }

  .cf7-flyers-table td,
  .cf7-flyers-table th {
    font-size: 14px;
  }

  .cf7-flyers-table .price-cell {
    min-width: 0;
  }

  .cf7-flyers-table .term-cell {
    text-align: left;
  }
}
.cf7-flyers-table td,
.cf7-flyers-table th {
  vertical-align: middle;
  padding: 10px 15px;
}

.cf7-flyers-table td:last-child,
.cf7-flyers-table th:last-child {
  width: 100px;
  text-align: center;
}

.price-eur { font-weight: 700; display: block; }
.price-lv { font-size: 14px; display: block; color: #666; }
.cf7-flyers-table td,
.cf7-flyers-table th {
  vertical-align: middle;
  text-align: left;
  padding: 6px 10px;
}

.price-eur {
  display: block;
  font-weight: bold;
  font-size: 16px;
}

.price-lv {
  display: block;
  font-size: 14px;
  color: #555;
}

.selected-offer-row {
  background: rgba(0, 114, 198, 0.08);
}
/* Компактни цени – оптимизация на spacing */
.cf7-flyers-table .price-eur,
.cf7-flyers-table .price-lv {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 1.2; /* По-компактен текст */
}

.cf7-flyers-table tbody tr td {
  padding-top: 4px;   /* Редуцирам общия padding */
  padding-bottom: 4px;
}

.cf7-flyers-table tbody tr {
  line-height: 1.2;
}
/* Оранжева разделителна линия между редовете */
.cf7-flyers-table tbody tr:not(:last-child) {
    border-bottom: 1px solid #FFC817;
}
/* 1) Центриране на "брой аромати" (3-та колона) */
.cf7-flyers-table tbody td:nth-child(3) {
    text-align: center;
}

/* 2) По-подредени чекбоксове за ароматите (арома 1 седмица) */
.cf7-field .wpcf7-form-control.wpcf7-checkbox {
    display: block;
    padding-left: 12px;      /* да не са залепени за ръба на екрана */
}

.cf7-field .wpcf7-list-item {
    display: block;
    margin-bottom: 6px;
}

.cf7-field .wpcf7-list-item label {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cf7-field .wpcf7-list-item input[type="checkbox"] {
    flex: 0 0 auto;
}

.cf7-field .wpcf7-list-item .wpcf7-list-item-label {
    flex: 1;
}
/* Контейнер на офертата */
.flyers-offer-box {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
    padding: 24px 20px;
    margin-bottom: 24px;
    font-family: "Sofia Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Таблица – базово оформление */
.cf7-flyers-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 16px;
}

.cf7-flyers-table thead th {
    text-align: center;
    padding: 6px 4px 12px;
    font-weight: 700;
    color: #0072C6;
    white-space: nowrap;
}

.cf7-flyers-table thead th span {
    display: block;
    line-height: 1.1;
}

.cf7-flyers-table tbody td {
    padding: 14px 8px;
    vertical-align: middle;
    font-size: 16px;
}

/* Радио колоната */
.cf7-flyers-table tbody td:first-child {
    width: 40px;
    text-align: center;
}

.cf7-flyers-table input[type="radio"] {
    width: 18px;
    height: 18px;
}

/* Колона "Брой в 1 кашон" */
.cf7-flyers-table tbody td:nth-child(2) {
    font-weight: 600;
}

/* Колона "Брой аромати" – центрирана цифра */
.cf7-flyers-table tbody td:nth-child(3) {
    text-align: center;
    font-weight: 600;
}

/* Колона цена – цифра, EUR се подразбира от заглавието */
.cf7-flyers-table tbody td:nth-child(4) {
    text-align: right;
    font-weight: 700;
    font-size: 18px;
}

.cf7-flyers-table .price-eur {
    display: inline-block;
}

/* Редове – редуване на фона и селекция */
.cf7-flyers-table tbody tr:nth-child(odd) {
    background: #ffffff;
}

.cf7-flyers-table tbody tr:nth-child(even) {
    background: #F6FAFE;
}

.cf7-flyers-table tbody tr.selected-offer-row {
    background: #FFF8E1;
}

/* Тънка оранжева линия между редовете */
.cf7-flyers-table tbody tr + tr td {
    border-top: 1px solid #FFC817;
}

/* Заглавие под формата */
.flyers-subtitle {
    color: #0072C6;
}

/* Полета отдолу */
.cf7-field {
    margin-bottom: 12px;
}

.cf7-actions {
    margin-top: 16px;
}

/* -------------------------------
   ЧЕКБОКСОВЕ – АРОМАТИ (1 седмица)
---------------------------------*/

.cf7-aroma-fast .wpcf7-form-control.wpcf7-checkbox {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-left: 12px;  /* да не са залепени за ръба */
}

.cf7-aroma-fast .wpcf7-list-item {
    display: block;
    margin: 0;
}

.cf7-aroma-fast .wpcf7-list-item label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
}

.cf7-aroma-fast .wpcf7-list-item input[type="checkbox"] {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
}

.cf7-aroma-fast .wpcf7-list-item .wpcf7-list-item-label {
    flex: 1;
}

/* Малко по-компактно на малък екран */
@media (max-width: 767px) {
    .flyers-offer-box {
        padding: 18px 14px;
    }
    .cf7-flyers-table thead th {
        font-size: 13px;
    }
    .cf7-flyers-table tbody td {
        font-size: 15px;
        padding: 10px 6px;
    }
    .cf7-flyers-table tbody td:nth-child(4) {
        font-size: 17px;
    }
}
/* -------------------------------
   ЧЕКБОКСОВЕ – АРОМАТИ (1 седмица)
   (контейнер: .cf7-field.cf7-aroma-fast)
---------------------------------*/

.cf7-aroma-fast {
    max-width: 100%;
    overflow-x: hidden;          /* да не излиза извън рамката */
}

/* списъкът с чекбоксовете */
.cf7-aroma-fast .wpcf7-form-control.wpcf7-checkbox {
    display: block;              /* махаме flex от този слой */
    padding: 0;
    margin: 0;
}

/* всеки ред */
.cf7-aroma-fast .wpcf7-list-item {
    display: block;
    margin: 4px 0;
}

/* подравняване на чекбокс + текст */
.cf7-aroma-fast .wpcf7-list-item label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
}

/* самият чекбокс */
.cf7-aroma-fast .wpcf7-list-item input[type="checkbox"] {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
}

/* текстът да заема останалото място */
.cf7-aroma-fast .wpcf7-list-item .wpcf7-list-item-label {
    flex: 1;
}
/* -------------------------------
   Аромати (срок 1 седмица) – desktop + mobile
   Контейнер: .cf7-field.cf7-aroma-fast
---------------------------------*/

.cf7-aroma-fast {
    max-width: 100%;
    overflow-x: hidden;
    padding: 10px 24px 18px 24px;   /* отстояние от рамката от всички страни */
    box-sizing: border-box;
}

/* самият контрол с чекбоксовете */
.cf7-aroma-fast .wpcf7-form-control.wpcf7-checkbox {
    display: block;
    padding: 0;
    margin: 0;
}

/* всеки ред */
.cf7-aroma-fast .wpcf7-list-item {
    display: block;
    margin: 3px 0;                  /* по-сбит вертикален интервал */
}

/* подравняване на чекбокс + текст в реда */
.cf7-aroma-fast .wpcf7-list-item label {
    display: flex;
    align-items: center;
    gap: 8px;                       /* разстояние между чекбокса и текста */
    font-size: 16px;
}

/* чекбоксът */
.cf7-aroma-fast .wpcf7-list-item input[type="checkbox"] {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
}

/* текстът да заема останалото място */
.cf7-aroma-fast .wpcf7-list-item .wpcf7-list-item-label {
    flex: 1;
}

/* === tangram-ai: начало. Пише се от ai/manager_21-08-2026/dopalnitelen-css — не редактирайте на ръка === */
/* fuiya-chashi-malki-snimki: Фунията за чаши: малките снимки по четири на ред, от ръб до ръб */
.zona-oferta .product_gallery_items {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}
.zona-oferta .product_gallery_items img {
    flex: 0 0 calc((100% - 30px) / 4);
    width: auto;
    min-width: 0;
    margin: 0;
}

/* fuiya-chashi-golyama-kvadrat: Фунията за чаши: голямата снимка винаги квадратна */
.zona-oferta .product_gallery_main img {
    aspect-ratio: 1 / 1;
    height: auto;
    object-fit: cover;
}

/* fuiya-chashi-tesni-butoni: Фунията за чаши: сините бутони „Заяви интерес“ по ширината на текста */
.zona-oferta .wp-block-accordion:not(.chashi-razmeri):not(.promo-karti):not(.tiraji-karti) > .wp-block-accordion-item > .wp-block-accordion-heading {
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
}

/* fuiya-chashi-promo-karti: Фунията за чаши: промоцията като две карти една до друга */
.promo-karti {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px;
    padding: 16px 20px 4px;
}
.promo-karti > .wp-block-accordion-item {
    display: contents;
}
.promo-karti > .wp-block-accordion-item > .wp-block-accordion-heading {
    margin: 0;
    background: #fff;
    border: 1.5px solid #D9ECFC;
    border-radius: 10px;
    color: #7c93a5;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
}
.promo-karti > .wp-block-accordion-item > .wp-block-accordion-heading .wp-block-accordion-heading__toggle {
    display: block;
    width: 100%;
    height: 100%;
    padding: 14px;
    text-align: left;
}
.promo-karti > .wp-block-accordion-item > .wp-block-accordion-heading .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    text-decoration: none;
}
.promo-karti > .wp-block-accordion-item > .wp-block-accordion-heading:hover {
    border-color: #0072c6;
}
.promo-karti > .is-open > .wp-block-accordion-heading {
    background: #f3f8fd;
    border-color: #0072c6;
}
.promo-karti .wp-block-accordion-heading strong {
    color: #0f2537;
    font-weight: 800;
}
.promo-karti .wp-block-accordion-heading strong:first-of-type {
    font-size: 22px;
    line-height: 1.1;
}
.promo-karti .wp-block-accordion-heading strong:nth-of-type(2) {
    font-size: 30px;
    line-height: 1.05;
    letter-spacing: -.01em;
}
.promo-karti .wp-block-accordion-heading em {
    font-style: normal;
}
.promo-karti .wp-block-accordion-heading s {
    display: inline-block;
    margin-top: 10px;
    font-size: 14px;
}
.promo-karti .wp-block-accordion-heading mark {
    background: none;
    color: #c70a0a;
    font-size: 14px;
    font-weight: 700;
}
.promo-karti .wp-block-accordion-heading kbd {
    display: block;
    margin-top: 14px;
    padding: 13px 10px;
    border: 0;
    border-radius: 8px;
    box-shadow: none;
    background: #0072c6;
    color: #fff;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
}
.promo-karti > .wp-block-accordion-item > .wp-block-accordion-heading:hover kbd {
    background: #005fa6;
}
.promo-karti > .wp-block-accordion-item > .wp-block-accordion-panel {
    grid-column: 1 / -1;
    grid-row: 2;
    margin: 0;
    padding: 14px 16px;
    /* Цветът на натиснатата карта — формулярът се чете като неин (управителят, 12.09.2026). */
    background: #f3f8fd;
    border: 1.5px solid #0072c6;
    border-radius: 10px;
}
@media (max-width: 781px) {
    .promo-karti {
        gap: 8px;
        padding: 14px 12px 4px;
    }
    .promo-karti > .wp-block-accordion-item > .wp-block-accordion-heading .wp-block-accordion-heading__toggle {
        padding: 12px 10px;
    }
    .promo-karti .wp-block-accordion-heading strong:first-of-type {
        font-size: 19px;
    }
    .promo-karti .wp-block-accordion-heading strong:nth-of-type(2) {
        font-size: 25px;
    }
    .promo-karti .wp-block-accordion-heading s,
    .promo-karti .wp-block-accordion-heading mark {
        font-size: 13px;
    }
    .promo-karti > .wp-block-accordion-item > .wp-block-accordion-panel {
        padding: 12px;
    }
}

/* fuiya-chashi-tiraji-karti: Фунията за чаши: тиражите в табовете като карти */
.tiraji-karti {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 12px;
}
.tiraji-karti > .wp-block-accordion-item {
    display: contents;
}
.tiraji-karti > .wp-block-accordion-item > .wp-block-accordion-heading {
    margin: 0;
    background: #fff;
    border: 1.5px solid #D9ECFC;
    border-radius: 10px;
    color: #7c93a5;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
}
.tiraji-karti > .wp-block-accordion-item > .wp-block-accordion-heading .wp-block-accordion-heading__toggle {
    display: block;
    width: 100%;
    height: 100%;
    padding: 14px;
    text-align: left;
}
.tiraji-karti > .wp-block-accordion-item > .wp-block-accordion-heading .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    text-decoration: none;
}
.tiraji-karti > .wp-block-accordion-item > .wp-block-accordion-heading:hover {
    border-color: #0072c6;
}
.tiraji-karti > .is-open > .wp-block-accordion-heading {
    background: #fff;
    border-color: #0072c6;
    box-shadow: 0 0 0 1.5px #0072c6;
}
.tiraji-karti .wp-block-accordion-heading strong {
    color: #0f2537;
    font-weight: 800;
}
.tiraji-karti .wp-block-accordion-heading strong:first-of-type {
    font-size: 18px;
    line-height: 1.15;
}
.tiraji-karti > .wp-block-accordion-item > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
}
.tiraji-karti > .wp-block-accordion-item > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-title br {
    display: none;
}
.tiraji-karti .wp-block-accordion-heading em {
    margin-top: 2px;
}
.tiraji-karti .wp-block-accordion-heading kbd {
    align-self: stretch;
}
.tiraji-karti .wp-block-accordion-heading strong:nth-of-type(2) {
    margin-top: auto;
    padding-top: 8px;
    font-size: 24px;
    line-height: 1.05;
    letter-spacing: -.01em;
}
.tiraji-karti .wp-block-accordion-heading em {
    font-style: normal;
}
.tiraji-karti .wp-block-accordion-heading mark {
    display: inline-block;
    margin: 4px 0 2px;
    padding: 2px 6px;
    border-radius: 4px;
    background: #0072c6;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
}
.tiraji-karti .wp-block-accordion-heading kbd {
    display: block;
    margin-top: 12px;
    padding: 12px 10px;
    border: 0;
    border-radius: 8px;
    box-shadow: none;
    background: #0072c6;
    color: #fff;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
}
.tiraji-karti > .wp-block-accordion-item > .wp-block-accordion-heading:hover kbd {
    background: #005fa6;
}
.tiraji-karti > .wp-block-accordion-item > .wp-block-accordion-panel {
    order: 1;
    grid-column: 1 / -1;
    margin: 0;
    padding: 14px 16px;
    background: #fff;
    border: 1.5px solid #0072c6;
    border-radius: 10px;
}
@media (max-width: 781px) {
    .tiraji-karti {
        gap: 8px;
    }
    .tiraji-karti > .wp-block-accordion-item > .wp-block-accordion-heading .wp-block-accordion-heading__toggle {
        padding: 12px 10px;
    }
    .tiraji-karti .wp-block-accordion-heading strong:first-of-type {
        font-size: 16px;
    }
    .tiraji-karti .wp-block-accordion-heading strong:nth-of-type(2) {
        font-size: 21px;
    }
    .tiraji-karti > .wp-block-accordion-item > .wp-block-accordion-panel {
        padding: 12px;
    }
}

/* fuiya-chashi-dolu: Фунията за чаши: долната част — за кого, стъпки, отзиви, въпроси, последен блок */
.chashi-dolu {
    margin-top: 20px;
}
.dolu-sec {
    padding: 26px 0;
    border-top: 1px solid #edf2f7;
}
.dolu-kicker {
    margin: 0 0 6px;
    color: #0072c6;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.dolu-h {
    margin: 0 0 14px;
}
.dolu-tiles {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 18px;
}
.dolu-tile {
    margin: 0 !important;
    padding: 12px;
    background: #fff;
    border: 1.5px solid #D9ECFC;
    border-radius: 10px;
}
.dolu-tile p {
    margin: 0;
    color: #7c93a5;
    font-size: 13px;
    line-height: 1.35;
}
.dolu-tile p strong {
    display: block;
    margin-bottom: 3px;
    color: #0f2537;
    font-size: 15px;
}
.dolu-tile p.dolu-ico {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    margin: 0 0 8px;
    background: #dcecfa;
    border-radius: 8px;
    color: #0072c6;
    font-size: 16px;
    font-weight: 800;
}
.dolu-steps {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    counter-reset: dolu;
}
.dolu-step {
    margin: 0 !important;
}
.dolu-step::before {
    counter-increment: dolu;
    content: counter(dolu);
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    margin-bottom: 8px;
    background: #0072c6;
    border-radius: 50%;
    color: #fff;
    font-weight: 800;
}
.dolu-step p {
    margin: 0;
    color: #486174;
    font-size: 13.5px;
    line-height: 1.4;
}
.dolu-step p strong {
    display: block;
    margin-bottom: 2px;
    color: #0f2537;
    font-size: 15.5px;
}
.dolu-step p.dolu-when {
    display: inline-block;
    /* На телефон стъпката е grid и етикетът иначе се разтяга по цялата ширина. */
    justify-self: start;
    margin-top: 6px;
    padding: 2px 7px;
    background: #dcecfa;
    border-radius: 4px;
    color: #0072c6;
    font-size: 12px;
    font-weight: 700;
}
.dolu-proof {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 12px;
}
.dolu-stars,
.dolu-case {
    margin: 0 !important;
    border: 1.5px solid #D9ECFC;
    border-radius: 10px;
}
.dolu-stars {
    padding: 12px 14px;
}
.dolu-case {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    overflow: hidden;
}
.dolu-case figure {
    margin: 0;
    height: 100%;
}
.dolu-case img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 110px;
    object-fit: cover;
}
.dolu-case p {
    margin: 0;
    padding: 10px 12px 10px 0;
    color: #486174;
    font-size: 13.5px;
    line-height: 1.4;
}
.dolu-case p strong {
    display: block;
    color: #0f2537;
    font-size: 15px;
}
.dolu-faq-list {
    columns: 2;
    column-gap: 14px;
}
.dolu-faq {
    break-inside: avoid;
    margin: 0 0 8px !important;
    background: #fff;
    border: 1.5px solid #D9ECFC;
    border-radius: 10px;
}
.dolu-faq summary {
    position: relative;
    padding: 12px 40px 12px 14px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    list-style: none;
}
.dolu-faq summary::-webkit-details-marker {
    display: none;
}
.dolu-faq summary::after {
    content: "+";
    position: absolute;
    top: 8px;
    right: 14px;
    color: #0072c6;
    font-size: 20px;
    font-weight: 700;
}
.dolu-faq[open] {
    background: #f3f8fd;
    border-color: #0072c6;
}
.dolu-faq[open] summary::after {
    content: "–";
}
.dolu-faq p {
    margin: 0;
    padding: 0 14px 13px;
    color: #2c465c;
    font-size: 14px;
    line-height: 1.45;
}
.dolu-final {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 20px;
    align-items: center;
    margin: 10px 0 30px;
    padding: 22px 26px;
    background: #0f2537;
    border-radius: 12px;
}
.dolu-final-txt p {
    margin: 0;
    color: #b9cde0;
    font-size: 13px;
}
.dolu-final-txt p.dolu-price {
    margin: 4px 0;
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.1;
}
.dolu-final-btns,
.dolu-sticky {
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 0 !important;
}
.dolu-btns {
    flex: 0 0 auto;
    margin: 0 !important;
}
.dolu-poruchai .wp-block-button__link {
    /* Без това темата чупи думата буква по буква и бутонът става 34 px (12.09.2026). */
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
    padding: 14px 26px;
    background: #0072c6;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
}
.dolu-sticky {
    display: none;
}
/* Краткият код на Viber идва с празни <p> около себе си — в лента те разтягат. */
.dolu-sticky > p:empty,
.dolu-final-btns > p:empty {
    display: none;
}
@media (max-width: 781px) {
    .dolu-tiles {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 8px;
    }
    .dolu-steps {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }
    .dolu-step {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        column-gap: 12px;
    }
    .dolu-step::before {
        grid-row: span 2;
        margin: 0;
    }
    .dolu-proof {
        grid-template-columns: minmax(0, 1fr);
    }
    .dolu-faq-list {
        columns: 1;
    }
    .dolu-final {
        grid-template-columns: minmax(0, 1fr);
        text-align: center;
        padding: 20px 18px;
    }
    .dolu-final-btns {
        justify-content: center;
        flex-wrap: wrap;
    }
    .dolu-sticky {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 90;
        padding: 9px 12px;
        background: #fff;
        border-top: 1px solid #d6e6f5;
        box-shadow: 0 -4px 14px rgba(15, 37, 55, .08);
    }
    .dolu-sticky .dolu-btns {
        flex: 1 1 0;
        min-width: 0;
    }
    /* Бутонът на темата за Viber е широк 327 px и изяждаше „Поръчай“. */
    .dolu-sticky .btn-viber {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .dolu-sticky .btn-viber a {
        width: auto !important;
        padding: 10px 14px !important;
        white-space: nowrap;
    }
    .dolu-sticky .dolu-poruchai {
        width: 100%;
    }
    .dolu-sticky .dolu-poruchai .wp-block-button__link {
        display: block;
        width: 100%;
        padding: 13px 10px;
        text-align: center;
    }
    body:has(.dolu-sticky) {
        padding-bottom: 66px;
    }
}

/* chashi-razmeri-tabove: Фунията за чаши: цените като табове по размер */
.chashi-razmeri {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}
.chashi-razmeri > .wp-block-accordion-item {
    display: contents;
}
.chashi-razmeri > .wp-block-accordion-item > .wp-block-accordion-heading {
    margin: 0;
    background: #fff;
    border: 1.5px solid #D9ECFC;
    border-radius: 10px;
    color: #486174;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
}
.chashi-razmeri > .wp-block-accordion-item > .wp-block-accordion-heading .wp-block-accordion-heading__toggle {
    display: block;
    width: 100%;
    height: 100%;
    padding: 14px 4px 12px;
    text-align: center;
}
.chashi-razmeri > .wp-block-accordion-item > .wp-block-accordion-heading .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    text-decoration: none;
}
.chashi-razmeri > .wp-block-accordion-item > .wp-block-accordion-heading:hover {
    border-color: #0072c6;
}
.chashi-razmeri > .wp-block-accordion-item > .wp-block-accordion-heading strong {
    color: #0f2537;
    font-size: 19px;
    font-weight: 700;
}
.chashi-razmeri > .wp-block-accordion-item > .wp-block-accordion-heading em {
    color: #0072c6;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.chashi-razmeri > .is-open > .wp-block-accordion-heading {
    background: #dcecfa;
    border-color: #0072c6;
    color: #0072c6;
    pointer-events: none;
}
.chashi-razmeri > .is-open > .wp-block-accordion-heading strong {
    color: #0072c6;
}
.chashi-razmeri > .wp-block-accordion-item > .wp-block-accordion-panel {
    grid-column: 1 / -1;
    grid-row: 3;
    margin: 0;
    padding: 14px 16px;
    /* Същото светлосиньо като избрания таб — тиражите се четат като част от него. */
    background: #dcecfa;
    border: 1.5px solid #0072c6;
    border-radius: 10px;
}
.chashi-razmeri mark {
    margin-left: 6px;
    padding: 2px 6px;
    border-radius: 4px;
    background: #0072c6;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    vertical-align: 2px;
}
.chashi-razmeri-belejka {
    margin-top: 10px;
    color: #7d8f9e;
    font-size: 13px;
}
.chashi-ceni-zona {
    container-type: inline-size;
    margin-top: 28px;
}
.chashi-razmeri-zaglavie {
    margin: 0 0 12px;
    color: #0f2537;
    font-size: 22px;
}
@container (min-width: 700px) {
    .chashi-razmeri {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .chashi-razmeri > .wp-block-accordion-item > .wp-block-accordion-panel {
        grid-row: 2;
    }
}
@media (max-width: 781px) {
    .chashi-razmeri {
        gap: 8px;
    }
    .chashi-razmeri > .wp-block-accordion-item > .wp-block-accordion-heading {
        font-size: 12.5px;
    }
    .chashi-razmeri > .wp-block-accordion-item > .wp-block-accordion-heading .wp-block-accordion-heading__toggle {
        padding: 10px 2px 9px;
    }
    .chashi-razmeri > .wp-block-accordion-item > .wp-block-accordion-heading strong {
        font-size: 16px;
    }
    .chashi-razmeri > .wp-block-accordion-item > .wp-block-accordion-heading em {
        font-size: 9.5px;
        letter-spacing: .02em;
    }
}

/* nova-shapka: Новата шапка: градовете, два бутона, логото в средата, търсачката; меню с два бутона на телефон */
/* Светлосив фон под шапката — като на marketzone.bg (управителят, 26.09.2026);
   белите блокове в страниците застават като карти. */
body { background: #f5f5f5; }
/* Началната: отстрани същият сив фон, не тъмносиният (управителят, 26.09.2026). */
body .front-body, body .tangram-agency-page { background: #f5f5f5; }
/* Етикетите над заглавията в тъмните раздели на началната — жълт текст (03.10.2026:
   „не се чете“; тъмният текст от смяната на палитрата важи само за светлите раздели). */
body .tangram-agency-page .tg-section-dark .tg-eyebrow { color: #FFC817; background: rgba(255, 255, 255, .12); }
/* Върху синьо (#0072C6) жълтото е бледо — бял текст. */
body .tangram-agency-page .tg-cta-strip .tg-eyebrow,
body .tangram-agency-page .tg-section-blue .tg-eyebrow { color: #fff; background: rgba(255, 255, 255, .16); }

/* ---------- Компютър ---------- */
@media (min-width: 782px) {
    /* Лентата с градовете — по-ниска и по-бледа. */
    .top-bar { background: #ececec; }
    .top-bar__cont { font-size: 13px; }
    .top-bar__cont a { color: rgba(0, 0, 0, .42); }

    /* Ред: [два бутона] · логото в средата · търсачката вдясно. */
    /* Мека сянка под реда с логото — като на marketzone.bg (управителят, 26.09.2026). */
    .head { background: #fff; position: relative; z-index: 3; box-shadow: 0 2px 10px rgba(0, 0, 0, .06); }
    .head-cont {
        position: relative;
        box-sizing: border-box;
        width: 100%;
        max-width: 1240px;
        min-height: 92px;
        margin: 0 auto;
        padding: 0 24px;
        justify-content: flex-end;
        align-items: center;
    }
    .head-logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
    .head-logo img { height: 52px; width: auto; }
    .head-search { width: 340px; max-width: 32vw; }
    .head-search input { border-radius: 999px; background: #e9edf1; border: 0; }
    /* Телефонът и „Връзка с нас“ излизат от шапката (решение на управителя). */
    .head-contact, .head-mytangram { display: none; }
    /* Старото меню с петте нива. */
    #navMain { display: none; }

    /* Двата бутона — идват от страница 4005, застават вляво в реда на логото. */
    .tg-hdr-btns {
        position: absolute;
        z-index: 5;
        top: 32px; /* = височината на лентата с градовете */
        left: 0;
        right: 0;
        height: 92px; /* = височината на реда */
        max-width: 1240px;
        margin: 0 auto;
        padding: 0 24px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        gap: 10px;
        pointer-events: none;
    }
    /* Отправна точка е обвивката на сайта, не прозорецът — иначе лентата на
       администрацията (32 px, само за влезли) измества бутоните нагоре. */
    .site-wrapper { position: relative; }
    .tg-hdr-btns a { pointer-events: auto; }
}

/* Таблет и малък лаптоп (782–1100 px): иначе бутоните застъпват логото (проверено на 820 и 1024 px). */
@media (min-width: 782px) and (max-width: 1100px) {
    .tg-hdr-btns .wp-block-button__link, .tg-hdr-btns a { padding: 8px 10px !important; min-height: 40px !important; font-size: 13px !important; gap: 5px !important; }
    .tg-hdr-btns .tg-all a::before { content: none !important; }
    .head-logo img { height: 40px; }
    .head-search { width: 220px; }
}

/* Двата бутона — леки (управителят: „натежават“). Общи за двата изгледа. */
.tg-hdr-btns .wp-block-button__link,
.tg-hdr-btns a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 46px;
    padding: 11px 16px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.15;
    text-decoration: none;
    white-space: nowrap;
}
.tg-hdr-btns .tg-all a,
.tg-hdr-btns .tg-all .wp-block-button__link { background: #eef5fc; border: 1.5px solid #d3e5f6; color: #0072c6; }
.tg-hdr-btns .tg-best a,
.tg-hdr-btns .tg-best .wp-block-button__link { background: #fff8e0; border: 1.5px solid #f6e3a6; color: #0f2537; }
.tg-hdr-btns .tg-best a::before { content: "★"; color: #e0a800; }
.tg-hdr-btns .tg-all a::before { content: "▦"; }

/* ---------- Телефон ---------- */
@media (max-width: 781px) {
    /* Блокът от страница 4005 не се показва на телефон — там бутоните са в менюто. */
    .wp-block-buttons.tg-hdr-btns { display: none !important; }

    /* Менюто зад ☰: два бутона един до друг, търсачката под тях. */
    /* Падащо под шапката, не на цял екран. */
    .mobile-cont { display: flex; flex-direction: column; height: auto !important; bottom: auto !important; padding-bottom: 12px !important; box-shadow: 0 12px 24px rgba(15, 37, 55, .18); }
    .mobile-cont .mobile-tabs,
    .mobile-cont .mobile-contacts__cont { display: none !important; }
    .mobile-cont .mobile-menu__cont { order: 1; flex: 0 0 auto; height: auto !important; min-height: 0 !important; overflow: visible; }
    .mobile-cont .mobile-search { order: 2; }
    /* Темата разтяга менюто до долу — свиваме го до бутоните. */
    #m_menu_0 {
        height: auto !important;
        min-height: 0 !important;
        align-content: start;
        grid-auto-rows: min-content;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        padding: 12px 10px 4px;
    }
    #m_menu_0 > .m_menu_item { border: 0; padding: 0; margin: 0; height: auto !important; min-height: 0 !important; }
    #m_menu_0 > .m_menu_item a { text-decoration: none; display: block; height: 100%; }
    #m_menu_0 > .m_menu_item a > div {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-height: 50px;
        height: 100% !important;
        padding: 10px 8px !important;
        line-height: 1.2 !important;
        border-radius: 12px;
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        white-space: normal;
    }
    #m_menu_0 > .m_menu_item:nth-child(1) a > div { background: #eef5fc; border: 1.5px solid #d3e5f6; color: #0072c6; }
    #m_menu_0 > .m_menu_item:nth-child(2) a > div { background: #fff8e0; border: 1.5px solid #f6e3a6; color: #0f2537; }
    #m_menu_0 > .m_menu_item:nth-child(2) a > div::before { content: "★"; color: #e0a800; }
    .mobile-cont .mobile-search input { border-radius: 999px; background: #e9edf1; }
}
/* Логото води към „Всички рекламни материали“ (управителят, 30.09.2026). Логото е в
   темата с href="/"; докато Свил го смени, върху него стои прозрачен линк от
   страница 4005. Телефон: закрепената шапка е 44 px, логото е в средата. */
.tg-logo-link { position: fixed; z-index: 1000000; top: 0; left: 50%; width: 150px; height: 44px; transform: translateX(-50%); }
@media (min-width: 782px) {
    /* Спрямо .site-wrapper: 32 px лентата с градовете + половината от 92 px ред. */
    .tg-logo-link { position: absolute; z-index: 6; top: 78px; width: 190px; height: 60px; transform: translate(-50%, -50%); }
}
/* Двата бутона — като картите (управителят, 26.09.2026): бели, оранжева горна
   лента, сянка, повдигане при посочване; „Най-поръчвани“ — оранжевият. */
.tg-hdr-btns .tg-all a,
.tg-hdr-btns .tg-all .wp-block-button__link {
    background: #fff;
    border: 1px solid #D9ECFC;
    border-top: 3px solid #FFC817;
    color: #0072C6;
}
.tg-hdr-btns .tg-best a,
.tg-hdr-btns .tg-best .wp-block-button__link {
    background: #FFC817;
    border: 1px solid #FFC817;
    border-top: 3px solid #FFC817;
    color: #1a1a1a;
}
.tg-hdr-btns .tg-best a::before { color: #1a1a1a; }
.tg-hdr-btns .tg-all a::before { color: #FFC817; }
.tg-hdr-btns .wp-block-button__link,
.tg-hdr-btns a {
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(0,114,198,.08);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.tg-hdr-btns .wp-block-button__link:hover,
.tg-hdr-btns a:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 28px rgba(0,114,198,.16);
}
.tg-hdr-btns .tg-all a:hover { border-color: rgba(255,200,23,.55); border-top-color: #FFC817; }
@media (max-width: 781px) {
    #m_menu_0 > .m_menu_item a > div {
        border-radius: 10px;
        box-shadow: 0 6px 18px rgba(0,114,198,.08);
        transition: transform .28s ease, box-shadow .28s ease;
    }
    #m_menu_0 > .m_menu_item:nth-child(1) a > div { background: #fff; border: 1px solid #D9ECFC; border-top: 3px solid #FFC817; color: #0072C6; }
    #m_menu_0 > .m_menu_item:nth-child(2) a > div { background: #FFC817; border: 1px solid #FFC817; border-top: 3px solid #FFC817; color: #1a1a1a; }
    #m_menu_0 > .m_menu_item:nth-child(2) a > div::before { color: #1a1a1a; }
    #m_menu_0 > .m_menu_item a:active > div { transform: translateY(-3px); box-shadow: 0 14px 28px rgba(0,114,198,.16); }
}

/* vsichki-produkti: Страница „Всички продукти“: плочки на категориите, подкатегориите се отварят и затварят */
.tg-allp .tg-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
@media (min-width: 782px) {
    .tg-allp .tg-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
}
.tg-allp .tg-t { width: auto; margin: 0; }
.tg-allp .tg-t .wp-block-button__link {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    aspect-ratio: 1 / 1;
    padding: 12px 14px;
    border: 0;
    border-radius: 14px;
    background: #D9ECFC;
    box-shadow: 0 2px 8px rgba(0, 114, 198, .1);
    color: #0f2537;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.15;
    text-align: left;
    text-decoration: none;
    white-space: normal;
}
.tg-allp .tg-t .wp-block-button__link:hover { background: linear-gradient(135deg, #e8f2fc, #c6def5); }
.tg-allp .tg-t .wp-block-button__link em {
    margin-top: 3px;
    color: #486174;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
}
.tg-allp .tg-t .wp-block-button__link::before {
    content: "";
    position: absolute;
    top: 11%;
    left: 50%;
    width: 36%;
    aspect-ratio: 1 / 1;
    transform: translateX(-50%);
    background: #0072c6;
    -webkit-mask: var(--tg-ic) center / contain no-repeat;
    mask: var(--tg-ic) center / contain no-repeat;
}
.tg-allp .tg-i-best .wp-block-button__link { background: linear-gradient(135deg, #fff8e0, #ffeaa3); }
.tg-allp .tg-i-best .wp-block-button__link::before { background: #e0a800; width: 42%; top: 8%; }
.tg-allp .tg-i-best { --tg-ic: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.8l2.8 5.9 6.4.8-4.7 4.4 1.2 6.4L12 17.2l-5.7 3.1 1.2-6.4L2.8 9.5l6.4-.8z'/%3E%3C/svg%3E"); }
.tg-allp .tg-i-kal { --tg-ic: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4M7 14h2M11 14h2M15 14h2M7 17h2M11 17h2'/%3E%3C/svg%3E"); }
.tg-allp .tg-i-pec { --tg-ic: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 8V3h10v5'/%3E%3Crect x='3' y='8' width='18' height='9' rx='2'/%3E%3Cpath d='M7 14h10v7H7zM17 11h1'/%3E%3C/svg%3E"); }
.tg-allp .tg-i-aro { --tg-ic: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='3.2' r='1.2'/%3E%3Cpath d='M12 4.4v2.1M12 6.5l-5.5 6h3.3l-4.3 5.3h13l-4.3-5.3h3.3zM12 17.8V21'/%3E%3C/svg%3E"); }
.tg-allp .tg-i-cha { --tg-ic: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.2 8h11.6l-1.4 12.1a1 1 0 01-1 .9H8.6a1 1 0 01-1-.9zM5 8h14M8.2 4.5h7.6L17 8H7zM7 12.5h10'/%3E%3C/svg%3E"); }
.tg-allp .tg-i-vin { --tg-ic: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='11' rx='1'/%3E%3Cpath d='M7 15v6M17 15v6M7 8h10M7 11h6'/%3E%3C/svg%3E"); }
.tg-allp .tg-i-pre { --tg-ic: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='9' width='18' height='12' rx='1'/%3E%3Cpath d='M3 13h18M12 9v12M12 9c-2-4-6.5-4-6.5-1.2S12 9 12 9zM12 9c2-4 6.5-4 6.5-1.2S12 9 12 9z'/%3E%3C/svg%3E"); }
.tg-allp .tg-i-tab { --tg-ic: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='10' rx='1'/%3E%3Cpath d='M8 13v8M16 13v8M5 21h14M7 8h10'/%3E%3C/svg%3E"); }
.tg-allp .tg-i-tex { --tg-ic: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 3L3 6.2l2.2 4.3 2.8-1V21h8V9.5l2.8 1L21 6.2 15.5 3c-.8 1.9-2 2.9-3.5 2.9S9.3 4.9 8.5 3z'/%3E%3C/svg%3E"); }
.tg-allp .tg-i-diz { --tg-ic: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l6 7.5L12 21l-6-10.5zM12 3v6.9'/%3E%3Ccircle cx='12' cy='11.5' r='1.6'/%3E%3C/svg%3E"); }
.tg-allp .tg-i-dig { --tg-ic: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10v4h4l7 5V5L7 10zM17 9.2a4 4 0 010 5.6M19.6 6.6a7.6 7.6 0 010 10.8'/%3E%3C/svg%3E"); }
.tg-allp .tg-i-int { --tg-ic: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11V8a2 2 0 012-2h12a2 2 0 012 2v3M3 11h18v5H3zM5 16v3M19 16v3'/%3E%3C/svg%3E"); }
/* Подкатегориите се показват само когато са избрани (#котва); решетката на върха тогава се скрива. */
.tg-allp .tg-sec { display: none; }
.tg-allp .tg-sec:target { display: block; scroll-margin-top: 90px; }
.tg-allp:has(.tg-sec:target) .tg-top { display: none; }
.tg-allp .tg-sec h2 { margin: 6px 0 14px; }
.tg-allp .tg-path { margin: 0; font-size: 14px; color: #b8c7d4; }
.tg-allp .tg-path a,
.tg-allp .tg-path strong {
    display: inline-block;
    padding: 5px 12px;
    border: 1.5px solid #D9ECFC;
    border-radius: 999px;
    background: #fff;
    color: #0072c6;
    font-weight: 600;
    text-decoration: none;
}
.tg-allp .tg-path strong { background: #0072c6; border-color: #0072c6; color: #fff; }
.tg-allp .tg-close { margin-top: 16px; }
.tg-allp .tg-close .tg-x { width: 100%; }
.tg-allp .tg-close .tg-x .wp-block-button__link {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 14px;
    border: 1.5px solid #0072c6;
    border-radius: 10px;
    background: #fff;
    color: #0072c6;
    font-weight: 700;
    text-align: center;
}
.tg-allp .tg-lead { color: #486174; }
/* На телефон шапката е закрепена (43 px) и покрива началото на страницата. */
@media (max-width: 781px) {
    .tg-allp { padding-top: 48px; }
    .tg-allp .tg-sec:target { scroll-margin-top: 56px; }
}
/* Картите — по банерите на главната, но без кръгчета (управителят, 26.09.2026):
   бяла карта с оранжева лента, правоъгълна снимка отгоре, брой като етикет,
   име, какво има вътре и „Разгледай →“ — единственият линк. При посочване
   картата се повдига. */
.tg-allp .tg-grid { align-items: stretch !important; }
.tg-allp .tg-card { display: flex; }
.tg-allp .tg-card .wp-block-button__link {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    overflow: hidden;
    padding: 0 0 14px;
    border: 1px solid #D9ECFC !important;
    border-top: 4px solid #FFC817 !important;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(0,114,198,.06);
    color: #0072C6;
    cursor: default;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    text-align: left;
    text-decoration: none;
    white-space: normal;
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.tg-allp .tg-card .wp-block-button__link:hover {
    transform: translateY(-6px);
    border-color: rgba(255,200,23,.55) !important;
    background: #fff;
    box-shadow: 0 20px 40px rgba(0,114,198,.16);
}
.tg-allp .tg-card .wp-block-button__link::before { content: none; }
.tg-allp .tg-card .wp-block-button__link > :not(.tg-ph) { margin-left: 14px; margin-right: 14px; }
/* Снимката — правоъгълна, от ръб до ръб. */
.tg-allp .tg-card .tg-ph {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    margin: 0 0 4px;
    overflow: hidden;
    background: #D9ECFC;
}
.tg-allp .tg-card .tg-ph img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}
.tg-allp .tg-card .wp-block-button__link:hover .tg-ph img { transform: scale(1.05); }
/* Без снимка — иконката на светлосин фон. */
.tg-allp .tg-card .tg-ph-ic::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 34%;
    aspect-ratio: 1 / 1;
    transform: translate(-50%, -50%);
    background: #0072C6;
    -webkit-mask: var(--tg-ic) center / contain no-repeat;
    mask: var(--tg-ic) center / contain no-repeat;
}
.tg-allp .tg-card em {
    align-self: flex-start;
    padding: 4px 10px;
    border-radius: 50px;
    background: #D9ECFC;
    color: #0072C6;
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: .6px;
    text-transform: uppercase;
}
.tg-allp .tg-card strong {
    color: #0072C6;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.15;
}
.tg-allp .tg-card .tg-li { color: #486174; font-size: 13px; }
.tg-allp .tg-card .tg-go {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    padding: 9px 12px;
    border-radius: 6px;
    background: #0072C6;
    font-size: 13px;
    font-weight: 900;
    transition: background .22s ease, color .22s ease;
}
.tg-allp .tg-card .tg-go::after { content: "→"; font-size: 16px; }
.tg-allp .tg-card a.tg-go,
.tg-allp .tg-card a.tg-go:visited { color: #fff !important; text-decoration: none !important; cursor: pointer; }
.tg-allp .tg-card .wp-block-button__link:hover .tg-go { background: #FFC817; }
.tg-allp .tg-card .wp-block-button__link:hover a.tg-go { color: #1a1a1a !important; }
/* „Най-поръчвани“ — оранжевата карта. */
.tg-allp .tg-card.tg-i-best .wp-block-button__link,
.tg-allp .tg-card.tg-i-best .wp-block-button__link:hover {
    border-color: #FFC817 !important;
    background: #FFC817;
    color: #1a1a1a;
}
.tg-allp .tg-card.tg-i-best .tg-ph { background: rgba(255,255,255,.3); }
.tg-allp .tg-card.tg-i-best .tg-ph-ic::after { background: #fff; }
.tg-allp .tg-card.tg-i-best em { background: rgba(255,255,255,.55); color: #1a1a1a; }
.tg-allp .tg-card.tg-i-best strong { color: #1a1a1a; }
.tg-allp .tg-card.tg-i-best .tg-li { color: #1a1a1a; }
@media (max-width: 781px) {
    .tg-allp .tg-card .wp-block-button__link { padding-bottom: 12px; }
    .tg-allp .tg-card .wp-block-button__link > :not(.tg-ph) { margin-left: 10px; margin-right: 10px; }
    .tg-allp .tg-card strong { font-size: 16px; }
    .tg-allp .tg-card .tg-go { padding: 8px 10px; }
}

/* kategorii-karti: Страниците на категориите: плочките като картите на /reklamni-materiali/ */
/* Страниците на категориите (category.php): плочките стават карти като на
   /reklamni-materiali/ — правоъгълна снимка, име, „Разгледай →“, повдигане. */
.cat_grid { float: none; width: auto; max-width: 1240px; margin: 0 auto; padding: 0 16px 24px; box-sizing: border-box; }
.cat_grid_title { margin: 28px 0 22px; font-size: 32px; line-height: 1.2; color: #0072C6; text-align: left; }
.cat_grid .cat_grid_cont {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}
.cat_grid .cat_item { margin: 0; min-width: 0; text-align: left; }
.cat_grid .cat_item a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border: 1px solid #D9ECFC;
    border-top: 4px solid #FFC817;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(0,114,198,.06);
    color: #0072C6;
    text-decoration: none;
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.cat_grid .cat_item a:hover {
    transform: translateY(-6px);
    border-color: rgba(255,200,23,.55);
    border-top-color: #FFC817;
    box-shadow: 0 20px 40px rgba(0,114,198,.16);
}
.cat_grid .cat_item img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 0;
    box-shadow: none;
    background: #F6FAFE;
    transition: transform .4s ease;
}
/* Без снимка темата слага логото — да се вижда цялото. */
.cat_grid .cat_item img[src*="tangram_logo"] { object-fit: contain; padding: 18%; box-sizing: border-box; }
.cat_grid .cat_item a:hover img { transform: scale(1.05); }
.cat_grid .cat_item_caption {
    margin: 12px 14px 12px;
    color: #0072C6;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.2;
    text-align: left;
    hyphens: none;
}
.cat_grid .cat_item a::after {
    content: "Разгледай  →";
    display: block;
    margin: auto 14px 14px;
    padding: 9px 12px;
    border-radius: 6px;
    background: #0072C6;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    white-space: pre;
    transition: background .22s ease, color .22s ease;
}
.cat_grid .cat_item a:hover::after { background: #FFC817; color: #1a1a1a; }
@media (max-width: 781px) {
    /* На телефон шапката е закрепена (43 px) — иначе покрива заглавието. */
    .cat_grid { padding: 30px 12px 20px; }
    .cat_grid_title { margin: 18px 0 14px; font-size: 24px; }
    .cat_grid .cat_grid_cont { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .cat_grid .cat_item_caption { margin: 10px 10px; font-size: 14px; }
    .cat_grid .cat_item a::after { margin: auto 10px 10px; padding: 8px 10px; }
}

/* kalendari-cvetove: Работните календари: цветовете на календарните тела в картите */
/* Цветовете на календарните тела в картите на работните календари — квадратчета
   (не кръгчета) с двата цвята на тялото и броят. Данните: kalendar-kalkulator/modeli.php
   и kalendari-max/modeli.php; генерирано от агента, не се пише на ръка. */
.cat_grid .cat_item_caption::after {
    display: block;
    min-height: 16px;
    margin-top: 8px;
    color: #486174;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    background-repeat: no-repeat;
}
.cat_grid .cat_item a[href*="/products/1111-trisekcionni-kalendari/"] .cat_item_caption::after { content: "2 цвята"; padding-left: 44px; background: linear-gradient(90deg, #9aa3a9 50%, #d0021b 50%) 1px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 0px 50% / 16px 16px, linear-gradient(90deg, #1a4f9c 50%, #d0021b 50%) 21px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 20px 50% / 16px 16px; background-repeat: no-repeat; }
.cat_grid .cat_item a[href*="/products/1112-trisekcionni-kalendari/"] .cat_item_caption::after { content: "2 цвята"; padding-left: 44px; background: linear-gradient(90deg, #9aa3a9 50%, #d0021b 50%) 1px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 0px 50% / 16px 16px, linear-gradient(90deg, #1a4f9c 50%, #d0021b 50%) 21px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 20px 50% / 16px 16px; background-repeat: no-repeat; }
.cat_grid .cat_item a[href*="/products/1123-trisekcionni-kalendari/"] .cat_item_caption::after { content: "4 цвята"; padding-left: 84px; background: linear-gradient(90deg, #9aa3a9 50%, #d0021b 50%) 1px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 0px 50% / 16px 16px, linear-gradient(90deg, #1a4f9c 50%, #d0021b 50%) 21px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 20px 50% / 16px 16px, linear-gradient(90deg, #2e7d32 50%, #7cb342 50%) 41px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 40px 50% / 16px 16px, linear-gradient(90deg, #e07b00 50%, #f5a623 50%) 61px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 60px 50% / 16px 16px; background-repeat: no-repeat; }
.cat_grid .cat_item a[href*="/products/ednosekcionni-1212/"] .cat_item_caption::after { content: "2 цвята"; padding-left: 44px; background: linear-gradient(90deg, #efe8b8 50%, #6aa84f 50%) 1px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 0px 50% / 16px 16px, linear-gradient(90deg, #efe8b8 50%, #e0a800 50%) 21px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 20px 50% / 16px 16px; background-repeat: no-repeat; }
.cat_grid .cat_item a[href*="/products/ednosekcionni-1213/"] .cat_item_caption::after { content: "2 цвята"; padding-left: 44px; background: linear-gradient(90deg, #14315e 50%, #4a90d9 50%) 1px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 0px 50% / 16px 16px, linear-gradient(90deg, #4a4f4d 50%, #e0a800 50%) 21px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 20px 50% / 16px 16px; background-repeat: no-repeat; }
.cat_grid .cat_item a[href*="/products/1214-ednosekcionni-kalendari/"] .cat_item_caption::after { content: "2 цвята"; padding-left: 44px; background: linear-gradient(90deg, #1a4f9c 50%, #d0021b 50%) 1px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 0px 50% / 16px 16px, linear-gradient(90deg, #2e7d32 50%, #7cb342 50%) 21px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 20px 50% / 16px 16px; background-repeat: no-repeat; }
.cat_grid .cat_item a[href*="/products/1215-ednosekcionni-kalendari/"] .cat_item_caption::after { content: "2 цвята"; padding-left: 44px; background: linear-gradient(90deg, #4a4f4d 50%, #8d9296 50%) 1px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 0px 50% / 16px 16px, linear-gradient(90deg, #0b5d34 50%, #2e7d32 50%) 21px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 20px 50% / 16px 16px; background-repeat: no-repeat; }
.cat_grid .cat_item a[href*="/products/1222-ednosekcionni-kalendari/"] .cat_item_caption::after { content: "2 цвята"; padding-left: 44px; background: linear-gradient(90deg, #14315e 50%, #22abd4 50%) 1px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 0px 50% / 16px 16px, linear-gradient(90deg, #4a4f4d 50%, #f5a623 50%) 21px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 20px 50% / 16px 16px; background-repeat: no-repeat; }
.cat_grid .cat_item a[href*="/products/ednosekcionni-rabotni-1223/"] .cat_item_caption::after { content: "2 цвята"; padding-left: 44px; background: linear-gradient(90deg, #d0021b 50%, #33383c 50%) 1px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 0px 50% / 16px 16px, linear-gradient(90deg, #2e7d32 50%, #33383c 50%) 21px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 20px 50% / 16px 16px; background-repeat: no-repeat; }
.cat_grid .cat_item a[href*="/products/1229-ednosekcionni-kalendari/"] .cat_item_caption::after { content: "2 цвята"; padding-left: 44px; background: linear-gradient(90deg, #1a4f9c 50%, #d0021b 50%) 1px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 0px 50% / 16px 16px, linear-gradient(90deg, #4a4f4d 50%, #f5a623 50%) 21px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 20px 50% / 16px 16px; background-repeat: no-repeat; }
.cat_grid .cat_item a[href*="/products/fusion-1-ednosekcionen-raboten-kalendar/"] .cat_item_caption::after { content: "3 цвята"; padding-left: 64px; background: linear-gradient(90deg, #9ec5e0 50%, #dbe8f2 50%) 1px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 0px 50% / 16px 16px, linear-gradient(90deg, #e89bb5 50%, #f6d5e0 50%) 21px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 20px 50% / 16px 16px, linear-gradient(90deg, #3a8fc1 50%, #9ec5e0 50%) 41px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 40px 50% / 16px 16px; background-repeat: no-repeat; }
.cat_grid .cat_item a[href*="/products/ff1-ednosekcionen-raboten-kalendar/"] .cat_item_caption::after { content: "3 цвята"; padding-left: 64px; background: linear-gradient(90deg, #1a4f9c 50%, #1a4f9c 50%) 1px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 0px 50% / 16px 16px, linear-gradient(90deg, #d0021b 50%, #d0021b 50%) 21px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 20px 50% / 16px 16px, linear-gradient(90deg, #6a3d9a 50%, #6a3d9a 50%) 41px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 40px 50% / 16px 16px; background-repeat: no-repeat; }
.cat_grid .cat_item a[href*="/products/office-chrome-trisekcionen-raboten-kalendar/"] .cat_item_caption::after { content: "6 цвята"; padding-left: 64px; background: linear-gradient(90deg, #1a4f9c 50%, #1a4f9c 50%) 1px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 0px 50% / 16px 16px, linear-gradient(90deg, #d0021b 50%, #d0021b 50%) 21px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 20px 50% / 16px 16px, linear-gradient(90deg, #1a1a1a 50%, #c9a227 50%) 41px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 40px 50% / 16px 16px; background-repeat: no-repeat; }
.cat_grid .cat_item a[href*="/products/uno-trisekcionen-raboten-kalendar/"] .cat_item_caption::after { content: "2 цвята"; padding-left: 44px; background: linear-gradient(90deg, #1a4f9c 50%, #1a4f9c 50%) 1px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 0px 50% / 16px 16px, linear-gradient(90deg, #d0021b 50%, #d0021b 50%) 21px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 20px 50% / 16px 16px; background-repeat: no-repeat; }
.cat_grid .cat_item a[href*="/products/fusion-3-trisekcionen-raboten-kalendar/"] .cat_item_caption::after { content: "3 цвята"; padding-left: 64px; background: linear-gradient(90deg, #1a4f9c 50%, #1a4f9c 50%) 1px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 0px 50% / 16px 16px, linear-gradient(90deg, #8d9296 50%, #1a4f9c 50%) 21px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 20px 50% / 16px 16px, linear-gradient(90deg, #d0021b 50%, #d0021b 50%) 41px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 40px 50% / 16px 16px; background-repeat: no-repeat; }
.cat_grid .cat_item a[href*="/products/ff3-trisekcionen-raboten-kalendar/"] .cat_item_caption::after { content: "3 цвята"; padding-left: 64px; background: linear-gradient(90deg, #c9a227 50%, #efe6cf 50%) 1px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 0px 50% / 16px 16px, linear-gradient(90deg, #6a3d9a 50%, #6a3d9a 50%) 21px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 20px 50% / 16px 16px, linear-gradient(90deg, #1a4f9c 50%, #1a4f9c 50%) 41px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 40px 50% / 16px 16px; background-repeat: no-repeat; }
.cat_grid .cat_item a[href*="/products/fusion-chetirisekcionen-raboten-kalendar/"] .cat_item_caption::after { content: "2 цвята"; padding-left: 44px; background: linear-gradient(90deg, #1a4f9c 50%, #1a4f9c 50%) 1px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 0px 50% / 16px 16px, linear-gradient(90deg, #efe6cf 50%, #efe6cf 50%) 21px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 20px 50% / 16px 16px; background-repeat: no-repeat; }
.cat_grid .cat_item a[href*="/products/uno-chetirisekcionen-raboten-kalendar/"] .cat_item_caption::after { content: "1 цвят"; padding-left: 24px; background: linear-gradient(90deg, #8d9296 50%, #8d9296 50%) 1px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 0px 50% / 16px 16px; background-repeat: no-repeat; }
.cat_grid .cat_item a[href*="/products/office-chrome-chetirisekcionen-raboten-kalendar/"] .cat_item_caption::after { content: "2 цвята"; padding-left: 44px; background: linear-gradient(90deg, #1a4f9c 50%, #1a4f9c 50%) 1px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 0px 50% / 16px 16px, linear-gradient(90deg, #1a1a1a 50%, #c9a227 50%) 21px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 20px 50% / 16px 16px; background-repeat: no-repeat; }
.cat_grid .cat_item a[href*="/products/office-l-raboten-kalendar-golyama-tetradka/"] .cat_item_caption::after { content: "5 цвята"; padding-left: 64px; background: linear-gradient(90deg, #1a4f9c 50%, #1a4f9c 50%) 1px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 0px 50% / 16px 16px, linear-gradient(90deg, #efe6cf 50%, #f5a623 50%) 21px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 20px 50% / 16px 16px, linear-gradient(90deg, #2e7d32 50%, #2e7d32 50%) 41px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 40px 50% / 16px 16px; background-repeat: no-repeat; }
.cat_grid .cat_item a[href*="/products/memo-note-raboten-kalendar-golyama-tetradka/"] .cat_item_caption::after { content: "3 цвята"; padding-left: 44px; background: linear-gradient(90deg, #d0021b 50%, #d0021b 50%) 1px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 0px 50% / 16px 16px, linear-gradient(90deg, #1fa2a8 50%, #1fa2a8 50%) 21px 50% / 14px 14px, linear-gradient(#D9ECFC, #D9ECFC) 20px 50% / 16px 16px; background-repeat: no-repeat; }

/* bisvitki-karta: Съобщението за бисквитките — малка бяла карта вместо тъмносиня лента */
#tg-consent {
    left: auto !important;
    right: 16px !important;
    bottom: 16px !important;
    width: 340px;
    max-width: calc(100% - 32px);
    box-sizing: border-box;
    padding: 14px 16px !important;
    border: 1px solid #D9ECFC;
    border-top: 4px solid #FFC817;
    border-radius: 12px;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(0, 114, 198, .18);
    color: #0f2537 !important;
    font-size: 14px;
    line-height: 1.4;
    text-align: left !important;
}
#tg-consent p { margin: 0 0 10px; font-size: 14px; }
#tg-consent button {
    width: 48% !important;
    margin: 0 !important;
    padding: 10px 8px;
    border: 1.5px solid #0072C6;
    border-radius: 8px;
    font: 700 14px/1 "Sofia Sans", system-ui, sans-serif;
    cursor: pointer;
}
#tg-consent button:first-of-type { margin-right: 2% !important; background: #0072C6; color: #fff; }
#tg-consent button:first-of-type:hover { background: #005a9c; }
#tg-consent button:last-of-type { background: #fff; color: #0072C6; }
@media (max-width: 781px) {
    /* Над долната лента с Viber и телефона. */
    #tg-consent { left: 16px !important; right: 16px !important; width: auto; bottom: 62px !important; }
}

/* telefon-vizhte-nomera: Бутонът за телефон „Вижте номера“ навсякъде като в калкулатора за ароматизатори */
.tg-phone-reveal__control {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 0 !important;
    border-radius: 8px !important;
    background: #0072c6 !important;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .1) !important;
    color: #fff !important;
    padding: 14px 22px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-align: center;
    text-decoration: none !important;
    white-space: normal;
}
.tg-phone-reveal__control .tg-phone-reveal__label {
    color: #fff;
    font-weight: 600;
}
.tg-phone-reveal__hours {
    display: none !important;
}
/* Слушалката е емоджи-картинка на WordPress и стои тъмна върху синьото. */
.tg-phone-reveal__control img.emoji {
    filter: brightness(0) invert(1);
}
.btn-phone.tg-phone-reveal {
    border-radius: 8px;
}
.btn-phone .tg-phone-reveal__control {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
.mobile-footer .tg-phone-reveal__control {
    padding: 10px 4px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

/* produkt-h1: Продуктите: H1 като на транспарантите, звездите под него */
.post-cont .tg-h1 {
    margin: 0 0 8px !important;
    color: #0B2B52 !important;
    font-family: "Sofia Sans", system-ui, sans-serif !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    line-height: 1.04 !important;
    letter-spacing: -.02em;
}
.post-cont .tg-h1 em {
    color: #0072C6 !important;
    font-style: normal !important;
}
.post-cont p + .tg-h1 {
    margin-top: 14px !important;
}
.post-cont .tg-h1 + .google-business-reviews-rating,
.post-cont .tg-h1 + p > .google-business-reviews-rating {
    margin: 6px 0 14px !important;
}
@media (max-width: 781px) {
    .post-cont .tg-h1 {
        font-size: 28px !important;
    }
}

/* kalkulator-zaglavie: Калкулаторите: заглавието „Изчислете цената…“ по-малко на компютър */
@media (min-width: 782px) {
    .post-cont .tac-h,
    .post-cont .tcc-h,
    .post-cont .tfl-h,
    .post-cont .tkc-h,
    .post-cont .tok-h,
    .post-cont .tvc-h {
        font-size: 20px !important;
        line-height: 1.15 !important;
    }
}

/* transparant-ceni: Транспаранти: таблицата „размер → цена“ */
.post-cont .tr-prices {
    max-width: 760px;
    margin: 40px auto;
    padding: 28px 24px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 20px 60px rgba(11, 43, 82, .15);
    text-align: center;
}
.post-cont .tr-prices h2 {
    margin: 0 0 8px !important;
}
.post-cont .tr-prices table {
    width: 100%;
    max-width: 640px;
    margin: 14px auto;
    border-collapse: collapse;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
}
.post-cont .tr-prices th,
.post-cont .tr-prices td {
    padding: 10px 12px;
    border-bottom: 1px solid #D9ECFC;
    text-align: center;
}
.post-cont .tr-prices th {
    background: #F6FAFE;
    color: #0B2B52;
    font-size: 14px;
    font-weight: 800;
}
.post-cont .tr-prices td:nth-child(3) {
    color: #0072C6;
    font-size: 19px;
    font-weight: 800;
    white-space: nowrap;
}
.post-cont .tr-prices td:nth-child(4) {
    color: #0B2B52;
    white-space: nowrap;
}
.post-cont .tr-prices .tr-pop {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 8px;
    border-radius: 999px;
    background: #FFC817;
    color: #0B2B52;
    font-size: 11px;
    font-weight: 800;
    vertical-align: middle;
}
.post-cont .tr-prices p {
    max-width: 640px;
    margin: 10px auto 0;
    color: #56708C;
    font-size: 15px;
}
.post-cont .tr-prices .tr-prices-intro {
    max-width: 720px;
    margin: 6px auto 14px;
    color: #0B2B52;
    font-size: 17px;
    line-height: 1.5;
}
.post-cont .tr-prices .tr-prices-cta {
    margin-top: 18px;
}
.post-cont .tr-prices .tr-prices-cta a {
    display: inline-block;
    padding: 14px 26px;
    border-radius: 12px;
    background: #0072C6;
    color: #fff !important;
    font-size: 17px;
    font-weight: 800;
    text-decoration: none;
}
@media (max-width: 781px) {
    .post-cont .tr-prices {
        margin: 28px 0;
        padding: 20px 12px;
    }
    .post-cont .tr-prices table {
        font-size: 15px;
    }
    .post-cont .tr-prices th,
    .post-cont .tr-prices td {
        padding: 8px 4px;
    }
    .post-cont .tr-prices td:nth-child(2),
    .post-cont .tr-prices th:nth-child(2) {
        display: none;
    }
    .post-cont .tr-prices .tr-pop {
        display: block;
        width: fit-content;
        margin: 4px auto 0;
    }
}

/* transparant-galeria: Транспаранти: галерията „Транспаранти, които сме изработили“ */
.post-cont .tr-gal section {
    margin: 22px 0 28px;
}
.post-cont .tr-gal .tr-gal-sec {
    margin: 12px 0;
    border: 1px solid #D9ECFC;
    border-radius: 12px;
    background: #fff;
}
.post-cont .tr-gal .tr-gal-sec > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    cursor: pointer;
    list-style: none;
}
.post-cont .tr-gal .tr-gal-sec > summary::-webkit-details-marker {
    display: none;
}
.post-cont .tr-gal .tr-gal-sec > summary::after {
    content: "+";
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #0072C6;
    color: #fff;
    font-weight: 800;
}
.post-cont .tr-gal .tr-gal-sec[open] > summary::after {
    content: "−";
}
.post-cont .tr-gal .tr-gal-sec > summary h3 {
    margin: 0 !important;
}
.post-cont .tr-gal .tr-gal-sec > summary h3 span {
    color: #56708C;
    font-weight: 600;
}
.post-cont .tr-gal .tr-gal-sec .tr-gal-grid {
    padding: 0 14px 16px;
}
.post-cont .tr-gal h3 {
    margin: 0 0 12px !important;
    color: #0B2B52;
    font-size: 22px !important;
    font-weight: 800;
}
.post-cont .tr-gal-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 14px;
}
.post-cont .tr-gal figure {
    margin: 0;
    padding: 8px;
    border: 1px solid #D9ECFC;
    border-radius: 10px;
    background: #fff;
}
.post-cont .tr-gal img {
    display: block;
    width: 100%;
    height: 170px;
    object-fit: contain;
    border-radius: 6px;
    background: #F6FAFE;
}
.post-cont .tr-gal figcaption {
    margin-top: 6px;
    color: #56708C;
    font-size: 14px;
    line-height: 1.3;
}
@media (max-width: 781px) {
    .post-cont .tr-gal-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    .post-cont .tr-gal img {
        height: 110px;
    }
}

/* transparant-karti: Транспаранти: зоните като бели карти (въпроси, „За какво“) */
.post-cont .tr-card {
    box-sizing: border-box;
    max-width: 760px;
    margin: 40px auto !important;
    padding: 28px 24px !important;
    border-radius: 16px;
    background: #fff !important;
    box-shadow: 0 20px 60px rgba(11, 43, 82, .15);
}
.post-cont .tr-card > h2 {
    margin: 0 0 16px !important;
    text-align: center;
}
.post-cont .tr-card .wp-block-group.has-background {
    padding: 0 !important;
    background: transparent !important;
}
.post-cont .tr-card.tr-shef {
    max-width: 960px;
    align-items: center;
}
.post-cont .tr-shef .wp-block-quote p {
    font-size: 26px !important;
    line-height: 1.25;
}
.post-cont .tr-otzivi h2 {
    margin: 0 0 12px !important;
    color: #0B2B52 !important;
    text-align: center;
}
.post-cont .tr-otzivi .gmbrr {
    text-align: center;
}
.post-cont .tr-otzivi .gmbrr li {
    box-sizing: border-box;
    padding: 16px !important;
    border: 1px solid #D9ECFC;
    border-radius: 12px;
    background: #F6FAFE;
    text-align: left;
}
.post-cont .tr-otzivi .wp-block-group {
    padding: 0 !important;
}
.post-cont .wp-block-column:has(> .tr-card) {
    flex-basis: 100% !important;
}
@media (max-width: 781px) {
    .post-cont .tr-card {
        margin: 28px 0 !important;
        padding: 20px 12px !important;
    }
}

/* transparant-lenta: Транспаранти: картите като лента (еднаква ширина, малко разстояние, лека сянка) */
.post-cont .tr-hero-cols,
.post-cont .tr-card,
.post-cont .tr-prices {
    border-radius: 12px !important;
    box-shadow: 0 1px 2px rgba(11, 43, 82, .12), 0 2px 10px rgba(11, 43, 82, .06) !important;
}
.post-cont .tr-card,
.post-cont .tr-card.tr-shef,
.post-cont .tr-prices {
    box-sizing: border-box;
    width: 100%;
    max-width: none !important;
    margin: 16px 0 !important;
}
.post-cont .tr-hero {
    margin-bottom: 16px !important;
}
.post-cont .tr-prices > *,
.post-cont .tr-card > .wp-block-group,
.post-cont .tr-card > .wp-block-custom-accordion,
.post-cont .tr-card > .wp-block-quote,
.post-cont .tr-card > p {
    max-width: 820px;
    margin-left: auto !important;
    margin-right: auto !important;
}
.post-cont .tr-prices table {
    max-width: 760px;
}
/* бутонът за телефона — навсякъде по страницата като в калкулатора: бяла слушалка, 12 px, лека сянка (управителят, 30.09) */
.post-cont:has(.tr-hero) .btn-phone.tg-phone-reveal {
    border-radius: 12px !important;
    box-shadow: 0 2px 6px rgba(11, 43, 82, .18);
}
.post-cont:has(.tr-hero) .tg-phone-reveal .tg-phone-reveal__label {
    filter: brightness(0) invert(1);
}
.post-cont .tr-prices > h2,
.post-cont .tr-card > h2 {
    max-width: none !important;
    text-align: center !important;
}

/* transparant-zaglaviya: Транспаранти: всички заглавия в текста с размера на H1 */
.post-cont:has(.tr-hero) h2.wp-block-heading,
.post-cont:has(.tr-hero) h3.wp-block-heading,
.post-cont:has(.tr-hero) h4.wp-block-heading,
.post-cont:has(.tr-hero) p.has-large-font-size:has(> strong:only-child) {
    font-size: 34px !important;
    line-height: 1.1 !important;
}
@media (max-width: 781px) {
    .post-cont:has(.tr-hero) h2.wp-block-heading,
    .post-cont:has(.tr-hero) h3.wp-block-heading,
    .post-cont:has(.tr-hero) h4.wp-block-heading,
    .post-cont:has(.tr-hero) p.has-large-font-size:has(> strong:only-child) {
        font-size: 28px !important;
    }
}

/* transparant-hero: Транспаранти: горната част като карта (снимка + заглавие + факти) */
.tr-hero {
    max-width: 1200px;
    margin: 8px auto 24px !important;
    padding: 0 !important;
    font-family: "Sofia Sans", system-ui, sans-serif;
}
.tr-hero .tr-hero-cols {
    gap: 0 !important;
    margin: 0 !important;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 20px 60px rgba(11, 43, 82, .15);
}
.tr-hero .tr-hero-left {
    position: relative;
    min-height: 520px;
    background: #0B2B52;
}
.tr-hero .tr-hero-img {
    position: absolute;
    inset: 0;
    margin: 0 !important;
}
.tr-hero .tr-hero-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tr-hero .tr-slides {
    position: absolute;
    inset: 0;
}
.tr-hero .tr-slides .trs {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    opacity: 0;
    transition: opacity .8s;
}
.tr-hero .tr-slides .trs.is-on {
    opacity: 1;
}
.tr-hero .tr-slides .trs-fit {
    object-fit: contain;
    background: #fff;
}
.tr-hero .tr-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 45%, rgba(11, 43, 82, .85) 100%);
    pointer-events: none;
    transition: opacity .8s;
}
.tr-hero .tr-slides.is-fit .tr-shade,
.tr-hero .tr-slides.is-fit .tr-hero-cap {
    opacity: 0;
}
.tr-hero .tr-slides.is-fit .tr-dots button {
    background: rgba(11, 43, 82, .3);
}
.tr-hero .tr-slides.is-fit .tr-dots button.is-on {
    background: #0072C6;
}
.tr-hero .tr-dots {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 2;
    display: flex;
    gap: 6px;
}
.tr-hero .tr-dots button {
    width: 6px;
    height: 6px;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .4);
    cursor: pointer;
}
.tr-hero .tr-dots button.is-on {
    width: 20px;
    border-radius: 3px;
    background: #fff;
}
.tr-hero .tr-bar {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    width: 0;
    height: 3px;
    background: #0072C6;
}
.tr-hero .tr-hero-cap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    margin: 0 !important;
    padding: 24px 32px 28px !important;
}
.tr-hero .tr-hero-cap p {
    margin: 0 !important;
}
.tr-hero .tr-hero-cap-badge {
    display: inline-block;
    margin-bottom: 8px !important;
    padding: 5px 14px;
    border-radius: 999px;
    background: rgba(0, 114, 198, .9);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}
.tr-hero .tr-hero-cap-t {
    color: #fff;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.1;
}
.tr-hero .tr-hero-cap-t em,
.tr-hero .tr-hero-h1 em {
    font-style: normal;
}
.tr-hero .tr-hero-cap-t em {
    color: #FFC817;
}
.tr-hero .tr-hero-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 48px 44px !important;
}
.tr-hero .tr-hero-right > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.tr-hero .tr-hero-right .tvc {
    width: 100%;
    margin: 4px 0 16px !important;
}
.tr-hero .tr-hero-right .google-business-reviews-rating {
    margin: 6px 0 10px !important;
}
@media (min-width: 782px) {
    .tr-hero .tr-hero-left {
        align-self: flex-start;
        height: 560px;
    }
}
.tr-hero .tr-hero-badge {
    width: fit-content;
    margin-bottom: 18px !important;
    padding: 6px 16px;
    border-radius: 999px;
    background: #D9ECFC;
    color: #0072C6;
    font-size: 14.4px; /* 28.09: +20%, управителят (беше 12) */
    font-weight: 800;
}
.tr-hero .tr-hero-price {
    margin: 0 0 12px !important;
    color: #0B2B52;
    font-size: 18px;
    line-height: 1.35;
}
.tr-hero .tr-hero-incl {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    margin: 0 0 14px !important;
    color: #0B2B52;
    font-size: 15px;
    font-weight: 600;
}
.tr-hero .tr-hero-incl span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
/* същата жълта топка като [svg id="check-yellow"] в картите (управителят, 30.09) */
.tr-hero .tr-hero-incl span::before {
    content: "";
    width: 22px;
    height: 22px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23FFC817' d='M11 22C13.9174 22 16.7153 20.8411 18.7782 18.7782C20.8411 16.7153 22 13.9174 22 11C22 8.08262 20.8411 5.28473 18.7782 3.22183C16.7153 1.15893 13.9174 0 11 0C8.08262 0 5.28473 1.15893 3.22183 3.22183C1.15893 5.28473 0 8.08262 0 11C0 13.9174 1.15893 16.7153 3.22183 18.7782C5.28473 20.8411 8.08262 22 11 22ZM15.8714 8.56429C15.9643 8.44047 16.0319 8.29957 16.0703 8.14964C16.1087 7.99971 16.1172 7.84368 16.0953 7.69047C16.0734 7.53725 16.0216 7.38985 15.9427 7.25667C15.8638 7.12349 15.7595 7.00715 15.6357 6.91429C15.5119 6.82142 15.371 6.75386 15.2211 6.71544C15.0711 6.67703 14.9151 6.66853 14.7619 6.69042C14.6087 6.7123 14.4613 6.76416 14.3281 6.84301C14.1949 6.92187 14.0786 7.02618 13.9857 7.15L10.087 12.3483L7.90429 10.1671C7.68087 9.95896 7.38537 9.84562 7.08004 9.85101C6.77471 9.8564 6.48339 9.98009 6.26745 10.196C6.05152 10.412 5.92783 10.7033 5.92244 11.0086C5.91705 11.3139 6.03039 11.6094 6.23857 11.8329L9.38143 14.9757C9.50079 15.0951 9.64439 15.1874 9.80251 15.2464C9.96064 15.3054 10.1296 15.3298 10.298 15.3179C10.4663 15.306 10.6302 15.258 10.7784 15.1773C10.9266 15.0966 11.0558 14.985 11.1571 14.85L15.8714 8.56429Z'/%3E%3C/svg%3E") center / contain no-repeat;
    flex: none;
}
/* „Включено в цената“ е в реда под цената — карето в общия калкулатор се крие само тук (управителят, 30.09) */
.tr-hero #tvc .incl {
    display: none !important;
}
.tr-hero .tr-hero-price strong {
    color: #0072C6;
    font-size: 26px;
    font-weight: 800;
}
.tr-hero .tr-hero-h1 {
    margin-bottom: 12px !important;
    color: #0B2B52 !important;
    font-family: "Sofia Sans", system-ui, sans-serif !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    line-height: 1.04 !important;
    letter-spacing: -.02em;
}
.tr-hero .tr-hero-h1 em {
    color: #0072C6;
}
.tr-hero .tr-hero-sub {
    margin-bottom: 24px !important;
    color: #5F7893;
    font-size: 16px;
    line-height: 1.6;
}
.tr-hero .tr-hero-stats {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 14px !important;
}
.tr-hero .tr-hero-stats p {
    margin: 0 !important;
}
.tr-hero .tr-stat {
    padding: 14px 8px;
    border: 1px solid #DDE8F2;
    border-radius: 14px;
    background: #fff;
    color: #5F7893;
    font-size: 11px;
    line-height: 1.3;
    text-align: center;
}
.tr-hero .tr-stat strong {
    display: block;
    margin-bottom: 4px;
    color: #0072C6;
    font-size: 16px;
}
.tr-hero .tr-stat-mid {
    border-color: transparent;
    background: #0072C6;
    color: rgba(255, 255, 255, .85);
}
.tr-hero .tr-stat-mid strong {
    color: #fff;
}
.tr-hero .tr-hero-g {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px !important;
    padding: 12px 18px;
    border: 1px solid #DDE8F2;
    border-radius: 14px;
    background: #fff;
    color: #5F7893;
    font-size: 13px;
}
.tr-hero .tr-hero-g b {
    color: #4285F4;
    font-family: Georgia, serif;
    font-size: 20px;
}
.tr-hero .tr-hero-g strong {
    color: #0B2B52;
    font-size: 18px;
}
.tr-hero .tr-stars {
    color: #FFC817;
    letter-spacing: 1px;
}
.tr-hero .tr-hero-cta .wp-block-button__link {
    padding: 14px;
    border-radius: 12px;
    background: #0072C6;
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    white-space: nowrap;
}
@media (max-width: 781px) {
    .tr-hero {
        margin: 4px 0 16px !important;
    }
    .tr-hero .tr-hero-left {
        flex-basis: 100% !important;
        min-height: 0;
        aspect-ratio: 16 / 9;
    }
    .tr-hero .tr-hero-cap {
        padding: 14px 16px 16px !important;
    }
    .tr-hero .tr-hero-cap-t {
        font-size: 18px;
    }
    .tr-hero .tr-hero-right {
        padding: 18px 16px 20px !important;
    }
    .tr-hero .tr-hero-badge {
        margin-bottom: 10px !important;
        font-size: 13.2px; /* 28.09: +20% (беше 11) */
    }
    .tr-hero .tr-hero-h1 {
        margin-bottom: 8px !important;
        font-size: 28px !important;
    }
    .tr-hero .tr-hero-sub {
        display: none;
    }
    .tr-hero .tr-hero-stats {
        gap: 6px;
        margin-bottom: 10px !important;
    }
    .tr-hero .tr-stat {
        padding: 10px 4px;
        font-size: 10px;
    }
    .tr-hero .tr-stat strong {
        font-size: 14px;
    }
    .tr-hero .tr-hero-g {
        margin-bottom: 12px !important;
        padding: 8px 12px;
    }
}
/* === tangram-ai: край === */