header nav .youtube-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 9px 15px; border-radius: 10px; background: #d90000; color: #fff; font-weight: 800; line-height: 1.4; white-space: nowrap; text-decoration: none; box-shadow: 0 2px 5px rgba(170,0,0,.12); }
header nav .youtube-button svg { flex: none; color: #d90000; }
header nav .youtube-button:hover { background: #b90000; }
header nav .youtube-button:hover svg { color: #b90000; }
header nav .youtube-button:focus-visible { outline: 3px solid #073463; outline-offset: 4px; }
.youtube-external { font-size: .95em; opacity: .9; }
@media(max-width:600px) {
 header { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; }
 header > .brand { grid-column: 1; grid-row: 1; }
 header nav { display: contents; }
 header nav > .cart-link { grid-column: 2; grid-row: 1; justify-self: end; }
 header nav > a.youtube-button { display: flex; grid-column: 1 / -1; grid-row: 2; width: 100%; min-height: 44px; padding: 9px 14px; }
}