/* Header of the landing pages (layout app-default). Self-contained: the site sets a colour on every element. */
.lp-header { background:#fff; box-shadow:0 2px 10px rgba(15,35,65,.08); position:relative; z-index:5; }
.lp-header__bar { box-sizing:border-box; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px 20px; max-width:1200px; margin:0 auto; padding:12px 16px; }
.lp-header__logo { display:inline-flex; align-items:center; justify-self:start; line-height:0; }
.lp-header__logo img { display:block; width:auto; height:44px; max-width:100%; margin:0; }
.lp-header__back { grid-column:3; justify-self:end; display:inline-flex; align-items:center; gap:8px; min-height:42px; padding:0 18px; border:1px solid #cecece; border-radius:10px; background:#fff; color:#333447; font-family:Montserrat,sans-serif; font-size:14px; font-weight:700; line-height:1; white-space:nowrap; text-decoration:none; }
.lp-header__back span { color:inherit; font-family:inherit; line-height:1; }
.lp-header__back i { color:inherit; font-size:13px; line-height:1; }
.lp-header__back:hover,.lp-header__back:focus { border-color:#f22635; background:#fff1f2; color:#d91c2b; text-decoration:none; }

.lp-timer { grid-column:2; display:flex; align-items:center; justify-content:center; gap:12px; }
.lp-timer__label { color:#333447; font-family:Montserrat,sans-serif; font-size:14px; font-weight:700; line-height:1.25; text-align:right; max-width:110px; }
.lp-timer__tiles { display:flex; gap:6px; }
.lp-timer__tiles > span { display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:50px; padding:6px 4px 5px; border-radius:8px; background:#212121; }
.lp-timer__tiles b { color:#fff; font-family:Montserrat,sans-serif; font-size:22px; font-weight:700; line-height:1; font-variant-numeric:tabular-nums; }
.lp-timer__tiles i { margin-top:3px; color:#aab6c5; font-family:Montserrat,sans-serif; font-size:10px; font-style:normal; font-weight:500; line-height:1; text-transform:uppercase; letter-spacing:.04em; }

.lp-header__buttons { box-sizing:border-box; max-width:1200px; margin:0 auto; padding:0 16px; }
.lp-header__buttons .lp-chips-wrap { width:100%; max-width:none; flex:none; margin:0; padding:0 0 10px; }
/* The three classic link buttons stay phone/tablet only, as before. */
@media (max-width:990px) {
  .lp-header__buttons #btn-group { box-sizing:border-box; display:flex; gap:2%; width:100%; max-width:none; flex:none; margin:0; padding:0 0 12px; }
  .lp-header__buttons #btn-group a { flex:1 1 0; min-width:0; overflow:hidden; border-radius:6px; }
}

@media (max-width:767px) {
  .lp-header__bar { grid-template-columns:auto auto; justify-content:space-between; gap:10px 12px; padding:10px 12px; }
  .lp-header__logo img { height:34px; }
  .lp-header__back { grid-column:2; grid-row:1; min-height:38px; padding:0 14px; font-size:13px; }
  .lp-header--timer .lp-header__bar { padding-bottom:0; }
  .lp-timer { grid-column:1 / -1; grid-row:2; justify-content:space-between; gap:10px; margin:0 -12px; padding:8px 12px; background:#212121; }
  .lp-timer__label { max-width:none; color:#fff; font-size:13px; text-align:left; }
  .lp-timer__tiles { gap:4px; }
  .lp-timer__tiles > span { flex-direction:row; align-items:baseline; gap:3px; min-width:0; padding:5px 7px; background:rgba(255,255,255,.12); border-radius:6px; }
  .lp-timer__tiles b { font-size:16px; }
  .lp-timer__tiles i { margin:0; font-size:9px; }
  .lp-header__buttons { padding:0 12px; }
  .lp-header__buttons .lp-chips-wrap { margin:0 -12px; padding:0 0 8px; width:auto; }
  .lp-header--timer .lp-header__buttons .lp-chips-wrap,.lp-header--timer .lp-header__buttons #btn-group { padding-top:10px; }
  .lp-header__buttons .lp-chips { padding-left:12px; padding-right:12px; }
}
@media (max-width:359px) {
  .lp-header__logo img { height:28px; }
  .lp-header__back span { display:none; }
  .lp-header__back { padding:0 12px; }
  .lp-timer__label { font-size:12px; }
  .lp-timer__tiles > span { padding:5px; }
}