#shelby-nav-loader {
        position: fixed;
        inset: 0;
        z-index: 2147483647;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity .35s ease, visibility 0s linear .35s;
      }
      #shelby-nav-loader.is-active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition: opacity .25s ease;
      }
      #shelby-nav-loader .snl-backdrop {
        position: absolute;
        inset: 0;
        background:
          radial-gradient(1200px 600px at 50% -10%, rgba(255, 107, 157, 0.22), transparent 60%),
          radial-gradient(900px 500px at 100% 110%, rgba(196, 69, 105, 0.22), transparent 60%),
          rgba(255, 246, 249, 0.55);
        backdrop-filter: blur(14px) saturate(160%);
        -webkit-backdrop-filter: blur(14px) saturate(160%);
      }
      #shelby-nav-loader .snl-top {
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 3px;
        background: linear-gradient(90deg, transparent 0%, #ff6b9d 25%, #c44569 50%, #ff6b9d 75%, transparent 100%);
        background-size: 200% 100%;
        animation: snlTopBar 1.4s linear infinite;
        box-shadow: 0 2px 14px rgba(196, 69, 105, 0.5);
      }
      #shelby-nav-loader .snl-card {
        position: relative;
        z-index: 1;
        width: 156px;
        height: 156px;
        display: flex;
        align-items: center;
        justify-content: center;
        /* شیشهٔ مات اپل (liquid glass) پشت لوگو — شفاف، blur قوی، بازتاب نور لطیف */
        background:
          linear-gradient(165deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.025) 50%, rgba(255,255,255,.06) 100%);
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, 0.32);
        box-shadow:
          0 30px 80px -20px rgba(196, 69, 105, 0.30),
          0 8px 24px rgba(196, 69, 105, 0.10),
          inset 0 1px 1px rgba(255, 255, 255, 0.70),
          inset 0 -2px 6px rgba(255, 255, 255, 0.22);
        backdrop-filter: blur(22px) saturate(170%) brightness(106%);
        -webkit-backdrop-filter: blur(22px) saturate(170%) brightness(106%);
        transform: scale(.9);
        transition: transform .35s cubic-bezier(.2,.9,.25,1.2);
      }
      #shelby-nav-loader.is-active .snl-card {
        transform: scale(1);
      }
      /* بازتابِ نورِ بالای شیشه (specular highlight) */
      #shelby-nav-loader .snl-card::after {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 50%;
        background: radial-gradient(120% 80% at 50% -12%, rgba(255,255,255,.30), rgba(255,255,255,0) 50%);
        pointer-events: none;
        z-index: 2;
      }
      /* حلقهٔ رنگیِ چرخان دورِ باکسِ گرد — conic-gradient با ماسکِ دونات */
      #shelby-nav-loader .snl-ring {
        position: absolute;
        inset: -7px;
        border-radius: 50%;
        background: conic-gradient(from 0deg,
          #ff6b9d, #c44569, #ffc1d4, #5BC2E7, #ff6b9d);
        -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 7px), #000 calc(100% - 7px));
                mask: radial-gradient(farthest-side, transparent calc(100% - 7px), #000 calc(100% - 7px));
        filter: drop-shadow(0 0 9px rgba(196, 69, 105, 0.40));
        animation: snlRingSpin 1.1s linear infinite;
      }
      #shelby-nav-loader .snl-logo {
        position: relative;
        z-index: 3;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      #shelby-nav-loader .snl-logo img {
        width: 100px;
        max-width: 42vw;
        height: auto;
        display: block;
        filter: drop-shadow(0 8px 18px rgba(196, 69, 105, 0.25));
        animation: snlLogoBreath 2.4s ease-in-out infinite;
      }
      @keyframes snlRingSpin {
        to { transform: rotate(360deg); }
      }
      @keyframes snlLogoBreath {
        0%, 100% { transform: translateY(0) scale(1); }
        50% { transform: translateY(-2px) scale(1.035); }
      }
      @keyframes snlTopBar {
        0%   { background-position: 200% 0; }
        100% { background-position: -200% 0; }
      }
      @media (max-width: 480px) {
        #shelby-nav-loader .snl-card {
          width: 132px;
          height: 132px;
        }
        #shelby-nav-loader .snl-logo img { width: 84px; }
      }
      @media (prefers-reduced-motion: reduce) {
        #shelby-nav-loader .snl-ring,
        #shelby-nav-loader .snl-logo img,
        #shelby-nav-loader .snl-top {
          animation-duration: 3s !important;
        }
      }