/* Carrd Home — View All Platforms pop-up. Scoped to avoid affecting Carrd theme elements. */
#sr-home-frontend .sr-platform-trigger { appearance: none; display: inline-flex; align-items: center; gap: 7px; margin-top: 14px; padding: 0; border: 0; color: #1487e8; background: transparent; font: inherit; font-size: 12px; font-weight: 600; letter-spacing: .01em; cursor: pointer; }
#sr-home-frontend .sr-platform-trigger:focus-visible, #sr-home-frontend .sr-platform-modal__close:focus-visible, #sr-home-frontend .sr-platform-modal__list a:focus-visible { outline: 2px solid #1487e8; outline-offset: 4px; }
#sr-home-frontend .sr-platform-modal[hidden] { display: none !important; }
#sr-home-frontend .sr-platform-modal { position: fixed; z-index: 2147483647; inset: 0; display: grid; place-items: center; padding: 24px; background: rgba(0,0,0,.79); backdrop-filter: blur(9px); }
#sr-home-frontend .sr-platform-modal__card { position: relative; width: min(100%, 580px); padding: 52px 45px 46px; border: 2px solid rgba(255,255,255,.26); border-radius: 34px; background: linear-gradient(145deg, #171717, #050505); box-shadow: 0 25px 100px rgba(0,0,0,.72); animation: sr-platform-enter .24s cubic-bezier(.23,1,.32,1); }
#sr-home-frontend .sr-platform-modal__card h2 { margin: 0 0 38px; color: #fff; text-align: center; font-family: Montserrat,Arial,sans-serif; font-size: clamp(24px,4vw,38px); font-weight: 700; letter-spacing: .17em; }
#sr-home-frontend .sr-platform-modal__close { position: absolute; top: 16px; right: 18px; width: 46px; height: 46px; padding: 0; border: 0; color: #fff; background: transparent; font: 300 45px/1 Arial,sans-serif; cursor: pointer; transition: color .16s,transform .16s; }
#sr-home-frontend .sr-platform-modal__close:hover { color: #1487e8; transform: rotate(90deg); }
#sr-home-frontend .sr-platform-modal__list { display: grid; gap: 15px; }
#sr-home-frontend .sr-platform-modal__list a { min-height: 91px; display: grid; grid-template-columns: 80px minmax(0,1fr) 42px; align-items: center; gap: 18px; padding: 13px 19px; border: 2px solid #343434; border-radius: 18px; background: rgba(32,32,32,.86); color: #fff; font-family: Montserrat,Arial,sans-serif; font-size: clamp(22px,3.2vw,32px); font-weight: 600; text-decoration: none; transition: border-color .18s,background .18s,transform .16s; }
#sr-home-frontend .sr-platform-modal__list a:hover { border-color: rgba(255,255,255,.55); background: #252525; transform: translateX(4px); }
#sr-home-frontend .sr-platform-modal__list a:active { transform: translateX(3px) scale(.99); }
#sr-home-frontend .sr-platform-modal__list img { width: 63px; height: 63px; display: block; object-fit: contain; border-radius: 16px; }
#sr-home-frontend .sr-platform-modal__list img.sr-platform-modal__youtube-logo { transform: scale(1.78); }
#sr-home-frontend .sr-platform-modal__list b { justify-self: end; font: 300 54px/.6 Arial,sans-serif; }
@keyframes sr-platform-enter { from { opacity: 0; transform: translateY(12px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (max-width: 560px) { #sr-home-frontend .sr-platform-modal { align-items: start; overflow-y: auto; padding: 16px; } #sr-home-frontend .sr-platform-modal__card { width: 100%; max-width: 450px; margin: 28px auto; padding: 49px 22px 28px; border-radius: 28px; } #sr-home-frontend .sr-platform-modal__card h2 { margin-bottom: 27px; font-size: 25px; } #sr-home-frontend .sr-platform-modal__list { gap: 11px; } #sr-home-frontend .sr-platform-modal__list a { min-height: 74px; grid-template-columns: 57px minmax(0,1fr) 30px; gap: 12px; padding: 9px 12px; border-radius: 15px; font-size: 24px; } #sr-home-frontend .sr-platform-modal__list img { width: 48px; height: 48px; border-radius: 12px; } #sr-home-frontend .sr-platform-modal__list b { font-size: 42px; } #sr-home-frontend .sr-platform-modal__close { top: 10px; right: 10px; } }