

/* Start:/local/templates/circus/css/08-kassa-docs-smi.css?17930700775517*/
/* ===== Новые страницы: Касса, Документы, СМИ о нас ===== */
:root { --grey: #888; --osw: 'Oswald', var(--font-cond), sans-serif; }

/* --- Касса --- */
.kassa { gap: 60px; }
.kassa__info { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0; }
.kassa__eyebrow { margin: 0; font: 700 24px/54px var(--osw); letter-spacing: -0.02em; color: var(--navy); text-transform: uppercase; }
.kassa__time { margin: 0; font: 600 40px/54px var(--osw); letter-spacing: -0.02em; color: var(--navy); }
.kassa__note, .kassa__label { margin: 0; font: 500 20px/54px var(--font-display); letter-spacing: -0.02em; color: var(--ink); }
.kassa__row { margin: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 0 20px; }
.kassa__val { font: 600 24px/54px var(--osw); letter-spacing: -0.02em; color: var(--navy); transition: color .2s; }
a.kassa__val:hover { color: var(--red); }
.kassa__rules { display: flex; flex-direction: column; gap: 40px; }
.kassa__rules-title { margin: 0; text-align: center; font: 700 32px/40px var(--osw); letter-spacing: -0.02em; color: var(--ink); }
.kassa__text { font: 500 20px/26px var(--font-display); letter-spacing: -0.02em; color: var(--ink); }
.kassa__text p { margin: 0; }
.kassa__plan { display: block; width: 100%; height: auto; aspect-ratio: 1024 / 817; object-fit: cover; border-radius: var(--radius); background: #fff; }

/* --- Аккордеон правил кассы (<details>), классы kacc* — не пересекаются с аккордеонами «О цирке» --- */
.kacc-list { display: flex; flex-direction: column; gap: 20px; }
.kacc { background: #fff; border: 1px solid var(--grey); border-radius: var(--radius); transition: box-shadow .2s; }
.kacc:hover { box-shadow: 0 0 5px rgba(0, 0, 0, .2); }
.kacc--static { padding: 24px 20px; }
.kacc__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 24px 20px; cursor: pointer; list-style: none; text-transform: none; }
.kacc__head::-webkit-details-marker { display: none; }
.kacc__head:focus-visible { outline: 2px solid var(--navy); outline-offset: 2px; }
.kacc[open] .kacc__head { padding-bottom: 32px; }
.kacc__title { flex: 1; min-width: 0; margin: 0; text-align: left; text-transform: none; font: 600 20px/26px var(--font-display); letter-spacing: -0.02em; color: var(--ink); }
.kacc:hover .kacc__title, .kacc[open] .kacc__title { color: var(--navy); }
.kacc__caret { flex: none; width: 24px; height: 24px; color: var(--ink); transition: transform .2s; }
.kacc[open] .kacc__caret { transform: rotate(180deg); }
.kacc__body { padding: 0 20px 24px; text-transform: none; font: 500 20px/26px var(--font-display); letter-spacing: -0.02em; color: var(--ink); }
.kacc__body p { margin: 0; }

/* --- Документы: используют общие .doclist / .doc (как «Антикоррупционная деятельность») --- */
.doc--empty { cursor: default; }
.docs__scans { display: flex; flex-wrap: wrap; gap: 20px; }
.docs__scans img { display: block; width: 305px; max-width: 100%; height: auto; border-radius: var(--radius); background: #fff; }

/* --- СМИ о нас: 6 карточек (3 × 2), одинаковая высота фото, заголовка и текста --- */
.smi { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 20px; align-items: start; }
.smi__card { display: flex; flex-direction: column; gap: 20px; }
.smi__card a { color: inherit; text-decoration: none; }
.smi__pic { display: block; aspect-ratio: 413 / 290; overflow: hidden; border-radius: var(--radius); background: #d9cfc5; }
.smi__pic img { display: block; width: 100%; height: 100%; object-fit: cover; }
.smi__meta { display: flex; flex-direction: column; gap: 16px; font: 400 20px/24px var(--osw); letter-spacing: -0.02em; color: var(--ink); }
.smi__title { margin: 0; min-height: 48px; font: 600 18px/24px var(--osw); letter-spacing: -0.02em; color: var(--navy); }
.smi__title a:hover { color: var(--red); }
.smi__text { margin: 0; min-height: 120px; font: 500 14px/20px var(--font-display); color: var(--ink); opacity: .8; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; padding-bottom: .2em; }

/* --- Планшет (макет 744) --- */
@media (max-width: 1000px) {
  .kassa { gap: 40px; }
  .kassa__time { font-size: 32px; }
  .kassa__rules-title { font-size: 26px; line-height: 32px; }
  .kassa__text, .kacc__title, .kacc__body { font-size: 18px; line-height: 24px; }
  .smi { grid-template-columns: repeat(2, 1fr); }
}

/* --- Телефон (макет 390) --- */
@media (max-width: 760px) {
  .kassa { gap: 32px; }
  .kassa__eyebrow { font-size: 20px; line-height: 1.3; }
  .kassa__time { font-size: 28px; line-height: 1.3; }
  .kassa__note, .kassa__label { font-size: 16px; line-height: 1.6; }
  .kassa__val { font-size: 20px; line-height: 1.6; }
  .kassa__row { flex-direction: column; align-items: center; gap: 0; }
  .kassa__rules { gap: 24px; }
  .kassa__rules-title { font-size: 22px; line-height: 28px; }
  .kassa__text, .kacc__title, .kacc__body { font-size: 16px; line-height: 22px; }
  .kacc--static, .kacc__head { padding: 20px 16px; }
  .kacc[open] .kacc__head { padding-bottom: 20px; }
  .kacc__body { padding: 0 16px 20px; }
  .docs__scans img { width: calc(50% - 10px); }
  .smi { grid-template-columns: 1fr; gap: 32px; }
}

/* End */
/* /local/templates/circus/css/08-kassa-docs-smi.css?17930700775517 */
