/* Rose Red Exact: isolated public-site theme. Loaded after the legacy stylesheet. */
body[data-theme="rose-red-exact"] {
  --bg:#160407;
  --bg-radial-1:#2b0a12;
  --bg-radial-2:#100205;
  --surface:rgba(52,12,20,.72);
  --surface-solid:#19070b;
  --surface-strong:#35101a;
  --border:rgba(255,255,255,.10);
  --border-strong:rgba(255,255,255,.16);
  --accent:#ff5575;
  --accent-2:#ee1748;
  --accent-soft:rgba(255,85,117,.22);
  --text:#fff7f8;
  --text-muted:#d7a2ad;
  --text-faint:#9a6570;
  --success:#29d36f;
  background:#160407 !important;
  color:#fff7f8 !important;
}
body[data-theme="rose-red-exact"]::before { display:none !important; }

@media (max-width:540px) {
  html, body { background:#160407 !important; }
  body[data-theme="rose-red-exact"] { overflow-x:hidden !important; }

  body[data-theme="rose-red-exact"] .container {
    width:100% !important;
    max-width:none !important;
    padding-left:3px !important;
    padding-right:3px !important;
  }

  /* Header proportions from the supplied reference. */
  body[data-theme="rose-red-exact"] .navbar {
    height:42px !important;
    min-height:42px !important;
    padding:5px 4px !important;
    background:#19060a !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
    position:relative !important;
    z-index:20 !important;
  }
  body[data-theme="rose-red-exact"] .navbar-inner {
    height:32px !important;
    min-height:32px !important;
    gap:5px !important;
    padding:0 !important;
  }
  body[data-theme="rose-red-exact"] .brand {
    gap:5px !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:800 !important;
  }
  body[data-theme="rose-red-exact"] .brand img {
    width:23px !important;
    height:23px !important;
    border-radius:6px !important;
  }
  body[data-theme="rose-red-exact"] .brand > span:last-child { font-size:12px !important; }
  body[data-theme="rose-red-exact"] .navbar-actions { gap:4px !important; }
  body[data-theme="rose-red-exact"] .online-pill {
    height:20px !important;
    min-height:20px !important;
    padding:0 6px !important;
    border-radius:999px !important;
    font-size:6px !important;
    gap:3px !important;
    max-width:none !important;
  }
  body[data-theme="rose-red-exact"] .online-pill .pulse-dot { width:4px !important; height:4px !important; }
  body[data-theme="rose-red-exact"] .mobile-toggle,
  body[data-theme="rose-red-exact"] .language-toggle {
    width:21px !important;
    min-width:21px !important;
    height:21px !important;
    padding:0 !important;
    border-radius:5px !important;
    font-size:9px !important;
  }
  body[data-theme="rose-red-exact"] .language-toggle { gap:2px !important; }
  body[data-theme="rose-red-exact"] .language-current { font-size:6px !important; }

  body[data-theme="rose-red-exact"] main.container {
    margin:0 !important;
    padding-top:2px !important;
  }
  body[data-theme="rose-red-exact"] .filters,
  body[data-theme="rose-red-exact"] .hero,
  body[data-theme="rose-red-exact"] .ad-zone { display:none !important; }

  /* Exact two-column reference geometry. */
  body[data-theme="rose-red-exact"] .profile-grid {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    column-gap:4px !important;
    row-gap:5px !important;
    margin:2px 0 0 !important;
    padding:0 !important;
    align-items:start !important;
  }
  body[data-theme="rose-red-exact"] .profile-card {
    display:block !important;
    position:relative !important;
    width:100% !important;
    aspect-ratio:98 / 141 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    border:1px solid rgba(255,255,255,.08) !important;
    background:#250a10 !important;
    box-shadow:none !important;
    transform:none !important;
    transition:none !important;
    isolation:isolate !important;
  }
  /* Only the outside corners are strongly rounded, inner corners are nearly square. */
  body[data-theme="rose-red-exact"] .profile-card:nth-child(odd) {
    border-radius:13px 2px 2px 13px !important;
  }
  body[data-theme="rose-red-exact"] .profile-card:nth-child(even) {
    border-radius:2px 13px 13px 2px !important;
    transform:translateY(5px) !important;
  }
  body[data-theme="rose-red-exact"] .profile-card::before,
  body[data-theme="rose-red-exact"] .profile-card:hover::before {
    display:none !important;
  }
  body[data-theme="rose-red-exact"] .profile-card img,
  body[data-theme="rose-red-exact"] .profile-card .img-fallback {
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center top !important;
    transform:none !important;
    transition:none !important;
    border-radius:inherit !important;
  }
  body[data-theme="rose-red-exact"] .profile-card picture { display:block !important; width:100% !important; height:100% !important; }

  body[data-theme="rose-red-exact"] .profile-card::after {
    content:"" !important;
    position:absolute !important;
    left:0 !important; right:0 !important; bottom:0 !important;
    height:42% !important;
    z-index:2 !important;
    pointer-events:none !important;
    background:linear-gradient(to top,rgba(16,3,7,.96) 0%,rgba(16,3,7,.70) 42%,rgba(16,3,7,0) 100%) !important;
  }
  body[data-theme="rose-red-exact"] .card-status {
    top:4px !important;
    right:4px !important;
    width:7px !important;
    height:7px !important;
    border:1px solid rgba(255,255,255,.82) !important;
    box-shadow:none !important;
    z-index:4 !important;
  }

  body[data-theme="rose-red-exact"] .card-info {
    position:absolute !important;
    left:0 !important; right:0 !important; bottom:0 !important;
    z-index:3 !important;
    padding:0 5px 4px !important;
    background:none !important;
  }
  body[data-theme="rose-red-exact"] .card-info h3 {
    margin:0 !important;
    padding:0 !important;
    font-size:7px !important;
    line-height:1.05 !important;
    font-weight:800 !important;
    color:#fff !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  body[data-theme="rose-red-exact"] .card-info .subtitle {
    margin:1px 0 3px !important;
    padding:0 !important;
    font-size:5.5px !important;
    line-height:1 !important;
    font-weight:600 !important;
    color:#ff6c88 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  body[data-theme="rose-red-exact"] .card-badge { display:none !important; }
  body[data-theme="rose-red-exact"] .profile-card-action {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:17px !important;
    min-height:17px !important;
    margin:0 !important;
    padding:0 3px !important;
    border:0 !important;
    border-radius:4px !important;
    background:linear-gradient(110deg,#ff5b7a 0%,#f41b4f 100%) !important;
    color:#fff !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:6px !important;
    line-height:17px !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
    box-shadow:none !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    transition:none !important;
  }
  body[data-theme="rose-red-exact"] .profile-card-action:hover,
  body[data-theme="rose-red-exact"] .profile-card-action:focus,
  body[data-theme="rose-red-exact"] .profile-card-action:active {
    transform:none !important;
    filter:none !important;
    box-shadow:none !important;
  }
}

/* ========================================================================
   Rose Red Exact - true phone layout
   The reference is a high-DPR phone capture.  These dimensions are CSS-pixel
   dimensions, so the phone must not inherit the desktop card proportions.
   ======================================================================== */
@media (max-width:820px) {
  html, body { width:100% !important; min-width:0 !important; overflow-x:hidden !important; }
  body[data-theme="rose-red-exact"] .container {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }

  body[data-theme="rose-red-exact"] .navbar {
    height:64px !important;
    min-height:64px !important;
    padding:9px 8px !important;
    background:#160407 !important;
    border-bottom:0 !important;
  }
  body[data-theme="rose-red-exact"] .navbar-inner {
    height:46px !important;
    min-height:46px !important;
    gap:8px !important;
  }
  body[data-theme="rose-red-exact"] .brand {
    gap:8px !important;
    font-size:17px !important;
    line-height:1 !important;
    font-weight:800 !important;
    white-space:nowrap !important;
  }
  body[data-theme="rose-red-exact"] .brand img {
    width:32px !important;
    height:32px !important;
    border-radius:8px !important;
  }
  body[data-theme="rose-red-exact"] .brand > span:last-child { font-size:17px !important; }
  body[data-theme="rose-red-exact"] .navbar-actions { gap:7px !important; }
  body[data-theme="rose-red-exact"] .online-pill {
    height:32px !important;
    min-height:32px !important;
    padding:0 12px !important;
    border-radius:999px !important;
    font-size:9px !important;
    gap:6px !important;
    white-space:nowrap !important;
  }
  body[data-theme="rose-red-exact"] .online-pill .pulse-dot { width:7px !important; height:7px !important; }
  body[data-theme="rose-red-exact"] .mobile-toggle,
  body[data-theme="rose-red-exact"] .language-toggle {
    width:38px !important;
    min-width:38px !important;
    height:38px !important;
    padding:0 !important;
    border-radius:10px !important;
    font-size:17px !important;
  }
  body[data-theme="rose-red-exact"] .language-toggle { gap:4px !important; }
  body[data-theme="rose-red-exact"] .language-current { font-size:11px !important; }

  body[data-theme="rose-red-exact"] main.container {
    margin:0 !important;
    padding-top:10px !important;
    padding-bottom:16px !important;
  }
  body[data-theme="rose-red-exact"] .profile-grid {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    column-gap:8px !important;
    row-gap:8px !important;
    margin:0 !important;
    padding:0 !important;
    align-items:start !important;
  }
  body[data-theme="rose-red-exact"] .profile-card {
    width:100% !important;
    aspect-ratio:195 / 282 !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:0 !important;
    background:#250a10 !important;
    box-shadow:none !important;
    transform:none !important;
    transition:none !important;
  }
  body[data-theme="rose-red-exact"] .profile-card:nth-child(odd) {
    border-radius:20px 2px 2px 20px !important;
  }
  body[data-theme="rose-red-exact"] .profile-card:nth-child(even) {
    border-radius:2px 20px 20px 2px !important;
    transform:translateY(8px) !important;
  }

  body[data-theme="rose-red-exact"] .profile-card img,
  body[data-theme="rose-red-exact"] .profile-card .img-fallback {
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center top !important;
    border-radius:inherit !important;
    transform:none !important;
    transition:none !important;
  }
  body[data-theme="rose-red-exact"] .profile-card picture {
    display:block !important;
    width:100% !important;
    height:100% !important;
  }
  body[data-theme="rose-red-exact"] .profile-card::before { display:none !important; }
  body[data-theme="rose-red-exact"] .profile-card::after {
    height:43% !important;
    background:linear-gradient(to top,rgba(16,3,7,.96) 0%,rgba(16,3,7,.72) 48%,rgba(16,3,7,0) 100%) !important;
  }
  body[data-theme="rose-red-exact"] .card-status {
    top:8px !important;
    right:8px !important;
    width:10px !important;
    height:10px !important;
    border-width:1px !important;
    z-index:4 !important;
  }
  body[data-theme="rose-red-exact"] .card-info {
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    padding:0 9px 9px !important;
    z-index:3 !important;
    background:none !important;
  }
  body[data-theme="rose-red-exact"] .card-info h3 {
    margin:0 !important;
    font-size:15px !important;
    line-height:1.08 !important;
    font-weight:800 !important;
    color:#fff !important;
  }
  body[data-theme="rose-red-exact"] .card-info .subtitle {
    margin:3px 0 8px !important;
    font-size:12px !important;
    line-height:1.05 !important;
    font-weight:700 !important;
    color:#ff647f !important;
  }
  body[data-theme="rose-red-exact"] .card-badge { display:none !important; }
  body[data-theme="rose-red-exact"] .profile-card-action {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:34px !important;
    min-height:34px !important;
    margin:0 !important;
    padding:0 8px !important;
    border:0 !important;
    border-radius:17px !important;
    background:linear-gradient(110deg,#ff5b7a 0%,#f21b4f 100%) !important;
    color:#fff !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:14px !important;
    line-height:34px !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    box-shadow:none !important;
    transform:none !important;
  }
}