.pwa-banner { margin: 20px 0 28px; padding: 12px; border: 1px solid #444; border-radius: 12px; background: #111; overflow: hidden; }
.pwa-banner > small { color: #aaa; text-transform: uppercase; letter-spacing: .08em; }
.pwa-banner-slot { min-height: 100px; width: 100%; }
.pwa-banner-status { font-size: .8rem; color: #bbb; margin: 8px 0 0; }
.equipment-recommendation { grid-column: 1 / -1; order: 5; text-align: center; }
.equipment-recommendation-button { display: block; padding: 14px 16px; border: 1px solid #666; border-radius: 14px; background: #202020; color: #f4f3ea; font-weight: 600; text-decoration: none; line-height: 1.4; }
.equipment-recommendation-button:hover { background: #303030; color: #fff; }
.equipment-recommendation-button:focus-visible { outline: 2px solid #69b8ff; outline-offset: 3px; }
.equipment-recommendation small { display: block; margin-top: 6px; color: #aaa; font-size: .75rem; }
.pwa-banner .text-action { border:0;background:transparent;color:#d7d7d0;text-decoration:underline; }