/* Shared control states; retain the original compact card layout. */
button, a { -webkit-tap-highlight-color: transparent; }
button, input { font: inherit; }
button, .brand { cursor: pointer; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
button:disabled, button[aria-busy="true"] { opacity: .5; cursor: not-allowed; }
button[aria-busy="true"] { cursor: wait; }
button:not(:disabled):active, a:active { filter: brightness(.78); }
.site-header { gap: 12px; padding: 12px; }
.brand { border: 1px solid #484848; border-radius: 10px; padding: 7px 10px; min-height: 44px; }
.brand:hover { background: #353535; border-color: #a14f67; }
.brand-name { font-size: 20px; }
.brand-name small { font-size: 10px; letter-spacing: 1px; }
.card .photo { border: 0; padding: 0; width: 100%; text-align: left; color: white; }
.card .photo:hover .cover { filter: brightness(1.1); }
.card .photo:focus-visible { outline-offset: -5px; }
/* Match the reference card: translucent photo strip and standalone channel icons. */
.level { z-index: 1; height: 29px; padding-left: 16px; background: rgba(255,101,146,.66); }
.contact { width: 32px; height: 32px; padding: 5px; border: 0; background: transparent; }
.contact:hover { background: #272727; }
.back { border: 1px solid #666; background: #3a3a3a; border-radius: 8px; padding: 10px 14px; min-height: 44px; margin-bottom: 14px; }
.back:hover { background: #4a4a4a; }
.detail-actions { gap: 10px; }
.detail-actions button:hover { filter: brightness(1.12); }
.detail-actions button:last-child { background: #06a546; }
.gallery { border-radius: 12px; overflow: hidden; }
.stage { height: min(470px, 115vw); }
.gallery-controls { padding: 8px; }
.gallery-controls button { background: #282828; border: 1px solid #555; border-radius: 8px; }
.gallery-controls button:hover:not(:disabled) { background: #454545; }
.thumbs button { border-color: #666; }
.thumbs button:hover { border-color: #fff; }
.pagination { gap: 6px; }
.pagination button { min-width: 38px; height: 40px; border-radius: 6px !important; }
.pagination button:disabled { background: #414141; border-color: #666; color: #b5b5b5; }
.pagination button[aria-current="page"] { border-color: white; outline: 1px solid white; outline-offset: -4px; }
.listing-count { color: #ccc; font-weight: 400; }
@media(prefers-reduced-motion:no-preference) { button, a { transition: background .15s, border-color .15s, filter .15s; } }


.card .photo { background-color: #253e4b; }
.card .photo:hover { filter: brightness(1.08); }