a { text-decoration: none !important; }

    .loading-overlay {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.8);
      z-index: 99999;
      display: flex;
      align-items: center;
      justify-content: center;
      visibility: hidden;
      opacity: 0;
      transition: all 0.3s;
    }
    .loading-overlay.active {
      visibility: visible;
      opacity: 1;
    }
    .loading-spinner {
      width: 50px; height: 50px;
      border: 4px solid #fff;
      border-top-color: #ff2e78;
      border-radius: 50%;
      animation: spin 0.8s linear infinite;
    }
    @keyframes spin { to { transform: rotate(360deg); } }

    .card, .slide, .feat, .item, .urgency, .logo, .cta, .more, .online-pill {
      cursor: pointer;
    }

    .logo-badge {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-top: 5px;
      flex-wrap: wrap;
    }
    .logo-badge .badge-item {
      display: inline-flex;
      align-items: center;
      gap: 3px;
      font-size: 10px;
      font-weight: 600;
      color: #6B4A60;
      white-space: nowrap;
    }
    .logo-badge .badge-item .check {
      color: #22C55E;
      font-size: 11px;
      font-weight: 800;
    }
    .logo-badge .badge-item .lock {
      font-size: 10px;
    }

    /* RTL overrides (Arabic) */
    html[dir="rtl"] body { direction: rtl; }
    html[dir="rtl"] .header,
    html[dir="rtl"] .sect-title,
    html[dir="rtl"] .urgency {
      direction: rtl;
    }
    html[dir="rtl"] .hero-copy { text-align: right; }
    html[dir="rtl"] .logo-badge { justify-content: flex-start; }
    html[dir="rtl"] .slide-verified { left: auto; right: 14px; }
    html[dir="rtl"] .slide-online { right: auto; left: 14px; }
    html[dir="rtl"] .card-badge { left: auto; right: 8px; }
    html[dir="rtl"] .card-heart { right: auto; left: 8px; }
    html[dir="rtl"] .card-online { right: auto; left: 8px; }
    html[dir="rtl"] .stats .item + .item {
      border-left: none;
      border-right: 1px solid rgba(255,77,141,.2);
    }
    html[dir="rtl"] .swiper { direction: ltr; }
    html[dir="rtl"] .slide-info,
    html[dir="rtl"] .card-info { text-align: right; direction: rtl; }
  
/* Local copy: keyboard support and small-screen fixes. */
.dots button{border:0;padding:0;width:6px;height:6px;border-radius:50%;background:rgba(255,77,141,.3);cursor:pointer;transition:width .3s;position:relative;}
.dots button::before{content:"";position:absolute;inset:-10px -5px;}
.dots button.on{width:22px;background:var(--pink-500);}
a:focus-visible,button:focus-visible,[role="button"]:focus-visible{outline:3px solid #7c3aed;outline-offset:4px;}
.swiper{position:relative;}
dialog{border:1px solid #ffd0e3;border-radius:24px;background:#fff7fb;color:var(--ink);width:min(340px,calc(100% - 40px));padding:28px;text-align:center;box-shadow:0 24px 90px #2a132655;}
dialog::backdrop{background:#2a1326aa;backdrop-filter:blur(4px);}
dialog h2{margin:10px 0;}
dialog p{font-size:14px;line-height:1.7;color:var(--ink-soft);}
.dialog-icon{color:var(--pink-600);font-size:48px;}
.dialog-close{position:absolute;top:10px;left:12px;border:0;background:none;color:var(--ink-soft);font-size:26px;cursor:pointer;}
.dialog-confirm{border:0;border-radius:999px;background:var(--pink-600);color:white;padding:11px 34px;font:inherit;cursor:pointer;}
@media(max-width:380px){.header{flex-wrap:wrap;}.sect-title{gap:8px;}.sect-title h2{font-size:18px;}.sect-title .more{white-space:nowrap;}.cta{font-size:16px;padding:16px 26px;}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}