/* Banner layouts for the four public pages. Brand orange, shared site gutters. */
body.banner-refresh { --br-ink:#19283b; --br-muted:#687789; --br-accent:#f46b35; }
body.banner-refresh .br-container { width:100%; max-width:1440px; margin:0 auto; padding-inline:20px; box-sizing:border-box; }
body.banner-refresh .br-hero,body.banner-refresh .br-home-hero { position:relative; background:radial-gradient(ellipse at 82% 44%,#ffe6d57a,transparent 52%),linear-gradient(110deg,#fbfcfe 0%,#f7f9fd 58%,#fff5ed 100%); color:var(--br-ink); border-bottom:1px solid #e9edf3; }
body.banner-refresh :is(.br-hero,.br-home-hero,.br-uploaded-banner) { width:100% !important; transform:none !important; }
body.banner-refresh .br-hero::before,body.banner-refresh .br-hero::after { display:none; }
body.banner-refresh .br-grid { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:64px; min-height:530px; padding-block:56px; text-align:left; box-sizing:border-box; }
body.banner-refresh .br-copy { min-width:0; position:relative; z-index:2; }
body.banner-refresh .br-eyebrow { display:inline-flex; align-items:center; gap:9px; margin-bottom:24px; color:#746655; font-size:12px; font-weight:500; letter-spacing:.5px; }
body.banner-refresh .br-eyebrow > span { width:6px; height:6px; border-radius:50%; background:#f47d49; }
body.banner-refresh .br-title { margin:0 0 24px; color:var(--br-ink); font-size:clamp(36px,4.3vw,58px); font-weight:800; line-height:1.28; letter-spacing:-1.8px; background:none; -webkit-text-fill-color:currentColor; }
body.banner-refresh .br-title span { color:var(--br-accent); }
body.banner-refresh .br-description { max-width:580px; margin:0; color:var(--br-muted); font-size:15px; line-height:1.95; }
body.banner-refresh .br-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:28px 0 24px; }
body.banner-refresh .br-button { display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:46px; padding:12px 24px; border:1px solid #e0e5ed; border-radius:7px; background:#ffffffc9; color:#304155; font-size:14px; font-weight:600; line-height:1.5; text-decoration:none; box-sizing:border-box; transition:transform .2s,box-shadow .2s,background .2s; }
body.banner-refresh .br-button:hover { transform:translateY(-2px); color:#263749; border-color:#f3be9e; box-shadow:0 7px 20px #d1a78b14; }
body.banner-refresh .br-button-primary { color:#fff; border-color:transparent; background:linear-gradient(115deg,#ff8954,#f36932); box-shadow:0 7px 20px #f3793824; }
body.banner-refresh .br-button-primary:hover { background:#ed602b; color:#fff; }
body.banner-refresh .br-button > span { font-size:18px; font-weight:400; }
body.banner-refresh .br-points { display:flex; flex-wrap:wrap; align-items:center; gap:12px 22px; color:#84909d; font-size:12px; line-height:1.8; }
body.banner-refresh .br-points b { color:#b0a392; font-weight:400; }
body.banner-refresh .br-icon { flex:0 0 auto; width:25px; height:25px; color:var(--br-accent); fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
body.banner-refresh :is(.br-button,.br-shortcut):focus-visible { outline:2px solid #ed7c43; outline-offset:4px; }

/* Homepage: default slides keep the existing Swiper and CMS image slides. */
body.banner-refresh .br-home-hero { padding:0 !important; overflow:visible; }
body.banner-refresh .br-home-hero .banner-cont { height:560px; min-height:0; margin:0; background:transparent; overflow:hidden; }
body.banner-refresh .br-home-hero .banner-cont .swiper-wrapper { height:100%; }
body.banner-refresh .br-home-hero .banner-cont .swiper-slide { height:100%; overflow:hidden; }
body.banner-refresh .br-home-hero .banner-cont .br-grid { display:grid; flex-direction:initial; justify-content:initial; min-height:560px; height:100%; max-width:1440px; padding:50px 20px 65px; }
body.banner-refresh .br-home-hero .banner-cont .br-title { margin:0 0 24px; color:var(--br-ink); font-size:clamp(36px,4.3vw,58px); line-height:1.28; }
body.banner-refresh .br-home-hero .br-eyebrow { padding:7px 13px; border:1px solid #e6e9ef; border-radius:24px; background:#ffffffa8; }
body.banner-refresh .br-home-hero .swiper-pagination { bottom:36px; text-align:left; left:max(20px,calc((100vw - 1400px)/2)); width:auto; }
body.banner-refresh .br-home-hero .swiper-pagination-bullet { width:22px; height:3px; border-radius:3px; background:#bec5cd; opacity:1; }
body.banner-refresh .br-home-hero .swiper-pagination-bullet-active { width:36px; background:#f47b41; }
body.banner-refresh .br-home-hero .br-hardware-visual { padding:25px 14px; border-radius:24px; background:#1b2e41; box-shadow:0 22px 60px #23334919; }
body.banner-refresh .br-home-shortcuts { position:relative; z-index:2; padding-bottom:0; margin-top:-22px; transform:translateY(22px); }
body.banner-refresh .br-home-shortcuts > .br-container { padding:0 20px; }
body.banner-refresh .br-shortcut-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:24px 0; border:1px solid #e8ecf2; border-radius:13px; background:#fff; box-shadow:0 8px 24px #28324805; }
body.banner-refresh .br-shortcut { display:flex; align-items:center; gap:14px; min-width:0; padding:3px 24px; color:#2b3c4f; border-right:1px solid #edf0f4; text-decoration:none; }
body.banner-refresh .br-shortcut:last-child { border:0; }
body.banner-refresh .br-shortcut-icon { display:grid; place-items:center; width:45px; height:45px; flex:0 0 45px; border-radius:10px; background:#fff2e9; }
body.banner-refresh .br-shortcut:nth-child(2) .br-shortcut-icon { background:#eef5f8; }
body.banner-refresh .br-shortcut:nth-child(2) .br-icon { color:#719ba9; }
body.banner-refresh .br-shortcut:nth-child(3) .br-shortcut-icon { background:#f2eff9; }
body.banner-refresh .br-shortcut:nth-child(3) .br-icon { color:#9783c1; }
body.banner-refresh .br-shortcut:nth-child(4) .br-shortcut-icon { background:#fff8e9; }
body.banner-refresh .br-shortcut:nth-child(4) .br-icon { color:#c69b52; }
body.banner-refresh .br-shortcut strong { display:block; margin-bottom:5px; font-size:15px; font-weight:700; }
body.banner-refresh .br-shortcut small { display:block; color:#8b95a0; font-size:11px; line-height:1.6; }
body.banner-refresh .br-shortcut-arrow { margin-left:auto; color:#94a0ac; font-size:18px; }
body.banner-refresh .br-shortcut:hover strong,body.banner-refresh .br-shortcut:hover .br-shortcut-arrow { color:var(--br-accent); }

/* Original vector illustration and compact information cards. */
body.banner-refresh .br-visual { position:relative; min-width:0; width:100%; }
body.banner-refresh .br-compute-visual { height:435px; }
body.banner-refresh .br-compute-art { position:absolute; width:min(100%,640px); height:100%; object-fit:contain; inset:0; margin:auto; }
body.banner-refresh .br-visual-caption { position:absolute; top:8px; right:4%; z-index:1; font-size:9px; letter-spacing:2.7px; color:#a69486; }
body.banner-refresh .br-floating-card { position:absolute; display:flex; align-items:center; gap:13px; padding:17px 20px; border:1px solid #fff; border-radius:11px; background:#fffffff2; box-shadow:0 14px 30px #a3724211; z-index:1; }
body.banner-refresh .br-float-first { top:65px; left:0; }
body.banner-refresh .br-float-second { right:0; bottom:65px; }
body.banner-refresh .br-floating-card strong { display:block; color:#425064; font-size:14px; }
body.banner-refresh .br-floating-card span { display:block; margin-top:6px; color:#9b9da5; font-size:10px; letter-spacing:.4px; }
body.banner-refresh .br-floating-card .br-icon { width:28px; height:28px; }

/* Cloud: a resource composition card, without invented prices or stock values. */
body.banner-refresh .br-resource-card { padding:27px 28px; border:1px solid #e7e1dc; border-radius:18px; background:#fff; box-shadow:15px 22px 0 #eddbcc4d,0 20px 45px #af907510; transform:rotate(-2deg); }
body.banner-refresh .br-resource-top { display:flex; align-items:center; justify-content:space-between; padding-bottom:22px; border-bottom:1px solid #f0ece8; color:#9b8b7f; font-size:9px; letter-spacing:1.6px; }
body.banner-refresh .br-resource-title { display:flex; align-items:center; gap:20px; margin:29px 0; }
body.banner-refresh .br-resource-mark { display:grid; place-items:center; flex:0 0 72px; height:72px; border:6px solid #ffefe3; border-radius:20px; background:linear-gradient(140deg,#ff9b5d,#f56c32); }
body.banner-refresh .br-resource-mark .br-icon { width:37px; height:37px; color:#fff; }
body.banner-refresh .br-resource-title small { font-size:9px; letter-spacing:1.5px; color:#9b8b7f; }
body.banner-refresh .br-resource-title h2 { margin:8px 0; color:#243347; font-size:26px; line-height:1.3; font-weight:750; }
body.banner-refresh .br-resource-title p { margin:0; font-size:12px; color:#8d95a1; }
body.banner-refresh .br-resource-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }
body.banner-refresh .br-resource-options > div { padding:20px 17px; border:1px solid #f0e7dd; border-radius:9px; background:#fffbf6; }
body.banner-refresh .br-resource-options strong { display:block; margin:16px 0 7px; color:#354357; font-size:13px; }
body.banner-refresh .br-resource-options span { display:block; color:#8f969f; font-size:11px; }
body.banner-refresh .br-resource-options .br-icon { width:23px; height:23px; }
body.banner-refresh .br-resource-bottom { display:flex; justify-content:space-between; gap:12px; margin-top:25px; font-size:11px; color:#8b929c; }

/* Dedicated and activity banners retain a quiet dark surface. */
body.banner-refresh .br-dedicated-hero,body.banner-refresh .br-activities-hero { background:radial-gradient(ellipse at 90% 25%,#31405880,transparent 60%),#17283a; border-bottom:1px solid #263a4f; color:#fff; }
body.banner-refresh .br-dedicated-hero .br-title,body.banner-refresh .br-activities-hero .br-title { color:#f4f7fb; }
body.banner-refresh .br-dedicated-hero .br-description,body.banner-refresh .br-activities-hero .br-description { color:#b5c2d0; }
body.banner-refresh .br-dedicated-hero .br-eyebrow,body.banner-refresh .br-activities-hero .br-eyebrow { color:#ced5de; }
body.banner-refresh .br-dedicated-hero .br-title span,body.banner-refresh .br-activities-hero .br-title span { color:#ffad81; }
body.banner-refresh .br-dedicated-hero .br-points,body.banner-refresh .br-activities-hero .br-points { color:#8ea1b7; }
body.banner-refresh .br-dedicated-hero .br-points b,body.banner-refresh .br-activities-hero .br-points b { color:#ffbd93; }
body.banner-refresh .br-dedicated-hero .br-button-secondary,body.banner-refresh .br-activities-hero .br-button-secondary { border-color:#ffffff26; background:#ffffff05; color:#dbe4ee; }
body.banner-refresh .br-art-caption { display:flex; justify-content:space-between; gap:20px; padding:0 10px 18px; border-bottom:1px solid #a7c0d02c; color:#9ab0c2; font-size:9px; letter-spacing:1.4px; }
body.banner-refresh .br-art-caption span:last-child { letter-spacing:0; }
body.banner-refresh .br-hardware-art { display:block; width:100%; height:auto; margin:15px auto 0; }
body.banner-refresh .br-dedicated-hero .br-grid { min-height:520px; }

/* Activity countdown keeps all original IDs and lifecycle behavior. */
body.banner-refresh.activities-page .br-activities-hero { padding:0; overflow:visible; }
/* The legacy common.js stretches every section to 1400px; use the real container here. */
body.banner-refresh.activities-page :is(.br-activities-hero,.act-floor) { width:100% !important; transform:none !important; }
body.banner-refresh.activities-page .br-activities-hero .br-grid { min-height:560px; padding:60px 20px 75px; }
body.banner-refresh.activities-page .br-countdown-card { width:100%; max-width:none; margin:0; padding:28px; border:1px solid #ffffffba; border-radius:18px; background:#fff; box-shadow:0 16px 40px #070f182e; backdrop-filter:none; color:#334155; }
body.banner-refresh.activities-page .br-countdown-card .hub-top { gap:12px; align-items:center; border-bottom:1px solid #edf0f4; margin:0 0 26px; padding:0 0 20px; }
body.banner-refresh.activities-page .br-countdown-card .countdown-title { font-size:12px; color:#7c8694; line-height:1.7; }
body.banner-refresh.activities-page .br-countdown-card .countdown-label-icon { display:none; }
body.banner-refresh.activities-page .br-countdown-card .status-badge { gap:0; flex-shrink:0; padding:6px 10px; border:1px solid #ffe0ce; background:#fff5ed; color:#b9783e; font-size:12px; letter-spacing:0; }
body.banner-refresh.activities-page .br-countdown-card .badge-ongoing { background:#fff0e6; border-color:#ffcaaa; color:#da672e; }
body.banner-refresh.activities-page .br-countdown-card .badge-ongoing .status-dot { background:#f17d40; box-shadow:none; }
body.banner-refresh.activities-page .br-countdown-card .badge-upcoming .status-dot { background:#c58d43; box-shadow:none; }
body.banner-refresh.activities-page .br-countdown-card .badge-ended { background:#f2f4f7; border-color:#e6eaf0; color:#8893a2; }
body.banner-refresh.activities-page .br-countdown-card .timer-digits-group { gap:13px; margin:0 0 26px; }
body.banner-refresh.activities-page .br-countdown-card .digit-box { width:68px; height:75px; border:1px solid #f1e5d9; border-radius:10px; background:linear-gradient(180deg,#fffaf6,#fff2e6); color:#d66d36; font-size:37px; text-shadow:none; box-shadow:none; }
body.banner-refresh.activities-page .br-countdown-card .digit-unit { margin-top:10px; color:#9ca4ae; font-size:11px; }
body.banner-refresh.activities-page .br-countdown-card .timer-separator { margin-bottom:22px; color:#cfab92; font-size:22px; }
body.banner-refresh.activities-page .br-countdown-card .banner-notice-bar { padding:13px 14px; background:#f7f9fc; color:#8d98a6; font-size:11px; line-height:1.8; white-space:normal; overflow-wrap:anywhere; }
body.banner-refresh.activities-page .br-countdown-card .banner-notice-bar strong { color:#bd7649; font-weight:500; }
body.banner-refresh.activities-page .br-countdown-card:has(.badge-ended) .digit-box { background:#f6f8fb; color:#9ca7b5; border-color:#e8edf3; }

/* CMS image banners remain dynamic; images keep their complete aspect ratio. */
body.banner-refresh .br-uploaded-banner { padding:24px 20px 54px; background:linear-gradient(110deg,#f8fafc,#fff5ed); }
body.banner-refresh .br-uploaded-banner .banner-cont { width:100%; max-width:1400px; height:clamp(240px,31vw,460px); min-height:0; margin:0 auto; border:1px solid #e7ebf0; border-radius:16px; overflow:hidden; }
body.banner-refresh .br-uploaded-banner .swiper-slide,body.banner-refresh .br-home-hero .br-image-slide { height:100%; }
body.banner-refresh .br-image-slide > a { display:block; width:100%; height:100%; }
body.banner-refresh .br-image-slide > a > img { display:block; position:static; width:100%; height:100%; max-width:none; margin:0; object-fit:contain; }
body.banner-refresh .br-home-hero.br-has-upload .banner-cont { height:clamp(270px,33vw,500px); }

@media (max-width:1199px) {
  body.banner-refresh .br-grid { gap:36px; }
  body.banner-refresh .br-floating-card { padding:15px; }
  body.banner-refresh .br-float-first { left:-4px; }
  body.banner-refresh .br-shortcut { padding-inline:18px; gap:10px; }
  body.banner-refresh .br-resource-card { padding:24px 22px; }
  body.banner-refresh.activities-page .br-countdown-card { padding:24px 20px; }
  body.banner-refresh.activities-page .br-countdown-card .timer-digits-group { gap:10px; }
  body.banner-refresh.activities-page .br-countdown-card .digit-box { width:60px; height:68px; font-size:33px; }
}
@media (max-width:991px) {
  body.banner-refresh .br-grid { gap:28px; min-height:460px; padding:44px 20px !important; }
  body.banner-refresh .br-title,body.banner-refresh .br-home-hero .banner-cont .br-title { font-size:38px !important; letter-spacing:-1px; }
  body.banner-refresh .br-home-shortcuts > .br-container { padding:0 20px !important; }
  body.banner-refresh .br-description { font-size:13px; }
  body.banner-refresh .br-description br { display:none; }
  body.banner-refresh .br-actions { gap:10px; }
  body.banner-refresh .br-button { padding-inline:18px; gap:14px; font-size:13px; }
  body.banner-refresh .br-points { gap:9px 14px; font-size:11px; }
  body.banner-refresh .br-home-hero .banner-cont { height:520px !important; min-height:0 !important; }
  body.banner-refresh .br-home-hero .banner-cont .swiper-slide { height:100% !important; min-height:0 !important; }
  body.banner-refresh .br-home-hero .banner-cont .br-grid { min-height:520px; padding:38px 20px 60px !important; }
  body.banner-refresh .br-compute-visual { height:360px; }
  body.banner-refresh .br-floating-card { gap:9px; padding:12px; }
  body.banner-refresh .br-floating-card strong { font-size:11px; }
  body.banner-refresh .br-floating-card span { font-size:9px; }
  body.banner-refresh .br-floating-card .br-icon { width:24px; height:24px; }
  body.banner-refresh .br-visual-caption { display:none; }
  body.banner-refresh .br-float-first { top:65px; }
  body.banner-refresh .br-float-second { bottom:42px; }
  body.banner-refresh .br-shortcut-strip { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 0; padding-block:20px; }
  body.banner-refresh .br-shortcut:nth-child(2) { border-right:0; }
  body.banner-refresh .br-resource-card { transform:none; padding:20px; }
  body.banner-refresh .br-resource-title { gap:13px; }
  body.banner-refresh .br-resource-title h2 { font-size:21px; }
  body.banner-refresh .br-resource-mark { flex-basis:58px; height:58px; border-width:4px; border-radius:15px; }
  body.banner-refresh .br-resource-options { gap:6px; }
  body.banner-refresh .br-resource-options > div { padding:15px 10px; }
  body.banner-refresh .br-resource-options strong { font-size:12px; }
  body.banner-refresh .br-resource-bottom { font-size:10px; }
  body.banner-refresh.activities-page .br-activities-hero .br-grid { grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:24px; min-height:520px; padding:46px 20px 68px !important; }
  body.banner-refresh.activities-page .br-countdown-card .hub-top { flex-direction:column; align-items:flex-start; gap:9px; margin-bottom:22px; padding-bottom:18px; }
  body.banner-refresh.activities-page .br-countdown-card .timer-digits-group { gap:7px; }
  body.banner-refresh.activities-page .br-countdown-card .digit-box { width:52px; height:61px; font-size:28px; }
  body.banner-refresh.activities-page .br-countdown-card .timer-separator { font-size:18px; }
}
@media (max-width:767px) {
  body.banner-refresh .br-container { padding-inline:20px; }
  body.banner-refresh .br-grid { grid-template-columns:minmax(0,1fr); gap:30px; min-height:0; padding:38px 20px 58px !important; }
  body.banner-refresh .br-eyebrow { margin-bottom:18px; font-size:11px; }
  body.banner-refresh .br-title,body.banner-refresh .br-home-hero .banner-cont .br-title { font-size:38px; line-height:1.3; margin-bottom:19px; }
  body.banner-refresh .br-description { max-width:520px; font-size:13px; }
  body.banner-refresh .br-actions { margin:22px 0 20px; }
  body.banner-refresh .br-button { min-height:43px; padding:10px 17px; font-size:12px; }
  body.banner-refresh .br-home-hero .banner-cont { height:700px !important; }
  body.banner-refresh .br-home-hero .banner-cont .br-grid { grid-template-columns:1fr; gap:14px; min-height:700px; align-content:center; padding:32px 20px 70px !important; }
  body.banner-refresh .br-home-hero .br-compute-visual { height:270px; }
  body.banner-refresh .br-compute-visual { height:300px; max-width:420px; margin:0 auto; }
  body.banner-refresh .br-home-hero .br-hardware-visual { max-width:460px; margin:0 auto; padding:16px; }
  body.banner-refresh .br-home-hero .br-hardware-art { max-height:245px; }
  body.banner-refresh .br-floating-card { padding:10px 13px; border-radius:8px; }
  body.banner-refresh .br-float-first { top:25px; left:0; }
  body.banner-refresh .br-float-second { bottom:26px; }
  body.banner-refresh .br-home-hero .swiper-pagination { left:20px; bottom:28px; }
  body.banner-refresh .br-home-shortcuts { margin-top:-15px; transform:translateY(15px); }
  body.banner-refresh .br-shortcut { padding-inline:13px; gap:10px; }
  body.banner-refresh .br-shortcut strong { font-size:12px; }
  body.banner-refresh .br-shortcut small { font-size:10px; }
  body.banner-refresh .br-shortcut-icon { width:33px; height:33px; flex-basis:33px; border-radius:8px; }
  body.banner-refresh .br-shortcut .br-icon { width:22px; height:22px; }
  body.banner-refresh .br-shortcut-arrow { display:none; }
  body.banner-refresh .br-cloud-visual { max-width:520px; margin:0 auto; }
  body.banner-refresh .br-resource-card { box-shadow:8px 12px 0 #eddbcc4d,0 15px 30px #af907510; }
  body.banner-refresh .br-resource-top { padding-bottom:17px; font-size:8px; }
  body.banner-refresh .br-resource-title { margin:21px 0; }
  body.banner-refresh .br-dedicated-hero .br-grid { min-height:0; }
  body.banner-refresh .br-hardware-visual { max-width:540px; margin:0 auto; }
  body.banner-refresh.activities-page .br-activities-hero .br-grid { grid-template-columns:1fr; gap:28px; min-height:0; padding:38px 20px 65px !important; }
  body.banner-refresh.activities-page .br-activity-visual { max-width:520px; margin:0 auto; }
  body.banner-refresh.activities-page .br-countdown-card { padding:22px 18px; }
  body.banner-refresh.activities-page .br-countdown-card .hub-top { flex-direction:row; align-items:center; flex-wrap:wrap; gap:10px; }
  body.banner-refresh.activities-page .br-countdown-card .timer-digits-group { gap:8px; }
  body.banner-refresh.activities-page .br-countdown-card .digit-box { width:54px; height:61px; font-size:28px; }
  body.banner-refresh .br-uploaded-banner { padding:18px 20px 50px; }
  body.banner-refresh .br-uploaded-banner .banner-cont { height:clamp(150px,38vw,270px); }
  body.banner-refresh .br-home-hero.br-has-upload .banner-cont { height:clamp(170px,40vw,300px) !important; }
}
@media (max-width:359px) {
  body.banner-refresh .br-title,body.banner-refresh .br-home-hero .banner-cont .br-title { font-size:33px !important; }
  body.banner-refresh .br-button { padding-inline:10px; gap:7px; }
  body.banner-refresh .br-home-hero .banner-cont { height:740px !important; }
  body.banner-refresh .br-home-hero .banner-cont .br-grid { min-height:740px; }
  body.banner-refresh .br-shortcut { padding-inline:9px; gap:7px; }
  body.banner-refresh .br-shortcut-icon { flex-basis:28px; width:28px; height:30px; }
  body.banner-refresh .br-resource-card { padding:17px; }
  body.banner-refresh .br-resource-options > div { padding-inline:8px; }
  body.banner-refresh.activities-page .br-countdown-card .timer-digits-group { gap:5px; }
  body.banner-refresh.activities-page .br-countdown-card .digit-box { width:46px; height:57px; font-size:25px; }
}
@media (prefers-reduced-motion:reduce) {
  body.banner-refresh .br-button { transition:none; }
  body.banner-refresh .br-button:hover { transform:none; }
  body.banner-refresh .br-countdown-card .status-dot { animation:none; }
}