/*
 * RP_HERO_PER_TAB_STAGING_V4 — mobil, cinematic luxury hero (V2: tydlig aktiv flik).
 * Hero-bild: rot-relativ URL (ingen CSS-variabel). Fullscreen hero. Per-flik position.
 * Desktop: samma viewport-modell som mobil (ett bildlager, inga tema-pseudo).
 */

/*
 * RP_HERO_SHORT_MOBILE_V1 — kort hero (inte fullscreen) + panorama-bakgrund i viewport.
 * Justera: --rp-hero-mobile-h (höjd), --rp-hero-scene-pos, --rp-hero-scene-scale.
 */
@media (max-width: 900px){
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header_pic_wrap,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header_pic{
    background-image: none !important;
    background-color: transparent !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-staging-bg,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-staging-bg-blur,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-staging-bg-sharp{
    display: none !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-viewport{
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background-color: #141418 !important;
    background-repeat: no-repeat !important;
    background-size: auto calc(100% * var(--rp-hero-scene-scale, 0.82)) !important;
    background-position: var(--rp-hero-tab-pic-pos, 74% 30%) !important;
    filter: contrast(1.05) saturate(1.03) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header_pic_wrap > *:not(.rp-hero-staging-bg):not(.rp-hero-staging-bg-blur):not(.rp-hero-staging-bg-sharp):not(.rp-hero-viewport):not(.rp-main-menu-center){
    position: relative !important;
    z-index: 1 !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center{
    position: relative !important;
    z-index: 24 !important;
  }
}

/* RP_MOBILE_USER_FEEDBACK_EOF_V1 — absolut sist: vinn över äldre mobilregler. */
@media (max-width: 900px){
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator::before{
    content: "" !important;
    position: absolute !important;
    left: 5% !important;
    right: 5% !important;
    top: 50% !important;
    height: 20px !important;
    transform: translateY(-50%) !important;
    background-color: transparent !important;
    background-image:
      radial-gradient(ellipse 12% 260% at 50% 50%, rgba(122, 18, 52, 0.20) 0%, transparent 72%),
      radial-gradient(ellipse 34% 300% at 50% 50%, rgba(255, 236, 196, 0.26) 0%, transparent 74%),
      linear-gradient(90deg, rgba(201, 162, 39, 0) 0%, rgba(255, 246, 227, 0.18) 13%, rgba(255, 250, 238, 0.92) 50%, rgba(255, 246, 227, 0.18) 87%, rgba(201, 162, 39, 0) 100%),
      linear-gradient(90deg, rgba(180, 140, 50, 0) 0%, rgba(232, 200, 140, 0.78) 18%, rgba(245, 228, 190, 0.94) 50%, rgba(232, 200, 140, 0.78) 82%, rgba(180, 140, 50, 0) 100%),
      linear-gradient(90deg, rgba(140, 110, 35, 0) 0%, rgba(201, 162, 39, 0.66) 32%, rgba(230, 210, 170, 0.82) 50%, rgba(201, 162, 39, 0.66) 68%, rgba(140, 110, 35, 0) 100%) !important;
    background-repeat: no-repeat !important;
    background-position: center center, center center, center center, center center, center center !important;
    background-size: 100% 20px, 100% 20px, 100% 1px, 90% 2px, 76% 3px !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.35) 6%, #000 14%, #000 86%, rgba(0, 0, 0, 0.35) 94%, transparent 100%) !important;
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.35) 6%, #000 14%, #000 86%, rgba(0, 0, 0, 0.35) 94%, transparent 100%) !important;
    box-shadow: none !important;
    filter:
      drop-shadow(0 0 8px rgba(255, 240, 210, 0.30))
      drop-shadow(0 0 18px rgba(212, 175, 95, 0.34)) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator::after{
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 30px !important;
    height: 26px !important;
    transform: translate3d(-50%, -50%, 0) !important;
    display: block !important;
    background: url("/ow_userfiles/themes/rp_separator_heart_premium.png") center center / contain no-repeat !important;
    -webkit-mask: none !important;
    mask: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
    filter:
      drop-shadow(0 0 1px rgba(255, 238, 198, 0.72))
      drop-shadow(0 0 10px rgba(232, 200, 140, 0.52))
      drop-shadow(0 2px 8px rgba(0, 0, 0, 0.70)) !important;
  }

  html body.rp-hero-staging-active .ow_footer,
  html body.rp-hero-staging-active .ow_footer .ow_canvas,
  html body.rp-hero-staging-active .ow_footer .ow_page{
    background:
      linear-gradient(180deg, rgba(248, 241, 228, 0.98) 0%, rgba(237, 226, 207, 0.98) 56%, rgba(224, 208, 184, 0.98) 100%) !important;
    color: #2f241b !important;
    text-align: center !important;
  }

  html body.rp-hero-staging-active .ow_footer{
    border-top: 1px solid rgba(126, 90, 46, 0.34) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 252, 245, 0.78),
      0 -22px 42px rgba(0, 0, 0, 0.22) !important;
  }

  html body.rp-hero-staging-active .ow_footer a,
  html body.rp-hero-staging-active .ow_footer .ow_copyright,
  html body.rp-hero-staging-active .ow_footer .rp-footer-company,
  html body.rp-hero-staging-active .ow_footer .rp-footer-payments-title{
    color: #2f241b !important;
    opacity: 1 !important;
    text-shadow: 0 1px 0 rgba(255, 252, 245, 0.62) !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_wrap,
  html body.rp-hero-staging-active.base_profile_page .profile-BASE_CMP_AboutMeWidget > .ow_box_empty,
  html body.rp-hero-staging-active.base_profile_page .profile-BASE_CMP_UserViewWidget > .ow_box_empty,
  html body.rp-hero-staging-active.base_profile_page .user_profile_data_table .data_table{
    border: 1px solid rgba(232, 200, 140, 0.22) !important;
    border-radius: 22px !important;
    background:
      radial-gradient(ellipse 90% 50% at 50% 0%, rgba(232, 200, 140, 0.09) 0%, transparent 70%),
      linear-gradient(180deg, rgba(30, 28, 28, 0.92) 0%, rgba(10, 9, 9, 0.94) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.08),
      0 16px 34px rgba(0, 0, 0, 0.34) !important;
    overflow: hidden !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_cont_wrap,
  html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_cont,
  html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_avatar,
  html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_toolbox{
    background: transparent !important;
    border-color: transparent !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_avatar_console,
  html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_avatar_image{
    border: 1px solid rgba(232, 200, 140, 0.36) !important;
    border-radius: 18px !important;
    box-shadow:
      0 0 0 1px rgba(255, 246, 224, 0.06),
      0 12px 26px rgba(0, 0, 0, 0.35) !important;
    overflow: hidden !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_display_name,
  html body.rp-hero-staging-active.base_profile_page .rp_profile_section_title,
  html body.rp-hero-staging-active.base_profile_page .user_profile_data_table td.ow_value,
  html body.rp-hero-staging-active.base_profile_page .user_profile_data_table .ow_field_eye{
    color: #fff3d4 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.72) !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_lbutton,
  html body.rp-hero-staging-active.base_profile_page .rp_profile_header_edit,
  html body.rp-hero-staging-active.base_profile_page .ow_context_action_value,
  html body.rp-hero-staging-active.base_profile_page .ow_context_more{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(232, 200, 140, 0.38) !important;
    background:
      linear-gradient(180deg, rgba(56, 52, 54, 0.92) 0%, rgba(28, 27, 30, 0.96) 100%) !important;
    color: #fff1cf !important;
    box-shadow: inset 0 1px 0 rgba(255, 246, 224, 0.10) !important;
  }

  html body.rp-hero-staging-active.base_profile_page textarea,
  html body.rp-hero-staging-active.base_profile_page input[type="text"],
  html body.rp-hero-staging-active.base_profile_page select{
    border: 1px solid rgba(232, 200, 140, 0.26) !important;
    border-radius: 16px !important;
    background-color: rgba(18, 17, 18, 0.72) !important;
    color: #fff3d4 !important;
    box-shadow: inset 0 1px 0 rgba(255, 246, 224, 0.08) !important;
  }

  html body.rp-hero-staging-active.base_profile_page .user_profile_data_table tr:not(.ow_tr_first){
    border: 1px solid rgba(232, 200, 140, 0.16) !important;
    border-radius: 16px !important;
    background:
      linear-gradient(180deg, rgba(42, 40, 44, 0.88) 0%, rgba(24, 23, 27, 0.94) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 246, 224, 0.06) !important;
  }

  html body.rp-hero-staging-active.base_profile_page .user_profile_data_table td.ow_label{
    color: rgba(232, 200, 140, 0.88) !important;
  }

  html body.rp-hero-staging-active.matchmaking_matches .ow_sort_control,
  html body.rp-hero-staging-active.matchmaking_matches .ow_ulist_big_item_cont{
    border: 1px solid rgba(232, 200, 140, 0.22) !important;
    background:
      radial-gradient(ellipse 75% 58% at 50% 0%, rgba(232, 200, 140, 0.08) 0%, transparent 70%),
      linear-gradient(180deg, rgba(38, 37, 41, 0.92) 0%, rgba(20, 19, 22, 0.96) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.07),
      0 14px 30px rgba(0, 0, 0, 0.30) !important;
  }

  html body.rp-hero-staging-active.matchmaking_matches .ow_ulist_big_item_cont{
    border-radius: 22px !important;
  }

  html body.rp-hero-staging-active.matchmaking_matches .ow_sort_control{
    border-radius: 22px !important;
  }

  html body.rp-hero-staging-active.matchmaking_matches .ow_sort_control a,
  html body.rp-hero-staging-active.matchmaking_matches .ow_ulist_big_info_name,
  html body.rp-hero-staging-active.matchmaking_matches .ow_ulist_big_info a{
    color: #fff3d4 !important;
  }

  html body.rp-hero-staging-active.matchmaking_matches .ow_sort_control a.active,
  html body.rp-hero-staging-active.matchmaking_matches .ow_ulist_big_compatibility{
    color: #f0bd87 !important;
    font-weight: 700 !important;
  }

  html body.rp-hero-staging-active.matchmaking_matches .ow_ulist_big_avatar,
  html body.rp-hero-staging-active.matchmaking_matches .ow_ulist_big_avatar img{
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .hotlist a[href="javascript://"]{
    min-height: 54px !important;
    min-width: min(300px, 82vw) !important;
    border-color: rgba(232, 200, 140, 0.48) !important;
    background:
      radial-gradient(ellipse 80% 100% at 50% 0%, rgba(255, 246, 224, 0.12) 0%, transparent 58%),
      linear-gradient(180deg, rgba(61, 58, 64, 0.96) 0%, rgba(35, 34, 40, 0.98) 100%) !important;
    color: #fff6df !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.16),
      0 15px 30px rgba(0, 0, 0, 0.36),
      0 0 18px rgba(232, 200, 140, 0.12) !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_content_menu,
  html body.rp-hero-staging-active.hero-credits .ow_content_menu{
    border: 1px solid rgba(232, 200, 140, 0.22) !important;
    border-radius: 22px !important;
    background:
      linear-gradient(180deg, rgba(50, 49, 53, 0.90) 0%, rgba(31, 30, 34, 0.96) 100%) !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_content_menu li.active a,
  html body.rp-hero-staging-active.credits_vip .ow_content_menu li.ow_active a,
  html body.rp-hero-staging-active.hero-credits .ow_content_menu li.active a,
  html body.rp-hero-staging-active.hero-credits .ow_content_menu li.ow_active a{
    border-color: rgba(232, 200, 140, 0.46) !important;
    background:
      linear-gradient(180deg, rgba(74, 70, 62, 0.76) 0%, rgba(37, 35, 34, 0.88) 100%) !important;
    color: #ffe7ad !important;
  }

  html body.rp-hero-staging-active.credits_vip form[name="buy-credits-form"] span.ow_button,
  html body.rp-hero-staging-active.credits_vip form[name="buy-credits-form"] span.ow_button input,
  html body.rp-hero-staging-active.hero-credits form[name="buy-credits-form"] span.ow_button,
  html body.rp-hero-staging-active.hero-credits form[name="buy-credits-form"] span.ow_button input{
    min-width: min(250px, 76vw) !important;
    min-height: 52px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 225, 160, 0.68) !important;
    background:
      linear-gradient(180deg, rgba(239, 213, 154, 0.98) 0%, rgba(191, 156, 87, 0.98) 100%) !important;
    color: #17120c !important;
    font-weight: 800 !important;
    letter-spacing: 0.11em !important;
    text-shadow: 0 1px 0 rgba(255, 247, 220, 0.46) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 250, 234, 0.34),
      0 15px 30px rgba(0, 0, 0, 0.34),
      0 0 22px rgba(232, 200, 140, 0.20) !important;
  }
}

/* =========================================================
   RP_MOBILE_USER_FEEDBACK_TRUE_FINAL_V1
   Sista mobiloverride: desktop-separator, footer, profil, dating, hotlist, credits.
   ========================================================= */
@media (max-width: 900px){
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator::before{
    content: "" !important;
    position: absolute !important;
    left: 5% !important;
    right: 5% !important;
    top: 50% !important;
    height: 20px !important;
    transform: translateY(-50%) !important;
    background-color: transparent !important;
    background-image:
      radial-gradient(ellipse 12% 260% at 50% 50%, rgba(122, 18, 52, 0.20) 0%, transparent 72%),
      radial-gradient(ellipse 34% 300% at 50% 50%, rgba(255, 236, 196, 0.26) 0%, transparent 74%),
      linear-gradient(90deg, rgba(201, 162, 39, 0) 0%, rgba(255, 246, 227, 0.18) 13%, rgba(255, 250, 238, 0.92) 50%, rgba(255, 246, 227, 0.18) 87%, rgba(201, 162, 39, 0) 100%),
      linear-gradient(90deg, rgba(180, 140, 50, 0) 0%, rgba(232, 200, 140, 0.78) 18%, rgba(245, 228, 190, 0.94) 50%, rgba(232, 200, 140, 0.78) 82%, rgba(180, 140, 50, 0) 100%),
      linear-gradient(90deg, rgba(140, 110, 35, 0) 0%, rgba(201, 162, 39, 0.66) 32%, rgba(230, 210, 170, 0.82) 50%, rgba(201, 162, 39, 0.66) 68%, rgba(140, 110, 35, 0) 100%) !important;
    background-repeat: no-repeat !important;
    background-position: center center, center center, center center, center center, center center !important;
    background-size: 100% 20px, 100% 20px, 100% 1px, 90% 2px, 76% 3px !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.35) 6%, #000 14%, #000 86%, rgba(0, 0, 0, 0.35) 94%, transparent 100%) !important;
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.35) 6%, #000 14%, #000 86%, rgba(0, 0, 0, 0.35) 94%, transparent 100%) !important;
    box-shadow: none !important;
    filter:
      drop-shadow(0 0 8px rgba(255, 240, 210, 0.30))
      drop-shadow(0 0 18px rgba(212, 175, 95, 0.34)) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator::after{
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 30px !important;
    height: 26px !important;
    transform: translate3d(-50%, -50%, 0) !important;
    display: block !important;
    background: url("/ow_userfiles/themes/rp_separator_heart_premium.png") center center / contain no-repeat !important;
    -webkit-mask: none !important;
    mask: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
    filter:
      drop-shadow(0 0 1px rgba(255, 238, 198, 0.72))
      drop-shadow(0 0 10px rgba(232, 200, 140, 0.52))
      drop-shadow(0 2px 8px rgba(0, 0, 0, 0.70)) !important;
  }

  html body.rp-hero-staging-active .ow_footer{
    background:
      linear-gradient(180deg, rgba(248, 241, 228, 0.98) 0%, rgba(237, 226, 207, 0.98) 56%, rgba(224, 208, 184, 0.98) 100%) !important;
    border-top: 1px solid rgba(126, 90, 46, 0.34) !important;
    color: #2f241b !important;
    text-align: center !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 252, 245, 0.78),
      0 -22px 42px rgba(0, 0, 0, 0.22) !important;
  }

  html body.rp-hero-staging-active .ow_footer .ow_canvas,
  html body.rp-hero-staging-active .ow_footer .ow_page{
    background: transparent !important;
    color: #2f241b !important;
  }

  html body.rp-hero-staging-active .ow_footer a,
  html body.rp-hero-staging-active .ow_footer .ow_copyright,
  html body.rp-hero-staging-active .ow_footer .rp-footer-company,
  html body.rp-hero-staging-active .ow_footer .rp-footer-payments-title{
    color: #2f241b !important;
    opacity: 1 !important;
    text-shadow: 0 1px 0 rgba(255, 252, 245, 0.62) !important;
  }

  html body.rp-hero-staging-active .ow_footer .ow_footer_menu{
    padding: 10px 10px 18px !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
  }

  html body.rp-hero-staging-active .ow_footer .rp-footer-payments-logos img{
    filter: none !important;
    opacity: 1 !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_wrap,
  html body.rp-hero-staging-active.base_profile_page .profile-BASE_CMP_AboutMeWidget > .ow_box_empty,
  html body.rp-hero-staging-active.base_profile_page .profile-BASE_CMP_UserViewWidget > .ow_box_empty,
  html body.rp-hero-staging-active.base_profile_page .user_profile_data_table .data_table{
    border: 1px solid rgba(232, 200, 140, 0.22) !important;
    border-radius: 22px !important;
    background:
      radial-gradient(ellipse 90% 50% at 50% 0%, rgba(232, 200, 140, 0.09) 0%, transparent 70%),
      linear-gradient(180deg, rgba(30, 28, 28, 0.92) 0%, rgba(10, 9, 9, 0.94) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.08),
      0 16px 34px rgba(0, 0, 0, 0.34) !important;
    overflow: hidden !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_cont_wrap,
  html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_cont,
  html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_avatar,
  html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_toolbox{
    background: transparent !important;
    border-color: transparent !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_avatar_console,
  html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_avatar_image{
    border: 1px solid rgba(232, 200, 140, 0.36) !important;
    border-radius: 18px !important;
    box-shadow:
      0 0 0 1px rgba(255, 246, 224, 0.06),
      0 12px 26px rgba(0, 0, 0, 0.35) !important;
    overflow: hidden !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_display_name,
  html body.rp-hero-staging-active.base_profile_page .rp_profile_section_title{
    color: #fff3d4 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.82) !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_lbutton,
  html body.rp-hero-staging-active.base_profile_page .rp_profile_header_edit,
  html body.rp-hero-staging-active.base_profile_page .ow_context_action_value,
  html body.rp-hero-staging-active.base_profile_page .ow_context_more{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(232, 200, 140, 0.38) !important;
    background:
      linear-gradient(180deg, rgba(56, 52, 54, 0.92) 0%, rgba(28, 27, 30, 0.96) 100%) !important;
    color: #fff1cf !important;
    box-shadow: inset 0 1px 0 rgba(255, 246, 224, 0.10) !important;
  }

  html body.rp-hero-staging-active.base_profile_page textarea,
  html body.rp-hero-staging-active.base_profile_page input[type="text"],
  html body.rp-hero-staging-active.base_profile_page select{
    border: 1px solid rgba(232, 200, 140, 0.26) !important;
    border-radius: 16px !important;
    background-color: rgba(18, 17, 18, 0.72) !important;
    color: #fff3d4 !important;
    box-shadow: inset 0 1px 0 rgba(255, 246, 224, 0.08) !important;
  }

  html body.rp-hero-staging-active.base_profile_page .user_profile_data_table tr:not(.ow_tr_first){
    border: 1px solid rgba(232, 200, 140, 0.16) !important;
    border-radius: 16px !important;
    background:
      linear-gradient(180deg, rgba(42, 40, 44, 0.88) 0%, rgba(24, 23, 27, 0.94) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 246, 224, 0.06) !important;
  }

  html body.rp-hero-staging-active.base_profile_page .user_profile_data_table td.ow_label{
    color: rgba(232, 200, 140, 0.88) !important;
  }

  html body.rp-hero-staging-active.base_profile_page .user_profile_data_table td.ow_value,
  html body.rp-hero-staging-active.base_profile_page .user_profile_data_table .ow_field_eye{
    color: #f7ead4 !important;
  }

  html body.rp-hero-staging-active.matchmaking_matches .ow_sort_control{
    border: 1px solid rgba(232, 200, 140, 0.22) !important;
    border-radius: 22px !important;
    background:
      linear-gradient(180deg, rgba(43, 42, 46, 0.92) 0%, rgba(24, 23, 27, 0.96) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.08),
      0 12px 26px rgba(0, 0, 0, 0.26) !important;
  }

  html body.rp-hero-staging-active.matchmaking_matches .ow_sort_control a{
    border-radius: 999px !important;
    color: #f6ead4 !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
  }

  html body.rp-hero-staging-active.matchmaking_matches .ow_sort_control a.active{
    color: #ffe3a3 !important;
    text-shadow: 0 0 12px rgba(232, 200, 140, 0.24) !important;
  }

  html body.rp-hero-staging-active.matchmaking_matches .ow_ulist_big_item_cont{
    border: 1px solid rgba(232, 200, 140, 0.20) !important;
    border-radius: 22px !important;
    background:
      radial-gradient(ellipse 75% 58% at 50% 0%, rgba(232, 200, 140, 0.08) 0%, transparent 70%),
      linear-gradient(180deg, rgba(38, 37, 41, 0.92) 0%, rgba(20, 19, 22, 0.96) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.07),
      0 14px 30px rgba(0, 0, 0, 0.30) !important;
  }

  html body.rp-hero-staging-active.matchmaking_matches .ow_ulist_big_avatar,
  html body.rp-hero-staging-active.matchmaking_matches .ow_ulist_big_avatar img{
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  html body.rp-hero-staging-active.matchmaking_matches .ow_ulist_big_info_name,
  html body.rp-hero-staging-active.matchmaking_matches .ow_ulist_big_info a{
    color: #fff3d4 !important;
  }

  html body.rp-hero-staging-active.matchmaking_matches .ow_ulist_big_compatibility{
    color: #f0bd87 !important;
    font-weight: 700 !important;
  }

  html body.rp-hero-staging-active.matchmaking_matches .ow_paging a,
  html body.rp-hero-staging-active.matchmaking_matches .ow_paging span{
    border-radius: 999px !important;
    border: 1px solid rgba(232, 200, 140, 0.24) !important;
    background:
      linear-gradient(180deg, rgba(44, 41, 42, 0.92) 0%, rgba(22, 20, 20, 0.96) 100%) !important;
    color: #fff1cf !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .hotlist a[href="javascript://"]{
    min-height: 54px !important;
    min-width: min(300px, 82vw) !important;
    border-color: rgba(232, 200, 140, 0.48) !important;
    background:
      radial-gradient(ellipse 80% 100% at 50% 0%, rgba(255, 246, 224, 0.12) 0%, transparent 58%),
      linear-gradient(180deg, rgba(61, 58, 64, 0.96) 0%, rgba(35, 34, 40, 0.98) 100%) !important;
    color: #fff6df !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.16),
      0 15px 30px rgba(0, 0, 0, 0.36),
      0 0 18px rgba(232, 200, 140, 0.12) !important;
  }

  html body.rp-hero-staging-active .floatbox_canvas .floatbox_container{
    border-radius: 24px !important;
    border: 1px solid rgba(232, 200, 140, 0.28) !important;
    background:
      radial-gradient(ellipse 80% 44% at 50% 0%, rgba(232, 200, 140, 0.11) 0%, transparent 68%),
      linear-gradient(180deg, rgba(48, 47, 50, 0.98) 0%, rgba(32, 31, 34, 0.99) 100%) !important;
    box-shadow: 0 24px 58px rgba(0, 0, 0, 0.60) !important;
  }

  html body.rp-hero-staging-active .floatbox_canvas .floatbox_title{
    color: #fff3d4 !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_content_menu,
  html body.rp-hero-staging-active.hero-credits .ow_content_menu{
    border: 1px solid rgba(232, 200, 140, 0.22) !important;
    border-radius: 22px !important;
    background:
      linear-gradient(180deg, rgba(50, 49, 53, 0.90) 0%, rgba(31, 30, 34, 0.96) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.08),
      0 14px 28px rgba(0, 0, 0, 0.28) !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_content_menu li a,
  html body.rp-hero-staging-active.hero-credits .ow_content_menu li a{
    border: 1px solid transparent !important;
    border-radius: 18px !important;
    color: #f6ead4 !important;
    background: transparent !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_content_menu li.active a,
  html body.rp-hero-staging-active.credits_vip .ow_content_menu li.ow_active a,
  html body.rp-hero-staging-active.hero-credits .ow_content_menu li.active a,
  html body.rp-hero-staging-active.hero-credits .ow_content_menu li.ow_active a{
    border-color: rgba(232, 200, 140, 0.46) !important;
    background:
      linear-gradient(180deg, rgba(74, 70, 62, 0.76) 0%, rgba(37, 35, 34, 0.88) 100%) !important;
    color: #ffe7ad !important;
    box-shadow: inset 0 1px 0 rgba(255, 246, 224, 0.12) !important;
  }

  html body.rp-hero-staging-active.credits_vip form[name="buy-credits-form"] span.ow_button,
  html body.rp-hero-staging-active.credits_vip form[name="buy-credits-form"] span.ow_button input,
  html body.rp-hero-staging-active.hero-credits form[name="buy-credits-form"] span.ow_button,
  html body.rp-hero-staging-active.hero-credits form[name="buy-credits-form"] span.ow_button input{
    min-width: min(250px, 76vw) !important;
    min-height: 52px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 225, 160, 0.68) !important;
    background:
      linear-gradient(180deg, rgba(239, 213, 154, 0.98) 0%, rgba(191, 156, 87, 0.98) 100%) !important;
    color: #17120c !important;
    font-weight: 800 !important;
    letter-spacing: 0.11em !important;
    text-shadow: 0 1px 0 rgba(255, 247, 220, 0.46) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 250, 234, 0.34),
      0 15px 30px rgba(0, 0, 0, 0.34),
      0 0 22px rgba(232, 200, 140, 0.20) !important;
  }
}

/* RP_TOUCH_MOBILE_FORCE_V1 — telefoner med bred layout-viewport ska också få mobilregler. */
@media (hover: none) and (pointer: coarse){
  html body.rp-mobile-nav-member:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio),
  html body.rp-mobile-nav-member:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_wrap,
  html body.rp-mobile-nav-member:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_padding,
  html body.rp-mobile-nav-member:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_canvas,
  html body.rp-mobile-nav-member:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page{
    background-color: #17120d !important;
    background-image:
      linear-gradient(180deg, rgba(12, 10, 9, 0.34) 0%, rgba(18, 13, 10, 0.18) 44%, rgba(14, 10, 8, 0.42) 100%),
      radial-gradient(ellipse 118% 34% at 50% 8%, rgba(255, 228, 174, 0.16) 0%, rgba(190, 129, 62, 0.08) 44%, transparent 80%),
      url("/ow_userfiles/themes/rp_premium_content_background_romantic_gold.png?v=touchmobile1") !important;
    background-position: center top, center top, center top !important;
    background-size: cover, cover, auto max(760px, 100vh) !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
  }

  html body.rp-mobile-nav-member:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page.ow_bg_color{
    width: auto !important;
    max-width: none !important;
    margin: 0 10px !important;
    padding: 0 !important;
  }

  html body.rp-mobile-nav-member:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_box:not(:has(.ow_user_membership--vip)),
  html body.rp-mobile-nav-member:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_box_empty,
  html body.rp-mobile-nav-member:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_table_1,
  html body.rp-mobile-nav-member:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_table_2,
  html body.rp-mobile-nav-member:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_table_3{
    background-color: rgba(18, 16, 15, 0.86) !important;
    background-image:
      linear-gradient(180deg, rgba(58, 48, 36, 0.24) 0%, rgba(12, 10, 9, 0.90) 100%) !important;
    border-color: rgba(224, 194, 131, 0.14) !important;
    border-radius: 16px !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.055),
      0 10px 22px rgba(0, 0, 0, 0.28) !important;
  }

  html body.rp-mobile-nav-member.hero-home.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_lp_avatars,
  html body.rp-mobile-nav-member.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .hotlist .hot_list_normal_item.ow_lp_avatars,
  html body.rp-mobile-nav-member.hero-home.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_lp_avatars{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px 10px !important;
    padding: 10px 6px 8px !important;
  }

  html body.rp-mobile-nav-member.hero-home.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_lp_avatars .ow_avatar,
  html body.rp-mobile-nav-member.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .hotlist .ow_lp_avatars .ow_avatar,
  html body.rp-mobile-nav-member.hero-home.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_lp_avatars .ow_avatar{
    width: clamp(58px, 18vw, 76px) !important;
    height: clamp(58px, 18vw, 76px) !important;
  }
}

/* =========================================================
   MOBIL — gemensamt (alla hero-flikar)
   ========================================================= */
@media (max-width: 900px){
  /*
   * RP_CONTENT_LAYER_V1 — hero isolerad; ambient på .ow_page.ow_bg_color (widget-yta).
   */
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio){
    --rp-content-bg-base: #13110e;
    --rp-content-seam: #141418;
    --rp-ambient-lights-url: url("/ow_userfiles/themes/rp_city_lights_bg.jpg?v=20260521c");
    --rp-ambient-bokeh-size: 128% auto;
    --rp-ambient-bokeh-pos: center -2%;
    /* Bildband + heromeny + separator i fixerad hero */
    --rp-hero-mobile-h: min(36dvh, 300px);
    --rp-hero-sep-gap-menu: 6px;
    --rp-hero-sep-band: 20px;
    --rp-hero-sep-diamond: 12px;
    --rp-hero-sticky-h: calc(var(--rp-hero-mobile-h) + var(--rp-hero-sep-gap-menu) + var(--rp-hero-sep-band));
    /* Pan på paret i panorama 1000×406 */
    --rp-hero-scene-pos: 74% 30%;
    /* 1 = fyller kort band; lägre = ännu mer utzoomad (kan ge rand). */
    --rp-hero-scene-scale: 1;
    /* Vertikal rytm: hero → luft → separator → luft → content */
    --rp-hero-blend-overlap: 32px;
    --rp-hero-menu-tail: 12px;
    /* Kompakta knappar för kort hero */
    --rp-hero-btn-h: 44px;
    --rp-hero-btn-gap-row: 8px;
    --rp-hero-btn-gap-col: 8px;
    --rp-sep-gap-above: 18px;
    --rp-sep-gap-below: 6px;
    --rp-sep-band: 20px;
    --rp-sep-canvas-top: calc(-1 * (var(--rp-sep-gap-above) + var(--rp-sep-band) + var(--rp-sep-gap-below)));
    --rp-sep-breath-below: 0px;
    /* Drar upp widgets mot separator — separator (::before/::after) på canvas oförändrad */
    --rp-content-pull-up: 26px;
    --rp-sep-logo: 14px;
  }

  /* Yttre wrapper: neutral — ingen ambient (annars bakom hero) */
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_wrap:not(.index_master_page) .ow_page_padding{
    position: relative !important;
    background-color: var(--rp-content-bg-base) !important;
    background-image: none !important;
    overflow: visible !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_wrap:not(.index_master_page) .ow_page_padding::before,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_wrap:not(.index_master_page) .ow_page_padding::after{
    content: none !important;
    display: none !important;
  }

  /* Hero = egen sluten sektion (täcker inte content-lager under) */
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header{
    isolation: isolate !important;
    z-index: 4 !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_wrap:not(.index_master_page) .ow_page_container,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_wrap:not(.index_master_page) .ow_page_container .ow_canvas{
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* Samma hero-scen på alla flikar (tills vidare) */
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page){
    --rp-hero-tab-pic-pos: var(--rp-hero-scene-pos, 74% 30%);
  }

  @media (prefers-reduced-motion: reduce){
    html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-viewport{
      --rp-hero-scene-scale: 1 !important;
      background-size: auto 100% !important;
    }
  }

  /* ----- Kort hero: topbar + bildband + meny (content syns tidigare) ----- */
  html body.rp-hero-staging-active.rp-mobile-nav-member:not(.base_index):not(.base_index_page){
    --rp-mobile-topbar-h: 48px;
  }

  html body.rp-hero-staging-active:not(.rp-mobile-nav-member):not(.base_index):not(.base_index_page){
    --rp-mobile-topbar-h: 50px;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_site_panel_wrap{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10090 !important;
    height: var(--rp-mobile-topbar-h) !important;
    min-height: var(--rp-mobile-topbar-h) !important;
    max-height: var(--rp-mobile-topbar-h) !important;
  }

  /*
   * RP_HERO_STICKY_MOBILE_V1 — hero + heromeny fixerad under topbar (som topbaren).
   */
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio){
    --rp-hero-sticky-top: var(--rp-mobile-topbar-h, 48px);
    --rp-hero-sticky-z: 10080;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_padding{
    padding-top: calc(var(--rp-hero-sticky-top) + var(--rp-hero-sticky-h)) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_header,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_header.clearfix{
    position: fixed !important;
    top: var(--rp-hero-sticky-top) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: var(--rp-hero-sticky-z, 10080) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    min-height: var(--rp-hero-sticky-h, min(36dvh, 326px)) !important;
    height: var(--rp-hero-sticky-h, min(36dvh, 326px)) !important;
    max-height: var(--rp-hero-sticky-h, min(36dvh, 326px)) !important;
    overflow: visible !important;
    background-color: #141418 !important;
    background-image: none !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header_pic_wrap{
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    position: relative !important;
    overflow: hidden !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header_pic{
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  /* Överstyr tema/darkshades fast höjd (406px) på mobil */
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header_pic,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_page_wrap:not(.index_master_page) .ow_header_pic,
  html body.rp-hero-staging-active.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_header_pic{
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header_pic{
    height: 100% !important;
    position: relative !important;
  }

  /*
   * RP_HERO_HEART_MOBILE_V1 — emblem i hero (rp_custom döljer det på inloggade sidor).
   */
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_page_wrap:not(.index_master_page) .ow_header_pic .rp-header-heart{
    display: block !important;
    visibility: visible !important;
    position: absolute !important;
    width: 38px !important;
    height: 38px !important;
    right: 10px !important;
    top: 8px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 18 !important;
    pointer-events: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-indent: -9999px !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    background-image: url(/ow_static/rp_header_heart_neutral.svg?v=20260417heart) !important;
    filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.35)) !important;
  }

  html body.rp-hero-staging-active.rp-heart-wine:not(.base_index):not(.base_index_page) .ow_page_wrap:not(.index_master_page) .ow_header_pic .rp-header-heart{
    background-image: url(/ow_static/rp_header_heart.svg?v=20260417heart) !important;
  }

  /*
   * RP_HERO_CINEMATIC_LUXE_V2 — tydlig aktiv flik + synlig (men subtil) luxury.
   */
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header::after{
    content: none !important;
    display: none !important;
  }

  /* RP_HERO_VIGNETTE_V4 — endast botten/top (ingen sidoskugga som kan likna blur) */
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header::before{
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background:
      radial-gradient(ellipse 118% 95% at 50% 38%, transparent 0%, transparent 58%, rgba(6, 6, 8, 0.18) 88%, rgba(4, 4, 6, 0.28) 100%),
      linear-gradient(180deg, rgba(4, 4, 6, 0.22) 0%, transparent 20%, transparent 74%, rgba(10, 9, 8, 0.18) 100%) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header_pic_wrap::after{
    content: none !important;
    display: none !important;
  }

  /* RP_HERO_MENU_SHORT_V1 — knappar skalade till kort hero */
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center{
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    flex: 0 0 auto !important;
    z-index: 24 !important;
    margin-top: auto !important;
    width: 100% !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 4px 8px 2px !important;
    isolation: isolate !important;
    overflow: visible !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center::before{
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 6% !important;
    right: 6% !important;
    bottom: 4px !important;
    height: calc(var(--rp-hero-btn-h, 44px) * 2 + var(--rp-hero-btn-gap-row, 8px) + 8px) !important;
    top: auto !important;
    pointer-events: none !important;
    z-index: 0 !important;
    opacity: 0.38 !important;
    background:
      radial-gradient(ellipse 58% 85% at 50% 100%, rgba(236, 218, 176, 0.16) 0%, transparent 68%) !important;
    filter: blur(22px) !important;
    transform: none !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center::after{
    content: none !important;
    display: none !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul{
    position: relative !important;
    z-index: 1 !important;
    row-gap: var(--rp-hero-btn-gap-row, 8px) !important;
    column-gap: var(--rp-hero-btn-gap-col, 8px) !important;
    gap: var(--rp-hero-btn-gap-row, 8px) var(--rp-hero-btn-gap-col, 8px) !important;
    padding: 0 6px !important;
    align-items: stretch !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li{
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    min-height: var(--rp-hero-btn-h, 44px) !important;
    transform: none !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.active::before,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.ow_active::before,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.current::before{
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: -3px !important;
    right: -3px !important;
    top: -4px !important;
    bottom: -4px !important;
    border-radius: 999px !important;
    pointer-events: none !important;
    z-index: 0 !important;
    background: radial-gradient(
      ellipse 82% 68% at 50% 42%,
      rgba(236, 218, 178, 0.26) 0%,
      rgba(224, 194, 131, 0.1) 45%,
      transparent 72%
    ) !important;
    filter: blur(10px) !important;
    opacity: 0.7 !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li > a{
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: var(--rp-hero-btn-h, 44px) !important;
    min-height: var(--rp-hero-btn-h, 44px) !important;
    max-height: var(--rp-hero-btn-h, 44px) !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(10, 10, 12, 0.52) !important;
    -webkit-backdrop-filter: blur(8px) saturate(1.04) !important;
    backdrop-filter: blur(8px) saturate(1.04) !important;
    border: 1px solid rgba(168, 148, 112, 0.22) !important;
    box-shadow:
      0 6px 16px rgba(0, 0, 0, 0.22),
      inset 0 1px 0 rgba(255, 246, 227, 0.05) !important;
    color: rgba(210, 200, 186, 0.8) !important;
    font-weight: 500 !important;
    font-size: clamp(10px, 2.65vw, 12px) !important;
    line-height: 1.12 !important;
    letter-spacing: 0.055em !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: normal !important;
    hyphens: none !important;
    overflow: hidden !important;
    text-shadow: none !important;
    text-decoration: none !important;
    transform: none !important;
  }

  /* Aktiv — upplyst med depth, inte lysande */
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.active > a,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.ow_active > a,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.current > a{
    transform: none !important;
    background: linear-gradient(
      168deg,
      rgba(62, 50, 32, 0.86) 0%,
      rgba(48, 40, 26, 0.9) 48%,
      rgba(34, 30, 20, 0.92) 100%
    ) !important;
    border: 1px solid rgba(228, 206, 158, 0.52) !important;
    box-shadow:
      0 8px 20px rgba(0, 0, 0, 0.32),
      inset 0 1px 0 rgba(255, 250, 240, 0.22),
      inset 0 -2px 6px rgba(0, 0, 0, 0.28) !important;
    color: #fff9ef !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li:not(.active):not(.ow_active):not(.current) > a:hover,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li:not(.active):not(.ow_active):not(.current) > a:focus{
    background: rgba(16, 15, 13, 0.62) !important;
    border-color: rgba(196, 174, 132, 0.28) !important;
    color: rgba(228, 218, 202, 0.88) !important;
  }

  /* =========================================================
     LOCKED BASELINE — rör ej: topbar, hero, hero-meny, separator, scroll.
     Endast content-bakgrund nedan (RP_CONTENT_AMBIENT_*).
     ========================================================= */

  /*
   * RP_CONTENT_AMBIENT_V6 — lyxig fortsättning från hero (silk + bokeh + värme).
   * Bakgrund på .ow_page; separator-padding utan texture.
   */
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_page_container{
    position: relative !important;
    z-index: 1 !important;
    isolation: isolate !important;
    margin-top: 0 !important;
    padding-top: 10px !important;
    overflow: visible !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_page_container .ow_canvas{
    position: relative !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_page.ow_bg_color{
    position: relative !important;
    z-index: 1 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    overflow: visible !important;
    background-color: var(--rp-content-bg-base) !important;
    background-image:
      linear-gradient(
        180deg,
        rgba(32, 22, 14, 0.42) 0%,
        rgba(24, 18, 13, 0.22) 8%,
        rgba(18, 15, 14, 0.1) 18%,
        transparent 34%
      ),
      radial-gradient(ellipse 95% 55% at 50% 100%, rgba(6, 5, 8, 0.42) 0%, transparent 58%),
      radial-gradient(ellipse 88% 42% at 14% 28%, rgba(212, 168, 95, 0.08) 0%, transparent 72%),
      radial-gradient(ellipse 82% 40% at 86% 32%, rgba(178, 98, 52, 0.07) 0%, transparent 70%),
      radial-gradient(ellipse 100% 50% at 50% 48%, rgba(160, 120, 70, 0.04) 0%, transparent 78%),
      linear-gradient(
        168deg,
        rgba(28, 18, 12, 0.16) 0%,
        rgba(14, 12, 16, 0.32) 58%,
        rgba(8, 7, 10, 0.4) 100%
      ),
      var(--rp-ambient-lights-url) !important;
    background-repeat: no-repeat !important;
    background-size:
      auto,
      auto,
      auto,
      auto,
      auto,
      auto,
      var(--rp-ambient-bokeh-size) !important;
    background-position:
      center top,
      center bottom,
      center 22%,
      center 26%,
      center 44%,
      center top,
      var(--rp-ambient-bokeh-pos) !important;
    background-origin: border-box !important;
    background-clip: border-box !important;
    background-attachment: scroll !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* Silk / amber-bloom — samma focalpunkt som hero (50% 38%) */
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_page.ow_bg_color::after{
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background:
      radial-gradient(ellipse 130% 52% at 50% -6%, rgba(255, 236, 200, 0.22) 0%, rgba(232, 190, 120, 0.1) 28%, transparent 68%),
      radial-gradient(ellipse 72% 38% at 22% 10%, rgba(245, 210, 150, 0.14) 0%, transparent 70%),
      radial-gradient(ellipse 68% 36% at 78% 14%, rgba(210, 140, 80, 0.11) 0%, transparent 68%),
      radial-gradient(ellipse 55% 30% at 8% 38%, rgba(200, 160, 90, 0.06) 0%, transparent 72%),
      radial-gradient(ellipse 52% 28% at 92% 44%, rgba(170, 90, 48, 0.05) 0%, transparent 70%),
      radial-gradient(ellipse 110% 65% at 50% 38%, transparent 0%, transparent 48%, rgba(8, 6, 10, 0.12) 88%, rgba(6, 5, 8, 0.22) 100%) !important;
    opacity: 0.94 !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_page.ow_bg_color > .ow_dragndrop_panel,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_page_wrap:not(.index_master_page) .ow_dragndrop_panel{
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_page.ow_bg_color > .ow_dragndrop_panel > .ow_dnd_widget:first-child > .ow_box_cap,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_page.ow_bg_color > .ow_dragndrop_panel > .ow_dnd_widget:first-child > .ow_box_cap_empty{
    margin: 0 10px 0 10px !important;
  }

  /*
   * RP_HERO_SEPARATOR_STAGING_V6 — canvas-separator av (se RP_HERO_SEPARATOR_GLOBAL_V2).
   */

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_page.ow_bg_color #place_sections{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) #place_sections .ow_dnd_widget:first-child > .ow_box_cap,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) #place_sections .ow_dnd_widget:first-child > .ow_box_cap_empty,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) #place_sections .ow_dnd_widget:first-child > .ow_box_cap.ow_dnd_configurable_component,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) #place_sections .ow_dnd_widget:first-child > .ow_box_cap_empty.ow_dnd_configurable_component,
  html body.rp-hero-staging-active.base_user_dashboard .ow_box_cap:has(+ .ow_box .ow_user_credits),
  html body.rp-hero-staging-active.base_user_dashboard .ow_box_cap:has(+ .ow_box .ow_gdpr_user_data),
  html body.rp-hero-staging-active.base_user_dashboard #place_sections .ow_dnd_widget.dashboard-USERCREDITS_CMP_MyCreditsWidget > .ow_box_cap,
  html body.rp-hero-staging-active.base_user_dashboard #place_sections .ow_dnd_widget.dashboard-GDPR_CMP_UserDataWidget > .ow_box_cap{
    display: none !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard #place_sections .ow_dnd_widget > .ow_box_cap.ow_dnd_configurable_component,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard #place_sections .ow_dnd_widget > .ow_box_cap_empty.ow_dnd_configurable_component{
    margin: 0 10px 0 10px !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_page.ow_bg_color > *{
    position: relative !important;
    z-index: 2 !important;
  }

  /* =========================================================
     HEM (dashboard) — profiler + Din data
     ========================================================= */
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_lp_avatars,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .ow_lp_avatars,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_lp_avatars{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px 14px !important;
    justify-items: center !important;
    padding: 10px 6px 14px !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_lp_avatars .ow_avatar,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .ow_lp_avatars .ow_avatar,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_lp_avatars .ow_avatar{
    width: 72px !important;
    height: 72px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    overflow: visible !important;
    border: 1px solid rgba(224, 194, 131, 0.28) !important;
    box-shadow:
      0 0 0 1px rgba(255, 240, 210, 0.05),
      0 12px 24px rgba(0, 0, 0, 0.35),
      0 0 16px rgba(212, 175, 95, 0.1) !important;
    background: rgba(18, 18, 22, 0.5) !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_lp_avatars .ow_avatar img,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .ow_lp_avatars .ow_avatar img,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_lp_avatars .ow_avatar img{
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    object-fit: cover !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_lp_avatars .ow_avatar:nth-child(n+9),
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .ow_lp_avatars .ow_avatar:nth-child(n+9),
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_lp_avatars .ow_avatar:nth-child(n+9){
    display: none !important;
  }

  /* BÖRJA DEJTA / Hot list — VISA ALLA höger som övriga knappar */
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_box_toolbar,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .ow_box_toolbar{
    float: none !important;
    text-align: right !important;
    margin-top: 14px !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_box_toolbar_cont,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .ow_box_toolbar_cont{
    display: flex !important;
    justify-content: flex-end !important;
    padding: 0 !important;
  }

  /* Din data — infosnutt: ren text, ingen legacy-ruta */
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_anno{
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: rgba(241, 232, 215, 0.78) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.02em !important;
    padding: 0 4px 14px 4px !important;
    margin: 0 0 14px 0 !important;
    text-align: left !important;
  }

  /*
   * RP_CONTENT_BG_DEBUG — aktiveras med ?rp_content_bg_debug=1
   * Visar vilken yta som har bakgrund (rör inte hero/topbar/meny).
   */
  html body.rp-hero-staging-active.rp-content-bg-debug:not(.base_index):not(.base_index_page) .ow_page_wrap:not(.index_master_page) .ow_page_padding{
    outline: 2px dashed rgba(56, 189, 248, 0.85) !important;
    outline-offset: -2px !important;
  }

  html body.rp-hero-staging-active.rp-content-bg-debug:not(.base_index):not(.base_index_page) .ow_page_container{
    outline: 2px dashed rgba(250, 204, 21, 0.75) !important;
    outline-offset: -2px !important;
    background: transparent !important;
  }

  html body.rp-hero-staging-active.rp-content-bg-debug:not(.base_index):not(.base_index_page) .ow_page_container .ow_canvas{
    outline: 1px dashed rgba(250, 204, 21, 0.35) !important;
    outline-offset: -1px !important;
  }

  html body.rp-hero-staging-active.rp-content-bg-debug:not(.base_index):not(.base_index_page) .ow_page.ow_bg_color{
    outline: 3px solid rgba(255, 79, 216, 0.95) !important;
    outline-offset: -3px !important;
    background-color: #120f14 !important;
    background-image:
      radial-gradient(circle at 18% 12%, rgba(255, 220, 150, 0.55) 0 3px, transparent 4px),
      radial-gradient(circle at 42% 8%, rgba(255, 200, 120, 0.45) 0 2px, transparent 3px),
      radial-gradient(circle at 68% 14%, rgba(255, 180, 100, 0.4) 0 2px, transparent 3px),
      radial-gradient(circle at 82% 6%, rgba(255, 210, 140, 0.35) 0 2px, transparent 3px),
      linear-gradient(rgba(14, 10, 16, 0.42), rgba(14, 10, 16, 0.52)),
      var(--rp-ambient-lights-url) !important;
    background-repeat: repeat, repeat, repeat, repeat, no-repeat, no-repeat !important;
    background-size:
      180px 140px,
      180px 140px,
      180px 140px,
      180px 140px,
      auto,
      100% auto !important;
    background-position:
      0 0,
      40px 20px,
      80px 0,
      120px 30px,
      center top,
      center top !important;
  }

  /*
   * RP_SEP_DRAW — se RP_HERO_SEPARATOR_GLOBAL_V2 (hero-separator).
   */

  /* Hamburger-drawer ovanför fixerad hero */
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-mobile-drawer-backdrop{
    z-index: 10140 !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-mobile-drawer{
    z-index: 10150 !important;
  }

  #rp-content-bg-debug-panel{
    position: fixed !important;
    left: 8px !important;
    bottom: 8px !important;
    z-index: 100100 !important;
    max-width: min(96vw, 340px) !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    background: rgba(8, 8, 12, 0.92) !important;
    border: 1px solid rgba(255, 79, 216, 0.6) !important;
    color: #f5f0e6 !important;
    font: 11px/1.45 ui-monospace, SFMono-Regular, Menlo, monospace !important;
    pointer-events: none !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
  }
}

/* =========================================================
   RP_MOBILE_MEMBER_TOPBAR_COMPACT_V1 (staging, sista ord)
   Endast vanlig inloggad medlem — inte admin. Klocka + språk lika stora.
   ========================================================= */
@media (max-width: 900px){
  html body.rp-hero-staging-active.rp-mobile-nav-member:not(.rp-mobile-nav-admin):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio):not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster{
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 8px !important;
    column-gap: 4px !important;
  }

  html body.rp-hero-staging-active.rp-mobile-nav-member:not(.rp-mobile-nav-admin):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio):not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster{
    gap: 6px !important;
    padding: 0 !important;
  }

  html body.rp-hero-staging-active.rp-mobile-nav-member:not(.rp-mobile-nav-admin):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio):not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_console_item{
    max-width: 40vw !important;
    padding: 0 2px !important;
  }

  html body.rp-hero-staging-active.rp-mobile-nav-member:not(.rp-mobile-nav-admin):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio):not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_console_item a.ow_console_item_link{
    font-size: 9px !important;
    letter-spacing: 0.05em !important;
    line-height: 1.15 !important;
  }

  html body.rp-hero-staging-active.rp-mobile-nav-member:not(.rp-mobile-nav-admin):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio):not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_console_item.ow_console_dropdown_hover{
    max-width: min(34vw, 128px) !important;
  }

  html body.rp-hero-staging-active.rp-mobile-nav-member:not(.rp-mobile-nav-admin):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio):not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_console_item.ow_console_dropdown_hover .ow_console_more{
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    margin-left: 2px !important;
    background-position: center 6px !important;
    background-size: 8px auto !important;
  }

  html body.rp-hero-staging-active.rp-mobile-nav-member:not(.rp-mobile-nav-admin):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio):not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions{
    gap: 6px !important;
    padding-left: 2px !important;
  }

  html body.rp-hero-staging-active.rp-mobile-nav-member:not(.rp-mobile-nav-admin):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio):not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions .ow_console_item.ow_notification_list,
  html body.rp-hero-staging-active.rp-mobile-nav-member:not(.rp-mobile-nav-admin):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio):not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions{
    overflow: visible !important;
  }

  html body.rp-hero-staging-active.rp-mobile-nav-member:not(.rp-mobile-nav-admin):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio):not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item:has(.ow_console_lang_item){
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(241, 232, 215, 0.62) !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #2a2a2f !important;
    cursor: pointer !important;
    z-index: 2 !important;
  }

  html body.rp-hero-staging-active.rp-mobile-nav-member:not(.rp-mobile-nav-admin):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio):not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item:has(.ow_console_lang_item) .OW_ConsoleItemContent{
    position: absolute !important;
    top: calc(100% + 4px) !important;
    left: auto !important;
    right: 0 !important;
    margin-top: 0 !important;
    z-index: 10100 !important;
    pointer-events: auto !important;
  }

  html body.rp-hero-staging-active.rp-mobile-nav-member:not(.rp-mobile-nav-admin):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio):not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions .ow_console_item.ow_notification_list > a.ow_console_item_link{
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.rp-hero-staging-active.rp-mobile-nav-member:not(.rp-mobile-nav-admin):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio):not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions .ow_console_item.ow_notification_list > a.ow_console_item_link::before{
    font-size: 14px !important;
    line-height: 32px !important;
  }

  html body.rp-hero-staging-active.rp-mobile-nav-member:not(.rp-mobile-nav-admin):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio):not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item:has(.ow_console_lang_item) > .ow_console_lang_item{
    width: 32px !important;
    height: 32px !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-content: center !important;
  }

  html body.rp-hero-staging-active.rp-mobile-nav-member:not(.rp-mobile-nav-admin):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio):not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item:has(.ow_console_lang_item) > .ow_console_lang_item > span{
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0 !important;
    line-height: 32px !important;
    color: transparent !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    background-position: center center !important;
    background-size: 18px auto !important;
    pointer-events: none !important;
  }

  html body.rp-hero-staging-active.rp-mobile-nav-member:not(.rp-mobile-nav-admin):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio):not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_count_bg,
  html body.rp-hero-staging-active.rp-mobile-nav-member:not(.rp-mobile-nav-admin):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio):not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions .ow_count_bg,
  html body.rp-hero-staging-active.rp-mobile-nav-member:not(.rp-mobile-nav-admin):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio):not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .OW_ConsoleItemCounterPlace,
  html body.rp-hero-staging-active.rp-mobile-nav-member:not(.rp-mobile-nav-admin):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio):not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions .OW_ConsoleItemCounterPlace{
    min-width: 17px !important;
    min-height: 17px !important;
    transform: scale(0.9) !important;
  }

  html body.rp-hero-staging-active.rp-mobile-nav-member:not(.rp-mobile-nav-admin):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio):not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions .ow_console_item.ow_notification_list .ow_count_wrap{
    top: -4px !important;
    right: -5px !important;
    transform: scale(0.88) !important;
  }
}

/* =========================================================
   STAGING DESKTOP (≥901px) — innehåll full bredd, hero-meny,
   separator-ritning, BÖRJA DEJTA som mobil.
   Gäller endast body.rp-hero-staging-active.
   ========================================================= */
@media (min-width: 901px){
  /*
   * RP_DESKTOP_HERO_LAYERS_V1 — samma princip som mobil (rad 11–53):
   * ett bildlager (.rp-hero-viewport), inga bakgrunder på wrap/pic/header-tema.
   */
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header_pic_wrap,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header_pic{
    background-image: none !important;
    background-color: transparent !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-staging-bg,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-staging-bg-blur,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-staging-bg-sharp{
    display: none !important;
  }

  /* rp_custom: fade-lager ovanpå bilden (fanns kvar på desktop — orsakade “lager-trassel”) */
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header::before,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header::after,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header_pic_wrap::before,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header_pic_wrap::after{
    content: none !important;
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /*
   * RP_DESKTOP_HERO_SCENE_V6 — panorama 1000×406, INGEN cover.
   * Viewport = hela hero t.o.m. separator; knappar ligger ovanpå (z-index).
   */
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-viewport{
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: calc(var(--rp-hero-sep-gap-menu, 10px) + var(--rp-hero-sep-band, 20px)) !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background-color: #141418 !important;
    background-repeat: no-repeat !important;
    background-size: calc(100% * var(--rp-hero-desktop-scene-scale, 0.64)) auto !important;
    background-position: var(--rp-hero-tab-pic-pos, 118% 10%) !important;
    filter: contrast(1.05) saturate(1.03) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header_pic_wrap{
    display: none !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center{
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    transform: none !important;
    z-index: 24 !important;
  }

  /*
   * RP_HERO_SHORT_DESKTOP_V2 — scen (bild+meny) + separator = sticky-h.
   * LÅST 2026-05-23 — rör inte (godkänd topp bar→separator).
   */
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio){
    --rp-hero-desktop-btn-h: 70px;
    --rp-hero-desktop-menu-lift: 10px;
    --rp-hero-desktop-scene-scale: 0.64;
    /* Lägre slice = kortare hero (hakor: justera Y%, inte cover). */
    --rp-hero-desktop-scene-slice: 126px;
    --rp-hero-desktop-menu-h: calc(var(--rp-hero-desktop-btn-h) + 12px);
    /* Symmetri: knappar→guldlinje = separator→innehåll; widget-gap under. */
    --rp-hero-sep-gap-menu: 28px;
    --rp-hero-blend-overlap: var(--rp-hero-sep-gap-menu);
    --rp-hero-content-widget-gap: 24px;
    --rp-hero-content-bottom-pad: 28px;
    /* Pan: högre X% = paret höger; högre Y% = paret upp (undvik klipp haka). */
    --rp-hero-scene-pos: 118% 10%;
    --rp-hero-tab-pic-pos: 118% 10%;
    --rp-hero-sep-band: 20px;
    --rp-hero-sep-diamond: 13px;
    --rp-hero-sticky-h: calc(
      var(--rp-hero-desktop-scene-slice) + var(--rp-hero-desktop-menu-h) +
      var(--rp-hero-sep-gap-menu) + var(--rp-hero-sep-band)
    );
    --rp-hero-menu-tail: 4px;
  }

  /*
   * RP_HERO_STICKY_DESKTOP_V1 — topbar + hero fixerade (samma mönster som mobil).
   */
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio){
    --rp-desktop-topbar-h: 50px;
    --rp-hero-sticky-top: var(--rp-desktop-topbar-h, 50px);
    --rp-hero-sticky-z: 10080;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_site_panel_wrap{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10090 !important;
    height: var(--rp-desktop-topbar-h, 50px) !important;
    min-height: var(--rp-desktop-topbar-h, 50px) !important;
    max-height: var(--rp-desktop-topbar-h, 50px) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_padding{
    padding-top: 0 !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_container{
    margin-top: calc(var(--rp-hero-sticky-top) + var(--rp-hero-sticky-h)) !important;
    padding-top: 0 !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_site_panel_wrap{
    margin: 0 !important;
  }

  /* RP_HARD_FIX: margin-top 50px + position relative — ska inte gälla staging-hero */
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_page_wrap:not(.index_master_page) .ow_header,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_page_wrap:not(.index_master_page) .ow_header.clearfix{
    margin-top: 0 !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_header,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_header.clearfix{
    position: fixed !important;
    top: var(--rp-hero-sticky-top, 50px) !important;
    margin: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    z-index: var(--rp-hero-sticky-z, 10080) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: stretch !important;
    min-height: var(--rp-hero-sticky-h, 256px) !important;
    height: var(--rp-hero-sticky-h, 256px) !important;
    max-height: var(--rp-hero-sticky-h, 256px) !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background-image: none !important;
    background-color: #141418 !important;
    padding-top: 0 !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator{
    flex: 0 0 auto !important;
    position: relative !important;
    z-index: 24 !important;
    width: 100% !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_page_wrap:not(.index_master_page) .ow_header_pic .rp-header-heart{
    width: 40px !important;
    height: 40px !important;
    top: 10px !important;
    right: 12px !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_container{
    max-width: none !important;
    width: 100% !important;
    padding-left: clamp(20px, 3vw, 48px) !important;
    padding-right: clamp(20px, 3vw, 48px) !important;
    padding-bottom: var(--rp-hero-content-bottom-pad, 28px) !important;
    box-sizing: border-box !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_container .ow_canvas,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_container .ow_canvas .ow_page{
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Hero-meny desktop — kompakt till kort hero */
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center{
    position: relative !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    margin-top: 0 !important;
    padding: 0 clamp(20px, 3vw, 48px) 0 !important;
    isolation: isolate !important;
    overflow: visible !important;
    transform: translateY(calc(-1 * var(--rp-hero-desktop-menu-lift, 0px))) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center::before{
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 6% !important;
    right: 6% !important;
    bottom: 6px !important;
    height: var(--rp-hero-desktop-btn-h, 48px) !important;
    top: auto !important;
    pointer-events: none !important;
    z-index: 0 !important;
    opacity: 0.38 !important;
    background:
      radial-gradient(ellipse 58% 85% at 50% 100%, rgba(236, 218, 176, 0.16) 0%, transparent 68%) !important;
    filter: blur(22px) !important;
    transform: none !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center::after{
    content: none !important;
    display: none !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul{
    position: relative !important;
    z-index: 1 !important;
    max-width: none !important;
    gap: 10px 14px !important;
    row-gap: 10px !important;
    column-gap: 14px !important;
    padding: 0 6px !important;
    align-items: stretch !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li{
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    min-height: var(--rp-hero-desktop-btn-h, 48px) !important;
    transform: none !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.active::before,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.ow_active::before,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.current::before{
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: -3px !important;
    right: -3px !important;
    top: -4px !important;
    bottom: -4px !important;
    border-radius: 999px !important;
    pointer-events: none !important;
    z-index: 0 !important;
    background: radial-gradient(
      ellipse 82% 68% at 50% 42%,
      rgba(236, 218, 178, 0.26) 0%,
      rgba(224, 194, 131, 0.1) 45%,
      transparent 72%
    ) !important;
    filter: blur(10px) !important;
    opacity: 0.7 !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li > a{
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: var(--rp-hero-desktop-btn-h, 48px) !important;
    min-height: var(--rp-hero-desktop-btn-h, 48px) !important;
    max-height: var(--rp-hero-desktop-btn-h, 48px) !important;
    padding: 0 clamp(14px, 1.8vw, 26px) !important;
    border-radius: 999px !important;
    background: rgba(10, 10, 12, 0.52) !important;
    -webkit-backdrop-filter: blur(8px) saturate(1.04) !important;
    backdrop-filter: blur(8px) saturate(1.04) !important;
    border: 1px solid rgba(168, 148, 112, 0.22) !important;
    box-shadow:
      0 6px 16px rgba(0, 0, 0, 0.22),
      inset 0 1px 0 rgba(255, 246, 227, 0.05) !important;
    color: rgba(210, 200, 186, 0.8) !important;
    font-weight: 500 !important;
    font-size: clamp(15px, 1.05vw, 19px) !important;
    line-height: 1.1 !important;
    letter-spacing: 0.07em !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: normal !important;
    hyphens: none !important;
    overflow: hidden !important;
    text-shadow: none !important;
    text-decoration: none !important;
    transform: none !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.active > a,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.ow_active > a,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.current > a{
    transform: translateY(-1px) !important;
    background: linear-gradient(
      168deg,
      rgba(62, 50, 32, 0.86) 0%,
      rgba(48, 40, 26, 0.9) 48%,
      rgba(34, 30, 20, 0.92) 100%
    ) !important;
    border: 1px solid rgba(228, 206, 158, 0.52) !important;
    box-shadow:
      0 14px 32px rgba(0, 0, 0, 0.38),
      inset 0 2px 0 rgba(255, 250, 240, 0.26),
      inset 0 -3px 8px rgba(0, 0, 0, 0.34) !important;
    color: #fff9ef !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li:not(.active):not(.ow_active):not(.current) > a:hover,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li:not(.active):not(.ow_active):not(.current) > a:focus{
    background: rgba(16, 15, 13, 0.62) !important;
    border-color: rgba(196, 174, 132, 0.28) !important;
    color: rgba(228, 218, 202, 0.88) !important;
  }

  /* Dashboard — VISA ALLA / verktygsknappar (samma som mobil premium) */
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_box_toolbar_cont .ow_box_toolbar.ow_bl li a,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_box_toolbar_cont .ow_box_toolbar.ow_bl li a,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_box_toolbar span.ow_nowrap a{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(224, 194, 131, 0.22) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important;
    color: #2f2920 !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .hotlist_footer a{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(224, 194, 131, 0.22) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(65, 65, 70, 0.96) 0%, rgba(46, 46, 51, 0.99) 100%) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    color: #f2e5cb !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
  }

  /* HEM — BÖRJA DEJTA / Hot list / Bokmärken (2×8 rutor, staging) */
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_lp_avatars,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .hotlist .hot_list_normal_item.ow_lp_avatars,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_lp_avatars{
    display: grid !important;
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    gap: 22px 16px !important;
    justify-items: center !important;
    align-items: start !important;
    padding: 12px 8px 8px !important;
    text-align: center !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .hotlist .users_slideshow{
    display: contents !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_lp_avatars .ow_avatar,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .hotlist .ow_lp_avatars .ow_avatar,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_lp_avatars .ow_avatar{
    width: 96px !important;
    height: 96px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    overflow: visible !important;
    border: 2px solid rgba(228, 206, 158, 0.55) !important;
    box-shadow:
      0 0 0 1px rgba(255, 240, 210, 0.12),
      0 0 0 4px rgba(212, 175, 95, 0.14),
      0 0 22px rgba(212, 175, 95, 0.16),
      0 14px 28px rgba(0, 0, 0, 0.38) !important;
    background: rgba(18, 18, 22, 0.55) !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_lp_avatars .ow_avatar a,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .hotlist .ow_lp_avatars .ow_avatar a,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_lp_avatars .ow_avatar a{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    overflow: hidden !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_lp_avatars .ow_avatar img,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .hotlist .ow_lp_avatars .ow_avatar img,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_lp_avatars .ow_avatar img{
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    display: block !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_lp_avatars .ow_avatar:nth-child(n+17),
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .hotlist .ow_lp_avatars .ow_avatar:nth-child(n+17),
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_lp_avatars .ow_avatar:nth-child(n+17){
    display: none !important;
  }

  /* VISA ALLA ligger i .ow_box_toolbar_cont (ej i avatar-rutnätet) */
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_box_empty > .ow_box_toolbar_cont,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_box_empty > .ow_box_toolbar_cont{
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 10px 0 4px 0 !important;
    padding: 0 10px 6px 10px !important;
    box-sizing: border-box !important;
    text-align: right !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_box_toolbar_cont .ow_box_toolbar.ow_bl,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_box_toolbar_cont .ow_box_toolbar.ow_bl{
    float: none !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
    white-space: nowrap !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_box_toolbar_cont .ow_box_toolbar.ow_bl > li,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_box_toolbar_cont .ow_box_toolbar.ow_bl > li{
    float: none !important;
    margin: 0 !important;
    list-style: none !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .hotlist_footer{
    display: flex !important;
    justify-content: flex-end !important;
    width: 100% !important;
    text-align: right !important;
    margin-top: 12px !important;
    padding: 0 10px 6px 10px !important;
    visibility: visible !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .hotlist_footer a{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    margin: 0 !important;
  }

  /*
   * KREDITER (buy-credits-form) — kompakt kassa vid full sidbredd. VIP (subscribe-form) orörd.
   */
  html body.rp-hero-staging-active.credits_vip .ow_page .ow_wide.ow_automargin.ow_stdmargin:has(form[name='buy-credits-form']){
    max-width: 720px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page .ow_wide.ow_automargin:has(form[name='buy-credits-form']) .ow_box{
    max-width: 720px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page form[name='buy-credits-form']{
    display: block !important;
    width: 100% !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page form[name='buy-credits-form'] > div{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    max-width: 640px !important;
    margin: 0 auto !important;
    padding: 20px 22px 22px !important;
    box-sizing: border-box !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page form[name='buy-credits-form'] > div > .ow_smallmargin:first-child{
    width: 100% !important;
    margin: 0 !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page form[name='buy-credits-form'] ul,
  html body.rp-hero-staging-active.credits_vip .ow_page form[name='buy-credits-form'] ol{
    width: 100% !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page form[name='buy-credits-form'] li{
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(224, 194, 131, 0.12) !important;
    border-radius: 14px !important;
    margin-bottom: 10px !important;
    background: linear-gradient(180deg, rgba(42, 42, 46, 0.72) 0%, rgba(30, 30, 34, 0.88) 100%) !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page form[name='buy-credits-form'] li:first-child{
    border-top: 1px solid rgba(224, 194, 131, 0.12) !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page form[name='buy-credits-form'] .clearfix{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-top: 18px !important;
    padding-top: 18px !important;
    border-top: 1px solid rgba(224, 194, 131, 0.14) !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page form[name='buy-credits-form'] .ow_right{
    float: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page form[name='buy-credits-form'] span.ow_button{
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page form[name='buy-credits-form'] span.ow_button > span,
  html body.rp-hero-staging-active.credits_vip .ow_page form[name='buy-credits-form'] span.ow_button input{
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    border-radius: 14px !important;
  }

  /*
   * KREDITER/VIP desktop — smalare kolumn + större text (VIP-tabell + krediter).
   */
  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color{
    font-size: 16px !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page .ow_content_menu_wrap:not(:has(.ow_sort_control)){
    max-width: 860px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page .ow_wide.ow_automargin.ow_stdmargin:has(form[name='subscribe-form']),
  html body.rp-hero-staging-active.credits_vip .ow_page form[name='subscribe-form'] .ow_automargin.ow_superwide{
    max-width: 860px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table{
    font-size: 15px !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table th,
  html body.rp-hero-staging-active.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table td{
    font-size: 15px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table tr:first-child th{
    font-size: 14px !important;
    letter-spacing: 0.06em !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table td.ow_alt.ow_txtleft.ow_small{
    font-size: 15px !important;
    line-height: 1.45 !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page .ow_stdmargin:has(+ form[name='subscribe-form']),
  html body.rp-hero-staging-active.credits_vip .ow_page form[name='subscribe-form'] ~ .ow_smallmargin,
  html body.rp-hero-staging-active.credits_vip .ow_page > .ow_smallmargin{
    max-width: 860px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 15px !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page form[name='buy-credits-form'] > div{
    max-width: 680px !important;
    padding: 22px 24px 24px !important;
    font-size: 16px !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page form[name='buy-credits-form'] li{
    padding: 16px 18px !important;
    font-size: 16px !important;
  }
}

/* =========================================================
   RP_STAGING_VIP_MEMBERSHIP_CARD_SYNC_V1
   Samma MITT MEDLEMSKAP VIP-kort som live (rp_custom) på HEM + MIN PROFIL.
   ========================================================= */
html body.rp-hero-staging-active.base_user_dashboard .ow_box_cap:has(+ .ow_box .ow_user_membership),
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership) > .ow_box_cap,
html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box_cap,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership) > .ow_box_cap_empty,
html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box_cap_empty{
  display: none !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip),
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box,
html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box{
  position: relative !important;
  background:
    radial-gradient(ellipse 130% 95% at 50% -25%, rgba(232, 200, 140, 0.16) 0%, rgba(232, 200, 140, 0.05) 42%, transparent 78%),
    radial-gradient(ellipse 85% 55% at 50% 108%, rgba(180, 140, 60, 0.1) 0%, transparent 68%),
    linear-gradient(168deg, rgba(32, 28, 22, 0.99) 0%, rgba(14, 13, 11, 1) 42%, rgba(22, 19, 15, 0.99) 100%) !important;
  border: 1px solid rgba(232, 200, 140, 0.58) !important;
  border-radius: 22px !important;
  box-shadow:
    0 0 0 1px rgba(80, 62, 32, 0.45) inset,
    0 0 56px rgba(212, 175, 95, 0.18),
    0 28px 52px rgba(0, 0, 0, 0.52) !important;
  padding: 18px 16px 18px 16px !important;
  overflow: hidden !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip)::before,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box::before,
html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background: radial-gradient(
    ellipse 110% 85% at 50% -8%,
    rgba(255, 248, 230, 0.16) 0%,
    rgba(255, 248, 230, 0.05) 38%,
    transparent 72%
  ) !important;
  opacity: 1 !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip)::after,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box::after,
html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box::after{
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 50% !important;
  width: min(72%, 320px) !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg, transparent, rgba(232, 200, 140, 0.65), transparent) !important;
  pointer-events: none !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership) .ow_table_3,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership) > .ow_box .ow_table_3,
html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box .ow_table_3{
  display: none !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership) .ow_user_membership,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership) > .ow_box .ow_user_membership,
html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box .ow_user_membership{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_user_membership,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box .ow_user_membership,
html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_user_membership{
  gap: 4px !important;
  min-height: 108px !important;
  padding: 16px 12px !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_label,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box .ow_membership_label,
html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_label{
  font-size: 13px !important;
  letter-spacing: 2.4px !important;
  text-transform: uppercase !important;
  color: rgba(232, 200, 140, 0.78) !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_name,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box .ow_membership_name,
html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_name{
  color: #e4c88a !important;
  -webkit-text-fill-color: #e4c88a !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  font-weight: 100 !important;
  font-size: 54px !important;
  letter-spacing: 0.32em !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
  filter: none !important;
  text-shadow:
    0 0 48px rgba(212, 175, 95, 0.42),
    0 0 12px rgba(255, 248, 230, 0.22),
    0 3px 8px rgba(0, 0, 0, 0.55) !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_name::before,
html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_name::after,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box .ow_membership_name::before,
html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_name::before,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box .ow_membership_name::after,
html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_name::after{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  width: min(88%, 280px) !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg, transparent, rgba(232, 200, 140, 0.75), transparent) !important;
  pointer-events: none !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_name::before,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box .ow_membership_name::before,
html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_name::before{
  top: -4px !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_name::after,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box .ow_membership_name::after,
html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_name::after{
  bottom: 0 !important;
  width: min(62%, 200px) !important;
  opacity: 0.85 !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_expires,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box .ow_membership_expires,
html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_expires{
  margin: 14px 0 0 !important;
  padding: 8px 16px 9px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(232, 200, 140, 0.32) !important;
  background: linear-gradient(180deg, rgba(40, 36, 28, 0.72) 0%, rgba(22, 20, 16, 0.88) 100%) !important;
  box-shadow: 0 0 16px rgba(212, 175, 95, 0.08) inset !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_expires_label,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box .ow_membership_expires_label,
html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_expires_label{
  color: rgba(232, 200, 140, 0.72) !important;
  letter-spacing: 0.6px !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_date,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box .ow_membership_date,
html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_date{
  color: #fff4d4 !important;
  letter-spacing: 0.4px !important;
}

/* Staging — VIP-emblem (RP_AVATAR_ROLE_BADGES_LUXURY_V3, förstärkt synlighet) */
html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_lp_avatars .ow_avatar_label.rp-avatar-label-vip,
html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .ow_lp_avatars .ow_avatar_label.rp-avatar-label-vip,
html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_lp_avatars .ow_avatar_label.rp-avatar-label-vip{
  bottom: -8px !important;
  min-width: 74px !important;
  z-index: 6 !important;
}

html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_lp_avatars .ow_avatar:has(.rp-avatar-label-vip),
html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .ow_lp_avatars .ow_avatar:has(.rp-avatar-label-vip),
html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_lp_avatars .ow_avatar:has(.rp-avatar-label-vip){
  outline-width: 2px !important;
  outline-offset: 3px !important;
  box-shadow:
    0 0 0 4px rgba(80, 62, 32, 0.42),
    0 0 40px rgba(212, 175, 95, 0.52),
    0 16px 32px rgba(0, 0, 0, 0.5) !important;
}

html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_lp_avatars .ow_avatar_label.rp-avatar-label-free,
html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .ow_lp_avatars .ow_avatar_label.rp-avatar-label-free,
html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_lp_avatars .ow_avatar_label.rp-avatar-label-free{
  min-width: 48px !important;
  padding: 4px 10px 3px !important;
  font-size: 10px !important;
}

/* Staging — VIP-kort LUXURY_V2 (inner ram, shimmer, diamant) */
html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_user_membership,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box .ow_user_membership,
html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_user_membership{
  margin-top: 6px !important;
  padding: 18px 14px 16px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(212, 175, 95, 0.38) !important;
  background:
    radial-gradient(ellipse 90% 70% at 50% 0%, rgba(232, 200, 140, 0.12) 0%, transparent 62%),
    linear-gradient(180deg, rgba(26, 24, 20, 0.22) 0%, rgba(10, 9, 8, 0.34) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 240, 210, 0.14),
    inset 0 -12px 28px rgba(0, 0, 0, 0.35) !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_user_membership::before,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box .ow_user_membership::before,
html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_user_membership::before{
  content: "" !important;
  position: absolute !important;
  top: -20px !important;
  left: 50% !important;
  width: 7px !important;
  height: 7px !important;
  margin-left: -3.5px !important;
  background: linear-gradient(135deg, #fff6e8 0%, #d4af37 55%, #a8842a 100%) !important;
  transform: rotate(45deg) !important;
  box-shadow: 0 0 14px rgba(212, 175, 95, 0.55) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* =========================================================
   RP_HERO_SEPARATOR_GLOBAL_V2 — en separator i heron (alla breakpoints).
   Döljer canvas/content-separator (ingen dubbel linje på mobil).
   ========================================================= */
html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_page_container::before,
html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_page_container::after,
html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_page_container .ow_canvas::before,
html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_page_container .ow_canvas::after{
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator{
  flex: 0 0 auto !important;
  position: relative !important;
  width: 100% !important;
  height: calc(var(--rp-hero-sep-gap-menu, 6px) + var(--rp-hero-sep-band, 20px)) !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 30 !important;
  pointer-events: none !important;
  isolation: isolate !important;
  overflow: visible !important;
}

html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator::before{
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: var(--rp-hero-sep-gap-menu, 6px) !important;
  height: var(--rp-hero-sep-band, 20px) !important;
  z-index: 1 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background-color: transparent !important;
  background-image:
    radial-gradient(ellipse 38% 280% at 50% 50%, rgba(232, 200, 140, 0.22) 0%, transparent 72%),
    linear-gradient(90deg, rgba(201, 162, 39, 0) 0%, rgba(255, 246, 227, 0.22) 14%, rgba(255, 250, 238, 0.88) 50%, rgba(255, 246, 227, 0.22) 86%, rgba(201, 162, 39, 0) 100%),
    linear-gradient(90deg, rgba(180, 140, 50, 0) 0%, rgba(232, 200, 140, 0.75) 18%, rgba(245, 228, 190, 0.92) 50%, rgba(232, 200, 140, 0.75) 82%, rgba(180, 140, 50, 0) 100%),
    linear-gradient(90deg, rgba(140, 110, 35, 0) 0%, rgba(201, 162, 39, 0.65) 32%, rgba(230, 210, 170, 0.8) 50%, rgba(201, 162, 39, 0.65) 68%, rgba(140, 110, 35, 0) 100%) !important;
  background-repeat: no-repeat !important;
  background-position: center center, center center, center center !important;
  background-size: 100% 1px, 90% 2px, 76% 3px !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.35) 6%, #000 14%, #000 86%, rgba(0, 0, 0, 0.35) 94%, transparent 100%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.35) 6%, #000 14%, #000 86%, rgba(0, 0, 0, 0.35) 94%, transparent 100%) !important;
  filter:
    drop-shadow(0 0 6px rgba(255, 240, 210, 0.35))
    drop-shadow(0 0 14px rgba(212, 175, 95, 0.28)) !important;
}

html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator::after{
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: calc(var(--rp-hero-sep-gap-menu, 6px) + (var(--rp-hero-sep-band, 20px) / 2)) !important;
  width: var(--rp-hero-sep-diamond, 12px) !important;
  height: var(--rp-hero-sep-diamond, 12px) !important;
  transform: translate3d(-50%, -50%, 0) rotate(45deg) !important;
  z-index: 2 !important;
  opacity: 1 !important;
  background: linear-gradient(145deg, #fff9ee 0%, #e8cf96 42%, #c9a227 100%) !important;
  border: 1px solid rgba(255, 248, 235, 0.75) !important;
  box-shadow:
    0 0 0 1px rgba(201, 162, 39, 0.28),
    0 0 12px rgba(255, 236, 200, 0.4),
    0 0 20px rgba(212, 175, 95, 0.32) !important;
  pointer-events: none !important;
}

html body.rp-hero-staging-active.rp-sep-draw:not(.base_index):not(.base_index_page){
  --rp-sep-draw-duration: 1.35s;
  --rp-sep-draw-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --rp-sep-diamond-delay: 0.78s;
}

@media (min-width: 901px){
  html body.rp-hero-staging-active.rp-sep-draw:not(.base_index):not(.base_index_page){
    --rp-sep-draw-duration: 2.75s;
    --rp-sep-draw-ease: cubic-bezier(0.19, 1, 0.22, 1);
    --rp-sep-diamond-delay: 2.1s;
  }
}

html body.rp-hero-staging-active.rp-sep-draw:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator.rp-sep-draw-wait::before{
  clip-path: inset(0 50% 0 50%) !important;
  transform: none !important;
  opacity: 0 !important;
}

html body.rp-hero-staging-active.rp-sep-draw:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator.rp-sep-draw-wait::after{
  opacity: 0 !important;
  transform: translate3d(-50%, -50%, 0) scale(0.2) rotate(45deg) !important;
}

html body.rp-hero-staging-active.rp-sep-draw:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator.rp-sep-draw-play::before{
  animation: rpHeroSepLinePaint var(--rp-sep-draw-duration) var(--rp-sep-draw-ease) forwards !important;
  will-change: clip-path, opacity !important;
}

html body.rp-hero-staging-active.rp-sep-draw:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator.rp-sep-draw-play::after{
  animation: rpHeroSepDiamondPaint var(--rp-sep-draw-duration) var(--rp-sep-draw-ease) var(--rp-sep-diamond-delay) forwards !important;
  will-change: transform, opacity !important;
}

@keyframes rpHeroSepLinePaint{
  0%{
    clip-path: inset(0 50% 0 50%);
    opacity: 0;
  }
  12%{
    opacity: 0.35;
  }
  100%{
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@keyframes rpHeroSepDiamondPaint{
  0%{
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(0.15) rotate(45deg);
  }
  55%{
    opacity: 0.85;
  }
  100%{
    opacity: 1;
    transform: translate3d(-50%, -50%, 0) scale(1) rotate(45deg);
  }
}

@media (prefers-reduced-motion: reduce){
  html body.rp-hero-staging-active.rp-sep-draw:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator.rp-sep-draw-wait::before,
  html body.rp-hero-staging-active.rp-sep-draw:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator.rp-sep-draw-wait::after,
  html body.rp-hero-staging-active.rp-sep-draw:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator.rp-sep-draw-play::before,
  html body.rp-hero-staging-active.rp-sep-draw:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator.rp-sep-draw-play::after{
    clip-path: none !important;
    animation: none !important;
    opacity: 1 !important;
    transform: translate3d(-50%, -50%, 0) scale(1) rotate(45deg) !important;
    will-change: auto !important;
  }
}

/*
 * RP_MOBILE_CONTENT_BELOW_HERO_V1 — innehåll under fixerad hero (inte bakom z-index).
 */
@media (max-width: 900px){
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_container{
    margin-top: 0 !important;
    padding-top: 10px !important;
    position: relative !important;
    z-index: 1 !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page.ow_bg_color{
    margin-top: 0 !important;
  }
}

/* =========================================================
   RP_HERO_STICKY_OVERRIDE_V2 — överstyr rp_custom .ow_header { position:relative }
   ========================================================= */
@media (max-width: 900px){
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_header,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_header.clearfix{
    position: fixed !important;
    top: var(--rp-mobile-topbar-h, 48px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 10080 !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_padding{
    padding-top: calc(var(--rp-mobile-topbar-h, 48px) + var(--rp-hero-sticky-h, min(36dvh, 326px))) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_header,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_header.clearfix{
    min-height: var(--rp-hero-sticky-h, min(36dvh, 326px)) !important;
    height: var(--rp-hero-sticky-h, min(36dvh, 326px)) !important;
    max-height: var(--rp-hero-sticky-h, min(36dvh, 326px)) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-mobile-drawer-backdrop{
    z-index: 10140 !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-mobile-drawer{
    z-index: 10150 !important;
  }
}

@media (min-width: 901px){
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_site_panel_wrap{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10090 !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_header,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_header.clearfix{
    position: fixed !important;
    top: 50px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 10080 !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_padding{
    padding-top: 0 !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_container{
    margin-top: calc(50px + var(--rp-hero-sticky-h, 256px) - var(--rp-hero-blend-overlap, var(--rp-hero-sep-gap-menu, 28px))) !important;
    padding-top: var(--rp-hero-blend-overlap, var(--rp-hero-sep-gap-menu, 28px)) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_site_panel_wrap{
    margin: 0 !important;
  }

  /* RP_DESKTOP_HERO_STICKY_TAIL_V1 — sist: samma lager som mobil, inga konkurrerande regler */
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_header,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_header.clearfix{
    margin: 0 !important;
    justify-content: flex-end !important;
    background-image: none !important;
    padding-top: 0 !important;
    overflow: hidden !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header_pic_wrap{
    display: none !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header::before,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header::after,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header_pic_wrap::after{
    content: none !important;
    display: none !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-viewport{
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: calc(var(--rp-hero-sep-gap-menu, 10px) + var(--rp-hero-sep-band, 20px)) !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    background-size: calc(100% * var(--rp-hero-desktop-scene-scale, 0.64)) auto !important;
    background-position: var(--rp-hero-tab-pic-pos, 118% 10%) !important;
  }

}

/* =========================================================
   RP_PROFILE_MIN_PROFIL_V5 — VIP före galleri (JS mot .ow_page) + tooltips
   ========================================================= */
html body.rp-hero-staging-active.base_profile_page .ow_page_container,
html body.rp-hero-staging-active.base_profile_page .ow_page.ow_bg_color,
html body.rp-hero-staging-active.base_profile_page #place_sections{
  overflow: visible !important;
}

html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"],
html body.rp-hero-staging-active.base_profile_page .profile-MEMBERSHIP_CMP_UserMembershipWidget[data-rp-vip-top="1"]{
  margin-bottom: 12px !important;
}

/* (Floatbox centrering + premium: RP_FLOATBOX_PREMIUM_GLOBAL_V2 längst ned) */

html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_wrap,
html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_action_toolbar,
html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_action_toolbar .ow_context_action_block,
html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_action_toolbar .ow_context_action{
  overflow: visible !important;
}

html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_action_toolbar{
  position: relative !important;
  z-index: 20 !important;
}

html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_action_toolbar .ow_context_action .ow_tooltip.ow_tooltip_top_right,
html body.rp-hero-staging-active.base_profile_page .ow_tooltip:has(.ow_context_action_list){
  z-index: 10200 !important;
  pointer-events: auto !important;
}

html body.rp-hero-staging-active.base_profile_page .ow_tooltip:has(.ow_context_action_list) .ow_tooltip_body{
  z-index: 10201 !important;
}

/* Mobil: VIP-kort kompakt som Kreditbalans (HEM + MIN PROFIL) */
@media (max-width: 900px){
  html body.rp-hero-staging-active.base_user_dashboard #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box,
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box,
  html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box{
    padding: 12px 14px 14px !important;
    margin-bottom: 10px !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_user_membership,
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_user_membership{
    margin-top: 0 !important;
    padding: 10px 12px 12px !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_name,
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_name{
    margin: 2px 0 6px !important;
    font-size: clamp(2.4rem, 12vw, 3.2rem) !important;
    line-height: 0.95 !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_expires,
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_expires{
    margin: 6px 0 0 !important;
    padding: 6px 14px 7px !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_user_membership::before,
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_user_membership::before{
    top: -12px !important;
    width: 6px !important;
    height: 6px !important;
    margin-left: -3px !important;
  }
}

/* =========================================================
   RP_HERO_MENU_REFINE_V1 — återhållsam premiumfinpolering av hero-knappar.
   ========================================================= */
@media (min-width: 901px){
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li > a{
    background:
      linear-gradient(180deg, rgba(17, 17, 20, 0.76) 0%, rgba(9, 9, 12, 0.82) 100%) !important;
    border: 1px solid rgba(214, 188, 136, 0.28) !important;
    box-shadow:
      0 10px 24px rgba(0, 0, 0, 0.28),
      inset 0 1px 0 rgba(255, 248, 226, 0.11),
      inset 0 -8px 18px rgba(0, 0, 0, 0.18) !important;
    color: rgba(242, 232, 216, 0.9) !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.24) !important;
    letter-spacing: 0.085em !important;
    backdrop-filter: blur(10px) saturate(1.03) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.03) !important;
    transition:
      background 180ms ease,
      border-color 180ms ease,
      box-shadow 180ms ease,
      color 180ms ease,
      transform 180ms ease !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li > a::before{
    content: "" !important;
    position: absolute !important;
    left: 14px !important;
    right: 14px !important;
    top: 1px !important;
    height: 1px !important;
    border-radius: 999px !important;
    pointer-events: none !important;
    opacity: 0.46 !important;
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255, 248, 226, 0.38), rgba(255,255,255,0)) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.active > a,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.ow_active > a,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.current > a{
    background:
      radial-gradient(ellipse 90% 120% at 50% 0%, rgba(255, 238, 184, 0.14) 0%, transparent 62%),
      linear-gradient(180deg, rgba(60, 49, 31, 0.92) 0%, rgba(34, 29, 20, 0.96) 100%) !important;
    border-color: rgba(236, 214, 164, 0.62) !important;
    box-shadow:
      0 14px 30px rgba(0, 0, 0, 0.34),
      0 0 16px rgba(212, 175, 95, 0.14),
      inset 0 1px 0 rgba(255, 248, 230, 0.24),
      inset 0 -8px 16px rgba(0, 0, 0, 0.18) !important;
    color: #fff8ea !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li:not(.active):not(.ow_active):not(.current) > a:hover,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li:not(.active):not(.ow_active):not(.current) > a:focus{
    background:
      linear-gradient(180deg, rgba(24, 22, 18, 0.82) 0%, rgba(13, 12, 15, 0.88) 100%) !important;
    border-color: rgba(224, 198, 146, 0.42) !important;
    box-shadow:
      0 12px 26px rgba(0, 0, 0, 0.3),
      0 0 12px rgba(122, 18, 52, 0.08),
      inset 0 1px 0 rgba(255, 248, 226, 0.14) !important;
    color: #fff7e8 !important;
  }
}

/* RP_CONTENT_AMBIENT_CONTAINER_FINAL_FORCE_V1 — sista ordet: visa containerbakgrund. */
html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_container::before{
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(8, 7, 10, 0.08) 0%, rgba(8, 7, 10, 0.28) 48%, rgba(8, 7, 10, 0.56) 100%),
    radial-gradient(ellipse 110% 48% at 50% 0%, rgba(255, 236, 200, 0.12) 0%, rgba(122, 18, 52, 0.07) 34%, transparent 72%),
    url("/ow_userfiles/themes/rp_premium_page_background_ambient_city_glow.png?v=ambient2") center top / cover no-repeat !important;
  opacity: 0.88 !important;
}

/* =========================================================
   RP_POPUPS_ABOVE_HERO_V1 — alla modaler/popup över hero/topbar.
   ========================================================= */
html body.rp-hero-staging-active #floatbox_overlay{
  z-index: 109990 !important;
}

html body.rp-hero-staging-active .floatbox_canvas{
  z-index: 110000 !important;
}

html body.rp-hero-staging-active .floatbox_canvas .floatbox_container{
  z-index: 110010 !important;
}

html body.rp-hero-staging-active .ow_mega_menu,
html body.rp-hero-staging-active .ow_tooltip,
html body.rp-hero-staging-active .console_tooltip.ow_tooltip,
html body.rp-hero-staging-active ul.ow_console_dropdown{
  z-index: 110020 !important;
}

/* =========================================================
   RP_CONTENT_AMBIENT_CONTAINER_FINAL_V1 — bakgrund bakom hela content-scenen.
   ========================================================= */
html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_container{
  position: relative !important;
  isolation: isolate !important;
  background-color: #08070a !important;
  overflow: visible !important;
}

html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_container::before{
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(8, 7, 10, 0.08) 0%, rgba(8, 7, 10, 0.28) 48%, rgba(8, 7, 10, 0.56) 100%),
    radial-gradient(ellipse 110% 48% at 50% 0%, rgba(255, 236, 200, 0.12) 0%, rgba(122, 18, 52, 0.07) 34%, transparent 72%),
    url("/ow_userfiles/themes/rp_premium_page_background_ambient_city_glow.png?v=ambient2") center top / cover no-repeat !important;
  opacity: 0.88 !important;
}

html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_container .ow_canvas,
html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_container .ow_canvas .ow_page.ow_bg_color{
  position: relative !important;
  z-index: 1 !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* =========================================================
   RP_CONTENT_AMBIENT_IMAGE_V1 — premiumbakgrund som matchar hero, diskret bakom innehåll.
   ========================================================= */
html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio){
  --rp-ambient-lights-url: url("/ow_userfiles/themes/rp_premium_page_background_ambient_city_glow.png?v=ambient1");
  --rp-ambient-bokeh-size: cover;
  --rp-ambient-bokeh-pos: center top;
}

html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page.ow_bg_color{
  background-color: #08070a !important;
}

html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page.ow_bg_color::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(8, 7, 10, 0.28) 0%, rgba(8, 7, 10, 0.52) 52%, rgba(8, 7, 10, 0.74) 100%),
    url("/ow_userfiles/themes/rp_premium_page_background_ambient_city_glow.png?v=ambient1") center top / cover no-repeat !important;
  opacity: 0.42 !important;
}

html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page.ow_bg_color::after{
  background:
    radial-gradient(ellipse 120% 52% at 50% -8%, rgba(255, 236, 200, 0.12) 0%, rgba(122, 18, 52, 0.06) 30%, transparent 72%),
    radial-gradient(ellipse 78% 40% at 12% 18%, rgba(232, 200, 140, 0.06) 0%, transparent 68%),
    radial-gradient(ellipse 78% 40% at 88% 22%, rgba(122, 18, 52, 0.06) 0%, transparent 70%),
    radial-gradient(ellipse 120% 70% at 50% 48%, transparent 0%, rgba(6, 5, 8, 0.14) 82%, rgba(4, 4, 6, 0.28) 100%) !important;
  opacity: 0.42 !important;
}

/* =========================================================
   RP_PROFILE_VIP_MATCH_HOME_V2 — MIN PROFIL = samma VIP-kort som HEM (tunn text, centrerad)
   ========================================================= */
@media (min-width: 901px){
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box,
  html body.rp-hero-staging-active.base_profile_page .profile-MEMBERSHIP_CMP_UserMembershipWidget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box,
  html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 18px 16px 18px 16px !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box .ow_user_membership,
  html body.rp-hero-staging-active.base_profile_page .profile-MEMBERSHIP_CMP_UserMembershipWidget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box .ow_user_membership,
  html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_user_membership{
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 6px 0 0 !important;
    gap: 4px !important;
    min-height: 108px !important;
    padding: 16px 12px !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box .ow_membership_label,
  html body.rp-hero-staging-active.base_profile_page .profile-MEMBERSHIP_CMP_UserMembershipWidget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box .ow_membership_label,
  html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_label{
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
    font-size: 13px !important;
    letter-spacing: 2.4px !important;
    padding-left: 1.2px !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box .ow_membership_name,
  html body.rp-hero-staging-active.base_profile_page .profile-MEMBERSHIP_CMP_UserMembershipWidget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box .ow_membership_name,
  html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_name{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 14px 0.14em !important;
    text-align: center !important;
    font-weight: 100 !important;
    font-size: 44px !important;
    letter-spacing: 0.28em !important;
    line-height: 1.05 !important;
    color: #e4c88a !important;
    -webkit-text-fill-color: #e4c88a !important;
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    filter: none !important;
    text-shadow:
      0 0 48px rgba(212, 175, 95, 0.42),
      0 0 12px rgba(255, 248, 230, 0.22),
      0 3px 8px rgba(0, 0, 0, 0.55) !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box .ow_membership_expires,
  html body.rp-hero-staging-active.base_profile_page .profile-MEMBERSHIP_CMP_UserMembershipWidget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box .ow_membership_expires,
  html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_expires{
    align-self: center !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* =========================================================
   RP_PROFILE_MODERATION_ZINDEX_V3 — dropdown/popups ovanför allt innehåll
   ========================================================= */
html body.rp-hero-staging-active.base_profile_page .ow_page.ow_bg_color,
html body.rp-hero-staging-active.base_profile_page .ow_page_container,
html body.rp-hero-staging-active.base_profile_page #place_sections,
html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_wrap,
html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_wrap .ow_profile_gallery_place,
html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_wrap .ow_profile_gallery_cont_wrap,
html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_toolbox,
html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_action_toolbar,
html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_action_toolbar .ow_context_action_block,
html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_action_toolbar .ow_context_action{
  overflow: visible !important;
}

html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_wrap{
  position: relative !important;
  z-index: 40 !important;
  isolation: auto !important;
}

html body.rp-hero-staging-active.base_profile_page #place_sections{
  position: relative !important;
  z-index: 1 !important;
}

html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget > .ow_box,
html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget > .ow_box_empty{
  overflow: visible !important;
}

html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_action_toolbar{
  position: relative !important;
  z-index: 130 !important;
}

html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_action_toolbar .ow_context_action{
  position: relative !important;
  z-index: 131 !important;
}

html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_action_toolbar .ow_context_action .ow_tooltip.ow_tooltip_top_right,
html body.rp-hero-staging-active.base_profile_page .ow_tooltip:has(.ow_context_action_list){
  z-index: 50000 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html body.rp-hero-staging-active.base_profile_page .ow_tooltip:has(.ow_context_action_list) .ow_tooltip_body{
  z-index: 50001 !important;
  padding: 12px 10px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(232, 200, 140, 0.34) !important;
  background:
    radial-gradient(ellipse 120% 80% at 50% -20%, rgba(232, 200, 140, 0.1) 0%, transparent 58%),
    linear-gradient(168deg, rgba(32, 28, 22, 0.99) 0%, rgba(12, 11, 10, 1) 48%, rgba(22, 19, 15, 0.99) 100%) !important;
  box-shadow:
    0 0 0 1px rgba(80, 62, 32, 0.35) inset,
    0 18px 40px rgba(0, 0, 0, 0.48) !important;
}

html body.rp-hero-staging-active.base_profile_page .ow_tooltip:has(.ow_context_action_list) .ow_context_action_list.ow_border,
html body.rp-hero-staging-active.base_profile_page .ow_tooltip.ow_small .ow_context_action_list.ow_border{
  border: 0 !important;
  border-radius: 16px !important;
  background: transparent !important;
}

html body.rp-hero-staging-active.base_profile_page .ow_tooltip:has(.ow_context_action_list) .ow_context_action_list li,
html body.rp-hero-staging-active.base_profile_page .ow_tooltip.ow_small .ow_context_action_list li{
  margin: 0 0 8px 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

html body.rp-hero-staging-active.base_profile_page .ow_tooltip:has(.ow_context_action_list) .ow_context_action_list a,
html body.rp-hero-staging-active.base_profile_page .ow_tooltip.ow_small .ow_context_action_list a{
  border-radius: 16px !important;
  padding: 12px 16px !important;
  line-height: 1.35 !important;
  color: #f1e8d7 !important;
  background: linear-gradient(180deg, rgba(63, 63, 68, 0.96) 0%, rgba(45, 45, 50, 0.99) 100%) !important;
  border: 1px solid rgba(232, 200, 140, 0.2) !important;
}

@media (max-width: 900px){
  html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_wrap{
    z-index: 120 !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_action_toolbar .ow_tooltip.ow_tooltip_top_right{
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    margin-top: 0 !important;
    padding-top: 10px !important;
  }

  html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_about_me_widget) > .ow_box,
  html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget.profile-BASE_CMP_AboutMeWidget > .ow_box{
    position: relative !important;
    z-index: 0 !important;
  }
}

@media (min-width: 901px){
  html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_about_me_widget) > .ow_box,
  html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget.profile-BASE_CMP_AboutMeWidget > .ow_box,
  html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_view_widget) > .ow_box{
    position: relative !important;
    z-index: 0 !important;
    overflow: visible !important;
  }
}

/* =========================================================
   RP_FLOATBOX_PREMIUM_GLOBAL_V3 — alla floatboxar: premium + centrerad (globalt)
   ========================================================= */
html body #floatbox_overlay,
#floatbox_overlay{
  background: rgba(6, 5, 8, 0.82) !important;
  z-index: 10050 !important;
}

html body .floatbox_canvas{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding:
    max(12px, env(safe-area-inset-top, 0px))
    max(12px, env(safe-area-inset-right, 0px))
    max(12px, env(safe-area-inset-bottom, 0px))
    max(12px, env(safe-area-inset-left, 0px)) !important;
  box-sizing: border-box !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  z-index: 10060 !important;
}

html body .floatbox_canvas .floatbox_container:not(.ow_photoview_overlay){
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
  width: min(92vw, 746px) !important;
  max-width: min(92vw, 746px) !important;
  max-height: min(88vh, 88dvh) !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
  z-index: 10070 !important;
  border: 1px solid rgba(232, 200, 140, 0.34) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(ellipse 120% 80% at 50% -20%, rgba(232, 200, 140, 0.12) 0%, transparent 58%),
    linear-gradient(168deg, rgba(32, 28, 22, 0.99) 0%, rgba(12, 11, 10, 1) 48%, rgba(22, 19, 15, 0.99) 100%) !important;
  box-shadow:
    0 0 0 1px rgba(80, 62, 32, 0.4) inset,
    0 0 48px rgba(212, 175, 95, 0.14),
    0 28px 56px rgba(0, 0, 0, 0.55) !important;
}

html body .floatbox_container:not(.ow_photoview_overlay) .floatbox_header{
  padding: 14px 16px 10px !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(232, 200, 140, 0.14) !important;
}

html body .floatbox_container:not(.ow_photoview_overlay) .floatbox_title{
  color: #f1e8d7 !important;
  font-size: 17px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body .floatbox_container:not(.ow_photoview_overlay) .floatbox_header a.ow_ic_delete{
  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;
  background-color: rgba(255, 244, 220, 0.08) !important;
  opacity: 0.92 !important;
}

html body .floatbox_container:not(.ow_photoview_overlay) .floatbox_body,
html body .floatbox_container:not(.ow_photoview_overlay) .floatbox_bottom{
  background: transparent !important;
  color: #e8dcc4 !important;
}

html body .floatbox_container:not(.ow_photoview_overlay) .floatbox_body{
  padding: 16px 18px !important;
}

html body .floatbox_container:not(.ow_photoview_overlay) .floatbox_bottom{
  padding: 0 18px 18px !important;
}

html body .floatbox_container:not(.ow_photoview_overlay) input[type="text"],
html body .floatbox_container:not(.ow_photoview_overlay) input[type="password"],
html body .floatbox_container:not(.ow_photoview_overlay) input[type="email"],
html body .floatbox_container:not(.ow_photoview_overlay) select,
html body .floatbox_container:not(.ow_photoview_overlay) textarea{
  border: 1px solid rgba(232, 200, 140, 0.24) !important;
  border-radius: 12px !important;
  background: rgba(16, 14, 12, 0.92) !important;
  color: #f3ead9 !important;
}

html body .floatbox_container:not(.ow_photoview_overlay) .ow_table_1 th,
html body .floatbox_container:not(.ow_photoview_overlay) .ow_table_2 tr.ow_tr_first td{
  color: rgba(232, 200, 140, 0.82) !important;
  background: rgba(28, 25, 20, 0.65) !important;
}

html body .floatbox_container:not(.ow_photoview_overlay) span.ow_button input[type="submit"],
html body .floatbox_container:not(.ow_photoview_overlay) .ow_button input[type="submit"]{
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(212, 175, 95, 0.95) 0%, rgba(168, 132, 58, 0.98) 100%) !important;
  color: #1e1a14 !important;
  font-weight: 600 !important;
}

@media (max-width: 900px){
  html body .floatbox_canvas .floatbox_container:not(.ow_photoview_overlay){
    width: min(94vw, 746px) !important;
    max-width: min(94vw, 746px) !important;
    max-height: min(86vh, 86dvh) !important;
  }
}

/* =========================================================
   RP_DESKTOP_HERO_MENU_PROMINENT_V2 — större, tydligare knappar i heron
   ========================================================= */
@media (min-width: 901px){
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul{
    gap: 12px 16px !important;
    row-gap: 12px !important;
    column-gap: 16px !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li > a{
    background: rgba(8, 8, 10, 0.72) !important;
    border: 1px solid rgba(196, 174, 132, 0.38) !important;
    box-shadow:
      0 8px 22px rgba(0, 0, 0, 0.32),
      inset 0 1px 0 rgba(255, 246, 227, 0.1) !important;
    color: rgba(236, 226, 210, 0.92) !important;
    font-size: clamp(15px, 1.05vw, 20px) !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.active > a,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.ow_active > a,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.current > a{
    border: 1px solid rgba(240, 218, 168, 0.72) !important;
    box-shadow:
      0 16px 36px rgba(0, 0, 0, 0.42),
      0 0 24px rgba(212, 175, 95, 0.22),
      inset 0 2px 0 rgba(255, 250, 240, 0.3) !important;
    font-weight: 700 !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li:not(.active):not(.ow_active):not(.current) > a:hover,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li:not(.active):not(.ow_active):not(.current) > a:focus{
    border-color: rgba(228, 206, 158, 0.55) !important;
    color: #fff9ef !important;
    background: rgba(18, 16, 12, 0.82) !important;
  }
}

/* =========================================================
   RP_DESKTOP_CONTENT_COMPACT_V1 — mindre innehåll under hero (balans mot menyn)
   ========================================================= */
@media (min-width: 901px){
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_container .ow_canvas .ow_page.ow_bg_color #place_sections{
    font-size: 93% !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_credits) .ow_credits_count{
    font-size: 46px !important;
    letter-spacing: 0.4px !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_credits) .ow_user_credits{
    font-size: 14px !important;
    gap: 6px !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_credits){
    padding: 14px 16px 16px !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_credits) .ow_credits_links{
    margin-top: 12px !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_credits) .ow_box_toolbar a,
  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_credits) .ow_credits_links a{
    font-size: 13px !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) > .ow_box,
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box,
  html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box{
    padding: 14px 14px 16px !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_name{
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 14px 0.14em !important;
    text-align: center !important;
    font-size: 44px !important;
    font-weight: 100 !important;
    letter-spacing: 0.28em !important;
    color: #e4c88a !important;
    -webkit-text-fill-color: #e4c88a !important;
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    filter: none !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_label{
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 13px !important;
    letter-spacing: 2.4px !important;
    padding-left: 1.2px !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_user_membership{
    min-height: 92px !important;
    padding: 12px 10px !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard #place_sections .ow_dnd_widget > .ow_box,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard #place_sections .ow_dnd_widget > .ow_box_empty{
    padding: 12px 14px 14px !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_lp_avatars .ow_avatar,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .ow_lp_avatars .ow_avatar,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_lp_avatars .ow_avatar{
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
  }
}

/* =========================================================
   RP_DESKTOP_LOWER_RHYTHM_V1 — luft under hero (widget-gap, symmetri)
   ========================================================= */
@media (min-width: 901px){
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) #place_sections > .ow_dnd_widget:not(:first-child),
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page.ow_bg_color > .ow_dragndrop_panel > .ow_dnd_widget:not(:first-child),
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page.ow_bg_color > .ow_dnd_widget:not(:first-child),
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page.ow_bg_color > [data-rp-vip-top="1"] + .ow_profile_gallery_wrap,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page.ow_bg_color > [data-rp-vip-top="1"] + .ow_dnd_widget{
    margin-top: var(--rp-hero-content-widget-gap, 24px) !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard #place_sections > .ow_dnd_widget > .ow_box,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard #place_sections > .ow_dnd_widget > .ow_box_empty{
    margin-bottom: 0 !important;
  }
}

/* =========================================================
   RP_CONTENT_SEP_SYMMETRY_V1 — separator → innehåll = knappar → separator.
   (Tidigare: margin-top drog av padding-top → noll synlig luft under separator.)
   Rör INTE RP_HERO_SHORT_DESKTOP_V2 ovan.
   ========================================================= */
@media (min-width: 901px){
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_container{
    margin-top: calc(var(--rp-hero-sticky-top) + var(--rp-hero-sticky-h)) !important;
    padding-top: var(--rp-hero-sep-gap-menu, 28px) !important;
  }
}

/* =========================================================
   RP_VIP_CARD_PREMIUM_SHARED_V1 — samma exklusiva VIP-kort på HEM + MIN PROFIL.
   ========================================================= */
html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip),
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box.rp-vip-card--home-mirror,
html body.rp-hero-staging-active.base_profile_page [data-rp-vip-top="1"] > .ow_box.rp-vip-card--home-mirror{
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding: 18px 18px 20px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(244, 220, 162, 0.72) !important;
  background:
    linear-gradient(115deg, rgba(255, 245, 216, 0.1) 0%, transparent 18%, transparent 72%, rgba(198, 150, 58, 0.08) 100%),
    radial-gradient(ellipse 120% 82% at 50% -34%, rgba(255, 238, 184, 0.22) 0%, rgba(213, 170, 78, 0.09) 34%, transparent 72%),
    radial-gradient(ellipse 96% 62% at 50% 116%, rgba(178, 127, 38, 0.13) 0%, transparent 66%),
    linear-gradient(168deg, rgba(35, 29, 19, 0.99) 0%, rgba(8, 8, 7, 1) 46%, rgba(24, 19, 12, 0.99) 100%) !important;
  box-shadow:
    0 0 0 1px rgba(74, 54, 24, 0.9) inset,
    0 0 0 2px rgba(255, 244, 208, 0.08) inset,
    0 0 74px rgba(212, 175, 95, 0.2),
    0 30px 58px rgba(0, 0, 0, 0.58) !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip)::before,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box.rp-vip-card--home-mirror::before,
html body.rp-hero-staging-active.base_profile_page [data-rp-vip-top="1"] > .ow_box.rp-vip-card--home-mirror::before{
  content: "" !important;
  position: absolute !important;
  inset: 10px !important;
  z-index: 0 !important;
  border-radius: 17px !important;
  pointer-events: none !important;
  border: 1px solid rgba(244, 220, 162, 0.24) !important;
  background:
    linear-gradient(90deg, transparent 0%, rgba(255, 244, 216, 0.12) 50%, transparent 100%),
    radial-gradient(ellipse 72% 48% at 50% 0%, rgba(255, 244, 216, 0.1) 0%, transparent 70%) !important;
  box-shadow:
    0 0 34px rgba(212, 175, 95, 0.08) inset,
    0 1px 0 rgba(255, 248, 230, 0.12) inset !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip)::after,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box.rp-vip-card--home-mirror::after,
html body.rp-hero-staging-active.base_profile_page [data-rp-vip-top="1"] > .ow_box.rp-vip-card--home-mirror::after{
  content: "" !important;
  position: absolute !important;
  top: 20px !important;
  left: 50% !important;
  z-index: 0 !important;
  width: min(54%, 360px) !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, rgba(255, 240, 196, 0.9), transparent) !important;
  box-shadow: 0 0 18px rgba(212, 175, 95, 0.34) !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_user_membership,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box.rp-vip-card--home-mirror .ow_user_membership,
html body.rp-hero-staging-active.base_profile_page [data-rp-vip-top="1"] > .ow_box.rp-vip-card--home-mirror .ow_user_membership{
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 118px !important;
  margin: 0 !important;
  padding: 18px 14px 17px !important;
  gap: 0 !important;
  text-align: center !important;
  border-radius: 16px !important;
  border: 1px solid rgba(220, 184, 102, 0.26) !important;
  background:
    radial-gradient(ellipse 84% 74% at 50% 0%, rgba(255, 244, 216, 0.1) 0%, transparent 62%),
    linear-gradient(180deg, rgba(24, 21, 15, 0.96) 0%, rgba(6, 6, 6, 0.98) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 246, 224, 0.16),
    inset 0 -18px 34px rgba(0, 0, 0, 0.36) !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_user_membership::before,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box.rp-vip-card--home-mirror .ow_user_membership::before,
html body.rp-hero-staging-active.base_profile_page [data-rp-vip-top="1"] > .ow_box.rp-vip-card--home-mirror .ow_user_membership::before{
  content: "" !important;
  position: absolute !important;
  top: -20px !important;
  left: 50% !important;
  z-index: 2 !important;
  width: 8px !important;
  height: 8px !important;
  margin-left: -4px !important;
  transform: rotate(45deg) !important;
  pointer-events: none !important;
  background: linear-gradient(135deg, #fff8e8 0%, #e7c876 48%, #a97a24 100%) !important;
  box-shadow:
    0 0 0 1px rgba(255, 246, 220, 0.28),
    0 0 18px rgba(212, 175, 95, 0.72) !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_label,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box.rp-vip-card--home-mirror .ow_membership_label,
html body.rp-hero-staging-active.base_profile_page [data-rp-vip-top="1"] > .ow_box.rp-vip-card--home-mirror .ow_membership_label{
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 0 1.2px !important;
  color: rgba(232, 200, 140, 0.76) !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 400 !important;
  letter-spacing: 2.6px !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) h3.ow_membership_name,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box.rp-vip-card--home-mirror h3.ow_membership_name,
html body.rp-hero-staging-active.base_profile_page [data-rp-vip-top="1"] > .ow_box.rp-vip-card--home-mirror h3.ow_membership_name{
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 9px auto 0 !important;
  padding: 0 0 15px 0.14em !important;
  box-sizing: border-box !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 100 !important;
  font-size: 44px !important;
  line-height: 1.02 !important;
  letter-spacing: 0.28em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  color: #e4c88a !important;
  -webkit-text-fill-color: #e4c88a !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-stroke: 0 transparent !important;
  text-shadow: none !important;
  filter: none !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) h3.ow_membership_name::before,
html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) h3.ow_membership_name::after,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box.rp-vip-card--home-mirror h3.ow_membership_name::before,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box.rp-vip-card--home-mirror h3.ow_membership_name::after,
html body.rp-hero-staging-active.base_profile_page [data-rp-vip-top="1"] > .ow_box.rp-vip-card--home-mirror h3.ow_membership_name::before,
html body.rp-hero-staging-active.base_profile_page [data-rp-vip-top="1"] > .ow_box.rp-vip-card--home-mirror h3.ow_membership_name::after{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, rgba(232, 200, 140, 0.66), transparent) !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) h3.ow_membership_name::before,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box.rp-vip-card--home-mirror h3.ow_membership_name::before,
html body.rp-hero-staging-active.base_profile_page [data-rp-vip-top="1"] > .ow_box.rp-vip-card--home-mirror h3.ow_membership_name::before{
  top: -5px !important;
  width: min(80%, 260px) !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) h3.ow_membership_name::after,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box.rp-vip-card--home-mirror h3.ow_membership_name::after,
html body.rp-hero-staging-active.base_profile_page [data-rp-vip-top="1"] > .ow_box.rp-vip-card--home-mirror h3.ow_membership_name::after{
  bottom: 0 !important;
  width: min(56%, 180px) !important;
  opacity: 0.82 !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_expires,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box.rp-vip-card--home-mirror .ow_membership_expires,
html body.rp-hero-staging-active.base_profile_page [data-rp-vip-top="1"] > .ow_box.rp-vip-card--home-mirror .ow_membership_expires{
  align-self: center !important;
  margin: 14px auto 0 !important;
  padding: 7px 16px 8px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(232, 200, 140, 0.34) !important;
  color: rgba(255, 246, 224, 0.9) !important;
  background:
    linear-gradient(180deg, rgba(48, 39, 25, 0.78) 0%, rgba(18, 15, 10, 0.92) 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 246, 224, 0.12) inset,
    0 0 18px rgba(212, 175, 95, 0.1) inset !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_expires_label,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box.rp-vip-card--home-mirror .ow_membership_expires_label,
html body.rp-hero-staging-active.base_profile_page [data-rp-vip-top="1"] > .ow_box.rp-vip-card--home-mirror .ow_membership_expires_label{
  color: rgba(232, 200, 140, 0.72) !important;
  letter-spacing: 0.6px !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_date,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box.rp-vip-card--home-mirror .ow_membership_date,
html body.rp-hero-staging-active.base_profile_page [data-rp-vip-top="1"] > .ow_box.rp-vip-card--home-mirror .ow_membership_date{
  color: #fff4d4 !important;
  font-weight: 400 !important;
  letter-spacing: 0.4px !important;
}

/* =========================================================
   RP_CREDITS_VIP_DESKTOP_V1 — dominanta flikar + medlemsstatus höger.
   ========================================================= */
@media (min-width: 901px){
  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color{
    position: relative !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color > .ow_stdmargin:has(+ .ow_content_menu_wrap){
    max-width: 860px !important;
    margin: 0 auto 18px !important;
    padding: 0 34px 0 0 !important;
    box-sizing: border-box !important;
    text-align: right !important;
    color: rgba(241, 232, 215, 0.86) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color > .ow_content_menu_wrap:not(:has(.ow_sort_control)){
    display: flex !important;
    justify-content: center !important;
    max-width: 860px !important;
    margin: 0 auto 18px !important;
    padding: 0 !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color > .ow_content_menu_wrap:not(:has(.ow_sort_control)) .ow_content_menu{
    display: inline-flex !important;
    gap: 10px !important;
    padding: 8px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(232, 200, 140, 0.24) !important;
    background: linear-gradient(180deg, rgba(42, 42, 46, 0.88) 0%, rgba(24, 24, 28, 0.94) 100%) !important;
    box-shadow:
      0 14px 34px rgba(0, 0, 0, 0.36),
      inset 0 1px 0 rgba(255, 246, 224, 0.08) !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color > .ow_content_menu_wrap:not(:has(.ow_sort_control)) .ow_content_menu li{
    margin: 0 !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color > .ow_content_menu_wrap:not(:has(.ow_sort_control)) .ow_content_menu li a{
    min-width: 154px !important;
    min-height: 54px !important;
    padding: 0 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    border: 1px solid rgba(232, 200, 140, 0.22) !important;
    background: linear-gradient(180deg, rgba(54, 54, 60, 0.92) 0%, rgba(32, 32, 38, 0.96) 100%) !important;
    color: rgba(241, 232, 215, 0.84) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color > .ow_content_menu_wrap:not(:has(.ow_sort_control)) .ow_content_menu li.active a,
  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color > .ow_content_menu_wrap:not(:has(.ow_sort_control)) .ow_content_menu li.ow_active a{
    color: #fff6df !important;
    border-color: rgba(244, 220, 162, 0.68) !important;
    background:
      radial-gradient(ellipse 90% 120% at 50% 0%, rgba(255, 238, 184, 0.2) 0%, transparent 62%),
      linear-gradient(180deg, rgba(74, 61, 38, 0.96) 0%, rgba(42, 34, 22, 0.98) 100%) !important;
    box-shadow:
      0 0 24px rgba(212, 175, 95, 0.2),
      inset 0 1px 0 rgba(255, 248, 230, 0.22) !important;
  }
}

/* =========================================================
   RP_CREDITS_BUY_MATCH_VIP_V1 — KREDITER-vyn matchar VIP-vyn.
   ========================================================= */
@media (min-width: 901px){
  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color > .ow_wide.ow_automargin.ow_stdmargin:has(form[name='buy-credits-form']){
    max-width: 860px !important;
    width: 100% !important;
    margin: 0 auto !important;
    float: none !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color > .ow_wide.ow_automargin.ow_stdmargin:has(form[name='buy-credits-form']) > .ow_content_menu_wrap:not(:has(.ow_sort_control)){
    display: flex !important;
    justify-content: center !important;
    max-width: 860px !important;
    margin: 0 auto 18px !important;
    padding: 0 !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color > .ow_wide.ow_automargin.ow_stdmargin:has(form[name='buy-credits-form']) > .ow_content_menu_wrap:not(:has(.ow_sort_control)) .ow_content_menu{
    display: inline-flex !important;
    gap: 10px !important;
    padding: 8px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(232, 200, 140, 0.24) !important;
    background: linear-gradient(180deg, rgba(42, 42, 46, 0.88) 0%, rgba(24, 24, 28, 0.94) 100%) !important;
    box-shadow:
      0 14px 34px rgba(0, 0, 0, 0.36),
      inset 0 1px 0 rgba(255, 246, 224, 0.08) !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color > .ow_wide.ow_automargin.ow_stdmargin:has(form[name='buy-credits-form']) > .ow_content_menu_wrap:not(:has(.ow_sort_control)) .ow_content_menu li{
    margin: 0 !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color > .ow_wide.ow_automargin.ow_stdmargin:has(form[name='buy-credits-form']) > .ow_content_menu_wrap:not(:has(.ow_sort_control)) .ow_content_menu li a{
    min-width: 154px !important;
    min-height: 54px !important;
    padding: 0 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    border: 1px solid rgba(232, 200, 140, 0.22) !important;
    background: linear-gradient(180deg, rgba(54, 54, 60, 0.92) 0%, rgba(32, 32, 38, 0.96) 100%) !important;
    color: rgba(241, 232, 215, 0.84) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color > .ow_wide.ow_automargin.ow_stdmargin:has(form[name='buy-credits-form']) > .ow_content_menu_wrap:not(:has(.ow_sort_control)) .ow_content_menu li.active a,
  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color > .ow_wide.ow_automargin.ow_stdmargin:has(form[name='buy-credits-form']) > .ow_content_menu_wrap:not(:has(.ow_sort_control)) .ow_content_menu li.ow_active a{
    color: #fff6df !important;
    border-color: rgba(244, 220, 162, 0.68) !important;
    background:
      radial-gradient(ellipse 90% 120% at 50% 0%, rgba(255, 238, 184, 0.2) 0%, transparent 62%),
      linear-gradient(180deg, rgba(74, 61, 38, 0.96) 0%, rgba(42, 34, 22, 0.98) 100%) !important;
    box-shadow:
      0 0 24px rgba(212, 175, 95, 0.2),
      inset 0 1px 0 rgba(255, 248, 230, 0.22) !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color .ow_wide.ow_automargin.ow_stdmargin:has(form[name='buy-credits-form']) > .ow_box,
  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color .ow_wide.ow_automargin:has(form[name='buy-credits-form']) .ow_box{
    max-width: 860px !important;
    width: 100% !important;
    margin: 0 auto !important;
    border-radius: 18px !important;
    border: 1px solid rgba(232, 200, 140, 0.18) !important;
    background: linear-gradient(180deg, rgba(47, 47, 53, 0.94) 0%, rgba(30, 30, 36, 0.96) 100%) !important;
    box-shadow:
      0 18px 42px rgba(0, 0, 0, 0.34),
      inset 0 1px 0 rgba(255, 246, 224, 0.06) !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color form[name='buy-credits-form'] > div{
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 26px 28px 28px !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color form[name='buy-credits-form'] li{
    padding: 18px 20px !important;
    border-color: rgba(232, 200, 140, 0.14) !important;
    border-radius: 16px !important;
    background:
      radial-gradient(ellipse 80% 120% at 50% 0%, rgba(255, 238, 184, 0.06) 0%, transparent 62%),
      linear-gradient(180deg, rgba(39, 39, 45, 0.88) 0%, rgba(25, 25, 31, 0.94) 100%) !important;
    color: rgba(241, 232, 215, 0.92) !important;
    font-size: 16px !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color form[name='buy-credits-form'] li:first-child{
    border-color: rgba(232, 200, 140, 0.22) !important;
    box-shadow:
      0 0 24px rgba(212, 175, 95, 0.08),
      inset 0 1px 0 rgba(255, 246, 224, 0.08) !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color form[name='buy-credits-form'] span.ow_button{
    max-width: 380px !important;
  }
}

/* =========================================================
   RP_PREMIUM_HERO_IMAGE_HEART_SEPARATOR_V1 — ny hero + RP-hjärta i separatorn.
   Desktop only: rör inte låst mobil baseline eller hero-höjd.
   ========================================================= */
@media (min-width: 901px){
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_header > .rp-hero-viewport{
    bottom: 0 !important;
    background-image: url("/ow_userfiles/themes/rp_premium_hero_scandinavian_couple_city_lights.png") !important;
    background-size: cover !important;
    background-position: 70% 43% !important;
    background-repeat: no-repeat !important;
    filter: contrast(1.06) saturate(1.04) brightness(0.88) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_header > .rp-hero-viewport::before{
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background:
      linear-gradient(90deg, rgba(8, 7, 10, 0.86) 0%, rgba(8, 7, 10, 0.5) 32%, rgba(8, 7, 10, 0.1) 58%, rgba(8, 7, 10, 0.36) 100%),
      linear-gradient(180deg, rgba(8, 7, 10, 0.14) 0%, rgba(8, 7, 10, 0.1) 54%, rgba(8, 7, 10, 0.78) 100%),
      radial-gradient(ellipse 34% 78% at 50% 102%, rgba(115, 18, 48, 0.16) 0%, transparent 68%),
      radial-gradient(ellipse 50% 80% at 68% 38%, rgba(234, 183, 88, 0.16) 0%, transparent 58%) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator::before{
    background-image:
      radial-gradient(ellipse 12% 260% at 50% 50%, rgba(122, 18, 52, 0.2) 0%, transparent 72%),
      radial-gradient(ellipse 34% 300% at 50% 50%, rgba(255, 236, 196, 0.26) 0%, transparent 74%),
      linear-gradient(90deg, rgba(201, 162, 39, 0) 0%, rgba(255, 246, 227, 0.18) 13%, rgba(255, 250, 238, 0.92) 50%, rgba(255, 246, 227, 0.18) 87%, rgba(201, 162, 39, 0) 100%),
      linear-gradient(90deg, rgba(180, 140, 50, 0) 0%, rgba(232, 200, 140, 0.78) 18%, rgba(245, 228, 190, 0.94) 50%, rgba(232, 200, 140, 0.78) 82%, rgba(180, 140, 50, 0) 100%),
      linear-gradient(90deg, rgba(140, 110, 35, 0) 0%, rgba(201, 162, 39, 0.66) 32%, rgba(230, 210, 170, 0.82) 50%, rgba(201, 162, 39, 0.66) 68%, rgba(140, 110, 35, 0) 100%) !important;
    filter:
      drop-shadow(0 0 10px rgba(122, 18, 52, 0.24))
      drop-shadow(0 0 8px rgba(255, 240, 210, 0.42))
      drop-shadow(0 0 18px rgba(212, 175, 95, 0.34)) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator::after{
    width: 30px !important;
    height: 26px !important;
    transform: translate3d(-50%, -50%, 0) !important;
    border: 0 !important;
    background: url("/ow_userfiles/themes/rp_separator_heart_premium.png") center center / contain no-repeat !important;
    box-shadow: none !important;
    filter:
      drop-shadow(0 0 1px rgba(255, 238, 198, 0.72))
      drop-shadow(0 0 7px rgba(232, 200, 140, 0.42))
      drop-shadow(0 0 15px rgba(122, 18, 52, 0.34)) !important;
  }

  html body.rp-hero-staging-active.rp-sep-draw:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator.rp-sep-draw-wait::after{
    opacity: 0 !important;
    transform: translate3d(-50%, -50%, 0) scale(0.62) !important;
  }

  html body.rp-hero-staging-active.rp-sep-draw:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator.rp-sep-draw-play::after{
    animation: rpHeroSepHeartPaint var(--rp-sep-draw-duration) var(--rp-sep-draw-ease) var(--rp-sep-diamond-delay) forwards !important;
  }
}

@keyframes rpHeroSepHeartPaint{
  0%{
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(0.62);
  }
  55%{
    opacity: 0.9;
  }
  78%{
    transform: translate3d(-50%, -50%, 0) scale(1.08);
  }
  100%{
    opacity: 1;
    transform: translate3d(-50%, -50%, 0) scale(1);
  }
}

/* =========================================================
   RP_DESKTOP_HERO_LOGO_V1 — flytta topbar-logga visuellt till hero.
   ========================================================= */
@media (min-width: 901px){
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_site_panel .ow_logo_wrap{
    position: absolute !important;
    left: clamp(22px, 3.2vw, 54px) !important;
    top: calc(var(--rp-desktop-topbar-h, 50px) + 16px) !important;
    z-index: 10086 !important;
    width: clamp(320px, 27vw, 460px) !important;
    height: 72px !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_site_panel .ow_logo_wrap a{
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    background-image: url("/ow_userfiles/themes/rp_hero_logo_custom_v1.svg?v=herologo2") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: contain !important;
    image-rendering: auto !important;
    opacity: 0.98 !important;
    filter:
      drop-shadow(0 0 1px rgba(255, 244, 216, 0.7))
      drop-shadow(0 0 5px rgba(232, 200, 140, 0.22))
      drop-shadow(0 0 12px rgba(122, 18, 52, 0.12)) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_site_panel .ow_logo_wrap a::after{
    content: "" !important;
    position: absolute !important;
    inset: -8px -12px !important;
    pointer-events: none !important;
    opacity: 0 !important;
    background:
      linear-gradient(112deg, transparent 0%, rgba(255, 248, 226, 0) 38%, rgba(255, 248, 226, 0.24) 50%, rgba(255, 248, 226, 0) 62%, transparent 100%) !important;
    transform: translateX(-130%) skewX(-18deg) !important;
    mix-blend-mode: screen !important;
    animation: rpHeroLogoCurrent 7.5s ease-in-out 1.2s infinite !important;
  }
}

@keyframes rpHeroLogoCurrent{
  0%, 68%, 100%{
    opacity: 0;
    transform: translateX(-130%) skewX(-18deg);
  }
  72%{
    opacity: 0.22;
  }
  78%{
    opacity: 0.44;
    transform: translateX(18%) skewX(-18deg);
  }
  84%{
    opacity: 0.12;
    transform: translateX(130%) skewX(-18deg);
  }
}

@media (prefers-reduced-motion: reduce){
  html body.rp-hero-staging-active .ow_site_panel .ow_logo_wrap a::after{
    animation: none !important;
    opacity: 0 !important;
  }
}

/* =========================================================
   RP_TOPBAR_PREMIUM_V1 — desktop topbar med mer pondus och lugn premiumkänsla.
   ========================================================= */
@media (min-width: 901px){
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_site_panel_wrap{
    background:
      linear-gradient(180deg, rgba(25, 24, 28, 0.98) 0%, rgba(16, 15, 19, 0.985) 100%) !important;
    border-bottom: 1px solid rgba(232, 200, 140, 0.18) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.06),
      0 8px 24px rgba(0, 0, 0, 0.34) !important;
    backdrop-filter: blur(8px) saturate(1.02) !important;
    -webkit-backdrop-filter: blur(8px) saturate(1.02) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_site_panel_wrap::after{
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 1px !important;
    pointer-events: none !important;
    background: linear-gradient(90deg, rgba(201, 162, 39, 0) 0%, rgba(255, 246, 227, 0.22) 18%, rgba(232, 200, 140, 0.72) 50%, rgba(255, 246, 227, 0.22) 82%, rgba(201, 162, 39, 0) 100%) !important;
    opacity: 0.88 !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_site_panel{
    background: transparent !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_console,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_console_body,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_console .ow_console_items_wrap{
    background: transparent !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_console a,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_console .ow_console_item,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_console .ow_console_item a.ow_console_item_link{
    color: rgba(236, 226, 210, 0.86) !important;
    letter-spacing: 0.04em !important;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.18) !important;
    transition:
      color 180ms ease,
      text-shadow 180ms ease,
      opacity 180ms ease !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_console .ow_console_item{
    position: relative !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_console .ow_console_item:not(:last-child)::after{
    content: "" !important;
    position: absolute !important;
    right: -1px !important;
    top: 16px !important;
    bottom: 16px !important;
    width: 1px !important;
    background: linear-gradient(180deg, rgba(232, 200, 140, 0) 0%, rgba(232, 200, 140, 0.14) 50%, rgba(232, 200, 140, 0) 100%) !important;
    pointer-events: none !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_console a:hover,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_console a:focus,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_console .ow_console_item:hover,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_console .ow_console_item a.ow_console_item_link:hover{
    color: #fff6df !important;
    text-shadow:
      0 0 6px rgba(232, 200, 140, 0.18),
      0 0 12px rgba(122, 18, 52, 0.08) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_console .ow_console_item.ow_console_dropdown_hover > a,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_console .ow_console_item.ow_console_dropdown_hover > span,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_console li.ow_console_lang_item:hover{
    color: #fff8e8 !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_count_bg,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .OW_ConsoleItemCounterPlace{
    box-shadow:
      0 0 0 1px rgba(255, 246, 224, 0.08),
      0 0 10px rgba(201, 162, 39, 0.16) !important;
  }
}

/* =========================================================
   RP_CONTENT_CLEAN_AMBIENT_V1 — ren contentbakgrund, varm guld/espresso.
   ========================================================= */
html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_wrap:not(.index_master_page) .ow_page_padding{
  background-color: #17120d !important;
  background-image:
    linear-gradient(180deg, rgba(12, 10, 9, 0.18) 0%, rgba(18, 13, 10, 0.08) 42%, rgba(14, 10, 8, 0.30) 100%),
    radial-gradient(ellipse 98% 38% at 50% 10%, rgba(255, 228, 174, 0.22) 0%, rgba(190, 129, 62, 0.10) 40%, transparent 78%),
    radial-gradient(ellipse 82% 52% at 86% 42%, rgba(255, 218, 150, 0.20) 0%, rgba(155, 91, 38, 0.10) 44%, transparent 80%),
    radial-gradient(ellipse 76% 48% at 12% 46%, rgba(220, 170, 96, 0.12) 0%, rgba(86, 54, 32, 0.08) 46%, transparent 82%),
    url("/ow_userfiles/themes/rp_premium_content_background_romantic_gold.png?v=clean1") !important;
  background-position: center top, center top, center top, center top, center top !important;
  background-size: cover, cover, cover, cover, cover !important;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
  background-attachment: scroll, scroll, scroll, scroll, scroll !important;
}

html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_wrap:not(.index_master_page) .ow_page_container,
html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_wrap:not(.index_master_page) .ow_page_container .ow_canvas,
html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_wrap:not(.index_master_page) .ow_page_container .ow_canvas .ow_page.ow_bg_color{
  background-color: transparent !important;
  background-image: none !important;
}

html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page.ow_bg_color::after{
  opacity: 0.14 !important;
}

/* =========================================================
   RP_CONTENT_CLEAN_CARDS_V1 — mörka premiumkort med subtil genomlysning.
   ========================================================= */
html body.rp-hero-staging-active.hero-home.base_user_dashboard .ow_page .ow_box:not(:has(.ow_user_membership--vip)),
html body.rp-hero-staging-active.hero-home.base_user_dashboard .ow_page .ow_box_empty,
html body.rp-hero-staging-active.credits_vip .ow_page .ow_box,
html body.rp-hero-staging-active.credits_vip .ow_page .ow_box_empty{
  background-color: rgba(18, 16, 15, 0.78) !important;
  background-image:
    linear-gradient(180deg, rgba(58, 48, 36, 0.30) 0%, rgba(12, 10, 9, 0.82) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 246, 224, 0.07),
    0 16px 34px rgba(0, 0, 0, 0.30) !important;
  backdrop-filter: blur(8px) saturate(1.02) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.02) !important;
}

html body.rp-hero-staging-active.hero-home.base_user_dashboard .ow_page .ow_box th,
html body.rp-hero-staging-active.hero-home.base_user_dashboard .ow_page .ow_box td{
  background-color: rgba(16, 14, 13, 0.72) !important;
  background-image:
    linear-gradient(180deg, rgba(255, 246, 224, 0.035) 0%, rgba(8, 7, 10, 0.72) 100%) !important;
  border-color: rgba(224, 194, 131, 0.10) !important;
}

/* =========================================================
   RP_CONTENT_CLEAN_VIP_CREDITS_V1 — toppkort något glasigare men fortfarande mörka.
   ========================================================= */
html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip),
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box,
html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box,
html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_credits),
html body.rp-hero-staging-active.base_user_dashboard #place_sections .ow_dnd_widget.dashboard-USERCREDITS_CMP_MyCreditsWidget > .ow_box{
  background-color: rgba(16, 14, 13, 0.64) !important;
  background-image:
    radial-gradient(ellipse 110% 80% at 50% -12%, rgba(255, 232, 178, 0.10) 0%, rgba(255, 232, 178, 0.035) 40%, transparent 76%),
    linear-gradient(168deg, rgba(36, 30, 22, 0.56) 0%, rgba(10, 9, 8, 0.70) 50%, rgba(24, 20, 15, 0.58) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 246, 224, 0.09),
    inset 0 0 0 1px rgba(232, 200, 140, 0.16),
    0 18px 38px rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: blur(8px) saturate(1.02) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.02) !important;
}

html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_user_membership,
html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget[data-rp-vip-top="1"]:has(.ow_user_membership--vip) > .ow_box .ow_user_membership,
html body.rp-hero-staging-active.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_user_membership{
  background-color: rgba(12, 10, 9, 0.56) !important;
  background-image:
    radial-gradient(ellipse 90% 70% at 50% 0%, rgba(255, 232, 178, 0.08) 0%, transparent 64%),
    linear-gradient(180deg, rgba(28, 23, 18, 0.46) 0%, rgba(8, 7, 6, 0.66) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 240, 210, 0.09),
    inset 0 -8px 18px rgba(0, 0, 0, 0.16) !important;
}

/* =========================================================
   RP_ALL_HERO_POSTS_DESKTOP_V1 — samma premiumsystem på övriga hero-poster.
   ========================================================= */
@media (min-width: 901px){
  html body.rp-hero-staging-active.hero-profile .ow_page.ow_bg_color,
  html body.rp-hero-staging-active.hero-search .ow_page.ow_bg_color,
  html body.rp-hero-staging-active.hero-dating .ow_page.ow_bg_color,
  html body.rp-hero-staging-active.hero-credits .ow_page.ow_bg_color{
    max-width: min(1500px, calc(100vw - 44px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body.rp-hero-staging-active.hero-profile #place_sections,
  html body.rp-hero-staging-active.hero-search .ow_page.ow_bg_color > .ow_superwide,
  html body.rp-hero-staging-active.hero-search .ow_page.ow_bg_color > .ow_wide,
  html body.rp-hero-staging-active.hero-dating .ow_page.ow_bg_color > .ow_superwide,
  html body.rp-hero-staging-active.hero-dating .ow_page.ow_bg_color > .ow_wide,
  html body.rp-hero-staging-active.hero-credits .ow_page.ow_bg_color > .ow_superwide,
  html body.rp-hero-staging-active.hero-credits .ow_page.ow_bg_color > .ow_wide,
  html body.rp-hero-staging-active.hero-credits .ow_page.ow_bg_color > .ow_automargin{
    max-width: min(1320px, calc(100vw - 56px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  html body.rp-hero-staging-active.hero-profile .ow_page .ow_box,
  html body.rp-hero-staging-active.hero-profile .ow_page .ow_box_empty,
  html body.rp-hero-staging-active.hero-search .ow_page .ow_box,
  html body.rp-hero-staging-active.hero-search .ow_page .ow_box_empty,
  html body.rp-hero-staging-active.hero-dating .ow_page .ow_box,
  html body.rp-hero-staging-active.hero-dating .ow_page .ow_box_empty,
  html body.rp-hero-staging-active.hero-credits .ow_page .ow_box,
  html body.rp-hero-staging-active.hero-credits .ow_page .ow_box_empty,
  html body.rp-hero-staging-active.hero-search .ow_page form[name="UsernameSearchForm"],
  html body.rp-hero-staging-active.hero-search .ow_page form[name="MainSearchForm"],
  html body.rp-hero-staging-active.hero-credits .ow_page form[name='buy-credits-form'] > div,
  html body.rp-hero-staging-active.hero-credits .ow_page form[name='subscribe-form'] .ow_subscribe_table{
    background-color: rgba(18, 16, 15, 0.78) !important;
    background-image:
      linear-gradient(180deg, rgba(58, 48, 36, 0.30) 0%, rgba(12, 10, 9, 0.82) 100%) !important;
    border-color: rgba(224, 194, 131, 0.16) !important;
    border-radius: 20px !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.07),
      0 16px 34px rgba(0, 0, 0, 0.30) !important;
    backdrop-filter: blur(8px) saturate(1.02) !important;
    -webkit-backdrop-filter: blur(8px) saturate(1.02) !important;
  }

  html body.rp-hero-staging-active.hero-profile .ow_page .ow_box_cap,
  html body.rp-hero-staging-active.hero-profile .ow_page .ow_box_cap_empty,
  html body.rp-hero-staging-active.hero-search .ow_page .ow_box_cap,
  html body.rp-hero-staging-active.hero-search .ow_page .ow_box_cap_empty,
  html body.rp-hero-staging-active.hero-dating .ow_page .ow_box_cap,
  html body.rp-hero-staging-active.hero-dating .ow_page .ow_box_cap_empty,
  html body.rp-hero-staging-active.hero-credits .ow_page .ow_box_cap,
  html body.rp-hero-staging-active.hero-credits .ow_page .ow_box_cap_empty{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 0 10px !important;
  }

  html body.rp-hero-staging-active.hero-profile .ow_page .ow_box_cap h3,
  html body.rp-hero-staging-active.hero-profile .ow_page .ow_box_cap_empty h3,
  html body.rp-hero-staging-active.hero-search .ow_page .ow_box_cap h3,
  html body.rp-hero-staging-active.hero-search .ow_page .ow_box_cap_empty h3,
  html body.rp-hero-staging-active.hero-dating .ow_page .ow_box_cap h3,
  html body.rp-hero-staging-active.hero-dating .ow_page .ow_box_cap_empty h3,
  html body.rp-hero-staging-active.hero-credits .ow_page .ow_box_cap h3,
  html body.rp-hero-staging-active.hero-credits .ow_page .ow_box_cap_empty h3{
    color: #f1e8d7 !important;
    font-size: 18px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 14px rgba(232, 200, 140, 0.12) !important;
  }

  html body.rp-hero-staging-active.hero-profile .ow_page table th,
  html body.rp-hero-staging-active.hero-profile .ow_page table td,
  html body.rp-hero-staging-active.hero-search .ow_page table th,
  html body.rp-hero-staging-active.hero-search .ow_page table td,
  html body.rp-hero-staging-active.hero-dating .ow_page table th,
  html body.rp-hero-staging-active.hero-dating .ow_page table td,
  html body.rp-hero-staging-active.hero-credits .ow_page table th,
  html body.rp-hero-staging-active.hero-credits .ow_page table td{
    background-color: rgba(16, 14, 13, 0.72) !important;
    background-image:
      linear-gradient(180deg, rgba(255, 246, 224, 0.035) 0%, rgba(8, 7, 10, 0.72) 100%) !important;
    border-color: rgba(224, 194, 131, 0.10) !important;
    color: rgba(241, 232, 215, 0.90) !important;
  }

  html body.rp-hero-staging-active.hero-search .ow_page input[type="text"],
  html body.rp-hero-staging-active.hero-search .ow_page input[type="number"],
  html body.rp-hero-staging-active.hero-search .ow_page select,
  html body.rp-hero-staging-active.hero-search .ow_page textarea,
  html body.rp-hero-staging-active.hero-profile .ow_page input[type="text"],
  html body.rp-hero-staging-active.hero-profile .ow_page input[type="password"],
  html body.rp-hero-staging-active.hero-profile .ow_page select,
  html body.rp-hero-staging-active.hero-profile .ow_page textarea{
    background: rgba(10, 9, 10, 0.58) !important;
    border: 1px solid rgba(224, 194, 131, 0.18) !important;
    border-radius: 12px !important;
    color: #f1e8d7 !important;
    box-shadow: inset 0 1px 0 rgba(255, 246, 224, 0.04) !important;
  }

  html body.rp-hero-staging-active.hero-dating .ow_sort_control,
  html body.rp-hero-staging-active.hero-dating .ow_user_list,
  html body.rp-hero-staging-active.hero-search .ow_user_list{
    background: transparent !important;
    border: 0 !important;
  }

  html body.rp-hero-staging-active.hero-dating .ow_user_list .ow_item_set3,
  html body.rp-hero-staging-active.hero-search .ow_user_list .ow_item_set3,
  html body.rp-hero-staging-active.hero-dating .ow_user_list .ow_user_list_item,
  html body.rp-hero-staging-active.hero-search .ow_user_list .ow_user_list_item{
    background-color: rgba(18, 16, 15, 0.76) !important;
    background-image:
      linear-gradient(180deg, rgba(58, 48, 36, 0.28) 0%, rgba(12, 10, 9, 0.80) 100%) !important;
    border: 1px solid rgba(224, 194, 131, 0.14) !important;
    border-radius: 20px !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.26) !important;
  }
}

/* =========================================================
   RP_ALL_HERO_POSTS_MOBILE_V1 — mobil speglar desktop men med enklare kolumner.
   ========================================================= */
@media (max-width: 900px){
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_wrap:not(.index_master_page) .ow_page_padding{
    background-color: #17120d !important;
    background-image:
      linear-gradient(180deg, rgba(12, 10, 9, 0.16) 0%, rgba(18, 13, 10, 0.08) 42%, rgba(14, 10, 8, 0.30) 100%),
      radial-gradient(ellipse 120% 34% at 50% 8%, rgba(255, 228, 174, 0.18) 0%, rgba(190, 129, 62, 0.08) 44%, transparent 80%),
      url("/ow_userfiles/themes/rp_premium_content_background_romantic_gold.png?v=cleanmobile1") center top / cover no-repeat !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page.ow_bg_color{
    width: auto !important;
    max-width: none !important;
    margin: 0 10px !important;
    padding: 0 !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page .ow_box:not(:has(.ow_user_membership--vip)),
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page .ow_box_empty,
  html body.rp-hero-staging-active.hero-search .ow_page form[name="UsernameSearchForm"],
  html body.rp-hero-staging-active.hero-search .ow_page form[name="MainSearchForm"],
  html body.rp-hero-staging-active.hero-credits .ow_page form[name='buy-credits-form'] > div,
  html body.rp-hero-staging-active.hero-credits .ow_page form[name='subscribe-form'] .ow_subscribe_table{
    background-color: rgba(18, 16, 15, 0.82) !important;
    background-image:
      linear-gradient(180deg, rgba(58, 48, 36, 0.24) 0%, rgba(12, 10, 9, 0.86) 100%) !important;
    border: 1px solid rgba(224, 194, 131, 0.14) !important;
    border-radius: 18px !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.06),
      0 12px 26px rgba(0, 0, 0, 0.28) !important;
    backdrop-filter: blur(7px) saturate(1.02) !important;
    -webkit-backdrop-filter: blur(7px) saturate(1.02) !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_lp_avatars,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .hotlist .hot_list_normal_item.ow_lp_avatars,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_lp_avatars{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px 10px !important;
    padding: 10px 6px 8px !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_lp_avatars .ow_avatar,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .hotlist .ow_lp_avatars .ow_avatar,
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_lp_avatars .ow_avatar{
    width: clamp(58px, 18vw, 76px) !important;
    height: clamp(58px, 18vw, 76px) !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_lp_avatars .ow_avatar:nth-child(n+9),
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .hotlist .ow_lp_avatars .ow_avatar:nth-child(n+9),
  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_lp_avatars .ow_avatar:nth-child(n+9){
    display: none !important;
  }

  html body.rp-hero-staging-active.hero-search .ow_page form[name="UsernameSearchForm"] .ow_table_1.ow_form tr.ow_question_tr,
  html body.rp-hero-staging-active.hero-search .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form tr.ow_question_tr{
    display: block !important;
    padding: 10px 0 !important;
  }

  html body.rp-hero-staging-active.hero-search .ow_page form[name="UsernameSearchForm"] .ow_table_1.ow_form td.ow_label,
  html body.rp-hero-staging-active.hero-search .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form td.ow_label,
  html body.rp-hero-staging-active.hero-search .ow_page form[name="UsernameSearchForm"] .ow_table_1.ow_form td.ow_value,
  html body.rp-hero-staging-active.hero-search .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form td.ow_value{
    display: block !important;
    width: 100% !important;
    padding: 5px 0 !important;
  }

  html body.rp-hero-staging-active.hero-search .ow_page input[type="text"],
  html body.rp-hero-staging-active.hero-search .ow_page input[type="number"],
  html body.rp-hero-staging-active.hero-search .ow_page select,
  html body.rp-hero-staging-active.hero-search .ow_page textarea,
  html body.rp-hero-staging-active.hero-profile .ow_page input[type="text"],
  html body.rp-hero-staging-active.hero-profile .ow_page input[type="password"],
  html body.rp-hero-staging-active.hero-profile .ow_page select,
  html body.rp-hero-staging-active.hero-profile .ow_page textarea{
    width: 100% !important;
    max-width: 100% !important;
    min-height: 42px !important;
    background: rgba(10, 9, 10, 0.62) !important;
    border: 1px solid rgba(224, 194, 131, 0.18) !important;
    border-radius: 12px !important;
    color: #f1e8d7 !important;
    box-sizing: border-box !important;
  }

  html body.rp-hero-staging-active.hero-dating .ow_user_list .ow_item_set3,
  html body.rp-hero-staging-active.hero-search .ow_user_list .ow_item_set3,
  html body.rp-hero-staging-active.hero-dating .ow_user_list .ow_user_list_item,
  html body.rp-hero-staging-active.hero-search .ow_user_list .ow_user_list_item{
    display: block !important;
    width: auto !important;
    margin: 0 0 12px !important;
    padding: 12px !important;
    background-color: rgba(18, 16, 15, 0.82) !important;
    border: 1px solid rgba(224, 194, 131, 0.14) !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.26) !important;
  }

  html body.rp-hero-staging-active.hero-credits .ow_page form[name='buy-credits-form'] > div,
  html body.rp-hero-staging-active.hero-credits .ow_page form[name='subscribe-form'] .ow_automargin.ow_superwide{
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }

  html body.rp-hero-staging-active.hero-credits .ow_page form[name='buy-credits-form'] li{
    padding: 14px 12px !important;
    border-radius: 14px !important;
  }
}

/* =========================================================
   RP_CREDITS_LABEL_AND_MOBILE_FORCE_V1 — synlig kreditpaket-label + starkare mobilträff.
   ========================================================= */
html body.rp-hero-staging-active.hero-credits .ow_page form[name='buy-credits-form'] > div > .ow_smallmargin:first-child{
  position: relative !important;
  padding-top: 20px !important;
}

html body.rp-hero-staging-active.hero-credits .ow_page form[name='buy-credits-form'] > div > .ow_smallmargin:first-child::before{
  content: "" !important;
  position: absolute !important;
  left: -8px !important;
  top: 0 !important;
  width: min(260px, 72vw) !important;
  height: 34px !important;
  border-radius: 999px !important;
  background:
    linear-gradient(90deg, rgba(8, 7, 8, 0.72) 0%, rgba(8, 7, 8, 0.42) 58%, rgba(8, 7, 8, 0) 100%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

html body.rp-hero-staging-active.hero-credits .ow_page form[name='buy-credits-form'] > div > .ow_smallmargin:first-child > *{
  position: relative !important;
  z-index: 1 !important;
}

html body.rp-hero-staging-active.hero-credits .ow_page form[name='buy-credits-form'] > div > .ow_smallmargin:first-child,
html body.rp-hero-staging-active.hero-credits .ow_page form[name='buy-credits-form'] > div > .ow_smallmargin:first-child label,
html body.rp-hero-staging-active.hero-credits .ow_page form[name='buy-credits-form'] > div > .ow_smallmargin:first-child .ow_label,
html body.rp-hero-staging-active.hero-credits .ow_page form[name='buy-credits-form'] > div > .ow_smallmargin:first-child .ow_small{
  color: #fff3d2 !important;
  text-shadow:
    0 2px 8px rgba(0, 0, 0, 0.92),
    0 0 12px rgba(232, 200, 140, 0.20) !important;
}

@media (max-width: 900px){
  html body.rp-hero-staging-active,
  html body.rp-hero-staging-active .ow_page_wrap,
  html body.rp-hero-staging-active .ow_page_padding,
  html body.rp-hero-staging-active .ow_canvas,
  html body.rp-hero-staging-active .ow_page,
  html body.rp-hero-staging-active .owm_page,
  html body.rp-hero-staging-active .owm_content{
    background-color: #17120d !important;
    background-image:
      linear-gradient(180deg, rgba(12, 10, 9, 0.26) 0%, rgba(18, 13, 10, 0.12) 44%, rgba(14, 10, 8, 0.36) 100%),
      radial-gradient(ellipse 120% 34% at 50% 8%, rgba(255, 228, 174, 0.18) 0%, rgba(190, 129, 62, 0.08) 44%, transparent 80%),
      url("/ow_userfiles/themes/rp_premium_content_background_romantic_gold.png?v=mobileforce1") center top / cover no-repeat !important;
  }

  html body.rp-hero-staging-active .ow_box:not(:has(.ow_user_membership--vip)),
  html body.rp-hero-staging-active .ow_box_empty,
  html body.rp-hero-staging-active .owm_box,
  html body.rp-hero-staging-active .owm_box_body,
  html body.rp-hero-staging-active .owm_list_item,
  html body.rp-hero-staging-active .owm_form_field_container,
  html body.rp-hero-staging-active .ow_table_1:not(:has(.ow_user_membership--vip)),
  html body.rp-hero-staging-active .ow_table_2:not(:has(.ow_user_membership--vip)),
  html body.rp-hero-staging-active .ow_table_3:not(:has(.ow_user_membership--vip)){
    background-color: rgba(18, 16, 15, 0.84) !important;
    background-image:
      linear-gradient(180deg, rgba(58, 48, 36, 0.22) 0%, rgba(12, 10, 9, 0.88) 100%) !important;
    border-color: rgba(224, 194, 131, 0.14) !important;
    border-radius: 16px !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.055),
      0 10px 22px rgba(0, 0, 0, 0.26) !important;
  }
}

/* RP_MOBILE_VIP_SEPARATOR_TRUE_FINAL_V1 — sista regeln för synligt hjärta och stabilt VIP-kort. */
@media (max-width: 900px){
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator::after{
    content: "♡" !important;
    width: 34px !important;
    height: 34px !important;
    top: -1px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    -webkit-mask: none !important;
    mask: none !important;
    color: #b33463 !important;
    -webkit-text-fill-color: #b33463 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 30px !important;
    line-height: 1 !important;
    text-shadow:
      0 0 10px rgba(232, 200, 140, 0.74),
      0 0 18px rgba(179, 52, 99, 0.45),
      0 2px 8px rgba(0, 0, 0, 0.78) !important;
    filter: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip),
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box{
    padding: 14px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(232, 200, 140, 0.52) !important;
    background:
      radial-gradient(ellipse 100% 64% at 50% 0%, rgba(255, 232, 176, 0.13) 0%, rgba(232, 200, 140, 0.04) 42%, transparent 72%),
      linear-gradient(180deg, rgba(28, 25, 20, 0.96) 0%, rgba(9, 8, 8, 0.98) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.10),
      inset 0 0 0 1px rgba(92, 72, 40, 0.34),
      0 18px 34px rgba(0, 0, 0, 0.44) !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_name::before,
  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_name::after,
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_name::before,
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_name::after{
    content: none !important;
    display: none !important;
  }
}

/* =========================================================
   RP_MOBILE_FEEDBACK_PASS2_V1 — VIP, footer, hotlist, forms, credits.
   Mobile-only staging override. DOM/classes/IDs untouched.
   ========================================================= */
@media (max-width: 900px){
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator::after{
    content: "♡" !important;
    width: 34px !important;
    height: 34px !important;
    top: -1px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    -webkit-mask: none !important;
    mask: none !important;
    color: #b33463 !important;
    -webkit-text-fill-color: #b33463 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-shadow:
      0 0 10px rgba(232, 200, 140, 0.74),
      0 0 18px rgba(179, 52, 99, 0.45),
      0 2px 8px rgba(0, 0, 0, 0.78) !important;
    filter: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip),
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box{
    margin-left: 14px !important;
    margin-right: 14px !important;
    padding: 14px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(232, 200, 140, 0.52) !important;
    background:
      radial-gradient(ellipse 100% 64% at 50% 0%, rgba(255, 232, 176, 0.13) 0%, rgba(232, 200, 140, 0.04) 42%, transparent 72%),
      linear-gradient(180deg, rgba(28, 25, 20, 0.96) 0%, rgba(9, 8, 8, 0.98) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.10),
      inset 0 0 0 1px rgba(92, 72, 40, 0.34),
      0 18px 34px rgba(0, 0, 0, 0.44) !important;
    overflow: hidden !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip)::before,
  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip)::after,
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box::before,
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box::after,
  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_name::before,
  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_name::after,
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_name::before,
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_name::after{
    content: none !important;
    display: none !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_user_membership,
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_user_membership{
    min-height: 146px !important;
    padding: 22px 14px 18px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(212, 175, 95, 0.48) !important;
    background:
      linear-gradient(90deg, transparent 0%, rgba(232, 200, 140, 0.18) 50%, transparent 100%) center 44px / 62% 1px no-repeat,
      radial-gradient(ellipse 82% 58% at 50% 0%, rgba(232, 200, 140, 0.14) 0%, transparent 68%),
      linear-gradient(180deg, rgba(30, 26, 20, 0.42) 0%, rgba(8, 7, 7, 0.44) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.12),
      inset 0 -12px 28px rgba(0, 0, 0, 0.30) !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_label,
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_label{
    display: block !important;
    margin: 0 auto 4px !important;
    text-align: center !important;
    letter-spacing: 0.18em !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_name,
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_name{
    margin: 0 auto 12px !important;
    text-align: center !important;
    font-size: clamp(54px, 15vw, 74px) !important;
    letter-spacing: 0.24em !important;
    text-indent: 0.24em !important;
  }

  html body.rp-hero-staging-active .ow_footer{
    margin-top: 0 !important;
    background:
      linear-gradient(180deg, #f4ecdd 0%, #eadfcd 58%, #dfcfb8 100%) !important;
    border-top: 1px solid rgba(112, 80, 42, 0.28) !important;
    color: #332821 !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 252, 245, 0.72),
      0 -18px 36px rgba(0, 0, 0, 0.16) !important;
  }

  html body.rp-hero-staging-active .ow_footer::before{
    opacity: 0.42 !important;
  }

  html body.rp-hero-staging-active .ow_footer .ow_canvas{
    padding: 24px 0 22px !important;
  }

  html body.rp-hero-staging-active .ow_footer .ow_footer_menu{
    padding: 8px 10px 18px !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
    text-align: center !important;
  }

  html body.rp-hero-staging-active .ow_footer .ow_footer_menu a,
  html body.rp-hero-staging-active .ow_footer .ow_copyright,
  html body.rp-hero-staging-active .ow_footer .rp-footer-company,
  html body.rp-hero-staging-active .ow_footer .rp-footer-payments-title{
    color: #34281f !important;
    text-shadow: 0 1px 0 rgba(255, 252, 245, 0.55) !important;
    opacity: 1 !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .ow_box_empty{
    padding: 24px 18px !important;
    text-align: center !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .ow_nocontent{
    margin: 0 0 18px !important;
    color: rgba(255, 246, 224, 0.88) !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    text-align: center !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .hotlist a[href="javascript://"]{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50px !important;
    min-width: min(270px, 78vw) !important;
    padding: 0 24px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(232, 200, 140, 0.42) !important;
    background:
      linear-gradient(180deg, rgba(70, 70, 76, 0.94) 0%, rgba(42, 42, 48, 0.96) 100%) !important;
    color: #fff7e8 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.16),
      0 14px 26px rgba(0, 0, 0, 0.34) !important;
  }

  html body.rp-hero-staging-active .floatbox_canvas .floatbox_container{
    width: min(92vw, 560px) !important;
    border-radius: 24px !important;
    border: 1px solid rgba(232, 200, 140, 0.24) !important;
    overflow: hidden !important;
    background:
      linear-gradient(180deg, rgba(48, 48, 50, 0.98) 0%, rgba(36, 36, 38, 0.98) 100%) !important;
    box-shadow: 0 24px 58px rgba(0, 0, 0, 0.58) !important;
  }

  html body.rp-hero-staging-active .floatbox_canvas .floatbox_header,
  html body.rp-hero-staging-active .floatbox_canvas .floatbox_body{
    background: transparent !important;
    color: #f6ead7 !important;
  }

  html body.rp-hero-staging-active .floatbox_canvas .floatbox_header{
    padding: 22px 24px !important;
    border-bottom: 1px solid rgba(232, 200, 140, 0.18) !important;
  }

  html body.rp-hero-staging-active .floatbox_canvas .floatbox_title{
    color: #fff4df !important;
    font-size: 22px !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
  }

  html body.rp-hero-staging-active .floatbox_canvas .floatbox_body{
    padding: 28px 24px 30px !important;
    font-size: 18px !important;
    line-height: 1.45 !important;
    text-align: center !important;
  }

  html body.rp-hero-staging-active .floatbox_canvas span.ow_button,
  html body.rp-hero-staging-active .floatbox_canvas span.ow_button input,
  html body.rp-hero-staging-active .floatbox_canvas input[type="button"],
  html body.rp-hero-staging-active .floatbox_canvas input[type="submit"]{
    min-width: 150px !important;
    min-height: 48px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #e5cf91 0%, #c4a866 100%) !important;
    color: #16120c !important;
    font-weight: 800 !important;
    letter-spacing: 0.10em !important;
  }

  html body.rp-hero-staging-active .ow_page form table,
  html body.rp-hero-staging-active .ow_page form .ow_table_1,
  html body.rp-hero-staging-active .ow_page form .ow_table_2,
  html body.rp-hero-staging-active .ow_page form .ow_table_3{
    width: calc(100% - 28px) !important;
    margin-left: 14px !important;
    margin-right: 14px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  html body.rp-hero-staging-active .ow_page form td.ow_label,
  html body.rp-hero-staging-active .ow_page form td.ow_value,
  html body.rp-hero-staging-active .ow_page form th,
  html body.rp-hero-staging-active .ow_page form td{
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px 16px !important;
    text-align: left !important;
  }

  html body.rp-hero-staging-active .ow_page form td.ow_label,
  html body.rp-hero-staging-active .ow_page form th{
    color: #e6cd91 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
  }

  html body.rp-hero-staging-active .ow_page input[type="text"],
  html body.rp-hero-staging-active .ow_page input[type="password"],
  html body.rp-hero-staging-active .ow_page input[type="email"],
  html body.rp-hero-staging-active .ow_page input[type="number"],
  html body.rp-hero-staging-active .ow_page select,
  html body.rp-hero-staging-active .ow_page textarea{
    width: 100% !important;
    min-height: 44px !important;
    box-sizing: border-box !important;
    border-radius: 14px !important;
    border: 1px solid rgba(232, 200, 140, 0.26) !important;
    background:
      linear-gradient(180deg, rgba(35, 33, 35, 0.90) 0%, rgba(13, 12, 12, 0.94) 100%) !important;
    color: #fff6df !important;
    padding: 10px 14px !important;
  }

  html body.rp-hero-staging-active .ow_page input[type="checkbox"],
  html body.rp-hero-staging-active .ow_page input[type="radio"]{
    width: 20px !important;
    height: 20px !important;
    accent-color: #d8bd7a !important;
  }

  html body.rp-hero-staging-active .ow_page span.ow_button,
  html body.rp-hero-staging-active .ow_page span.ow_button input,
  html body.rp-hero-staging-active .ow_page input[type="submit"],
  html body.rp-hero-staging-active .ow_page input[type="button"],
  html body.rp-hero-staging-active .ow_page button{
    min-height: 46px !important;
    border-radius: 999px !important;
    background:
      linear-gradient(180deg, #e5cf91 0%, #c4a866 100%) !important;
    color: #17120c !important;
    text-shadow: 0 1px 0 rgba(255, 247, 220, 0.45) !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
  }

  html body.rp-hero-staging-active.hero-credits .ow_page .ow_content_menu_wrap:not(:has(.ow_sort_control)) .ow_content_menu{
    width: min(420px, calc(100vw - 28px)) !important;
    padding: 8px !important;
    gap: 8px !important;
    border-radius: 22px !important;
  }

  html body.rp-hero-staging-active.hero-credits .ow_page .ow_content_menu_wrap:not(:has(.ow_sort_control)) .ow_content_menu li a{
    min-height: 54px !important;
    padding: 0 12px !important;
    border-radius: 18px !important;
  }

  html body.rp-hero-staging-active.hero-credits .ow_page p,
  html body.rp-hero-staging-active.hero-credits .ow_page .ow_small,
  html body.rp-hero-staging-active.hero-credits .ow_page .ow_remark,
  html body.rp-hero-staging-active.hero-credits .ow_page td,
  html body.rp-hero-staging-active.hero-credits .ow_page th,
  html body.rp-hero-staging-active.hero-credits .ow_page form[name='buy-credits-form'] li,
  html body.rp-hero-staging-active.hero-credits .ow_page form[name='subscribe-form'] .ow_subscribe_table td{
    padding-left: max(14px, 4vw) !important;
    padding-right: max(14px, 4vw) !important;
    box-sizing: border-box !important;
  }
}

/* =========================================================
   RP_MOBILE_FEEDBACK_FIX_V1 — topbar/hero/separator/VIP/content.
   Mobile-only staging override. DOM/classes/IDs untouched.
   ========================================================= */
@media (max-width: 900px){
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_site_panel .ow_logo_wrap,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_site_panel .ow_logo_wrap a{
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 64px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    background-image: none !important;
    pointer-events: none !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_site_panel{
    justify-content: flex-end !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_header > .rp-hero-viewport::after{
    left: 20px !important;
    top: 14px !important;
    width: min(56vw, 240px) !important;
    height: 72px !important;
    opacity: 0.98 !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .rp-main-menu-center{
    padding: 10px 10px 6px !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .rp-main-menu-center > ul{
    gap: 12px 10px !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .rp-main-menu-center > ul > li > a{
    min-height: 52px !important;
    padding: 0 12px !important;
    font-size: clamp(12px, 3.15vw, 14px) !important;
    letter-spacing: 0.12em !important;
    border-color: rgba(232, 200, 140, 0.28) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.10),
      0 12px 24px rgba(0, 0, 0, 0.38) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator::after{
    width: 27px !important;
    height: 27px !important;
    top: 2px !important;
    background:
      linear-gradient(135deg, rgba(137, 26, 65, 0.98) 0%, rgba(192, 55, 96, 0.96) 46%, rgba(104, 22, 54, 0.98) 100%) !important;
    -webkit-mask: url("/ow_static/rp_header_heart.svg?v=20260417heart") center / contain no-repeat !important;
    mask: url("/ow_static/rp_header_heart.svg?v=20260417heart") center / contain no-repeat !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    filter:
      drop-shadow(0 0 10px rgba(232, 200, 140, 0.52))
      drop-shadow(0 2px 8px rgba(0, 0, 0, 0.70)) !important;
  }

  html body.rp-hero-staging-active,
  html body.rp-hero-staging-active .ow_page_wrap,
  html body.rp-hero-staging-active .ow_page_padding,
  html body.rp-hero-staging-active .ow_canvas,
  html body.rp-hero-staging-active .ow_page,
  html body.rp-hero-staging-active .owm_page,
  html body.rp-hero-staging-active .owm_content{
    background-color: #17120d !important;
    background-image:
      linear-gradient(180deg, rgba(12, 10, 9, 0.26) 0%, rgba(18, 13, 10, 0.12) 44%, rgba(14, 10, 8, 0.36) 100%),
      radial-gradient(ellipse 120% 34% at 50% 8%, rgba(255, 228, 174, 0.18) 0%, rgba(190, 129, 62, 0.08) 44%, transparent 80%),
      url("/ow_userfiles/themes/rp_premium_content_background_romantic_gold.png?v=mobilefeedback1") center top / cover no-repeat !important;
    background-attachment: scroll, scroll, scroll !important;
  }

  html body.rp-hero-staging-active .ow_page{
    width: min(100%, 430px) !important;
    box-sizing: border-box !important;
  }

  html body.rp-hero-staging-active .ow_page .ow_box:not(:has(.ow_user_membership--vip)),
  html body.rp-hero-staging-active .ow_page .ow_box_empty{
    margin-left: 14px !important;
    margin-right: 14px !important;
    border-radius: 18px !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip),
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box{
    position: relative !important;
    margin-left: 14px !important;
    margin-right: 14px !important;
    padding: 14px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(232, 200, 140, 0.48) !important;
    background:
      radial-gradient(ellipse 115% 70% at 50% -12%, rgba(255, 232, 176, 0.14) 0%, rgba(232, 200, 140, 0.04) 44%, transparent 74%),
      linear-gradient(168deg, rgba(31, 27, 21, 0.96) 0%, rgba(9, 8, 8, 0.98) 50%, rgba(22, 18, 14, 0.97) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.10),
      0 0 34px rgba(212, 175, 95, 0.14),
      0 20px 38px rgba(0, 0, 0, 0.44) !important;
    overflow: hidden !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip)::before,
  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip)::after,
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box::before,
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box::after{
    content: none !important;
    display: none !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_user_membership,
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_user_membership{
    min-height: 148px !important;
    padding: 20px 12px 18px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(212, 175, 95, 0.42) !important;
    background:
      radial-gradient(ellipse 90% 62% at 50% 0%, rgba(232, 200, 140, 0.12) 0%, transparent 66%),
      linear-gradient(180deg, rgba(28, 24, 19, 0.38) 0%, rgba(8, 7, 7, 0.42) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.12),
      inset 0 -14px 30px rgba(0, 0, 0, 0.32) !important;
  }
}

/* RP_MOBILE_VIP_EOF_OVERRIDE_V1 — finalt mobil-override för VIP-kortet. */
@media (max-width: 900px){
  html body.rp-hero-staging-active.base_user_dashboard .ow_page .ow_box.ow_stdmargin:has(.ow_user_membership--vip),
  html body.rp-hero-staging-active.base_profile_page .ow_page .ow_box.ow_stdmargin:has(.ow_user_membership--vip){
    padding: 18px 16px 20px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(232, 200, 140, 0.62) !important;
    background:
      radial-gradient(ellipse 120% 88% at 50% -18%, rgba(255, 232, 176, 0.18) 0%, rgba(232, 200, 140, 0.055) 45%, transparent 76%),
      linear-gradient(168deg, rgba(31, 27, 21, 0.97) 0%, rgba(9, 8, 8, 0.98) 48%, rgba(22, 18, 14, 0.98) 100%) !important;
    box-shadow:
      0 0 0 1px rgba(82, 64, 34, 0.48) inset,
      0 0 48px rgba(212, 175, 95, 0.20),
      0 24px 44px rgba(0, 0, 0, 0.50) !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard .ow_page .ow_box.ow_stdmargin:has(.ow_user_membership--vip) .ow_user_membership,
  html body.rp-hero-staging-active.base_profile_page .ow_page .ow_box.ow_stdmargin:has(.ow_user_membership--vip) .ow_user_membership{
    min-height: 156px !important;
    padding: 22px 14px 20px !important;
    border-radius: 18px !important;
    border-color: rgba(212, 175, 95, 0.46) !important;
  }
}

/* RP_MOBILE_VIP_FINAL_OVERRIDE_V1 — sist: låt inte generella mobilkort platta ut VIP-kortet. */
@media (max-width: 900px){
  html body.rp-hero-staging-active.base_user_dashboard .ow_page .ow_box.ow_stdmargin:has(.ow_user_membership--vip),
  html body.rp-hero-staging-active.base_profile_page .ow_page .ow_box.ow_stdmargin:has(.ow_user_membership--vip){
    padding: 18px 16px 20px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(232, 200, 140, 0.62) !important;
    background:
      radial-gradient(ellipse 120% 88% at 50% -18%, rgba(255, 232, 176, 0.18) 0%, rgba(232, 200, 140, 0.055) 45%, transparent 76%),
      linear-gradient(168deg, rgba(31, 27, 21, 0.97) 0%, rgba(9, 8, 8, 0.98) 48%, rgba(22, 18, 14, 0.98) 100%) !important;
    box-shadow:
      0 0 0 1px rgba(82, 64, 34, 0.48) inset,
      0 0 48px rgba(212, 175, 95, 0.20),
      0 24px 44px rgba(0, 0, 0, 0.50) !important;
  }
}

/* =========================================================
   RP_MOBILE_POLISH_PASS_V1 — hero/logga/separator/footer/VIP/credits.
   Mobile-only staging override. DOM/classes/IDs untouched.
   ========================================================= */
@media (max-width: 900px){
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_site_panel_wrap{
    height: 64px !important;
    min-height: 64px !important;
    background:
      linear-gradient(180deg, rgba(22, 22, 25, 0.98) 0%, rgba(13, 13, 15, 0.98) 100%) !important;
    border-bottom: 1px solid rgba(224, 194, 131, 0.22) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.42) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_site_panel{
    height: 64px !important;
    min-height: 64px !important;
    padding: 0 10px 0 14px !important;
    align-items: center !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_logo_wrap{
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 64px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_logo_wrap a{
    width: 0 !important;
    height: 64px !important;
    min-width: 0 !important;
    max-width: 0 !important;
    background-image: none !important;
    background-size: contain !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio){
    --rp-mobile-topbar-h: 64px;
    --rp-hero-mobile-h: min(36dvh, 302px);
    --rp-hero-btn-h: 52px;
    --rp-hero-btn-gap-row: 12px;
    --rp-hero-btn-gap-col: 10px;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_header > .rp-hero-viewport::after{
    content: "" !important;
    position: absolute !important;
    left: 20px !important;
    top: 14px !important;
    width: min(56vw, 240px) !important;
    height: 72px !important;
    background: url("/ow_userfiles/themes/rp_hero_logo_custom_v1.svg?v=mobilehero1") left center / contain no-repeat !important;
    filter:
      drop-shadow(0 0 12px rgba(212, 175, 95, 0.26))
      drop-shadow(0 2px 10px rgba(0, 0, 0, 0.72)) !important;
    opacity: 0.98 !important;
    pointer-events: none !important;
    z-index: 2 !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .rp-main-menu-center{
    padding: 10px 10px 6px !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .rp-main-menu-center > ul{
    gap: var(--rp-hero-btn-gap-row) var(--rp-hero-btn-gap-col) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .rp-main-menu-center > ul > li > a{
    min-height: var(--rp-hero-btn-h) !important;
    padding: 0 12px !important;
    font-size: clamp(12px, 3.15vw, 14px) !important;
    letter-spacing: 0.12em !important;
    border-radius: 999px !important;
    background:
      linear-gradient(180deg, rgba(18, 18, 19, 0.78) 0%, rgba(5, 5, 6, 0.72) 100%) !important;
    border: 1px solid rgba(232, 200, 140, 0.28) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.10),
      0 12px 24px rgba(0, 0, 0, 0.38) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.active > a,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.ow_active > a,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.current > a{
    background:
      linear-gradient(168deg, rgba(80, 66, 40, 0.88) 0%, rgba(45, 38, 25, 0.92) 50%, rgba(25, 22, 16, 0.94) 100%) !important;
    border-color: rgba(238, 216, 166, 0.58) !important;
    box-shadow:
      0 0 0 1px rgba(112, 90, 44, 0.24),
      0 12px 24px rgba(0, 0, 0, 0.38),
      inset 0 1px 0 rgba(255, 250, 240, 0.22) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator{
    height: 30px !important;
    margin-top: 0 !important;
    overflow: visible !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator::before{
    content: "" !important;
    position: absolute !important;
    left: 5% !important;
    right: 5% !important;
    top: 13px !important;
    height: 2px !important;
    background:
      linear-gradient(90deg, transparent 0%, rgba(226, 205, 155, 0.88) 44%, rgba(255, 247, 220, 0.96) 50%, rgba(226, 205, 155, 0.88) 56%, transparent 100%) !important;
    box-shadow: 0 0 14px rgba(232, 200, 140, 0.38) !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator::after{
    content: "♡" !important;
    position: absolute !important;
    left: 50% !important;
    top: -1px !important;
    width: 34px !important;
    height: 34px !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    -webkit-mask: none !important;
    mask: none !important;
    color: #b33463 !important;
    -webkit-text-fill-color: #b33463 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-shadow:
      0 0 10px rgba(232, 200, 140, 0.74),
      0 0 18px rgba(179, 52, 99, 0.45),
      0 2px 8px rgba(0, 0, 0, 0.78) !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    filter: none !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip),
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box{
    padding: 14px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(232, 200, 140, 0.52) !important;
    background:
      radial-gradient(ellipse 100% 64% at 50% 0%, rgba(255, 232, 176, 0.13) 0%, rgba(232, 200, 140, 0.04) 42%, transparent 72%),
      linear-gradient(180deg, rgba(28, 25, 20, 0.96) 0%, rgba(9, 8, 8, 0.98) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.10),
      inset 0 0 0 1px rgba(92, 72, 40, 0.34),
      0 18px 34px rgba(0, 0, 0, 0.44) !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip)::before,
  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip)::after,
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box::before,
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box::after{
    content: none !important;
    display: none !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_user_membership,
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_user_membership{
    min-height: 156px !important;
    padding: 22px 14px 20px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(212, 175, 95, 0.48) !important;
    background:
      linear-gradient(90deg, transparent 0%, rgba(232, 200, 140, 0.18) 50%, transparent 100%) center 44px / 62% 1px no-repeat,
      radial-gradient(ellipse 82% 58% at 50% 0%, rgba(232, 200, 140, 0.14) 0%, transparent 68%),
      linear-gradient(180deg, rgba(30, 26, 20, 0.42) 0%, rgba(8, 7, 7, 0.44) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.12),
      inset 0 -14px 30px rgba(0, 0, 0, 0.32) !important;
  }

  html body.rp-hero-staging-active.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_name,
  html body.rp-hero-staging-active.base_profile_page .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_name{
    font-size: clamp(3.6rem, 18vw, 5.2rem) !important;
    line-height: 0.98 !important;
    letter-spacing: 0.26em !important;
    margin: 8px 0 10px !important;
  }

  html body.rp-hero-staging-active.hero-credits .ow_page form[name='buy-credits-form'] > div,
  html body.rp-hero-staging-active.hero-credits .ow_page form[name='subscribe-form'] .ow_automargin.ow_superwide,
  html body.rp-hero-staging-active.hero-credits .ow_page form[name='subscribe-form'] .ow_subscribe_table{
    background:
      linear-gradient(180deg, rgba(25, 23, 22, 0.94) 0%, rgba(8, 7, 7, 0.96) 100%) !important;
    border: 1px solid rgba(232, 200, 140, 0.20) !important;
    border-radius: 20px !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.08),
      0 18px 34px rgba(0, 0, 0, 0.38) !important;
    overflow: hidden !important;
  }

  html body.rp-hero-staging-active.hero-credits .ow_page form[name='subscribe-form'] .ow_subscribe_table th,
  html body.rp-hero-staging-active.hero-credits .ow_page form[name='subscribe-form'] .ow_subscribe_table td{
    padding: 12px 8px !important;
    border-color: rgba(232, 200, 140, 0.12) !important;
    background-color: rgba(255, 255, 255, 0.025) !important;
  }

  html body.rp-hero-staging-active.hero-credits .ow_page form[name='buy-credits-form'] li{
    border-radius: 14px !important;
    margin-bottom: 8px !important;
    background:
      linear-gradient(180deg, rgba(35, 33, 35, 0.82) 0%, rgba(14, 13, 13, 0.90) 100%) !important;
  }

  html body.rp-hero-staging-active.hero-credits .ow_page form[name='buy-credits-form'] span.ow_button,
  html body.rp-hero-staging-active.hero-credits .ow_page form[name='buy-credits-form'] span.ow_button input,
  html body.rp-hero-staging-active.hero-credits .ow_page form[name='subscribe-form'] span.ow_button,
  html body.rp-hero-staging-active.hero-credits .ow_page form[name='subscribe-form'] span.ow_button input{
    border-radius: 999px !important;
    background:
      linear-gradient(180deg, #e5cf91 0%, #c4a866 100%) !important;
    color: #16120c !important;
    text-shadow: 0 1px 0 rgba(255, 247, 220, 0.45) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 248, 220, 0.55),
      0 12px 24px rgba(0, 0, 0, 0.34) !important;
  }

  html body.rp-hero-staging-active .ow_footer{
    margin-top: 0 !important;
    background:
      linear-gradient(180deg, #f4ecdd 0%, #eadfcd 58%, #dfcfb8 100%) !important;
    border-top: 1px solid rgba(112, 80, 42, 0.26) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 252, 245, 0.72),
      0 -18px 36px rgba(0, 0, 0, 0.18) !important;
  }

  html body.rp-hero-staging-active .ow_footer .ow_canvas{
    padding-top: 24px !important;
    padding-bottom: 18px !important;
  }

  html body.rp-hero-staging-active .ow_footer .ow_footer_menu{
    padding: 8px 8px 18px !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
  }

  html body.rp-hero-staging-active .ow_footer .ow_footer_menu a{
    color: #2b211a !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
  }

  html body.rp-hero-staging-active .ow_footer .ow_copyright,
  html body.rp-hero-staging-active .ow_footer .rp-footer-company,
  html body.rp-hero-staging-active .ow_footer .rp-footer-payments-title{
    color: #34281f !important;
    text-shadow: 0 1px 0 rgba(255, 252, 245, 0.55) !important;
  }

  html body.rp-hero-staging-active .ow_footer .rp-footer-payments-logos img[alt="Mastercard"]{
    max-height: 34px !important;
  }

  html body.rp-hero-staging-active .ow_footer .rp-footer-payments-logos img[alt="VISA"],
  html body.rp-hero-staging-active .ow_footer .rp-footer-payments-logos img[alt="Visa"]{
    max-height: 23px !important;
    max-width: 76px !important;
  }
}

/* =========================================================
   RP_CREDITS_TABS_AND_MOBILE_HARD_FINAL_V1 — exakt credits-selector + mobil utan hero-klass.
   ========================================================= */
@media (min-width: 901px){
  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color > .ow_content_menu_wrap:not(:has(.ow_sort_control)),
  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color > .ow_wide.ow_automargin.ow_stdmargin:has(form[name='buy-credits-form']) > .ow_content_menu_wrap:not(:has(.ow_sort_control)){
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 24px !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color > .ow_content_menu_wrap:not(:has(.ow_sort_control)) .ow_content_menu,
  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color > .ow_wide.ow_automargin.ow_stdmargin:has(form[name='buy-credits-form']) > .ow_content_menu_wrap:not(:has(.ow_sort_control)) .ow_content_menu{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 560px !important;
    max-width: calc(100vw - 56px) !important;
    margin: 0 auto !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    justify-items: stretch !important;
    align-items: stretch !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color > .ow_content_menu_wrap:not(:has(.ow_sort_control)) .ow_content_menu li,
  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color > .ow_wide.ow_automargin.ow_stdmargin:has(form[name='buy-credits-form']) > .ow_content_menu_wrap:not(:has(.ow_sort_control)) .ow_content_menu li{
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color > .ow_content_menu_wrap:not(:has(.ow_sort_control)) .ow_content_menu li a,
  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color > .ow_wide.ow_automargin.ow_stdmargin:has(form[name='buy-credits-form']) > .ow_content_menu_wrap:not(:has(.ow_sort_control)) .ow_content_menu li a{
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    justify-content: center !important;
  }
}

@media (max-width: 900px){
  html body:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio),
  html body:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_wrap,
  html body:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_padding,
  html body:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_canvas,
  html body:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page,
  html body:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .owm_page,
  html body:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .owm_content{
    background-color: var(--rp-content-bg-base, #13110e) !important;
    background-image:
      linear-gradient(180deg, rgba(32, 22, 14, 0.42) 0%, rgba(24, 18, 13, 0.22) 10%, rgba(18, 15, 14, 0.10) 24%, rgba(8, 7, 10, 0.34) 100%),
      radial-gradient(ellipse 95% 55% at 50% 100%, rgba(6, 5, 8, 0.42) 0%, transparent 58%),
      radial-gradient(ellipse 88% 42% at 14% 28%, rgba(212, 168, 95, 0.08) 0%, transparent 72%),
      radial-gradient(ellipse 82% 40% at 86% 32%, rgba(178, 98, 52, 0.07) 0%, transparent 70%),
      radial-gradient(ellipse 100% 50% at 50% 48%, rgba(160, 120, 70, 0.04) 0%, transparent 78%),
      linear-gradient(168deg, rgba(28, 18, 12, 0.16) 0%, rgba(14, 12, 16, 0.32) 58%, rgba(8, 7, 10, 0.40) 100%),
      var(--rp-ambient-lights-url) !important;
    background-position: center top, center bottom, center 22%, center 26%, center 44%, center top, center top !important;
    background-size: auto, auto, auto, auto, auto, auto, cover !important;
    background-repeat: no-repeat !important;
  }

  html body:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_box:not(:has(.ow_user_membership--vip)),
  html body:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_box_empty,
  html body:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .owm_box,
  html body:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .owm_box_body,
  html body:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .owm_list_item,
  html body:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .owm_form_field_container,
  html body:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_table_1,
  html body:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_table_2,
  html body:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_table_3{
    background-color: rgba(18, 16, 15, 0.86) !important;
    background-image:
      linear-gradient(180deg, rgba(58, 48, 36, 0.24) 0%, rgba(12, 10, 9, 0.90) 100%) !important;
    border-color: rgba(224, 194, 131, 0.14) !important;
    border-radius: 16px !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.055),
      0 10px 22px rgba(0, 0, 0, 0.28) !important;
  }
}

/* RP_CREDITS_TABS_CENTER_AND_MOBILE_FINAL_V1 — centrerade flikar + mobilskala. */
html body.rp-hero-staging-active.hero-credits .ow_page .ow_content_menu_wrap:not(:has(.ow_sort_control)){
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html body.rp-hero-staging-active.hero-credits .ow_page .ow_content_menu_wrap:not(:has(.ow_sort_control)) .ow_content_menu{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: min(560px, calc(100vw - 48px)) !important;
  margin: 0 auto !important;
  padding: 8px !important;
  box-sizing: border-box !important;
}

html body.rp-hero-staging-active.hero-credits .ow_page .ow_content_menu_wrap:not(:has(.ow_sort_control)) .ow_content_menu li{
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

html body.rp-hero-staging-active.hero-credits .ow_page .ow_content_menu_wrap:not(:has(.ow_sort_control)) .ow_content_menu li a{
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 900px){
  html body.rp-hero-staging-active,
  html body.rp-hero-staging-active .ow_page_wrap,
  html body.rp-hero-staging-active .ow_page_padding,
  html body.rp-hero-staging-active .ow_canvas,
  html body.rp-hero-staging-active .ow_page,
  html body.rp-hero-staging-active .owm_page,
  html body.rp-hero-staging-active .owm_content{
    background-color: #17120d !important;
    background-image:
      linear-gradient(180deg, rgba(12, 10, 9, 0.34) 0%, rgba(18, 13, 10, 0.20) 42%, rgba(14, 10, 8, 0.48) 100%),
      radial-gradient(ellipse 120% 34% at 50% 8%, rgba(255, 228, 174, 0.16) 0%, rgba(190, 129, 62, 0.08) 44%, transparent 80%),
      url("/ow_userfiles/themes/rp_premium_content_background_romantic_gold.png?v=mobileportrait1") !important;
    background-position: center top, center top, center top !important;
    background-size: cover, cover, auto max(760px, 100vh) !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-attachment: scroll, scroll, scroll !important;
  }

  html body.rp-hero-staging-active .ow_page .ow_box:not(:has(.ow_user_membership--vip)),
  html body.rp-hero-staging-active .ow_page .ow_box_empty,
  html body.rp-hero-staging-active .owm_content .owm_box,
  html body.rp-hero-staging-active .owm_content .owm_box_body,
  html body.rp-hero-staging-active .owm_content .owm_list_item,
  html body.rp-hero-staging-active .owm_content .owm_form_field_container,
  html body.rp-hero-staging-active .owm_content .owm_table_1,
  html body.rp-hero-staging-active .owm_content .owm_table_2,
  html body.rp-hero-staging-active .owm_content .owm_table_3{
    background-color: rgba(18, 16, 15, 0.86) !important;
    background-image:
      linear-gradient(180deg, rgba(58, 48, 36, 0.24) 0%, rgba(12, 10, 9, 0.90) 100%) !important;
    border: 1px solid rgba(224, 194, 131, 0.14) !important;
    border-radius: 16px !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.055),
      0 10px 22px rgba(0, 0, 0, 0.28) !important;
  }

  html body.rp-hero-staging-active.hero-credits .ow_page .ow_content_menu_wrap:not(:has(.ow_sort_control)) .ow_content_menu{
    width: min(420px, calc(100vw - 28px)) !important;
    gap: 8px !important;
    padding: 7px !important;
  }
}

/* =========================================================
   RP_ALL_HERO_POSTS_READABILITY_FIX_V1 — sökfält, KREDITER/VIP-läsbarhet, mobiltema.
   ========================================================= */
@media (min-width: 901px){
  html body.rp-hero-staging-active.hero-search .ow_page form[name="UsernameSearchForm"] input[type="text"],
  html body.rp-hero-staging-active.hero-search .ow_page form[name="MainSearchForm"] input[type="text"],
  html body.rp-hero-staging-active.hero-search .ow_page form[name="MainSearchForm"] input[type="number"],
  html body.rp-hero-staging-active.hero-search .ow_page form[name="MainSearchForm"] select,
  html body.rp-hero-staging-active.hero-search .ow_page form[name="MainSearchForm"] textarea{
    background-color: rgba(30, 30, 35, 0.94) !important;
    background-image:
      linear-gradient(180deg, rgba(255, 246, 224, 0.055) 0%, rgba(16, 14, 14, 0.96) 100%) !important;
    border: 1px solid rgba(232, 200, 140, 0.36) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.08),
      0 0 0 1px rgba(0, 0, 0, 0.22),
      0 0 18px rgba(232, 200, 140, 0.08) !important;
    color: #fff6df !important;
  }

  html body.rp-hero-staging-active.hero-search .ow_page form[name="UsernameSearchForm"] input[type="text"]:focus,
  html body.rp-hero-staging-active.hero-search .ow_page form[name="MainSearchForm"] input[type="text"]:focus,
  html body.rp-hero-staging-active.hero-search .ow_page form[name="MainSearchForm"] input[type="number"]:focus,
  html body.rp-hero-staging-active.hero-search .ow_page form[name="MainSearchForm"] select:focus,
  html body.rp-hero-staging-active.hero-search .ow_page form[name="MainSearchForm"] textarea:focus{
    border-color: rgba(255, 226, 166, 0.72) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.10),
      0 0 0 1px rgba(255, 226, 166, 0.16),
      0 0 22px rgba(232, 200, 140, 0.16) !important;
    outline: none !important;
  }

  html body.rp-hero-staging-active.hero-search .ow_page form[name="UsernameSearchForm"] td.ow_value,
  html body.rp-hero-staging-active.hero-search .ow_page form[name="MainSearchForm"] td.ow_value{
    background-color: rgba(12, 10, 10, 0.40) !important;
  }

  html body.rp-hero-staging-active.hero-search .ow_page form[name="MainSearchForm"] input[type="checkbox"]{
    width: 18px !important;
    height: 18px !important;
    accent-color: #d8bd7a !important;
    filter: drop-shadow(0 0 5px rgba(232, 200, 140, 0.18)) !important;
  }

  html body.rp-hero-staging-active.hero-credits .ow_page_wrap:not(.index_master_page) .ow_page_padding{
    background-color: #120f0c !important;
    background-image:
      linear-gradient(90deg, rgba(18, 14, 10, 0.78) 0%, rgba(18, 14, 10, 0.52) 22%, rgba(18, 14, 10, 0.42) 62%, rgba(18, 14, 10, 0.70) 100%),
      linear-gradient(180deg, rgba(8, 7, 8, 0.42) 0%, rgba(14, 10, 8, 0.34) 46%, rgba(8, 7, 8, 0.62) 100%),
      url("/ow_userfiles/themes/rp_premium_content_background_romantic_gold.png?v=creditsread1") center top / cover no-repeat !important;
  }

  html body.rp-hero-staging-active.hero-credits .ow_page,
  html body.rp-hero-staging-active.hero-credits .ow_page p,
  html body.rp-hero-staging-active.hero-credits .ow_page .ow_small,
  html body.rp-hero-staging-active.hero-credits .ow_page .ow_remark,
  html body.rp-hero-staging-active.hero-credits .ow_page td,
  html body.rp-hero-staging-active.hero-credits .ow_page th{
    color: rgba(255, 246, 224, 0.92) !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.72) !important;
  }

  html body.rp-hero-staging-active.hero-credits .ow_page form[name='buy-credits-form'] > div,
  html body.rp-hero-staging-active.hero-credits .ow_page form[name='subscribe-form'] .ow_subscribe_table,
  html body.rp-hero-staging-active.hero-credits .ow_page form[name='buy-credits-form'] li{
    background-color: rgba(16, 14, 13, 0.86) !important;
    background-image:
      linear-gradient(180deg, rgba(58, 48, 36, 0.24) 0%, rgba(8, 7, 8, 0.90) 100%) !important;
    border-color: rgba(232, 200, 140, 0.18) !important;
  }
}

@media (max-width: 900px){
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio),
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .owm_content,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .owm_page{
    background-color: #17120d !important;
    background-image:
      linear-gradient(180deg, rgba(12, 10, 9, 0.24) 0%, rgba(18, 13, 10, 0.12) 42%, rgba(14, 10, 8, 0.34) 100%),
      radial-gradient(ellipse 120% 34% at 50% 8%, rgba(255, 228, 174, 0.16) 0%, rgba(190, 129, 62, 0.08) 44%, transparent 80%),
      url("/ow_userfiles/themes/rp_premium_content_background_romantic_gold.png?v=mobile2") center top / cover no-repeat !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .owm_box,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .owm_box_body,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .owm_list_item,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .owm_form_field_container,
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_box:not(:has(.ow_user_membership--vip)),
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_box_empty{
    background-color: rgba(18, 16, 15, 0.84) !important;
    background-image:
      linear-gradient(180deg, rgba(58, 48, 36, 0.22) 0%, rgba(12, 10, 9, 0.88) 100%) !important;
    border-color: rgba(224, 194, 131, 0.14) !important;
    border-radius: 16px !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.055),
      0 10px 22px rgba(0, 0, 0, 0.26) !important;
  }

  html body.rp-hero-staging-active.hero-search input[type="text"],
  html body.rp-hero-staging-active.hero-search input[type="number"],
  html body.rp-hero-staging-active.hero-search select,
  html body.rp-hero-staging-active.hero-search textarea,
  html body.rp-hero-staging-active input.owm_invitation,
  html body.rp-hero-staging-active .owm_field_wrap input,
  html body.rp-hero-staging-active .owm_field_wrap select,
  html body.rp-hero-staging-active .owm_field_wrap textarea{
    background-color: rgba(30, 30, 35, 0.94) !important;
    border: 1px solid rgba(232, 200, 140, 0.36) !important;
    border-radius: 12px !important;
    color: #fff6df !important;
    min-height: 42px !important;
    box-shadow: inset 0 1px 0 rgba(255, 246, 224, 0.08) !important;
  }

  html body.rp-hero-staging-active.hero-credits .ow_page_wrap:not(.index_master_page) .ow_page_padding,
  html body.rp-hero-staging-active.hero-credits .owm_content{
    background-color: #120f0c !important;
    background-image:
      linear-gradient(180deg, rgba(8, 7, 8, 0.46) 0%, rgba(14, 10, 8, 0.36) 46%, rgba(8, 7, 8, 0.66) 100%),
      url("/ow_userfiles/themes/rp_premium_content_background_romantic_gold.png?v=creditsmobile1") center top / cover no-repeat !important;
  }
}

/* RP_CREDITS_LABEL_AND_MOBILE_FORCE_FINAL_V1 — sista ordet för kreditlabel + mobil. */
html body.rp-hero-staging-active.hero-credits .ow_page .ow_box_cap:has(+ .ow_box form[name='buy-credits-form']),
html body.rp-hero-staging-active.hero-credits .ow_page .ow_box_cap_empty:has(+ .ow_box form[name='buy-credits-form']){
  position: relative !important;
  display: block !important;
  margin: 0 auto 12px !important;
  max-width: 720px !important;
  padding: 10px 16px 11px !important;
  border: 1px solid rgba(255, 226, 166, 0.26) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(90deg, rgba(8, 7, 8, 0.86) 0%, rgba(24, 18, 12, 0.72) 52%, rgba(8, 7, 8, 0.34) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 246, 224, 0.08),
    0 10px 26px rgba(0, 0, 0, 0.30),
    0 0 20px rgba(232, 200, 140, 0.10) !important;
}

html body.rp-hero-staging-active.hero-credits .ow_page .ow_box_cap:has(+ .ow_box form[name='buy-credits-form']) h3,
html body.rp-hero-staging-active.hero-credits .ow_page .ow_box_cap_empty:has(+ .ow_box form[name='buy-credits-form']) h3{
  margin: 0 !important;
  color: #fff3d2 !important;
  font-size: 17px !important;
  line-height: 1.1 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  text-shadow:
    0 2px 8px rgba(0, 0, 0, 0.95),
    0 0 16px rgba(232, 200, 140, 0.28) !important;
}

html body.rp-hero-staging-active.hero-credits .ow_page form[name='buy-credits-form'] > div > .ow_smallmargin:first-child{
  position: relative !important;
  padding-top: 24px !important;
  color: #fff3d2 !important;
  text-shadow:
    0 2px 8px rgba(0, 0, 0, 0.95),
    0 0 14px rgba(232, 200, 140, 0.24) !important;
}

html body.rp-hero-staging-active.hero-credits .ow_page form[name='buy-credits-form'] > div > .ow_smallmargin:first-child::before{
  content: "" !important;
  position: absolute !important;
  left: -10px !important;
  top: 2px !important;
  width: min(300px, 78vw) !important;
  height: 34px !important;
  border-radius: 999px !important;
  background:
    linear-gradient(90deg, rgba(8, 7, 8, 0.82) 0%, rgba(8, 7, 8, 0.54) 58%, rgba(8, 7, 8, 0) 100%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

html body.rp-hero-staging-active.hero-credits .ow_page form[name='buy-credits-form'] > div > .ow_smallmargin:first-child > *{
  position: relative !important;
  z-index: 1 !important;
}

html body.rp-hero-staging-active.hero-credits .ow_page form[name='buy-credits-form'] > div > .ow_smallmargin:first-child label,
html body.rp-hero-staging-active.hero-credits .ow_page form[name='buy-credits-form'] > div > .ow_smallmargin:first-child .ow_label,
html body.rp-hero-staging-active.hero-credits .ow_page form[name='buy-credits-form'] > div > .ow_smallmargin:first-child .ow_small{
  color: #fff3d2 !important;
  text-shadow:
    0 2px 8px rgba(0, 0, 0, 0.95),
    0 0 14px rgba(232, 200, 140, 0.24) !important;
}

@media (max-width: 900px){
  html body.rp-hero-staging-active,
  html body.rp-hero-staging-active .ow_page_wrap,
  html body.rp-hero-staging-active .ow_page_padding,
  html body.rp-hero-staging-active .ow_canvas,
  html body.rp-hero-staging-active .ow_page,
  html body.rp-hero-staging-active .owm_page,
  html body.rp-hero-staging-active .owm_content{
    background-color: var(--rp-content-bg-base, #13110e) !important;
    background-image:
      linear-gradient(180deg, rgba(32, 22, 14, 0.42) 0%, rgba(24, 18, 13, 0.22) 10%, rgba(18, 15, 14, 0.10) 24%, rgba(8, 7, 10, 0.34) 100%),
      radial-gradient(ellipse 95% 55% at 50% 100%, rgba(6, 5, 8, 0.42) 0%, transparent 58%),
      radial-gradient(ellipse 88% 42% at 14% 28%, rgba(212, 168, 95, 0.08) 0%, transparent 72%),
      radial-gradient(ellipse 82% 40% at 86% 32%, rgba(178, 98, 52, 0.07) 0%, transparent 70%),
      radial-gradient(ellipse 100% 50% at 50% 48%, rgba(160, 120, 70, 0.04) 0%, transparent 78%),
      linear-gradient(168deg, rgba(28, 18, 12, 0.16) 0%, rgba(14, 12, 16, 0.32) 58%, rgba(8, 7, 10, 0.40) 100%),
      var(--rp-ambient-lights-url) !important;
    background-repeat: no-repeat !important;
    background-size: auto, auto, auto, auto, auto, auto, cover !important;
    background-position: center top, center bottom, center 22%, center 26%, center 44%, center top, center top !important;
  }

  html body.rp-hero-staging-active .ow_box:not(:has(.ow_user_membership--vip)),
  html body.rp-hero-staging-active .ow_box_empty,
  html body.rp-hero-staging-active .owm_box,
  html body.rp-hero-staging-active .owm_box_body,
  html body.rp-hero-staging-active .owm_list_item,
  html body.rp-hero-staging-active .owm_form_field_container,
  html body.rp-hero-staging-active .ow_table_1,
  html body.rp-hero-staging-active .ow_table_2,
  html body.rp-hero-staging-active .ow_table_3{
    background-color: rgba(18, 16, 15, 0.84) !important;
    background-image:
      linear-gradient(180deg, rgba(58, 48, 36, 0.22) 0%, rgba(12, 10, 9, 0.88) 100%) !important;
    border-color: rgba(224, 194, 131, 0.14) !important;
    border-radius: 16px !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.055),
      0 10px 22px rgba(0, 0, 0, 0.26) !important;
  }
}



/* RP_MOBILE_EOF_ABSOLUTE_LAST_V1 — faktisk sista override för mobilfeedback. */
@media (max-width: 900px){
  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator::before{
    content: "" !important;
    position: absolute !important;
    left: 5% !important;
    right: 5% !important;
    top: 50% !important;
    height: 20px !important;
    transform: translateY(-50%) !important;
    background-color: transparent !important;
    background-image:
      radial-gradient(ellipse 12% 260% at 50% 50%, rgba(122, 18, 52, 0.20) 0%, transparent 72%),
      radial-gradient(ellipse 34% 300% at 50% 50%, rgba(255, 236, 196, 0.26) 0%, transparent 74%),
      linear-gradient(90deg, rgba(201, 162, 39, 0) 0%, rgba(255, 246, 227, 0.18) 13%, rgba(255, 250, 238, 0.92) 50%, rgba(255, 246, 227, 0.18) 87%, rgba(201, 162, 39, 0) 100%),
      linear-gradient(90deg, rgba(180, 140, 50, 0) 0%, rgba(232, 200, 140, 0.78) 18%, rgba(245, 228, 190, 0.94) 50%, rgba(232, 200, 140, 0.78) 82%, rgba(180, 140, 50, 0) 100%),
      linear-gradient(90deg, rgba(140, 110, 35, 0) 0%, rgba(201, 162, 39, 0.66) 32%, rgba(230, 210, 170, 0.82) 50%, rgba(201, 162, 39, 0.66) 68%, rgba(140, 110, 35, 0) 100%) !important;
    background-repeat: no-repeat !important;
    background-position: center center, center center, center center, center center, center center !important;
    background-size: 100% 20px, 100% 20px, 100% 1px, 90% 2px, 76% 3px !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.35) 6%, #000 14%, #000 86%, rgba(0, 0, 0, 0.35) 94%, transparent 100%) !important;
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.35) 6%, #000 14%, #000 86%, rgba(0, 0, 0, 0.35) 94%, transparent 100%) !important;
    box-shadow: none !important;
  }

  html body.rp-hero-staging-active:not(.base_index):not(.base_index_page) .ow_header > .rp-hero-separator::after{
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 30px !important;
    height: 26px !important;
    transform: translate3d(-50%, -50%, 0) !important;
    display: block !important;
    background: url("/ow_userfiles/themes/rp_separator_heart_premium.png") center center / contain no-repeat !important;
    -webkit-mask: none !important;
    mask: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
    filter:
      drop-shadow(0 0 1px rgba(255, 238, 198, 0.72))
      drop-shadow(0 0 10px rgba(232, 200, 140, 0.52))
      drop-shadow(0 2px 8px rgba(0, 0, 0, 0.70)) !important;
  }

  html body.rp-hero-staging-active .ow_footer,
  html body.rp-hero-staging-active .ow_footer .ow_canvas,
  html body.rp-hero-staging-active .ow_footer .ow_page{
    background: linear-gradient(180deg, rgba(248, 241, 228, 0.98) 0%, rgba(237, 226, 207, 0.98) 56%, rgba(224, 208, 184, 0.98) 100%) !important;
    color: #2f241b !important;
    text-align: center !important;
  }

  html body.rp-hero-staging-active .ow_footer a,
  html body.rp-hero-staging-active .ow_footer .ow_copyright,
  html body.rp-hero-staging-active .ow_footer .rp-footer-company,
  html body.rp-hero-staging-active .ow_footer .rp-footer-payments-title{
    color: #2f241b !important;
    opacity: 1 !important;
    text-shadow: 0 1px 0 rgba(255, 252, 245, 0.62) !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_wrap,
  html body.rp-hero-staging-active.base_profile_page .profile-BASE_CMP_AboutMeWidget > .ow_box_empty,
  html body.rp-hero-staging-active.base_profile_page .profile-BASE_CMP_UserViewWidget > .ow_box_empty,
  html body.rp-hero-staging-active.base_profile_page .user_profile_data_table .data_table,
  html body.rp-hero-staging-active.matchmaking_matches .ow_sort_control,
  html body.rp-hero-staging-active.matchmaking_matches .ow_ulist_big_item_cont{
    border: 1px solid rgba(232, 200, 140, 0.22) !important;
    border-radius: 22px !important;
    background:
      radial-gradient(ellipse 90% 50% at 50% 0%, rgba(232, 200, 140, 0.09) 0%, transparent 70%),
      linear-gradient(180deg, rgba(30, 28, 28, 0.92) 0%, rgba(10, 9, 9, 0.94) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.08),
      0 16px 34px rgba(0, 0, 0, 0.34) !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_avatar_console,
  html body.rp-hero-staging-active.base_profile_page .ow_profile_gallery_avatar_image{
    border: 1px solid rgba(232, 200, 140, 0.36) !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.35) !important;
    overflow: hidden !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_lbutton,
  html body.rp-hero-staging-active.base_profile_page .rp_profile_header_edit,
  html body.rp-hero-staging-active.base_profile_page .ow_context_action_value,
  html body.rp-hero-staging-active.base_profile_page .ow_context_more{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(232, 200, 140, 0.38) !important;
    background: linear-gradient(180deg, rgba(56, 52, 54, 0.92) 0%, rgba(28, 27, 30, 0.96) 100%) !important;
    color: #fff1cf !important;
  }

  html body.rp-hero-staging-active.matchmaking_matches .ow_sort_control a,
  html body.rp-hero-staging-active.matchmaking_matches .ow_ulist_big_info_name,
  html body.rp-hero-staging-active.matchmaking_matches .ow_ulist_big_info a,
  html body.rp-hero-staging-active.base_profile_page .rp_profile_section_title,
  html body.rp-hero-staging-active.base_profile_page .user_profile_data_table td.ow_value{
    color: #fff3d4 !important;
  }

  html body.rp-hero-staging-active.matchmaking_matches .ow_sort_control a.active,
  html body.rp-hero-staging-active.matchmaking_matches .ow_ulist_big_compatibility,
  html body.rp-hero-staging-active.base_profile_page .user_profile_data_table td.ow_label{
    color: #f0bd87 !important;
    font-weight: 700 !important;
  }

  html body.rp-hero-staging-active.hero-home.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .hotlist a[href="javascript://"]{
    min-height: 54px !important;
    min-width: min(300px, 82vw) !important;
    border-color: rgba(232, 200, 140, 0.48) !important;
    background:
      radial-gradient(ellipse 80% 100% at 50% 0%, rgba(255, 246, 224, 0.12) 0%, transparent 58%),
      linear-gradient(180deg, rgba(61, 58, 64, 0.96) 0%, rgba(35, 34, 40, 0.98) 100%) !important;
    color: #fff6df !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.16),
      0 15px 30px rgba(0, 0, 0, 0.36),
      0 0 18px rgba(232, 200, 140, 0.12) !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_content_menu,
  html body.rp-hero-staging-active.hero-credits .ow_content_menu{
    border: 1px solid rgba(232, 200, 140, 0.22) !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, rgba(50, 49, 53, 0.90) 0%, rgba(31, 30, 34, 0.96) 100%) !important;
  }

  html body.rp-hero-staging-active.credits_vip form[name="buy-credits-form"] span.ow_button,
  html body.rp-hero-staging-active.credits_vip form[name="buy-credits-form"] span.ow_button input,
  html body.rp-hero-staging-active.hero-credits form[name="buy-credits-form"] span.ow_button,
  html body.rp-hero-staging-active.hero-credits form[name="buy-credits-form"] span.ow_button input{
    min-width: min(250px, 76vw) !important;
    min-height: 52px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 225, 160, 0.68) !important;
    background: linear-gradient(180deg, rgba(239, 213, 154, 0.98) 0%, rgba(191, 156, 87, 0.98) 100%) !important;
    color: #17120c !important;
    font-weight: 800 !important;
    letter-spacing: 0.11em !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.34), 0 0 22px rgba(232, 200, 140, 0.20) !important;
  }
}

/* RP_MOBILE_PROFILE_SPECIFIC_EOF_V1 — vinna över äldre profilkort/tabeller. */
@media (max-width: 900px){
  html body.rp-hero-staging-active.base_profile_page .ow_page.ow_bg_color #place_sections .profile-BASE_CMP_AboutMeWidget > .ow_box_empty,
  html body.rp-hero-staging-active.base_profile_page .ow_page.ow_bg_color #place_sections .profile-BASE_CMP_UserViewWidget > .ow_box_empty,
  html body.rp-hero-staging-active.base_profile_page .ow_page.ow_bg_color #place_sections .user_profile_data_table .ow_table_3.data_table{
    border: 1px solid rgba(232, 200, 140, 0.24) !important;
    border-radius: 22px !important;
    background:
      radial-gradient(ellipse 90% 50% at 50% 0%, rgba(232, 200, 140, 0.10) 0%, transparent 70%),
      linear-gradient(180deg, rgba(30, 28, 28, 0.92) 0%, rgba(10, 9, 9, 0.94) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.08),
      0 16px 34px rgba(0, 0, 0, 0.34) !important;
    overflow: hidden !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_page.ow_bg_color #place_sections .user_profile_data_table .ow_table_3.data_table tr:not(.ow_tr_first){
    border: 1px solid rgba(232, 200, 140, 0.18) !important;
    border-radius: 16px !important;
    background:
      linear-gradient(180deg, rgba(42, 40, 44, 0.88) 0%, rgba(24, 23, 27, 0.94) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 246, 224, 0.06) !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_page.ow_bg_color #place_sections .rp_profile_header_edit,
  html body.rp-hero-staging-active.base_profile_page .ow_page.ow_bg_color #place_sections .ow_lbutton{
    border: 1px solid rgba(232, 200, 140, 0.42) !important;
    background:
      linear-gradient(180deg, rgba(56, 52, 54, 0.92) 0%, rgba(28, 27, 30, 0.96) 100%) !important;
    color: #fff1cf !important;
  }
}

/* RP_MOBILE_DATING_CREDITS_SPECIFIC_EOF_V1 — sista specificitet för dating/credits. */
@media (max-width: 900px){
  html body.rp-hero-staging-active.matchmaking_matches .ow_page.ow_bg_color .ow_sort_control,
  html body.rp-hero-staging-active.matchmaking_matches .ow_page.ow_bg_color .ow_ulist_big_item_cont{
    border: 1px solid rgba(232, 200, 140, 0.24) !important;
    background:
      radial-gradient(ellipse 75% 58% at 50% 0%, rgba(232, 200, 140, 0.09) 0%, transparent 70%),
      linear-gradient(180deg, rgba(38, 37, 41, 0.94) 0%, rgba(18, 17, 20, 0.98) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.08),
      0 14px 30px rgba(0, 0, 0, 0.32) !important;
  }

  html body.rp-hero-staging-active.matchmaking_matches .ow_page.ow_bg_color .ow_sort_control{
    border-radius: 22px !important;
  }

  html body.rp-hero-staging-active.matchmaking_matches .ow_page.ow_bg_color .ow_ulist_big_item_cont{
    border-radius: 22px !important;
  }

  html body.rp-hero-staging-active.matchmaking_matches .ow_page.ow_bg_color .ow_sort_control a,
  html body.rp-hero-staging-active.matchmaking_matches .ow_page.ow_bg_color .ow_ulist_big_info_name,
  html body.rp-hero-staging-active.matchmaking_matches .ow_page.ow_bg_color .ow_ulist_big_info a{
    color: #fff3d4 !important;
  }

  html body.rp-hero-staging-active.matchmaking_matches .ow_page.ow_bg_color .ow_sort_control a.active,
  html body.rp-hero-staging-active.matchmaking_matches .ow_page.ow_bg_color .ow_ulist_big_compatibility{
    color: #f0bd87 !important;
    font-weight: 700 !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color form[name="buy-credits-form"] span.ow_button,
  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color form[name="buy-credits-form"] span.ow_button input,
  html body.rp-hero-staging-active.hero-credits .ow_page.ow_bg_color form[name="buy-credits-form"] span.ow_button,
  html body.rp-hero-staging-active.hero-credits .ow_page.ow_bg_color form[name="buy-credits-form"] span.ow_button input{
    min-width: min(250px, 76vw) !important;
    min-height: 52px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 225, 160, 0.68) !important;
    background: linear-gradient(180deg, rgba(239, 213, 154, 0.98) 0%, rgba(191, 156, 87, 0.98) 100%) !important;
    color: #17120c !important;
    font-weight: 800 !important;
    letter-spacing: 0.11em !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.34), 0 0 22px rgba(232, 200, 140, 0.20) !important;
  }
}

/* RP_MOBILE_DATING_ID_SPECIFIC_EOF_V1 — överstyr #user-list-regler i rp_custom. */
@media (max-width: 900px){
  html body.rp-hero-staging-active.matchmaking_matches .ow_page.ow_bg_color .ow_sort_control + #user-list.ow_ulist_big .ow_ulist_big_item_cont,
  html body.rp-hero-staging-active.matchmaking_matches .ow_page.ow_bg_color #user-list.ow_ulist_big .ow_ulist_big_item_cont{
    border: 1px solid rgba(232, 200, 140, 0.24) !important;
    border-radius: 22px !important;
    background:
      radial-gradient(ellipse 75% 58% at 50% 0%, rgba(232, 200, 140, 0.09) 0%, transparent 70%),
      linear-gradient(180deg, rgba(38, 37, 41, 0.94) 0%, rgba(18, 17, 20, 0.98) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.08),
      0 14px 30px rgba(0, 0, 0, 0.32) !important;
  }

  html body.rp-hero-staging-active.matchmaking_matches .ow_page.ow_bg_color .ow_sort_control + #user-list.ow_ulist_big .ow_ulist_big_info_name,
  html body.rp-hero-staging-active.matchmaking_matches .ow_page.ow_bg_color .ow_sort_control + #user-list.ow_ulist_big .ow_ulist_big_info a{
    color: #fff3d4 !important;
  }

  html body.rp-hero-staging-active.matchmaking_matches .ow_page.ow_bg_color .ow_sort_control + #user-list.ow_ulist_big .ow_ulist_big_compatibility{
    color: #f0bd87 !important;
    font-weight: 700 !important;
  }
}

/* RP_MOBILE_CREDITS_TABS_SPECIFIC_EOF_V1 — överstyr kvarvarande grå kreditflikar. */
@media (max-width: 900px){
  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color .ow_content_menu,
  html body.rp-hero-staging-active.hero-credits .ow_page.ow_bg_color .ow_content_menu{
    border: 1px solid rgba(232, 200, 140, 0.24) !important;
    border-radius: 22px !important;
    background-color: transparent !important;
    background-image:
      radial-gradient(ellipse 70% 80% at 50% 0%, rgba(232, 200, 140, 0.10) 0%, transparent 64%),
      linear-gradient(180deg, rgba(50, 49, 53, 0.92) 0%, rgba(27, 26, 30, 0.98) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.08),
      0 14px 28px rgba(0, 0, 0, 0.28) !important;
  }

  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color .ow_content_menu li.active a,
  html body.rp-hero-staging-active.credits_vip .ow_page.ow_bg_color .ow_content_menu li.ow_active a,
  html body.rp-hero-staging-active.hero-credits .ow_page.ow_bg_color .ow_content_menu li.active a,
  html body.rp-hero-staging-active.hero-credits .ow_page.ow_bg_color .ow_content_menu li.ow_active a{
    border-color: rgba(232, 200, 140, 0.46) !important;
    background:
      linear-gradient(180deg, rgba(74, 70, 62, 0.76) 0%, rgba(37, 35, 34, 0.88) 100%) !important;
    color: #ffe7ad !important;
  }
}

/* RP_MOBILE_CREDITS_TABS_ULTRA_EOF_V1 — starkast selector för kreditflikarnas wrapper. */
@media (max-width: 900px){
  html body.rp-hero-staging-active.credits_vip.hero-credits .ow_page.ow_bg_color > .ow_wide.ow_automargin.ow_stdmargin:has(form[name="buy-credits-form"]) > .ow_content_menu_wrap:not(:has(.ow_sort_control)) > ul.ow_content_menu.clearfix{
    background-color: rgba(27, 26, 30, 0.98) !important;
    background-image:
      radial-gradient(ellipse 70% 80% at 50% 0%, rgba(232, 200, 140, 0.10) 0%, transparent 64%),
      linear-gradient(180deg, rgba(50, 49, 53, 0.92) 0%, rgba(27, 26, 30, 0.98) 100%) !important;
    border: 1px solid rgba(232, 200, 140, 0.24) !important;
    border-radius: 22px !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.08),
      0 14px 28px rgba(0, 0, 0, 0.28) !important;
  }
}

/* RP_MOBILE_CREDITS_TABS_NESTED_EOF_V1 — hanterar extra ow_padding-wrapper. */
@media (max-width: 900px){
  html body.rp-hero-staging-active.credits_vip.hero-credits .ow_page.ow_bg_color > .ow_wide.ow_automargin.ow_stdmargin:has(form[name="buy-credits-form"]) .ow_content_menu_wrap:not(:has(.ow_sort_control)) > ul.ow_content_menu.clearfix{
    background-color: rgba(27, 26, 30, 0.98) !important;
    background-image:
      radial-gradient(ellipse 70% 80% at 50% 0%, rgba(232, 200, 140, 0.10) 0%, transparent 64%),
      linear-gradient(180deg, rgba(50, 49, 53, 0.92) 0%, rgba(27, 26, 30, 0.98) 100%) !important;
    border: 1px solid rgba(232, 200, 140, 0.24) !important;
    border-radius: 22px !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.08),
      0 14px 28px rgba(0, 0, 0, 0.28) !important;
  }
}

/* RP_MOBILE_PROFILE_MODERATION_BUTTON_EOF_V1 — kompakt desktoplik modereringsknapp på MIN PROFIL. */
@media (max-width: 900px){
  html body.rp-hero-staging-active.base_profile_page .ow_page.ow_bg_color .ow_profile_gallery_action_toolbar{
    width: fit-content !important;
    display: flex !important;
    justify-content: center !important;
    margin: 2px auto 0 !important;
    overflow: visible !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_page.ow_bg_color .ow_profile_gallery_action_toolbar .ow_context_action_block{
    float: none !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_page.ow_bg_color .ow_profile_gallery_action_toolbar .ow_context_action{
    position: relative !important;
    display: inline-flex !important;
    align-items: stretch !important;
    gap: 0 !important;
    min-width: 124px !important;
    max-width: min(168px, 45vw) !important;
    height: 38px !important;
    padding: 0 !important;
    border: 1px solid rgba(232, 200, 140, 0.34) !important;
    border-radius: 20px !important;
    background:
      radial-gradient(ellipse 120% 90% at 50% 0%, rgba(255, 246, 224, 0.10) 0%, transparent 58%),
      linear-gradient(180deg, rgba(58, 56, 62, 0.94) 0%, rgba(34, 33, 38, 0.98) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.12),
      0 8px 18px rgba(0, 0, 0, 0.26) !important;
    overflow: visible !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_page.ow_bg_color .ow_profile_gallery_action_toolbar .ow_context_action:has(.ow_tooltip){
    padding-bottom: 10px !important;
    margin-bottom: -10px !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_page.ow_bg_color .ow_profile_gallery_action_toolbar .ow_context_action_value{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 14px 0 16px !important;
    border: 0 !important;
    border-radius: 19px 0 0 19px !important;
    background: transparent !important;
    color: #f1e8d7 !important;
    box-shadow: none !important;
    line-height: 1 !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_page.ow_bg_color .ow_profile_gallery_action_toolbar .ow_context_more{
    position: relative !important;
    flex: 0 0 30px !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-left: 1px solid rgba(232, 200, 140, 0.18) !important;
    border-radius: 0 19px 19px 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.rp-hero-staging-active.base_profile_page .ow_page.ow_bg_color .ow_profile_gallery_action_toolbar .ow_context_more::before{
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 6px !important;
    height: 6px !important;
    border-right: 2px solid rgba(232, 200, 140, 0.76) !important;
    border-bottom: 2px solid rgba(232, 200, 140, 0.76) !important;
    transform: translate(-50%, -62%) rotate(45deg) !important;
  }
}

/* RP_MOBILE_SET_MEMBERSHIP_FLOATBOX_EOF_V1 — premiuminnehåll i Moderering > Redigera medlemskap. */
@media (max-width: 900px){
  html body.rp-hero-staging-active .floatbox_canvas form[name="set-membership-form"] table.ow_table_2.ow_form{
    width: calc(100% - 18px) !important;
    max-width: 100% !important;
    margin: 20px auto 18px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid rgba(232, 200, 140, 0.24) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background:
      radial-gradient(ellipse 90% 80% at 50% 0%, rgba(232, 200, 140, 0.12) 0%, transparent 68%),
      linear-gradient(180deg, rgba(42, 40, 38, 0.94) 0%, rgba(22, 20, 20, 0.96) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.08),
      0 14px 30px rgba(0, 0, 0, 0.28) !important;
  }

  html body.rp-hero-staging-active .floatbox_canvas form[name="set-membership-form"] table.ow_table_2.ow_form tr.ow_alt1,
  html body.rp-hero-staging-active .floatbox_canvas form[name="set-membership-form"] table.ow_table_2.ow_form td{
    background-color: transparent !important;
    background-image: none !important;
  }

  html body.rp-hero-staging-active .floatbox_canvas form[name="set-membership-form"] table.ow_table_2.ow_form td{
    padding: 16px 14px !important;
    border-color: rgba(232, 200, 140, 0.16) !important;
    color: #fff1d6 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    vertical-align: middle !important;
  }

  html body.rp-hero-staging-active .floatbox_canvas form[name="set-membership-form"] table.ow_table_2.ow_form td:first-child{
    width: 42% !important;
    text-align: right !important;
    color: rgba(232, 200, 140, 0.86) !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    letter-spacing: 0.01em !important;
  }

  html body.rp-hero-staging-active .floatbox_canvas form[name="set-membership-form"] table.ow_table_2.ow_form td:last-child{
    width: 58% !important;
    text-align: left !important;
  }

  html body.rp-hero-staging-active .floatbox_canvas form[name="set-membership-form"] table.ow_table_2.ow_form ul.ow_txtleft{
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  html body.rp-hero-staging-active .floatbox_canvas form[name="set-membership-form"] table.ow_table_2.ow_form ul.ow_txtleft li{
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    column-gap: 6px !important;
    row-gap: 2px !important;
    width: auto !important;
    margin: 0 !important;
    color: #fff1d6 !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
  }

  html body.rp-hero-staging-active .floatbox_canvas form[name="set-membership-form"] table.ow_table_2.ow_form input[type="radio"]{
    width: 18px !important;
    height: 18px !important;
    margin: 0 2px 0 0 !important;
    border: 2px solid rgba(255, 246, 224, 0.72) !important;
    border-radius: 50% !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background:
      linear-gradient(180deg, rgba(255, 246, 224, 0.96) 0%, rgba(214, 208, 196, 0.94) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.45),
      0 2px 5px rgba(0, 0, 0, 0.28) !important;
    accent-color: #168eea !important;
    vertical-align: middle !important;
  }

  html body.rp-hero-staging-active .floatbox_canvas form[name="set-membership-form"] table.ow_table_2.ow_form input[type="radio"]:checked{
    border-color: rgba(22, 142, 234, 0.95) !important;
    background:
      radial-gradient(circle at 50% 50%, #ffffff 0 18%, #168eea 22% 58%, rgba(22, 142, 234, 0.22) 62% 100%) !important;
    box-shadow:
      0 0 0 1px rgba(255, 246, 224, 0.12),
      0 0 10px rgba(22, 142, 234, 0.28) !important;
  }

  html body.rp-hero-staging-active .floatbox_canvas form[name="set-membership-form"] table.ow_table_2.ow_form td:last-child label{
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #fff1d6 !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
  }

  html body.rp-hero-staging-active .floatbox_canvas form[name="set-membership-form"] table.ow_table_2.ow_form .ow_remark.ow_small{
    margin-left: 6px !important;
    color: rgba(242, 232, 216, 0.66) !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
  }

  html body.rp-hero-staging-active .floatbox_canvas form[name="set-membership-form"] #period-cont td.ow_txtleft > div{
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #fff1d6 !important;
  }

  html body.rp-hero-staging-active .floatbox_canvas form[name="set-membership-form"] input.ms_period_input{
    width: 54px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border: 1px solid rgba(232, 200, 140, 0.30) !important;
    border-radius: 14px !important;
    background:
      radial-gradient(ellipse 120% 90% at 50% 0%, rgba(255, 246, 224, 0.08) 0%, transparent 62%),
      linear-gradient(180deg, rgba(50, 43, 35, 0.96) 0%, rgba(28, 24, 21, 0.98) 100%) !important;
    color: #fff6e3 !important;
    font-size: 16px !important;
    line-height: 38px !important;
    text-align: center !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.10),
      0 6px 14px rgba(0, 0, 0, 0.22) !important;
  }

  html body.rp-hero-staging-active .floatbox_canvas form[name="set-membership-form"] input.ms_period_input:focus{
    border-color: rgba(255, 225, 160, 0.58) !important;
    outline: none !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 224, 0.12),
      0 0 0 2px rgba(232, 200, 140, 0.12),
      0 6px 14px rgba(0, 0, 0, 0.24) !important;
  }
}

/* =========================================================
   RP_FOOTER_DARK_PREMIUM_V1
   Mörk champagne/glass-footer som smälter med premium-ambient ovanför.
   Sista ordet — ersätter alla äldre ljusa footer-overrides i denna fil.
   DOM, klasser och ordning lämnas orörda.
   ========================================================= */
html body.rp-hero-staging-active .ow_footer{
  position: relative !important;
  margin-top: 0 !important;
  background-color: #0f0d0b !important;
  background-image:
    radial-gradient(ellipse 82% 48% at 50% 0%, rgba(232, 200, 140, 0.10) 0%, rgba(232, 200, 140, 0) 68%),
    linear-gradient(180deg, rgba(20, 17, 14, 0.98) 0%, rgba(14, 12, 10, 0.99) 58%, rgba(9, 8, 7, 1) 100%) !important;
  color: rgba(241, 232, 215, 0.90) !important;
  border-top: 1px solid rgba(232, 200, 140, 0.22) !important;
  border-bottom: 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 246, 224, 0.05),
    0 -10px 36px rgba(0, 0, 0, 0.48) !important;
  text-align: center !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

html body.rp-hero-staging-active .ow_footer::before{
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  transform: translateX(-50%) !important;
  width: min(74%, 540px) !important;
  height: 1px !important;
  opacity: 1 !important;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(232, 200, 140, 0.12) 8%,
    rgba(240, 218, 170, 0.58) 50%,
    rgba(232, 200, 140, 0.12) 92%,
    transparent 100%) !important;
  box-shadow: 0 0 10px rgba(232, 200, 140, 0.14) !important;
  pointer-events: none !important;
}

html body.rp-hero-staging-active .ow_footer .ow_canvas,
html body.rp-hero-staging-active .ow_footer .ow_page,
html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_footer .ow_canvas,
html body.rp-hero-staging-active:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_footer .ow_page{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: rgba(241, 232, 215, 0.90) !important;
}

html body.rp-hero-staging-active .ow_footer .ow_canvas{
  padding-top: 28px !important;
  padding-bottom: 22px !important;
}

html body.rp-hero-staging-active .ow_footer .ow_footer_menu{
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  text-align: center !important;
  padding: 6px 10px 16px 10px !important;
  margin-bottom: 18px !important;
  white-space: nowrap !important;
  overflow-x: auto !important;
}

html body.rp-hero-staging-active .ow_footer .ow_footer_menu::after{
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(232, 200, 140, 0.10) 16%,
    rgba(240, 218, 170, 0.36) 50%,
    rgba(232, 200, 140, 0.10) 84%,
    transparent 100%) !important;
  box-shadow: 0 0 6px rgba(232, 200, 140, 0.08) !important;
}

html body.rp-hero-staging-active .ow_footer a,
html body.rp-hero-staging-active .ow_footer .ow_footer_menu a{
  color: rgba(255, 243, 212, 0.92) !important;
  opacity: 1 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.62) !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: color 0.15s ease, text-shadow 0.15s ease !important;
}

html body.rp-hero-staging-active .ow_footer .ow_copyright{
  color: rgba(232, 200, 140, 0.78) !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  font-weight: 600 !important;
}

html body.rp-hero-staging-active .ow_footer .rp-footer-company{
  color: rgba(196, 178, 148, 0.62) !important;
  opacity: 1 !important;
  text-shadow: none !important;
  font-style: italic !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

html body.rp-hero-staging-active .ow_footer .rp-footer-payments-title{
  color: rgba(232, 200, 140, 0.72) !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-weight: 600 !important;
}

html body.rp-hero-staging-active .ow_footer .rp-footer-powered,
html body.rp-hero-staging-active .ow_footer .rp-powered-by,
html body.rp-hero-staging-active .ow_footer .rp-footer-powered a,
html body.rp-hero-staging-active .ow_footer .rp-powered-by a{
  color: rgba(168, 152, 128, 0.52) !important;
  text-shadow: none !important;
}

html body.rp-hero-staging-active .ow_footer a:hover,
html body.rp-hero-staging-active .ow_footer a:focus,
html body.rp-hero-staging-active .ow_footer .ow_footer_menu a:hover,
html body.rp-hero-staging-active .ow_footer .ow_footer_menu a:focus{
  color: #e8c88c !important;
  text-shadow: 0 0 12px rgba(232, 200, 140, 0.32) !important;
}

html body.rp-hero-staging-active .ow_footer .rp-footer-payments-logos{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
}

html body.rp-hero-staging-active .ow_footer .rp-footer-payments-logos img,
html body.rp-hero-staging-active .ow_footer .rp-footer-payments-logos .rp-payment-logo{
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.50)) brightness(1.04) !important;
  opacity: 0.94 !important;
}

@media (min-width: 901px){
  html body.rp-hero-staging-active .ow_footer .ow_footer_menu a{
    font-size: 18px !important;
    font-weight: 800 !important;
    letter-spacing: 0.11em !important;
  }
  html body.rp-hero-staging-active .ow_footer .rp-footer-payments-logos img[alt="Mastercard"],
  html body.rp-hero-staging-active .ow_footer .rp-footer-payments-logos .rp-payment-logo--mc{
    max-height: 30px !important;
  }
  html body.rp-hero-staging-active .ow_footer .rp-footer-payments-logos img[alt="VISA"],
  html body.rp-hero-staging-active .ow_footer .rp-footer-payments-logos img[alt="Visa"],
  html body.rp-hero-staging-active .ow_footer .rp-footer-payments-logos .rp-payment-logo--visa{
    max-height: 20px !important;
    max-width: 64px !important;
  }
}

@media (max-width: 900px){
  html body.rp-hero-staging-active .ow_footer .ow_canvas{
    padding-top: 24px !important;
    padding-bottom: max(18px, env(safe-area-inset-bottom, 0px)) !important;
  }
  html body.rp-hero-staging-active .ow_footer .ow_footer_menu a{
    font-size: 14px !important;
    letter-spacing: 0.055em !important;
  }
  html body.rp-hero-staging-active .ow_footer .ow_copyright{
    font-size: 12px !important;
    letter-spacing: 0.2em !important;
  }
  html body.rp-hero-staging-active .ow_footer .rp-footer-company{
    font-size: 11px !important;
  }
  html body.rp-hero-staging-active .ow_footer .rp-footer-payments-title{
    font-size: 11px !important;
  }
  html body.rp-hero-staging-active .ow_footer .rp-footer-payments-logos img[alt="Mastercard"],
  html body.rp-hero-staging-active .ow_footer .rp-footer-payments-logos .rp-payment-logo--mc{
    max-height: 34px !important;
  }
  html body.rp-hero-staging-active .ow_footer .rp-footer-payments-logos img[alt="VISA"],
  html body.rp-hero-staging-active .ow_footer .rp-footer-payments-logos img[alt="Visa"],
  html body.rp-hero-staging-active .ow_footer .rp-footer-payments-logos .rp-payment-logo--visa{
    max-height: 22px !important;
    max-width: 64px !important;
  }
}

html body:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_footer .ow_canvas,
html body:not(.base_index):not(.base_index_page):not(.base_sign_in):not(.base_login):not(.base_join):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_footer .ow_page,
html body.rp-hero-staging-active .ow_footer .ow_canvas,
html body.rp-hero-staging-active .ow_footer .ow_page{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}