/* Промокоды «Островок» — раздел общего сайта. С 23.10.2026 дизайн общий («Багажная бирка»): цвета, шрифты, шапка, подвал —
   ~/assets/base.css, карточки кодов, расчёт, окно кода — ~/assets/razdel.css. Здесь только блоки «Островка»:
   маяк пятничного кода, ряд недель с пятничными кодами и архив кодов. */

/* маяк: пятничный код действует или его ждём */
.beacon{display:grid;grid-template-columns:84px minmax(0,1fr);gap:18px;align-items:center;margin:0 0 22px;padding:18px 20px;background:var(--pri);color:#fff;border-radius:var(--r);box-shadow:var(--shadow)}
.beacon h3{margin-bottom:6px;font-size:21px;color:#fff}
.beacon p{margin:0 0 6px}
.beacon .btn{margin-top:8px}
.beacon-ic{width:84px;height:84px}
.beacon .cc-timer{background:var(--gold);color:var(--ink)}
.beacon.is-wait{background:var(--surface);color:var(--ink);border:1px dashed var(--line2);box-shadow:none}
.beacon.is-wait h3{color:var(--ink)}
.beacon.is-over{opacity:.65}

/* архив кодов: таблица с синей строкой сверху */
.log{overflow:hidden;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow)}
.log .lb-top{margin:0}
.log-t{width:100%;border-collapse:collapse;font-size:16px}
.log-t th{padding:10px 16px;text-align:left;font:600 12px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid var(--ink)}
.log-t td{padding:9px 16px;vertical-align:top;border-bottom:1px solid var(--line)}
.log-t tr:last-child td{border-bottom:0}
.log-t th:first-child,.log-t td.d{width:196px}
.log-t td.d{font:500 14px/1.6 var(--mono);color:var(--muted)}
.log-t td.c{font:700 15px/1.55 var(--mono);letter-spacing:.04em}
.log-t td b{color:var(--acc)}

@media (max-width:640px){
  .beacon{grid-template-columns:60px minmax(0,1fr);gap:12px;padding:14px}
  .beacon-ic{width:60px;height:60px}
  .log .lb-top span:last-child{display:none}
  .log-t thead{display:none}
  .log-t,.log-t tbody,.log-t tr,.log-t td{display:block}
  .log-t tr{padding:10px 14px;border-bottom:1px solid var(--line)}
  .log-t tr:last-child{border-bottom:0}
  .log-t td,.log-t td.d{width:auto;padding:1px 0;border:0}
  .log-t td[data-h]::before{content:attr(data-h) ": ";color:var(--muted)}
}