/* Vibes Shell Build 1.0 — shared shell layer only.
   Runtime owners patched: container, header, logged-in header, left rail, right rail.
   No feed/profile/marketplace content templates are modified in this chunk. */

:root {
  --vibes-bg-root: #070711;
  --vibes-bg-shell: #0d0b1d;
  --vibes-bg-panel: rgba(22, 18, 42, 0.78);
  --vibes-bg-panel-strong: rgba(31, 24, 58, 0.92);
  --vibes-bg-panel-soft: rgba(255, 255, 255, 0.055);
  --vibes-bg-overlay: rgba(8, 7, 18, 0.88);
  --vibes-bg-hero: linear-gradient(135deg, rgba(128, 54, 255, 0.32), rgba(255, 71, 163, 0.18) 46%, rgba(255, 145, 77, 0.16));
  --vibes-accent-primary: #a855f7;
  --vibes-accent-secondary: #ff4fa3;
  --vibes-accent-warm: #ff9f43;
  --vibes-accent-blue: #38bdf8;
  --vibes-accent-green: #34d399;
  --vibes-accent-red: #fb4e6d;
  --vibes-text-primary: #f8f7ff;
  --vibes-text-secondary: #d7d2ee;
  --vibes-text-muted: #9b94bd;
  --vibes-text-inverse: #10091d;
  --vibes-border-soft: rgba(255, 255, 255, 0.1);
  --vibes-border-strong: rgba(255, 255, 255, 0.18);
  --vibes-shadow-card: 0 18px 48px rgba(0, 0, 0, 0.32);
  --vibes-glow-primary: 0 0 34px rgba(168, 85, 247, 0.22);
  --vibes-glow-warm: 0 0 30px rgba(255, 159, 67, 0.16);
  --vibes-radius-sm: 12px;
  --vibes-radius-md: 16px;
  --vibes-radius-lg: 22px;
  --vibes-radius-xl: 28px;
}

html body.vibes-shell {
  background:
    radial-gradient(circle at 12% 8%, rgba(168, 85, 247, 0.24), transparent 30%),
    radial-gradient(circle at 85% 0%, rgba(255, 79, 163, 0.18), transparent 28%),
    radial-gradient(circle at 50% 105%, rgba(255, 159, 67, 0.13), transparent 32%),
    var(--vibes-bg-root);
  color: var(--vibes-text-primary);
  min-height: 100vh;
}

body.vibes-shell a,
body.vibes-shell .dropdown-menu > li > a {
  color: var(--vibes-text-secondary);
}

body.vibes-shell a:hover,
body.vibes-shell a:focus {
  color: #ffffff;
  text-decoration: none;
}

body.vibes-shell .vibes-header-shell,
body.vibes-shell .vibes-top-nav.navbar,
body.vibes-shell .navbar-default {
  background: linear-gradient(180deg, rgba(13, 11, 29, 0.96), rgba(13, 11, 29, 0.82));
  border: 0;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

body.vibes-shell .vibes-top-nav:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(168, 85, 247, 0.66), rgba(255, 79, 163, 0.54), transparent);
  pointer-events: none;
}

body.vibes-shell .vibes-top-nav-inner,
body.vibes-shell .header-fixed1000 {
  max-width: 1480px;
  margin: 0 auto;
}

body.vibes-shell .vibes-brand-zone .brand,
body.vibes-shell .header-brand {
  border-radius: var(--vibes-radius-md);
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid var(--vibes-border-soft);
}

body.vibes-shell #head_menu_rght > li > a,
body.vibes-shell .vibes-user-actions > li > a,
body.vibes-shell .navbar-nav > li > a.sixteen-font-size,
body.vibes-shell #wo_home_btns {
  border-radius: 999px;
  color: var(--vibes-text-secondary);
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.08);
  margin: 7px 3px;
  transition: background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.vibes-shell #head_menu_rght > li > a:hover,
body.vibes-shell .vibes-user-actions > li > a:hover,
body.vibes-shell .navbar-nav > li > a.sixteen-font-size:hover,
body.vibes-shell #wo_home_btns:hover,
body.vibes-shell #wo_home_btns.btn-main {
  color: #fff;
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.34), rgba(255, 79, 163, 0.22));
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow: var(--vibes-glow-primary);
  transform: translateY(-1px);
}

body.vibes-shell .new-update-alert {
  background: linear-gradient(135deg, var(--vibes-accent-secondary), var(--vibes-accent-warm));
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.26);
  box-shadow: 0 0 18px rgba(255, 79, 163, 0.34);
}

body.vibes-shell .vibes-app-frame.content-container {
  background: transparent;
  max-width: 1480px;
  padding-left: 18px;
  padding-right: 18px;
}

body.vibes-shell .vibes-main-surface {
  position: relative;
}

body.vibes-shell .vibes-main-surface:before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 78%, transparent);
  opacity: .26;
  z-index: -1;
}

body.vibes-shell .left-sidebar.vibes-left-rail,
body.vibes-shell .sidebar-conatnier .vibes-right-rail {
  background: transparent;
}

body.vibes-shell .vibes-left-rail > ul,
body.vibes-shell .vibes-right-rail .wow_content,
body.vibes-shell .vibes-right-rail .list-group,
body.vibes-shell .vibes-right-rail .featured-users,
body.vibes-shell .vibes-right-rail .wow_weather,
body.vibes-shell .vibes-right-rail .wow_side_loggd_usr,
body.vibes-shell .vibes-right-rail .trending {
  background: var(--vibes-bg-panel);
  border: 1px solid var(--vibes-border-soft);
  border-radius: var(--vibes-radius-lg);
  box-shadow: var(--vibes-shadow-card);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  overflow: hidden;
}

body.vibes-shell .vibes-left-rail > ul {
  padding: 10px;
}

body.vibes-shell .vibes-left-rail li a,
body.vibes-shell .vibes-left-rail .menu_list,
body.vibes-shell .vibes-right-rail .list-group-item,
body.vibes-shell .vibes-right-rail .wow_htag a,
body.vibes-shell .vibes-right-rail .wo_user_side_info a {
  color: var(--vibes-text-secondary);
  border-radius: var(--vibes-radius-sm);
  border-color: rgba(255, 255, 255, 0.06);
  background-color: transparent;
}

body.vibes-shell .vibes-left-rail li a:hover,
body.vibes-shell .vibes-left-rail li.active a,
body.vibes-shell .vibes-left-rail .active > a,
body.vibes-shell .vibes-right-rail .wo_user_side_info a:hover,
body.vibes-shell .vibes-right-rail .wow_htag a:hover {
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.28), rgba(255, 79, 163, 0.16));
  color: #fff;
  box-shadow: var(--vibes-glow-primary);
}

body.vibes-shell .vibes-left-rail svg path,
body.vibes-shell .vibes-left-rail svg,
body.vibes-shell .vibes-right-rail svg path,
body.vibes-shell .vibes-right-rail svg {
  color: var(--vibes-accent-blue);
  fill: currentColor;
}

body.vibes-shell .sidebar-title-back,
body.vibes-shell .vibes-right-rail .list-group-item.sidebar-title-back {
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.22), rgba(255, 159, 67, 0.12));
  color: var(--vibes-text-primary);
  border-bottom: 1px solid var(--vibes-border-soft);
  font-weight: 800;
  letter-spacing: .02em;
}

body.vibes-shell .wow_side_loggd_usr_cvr {
  background: var(--vibes-bg-hero);
}

body.vibes-shell .wow_side_loggd_usr_cvr img,
body.vibes-shell .vibes-right-rail img,
body.vibes-shell .avatar img {
  border-radius: var(--vibes-radius-md);
}

body.vibes-shell .avatar img,
body.vibes-shell .wow_side_loggd_usr_hdr .avatar img {
  border: 3px solid rgba(255, 255, 255, 0.22);
  box-shadow: 0 0 0 4px rgba(168, 85, 247, 0.16), var(--vibes-glow-primary);
}

body.vibes-shell .wow_side_loggd_usr_hdr .title a,
body.vibes-shell #user-full-name,
body.vibes-shell .vibes-right-rail b {
  color: var(--vibes-text-primary);
}

body.vibes-shell .wow_side_loggd_usr_hdr .title p,
body.vibes-shell .htag_bottom,
body.vibes-shell .vibes-right-rail p,
body.vibes-shell .vibes-right-rail small {
  color: var(--vibes-text-muted);
}

body.vibes-shell .wow_content,
body.vibes-shell .post,
body.vibes-shell .panel,
body.vibes-shell .list-group,
body.vibes-shell .product,
body.vibes-shell .product_info,
body.vibes-shell .product-list,
body.vibes-shell .user-ad-container,
body.vibes-shell .publisher-box,
body.vibes-shell .profile-container,
body.vibes-shell .timeline-container,
body.vibes-shell .wo_post,
body.vibes-shell .story-container,
body.vibes-shell .event-item,
body.vibes-shell .blog-ls-box,
body.vibes-shell .forum_posts,
body.vibes-shell .movies-com-wrapper {
  background-color: var(--vibes-bg-panel);
  border-color: var(--vibes-border-soft);
  color: var(--vibes-text-primary);
  border-radius: var(--vibes-radius-lg);
  box-shadow: var(--vibes-shadow-card);
}

body.vibes-shell .panel-heading,
body.vibes-shell .list-group-item,
body.vibes-shell .modal-content,
body.vibes-shell .dropdown-menu,
body.vibes-shell .popover,
body.vibes-shell .publisher-box textarea,
body.vibes-shell input,
body.vibes-shell textarea,
body.vibes-shell select,
body.vibes-shell .form-control {
  background-color: var(--vibes-bg-panel-strong);
  border-color: var(--vibes-border-soft);
  color: var(--vibes-text-primary);
}

body.vibes-shell input:focus,
body.vibes-shell textarea:focus,
body.vibes-shell select:focus,
body.vibes-shell .form-control:focus {
  border-color: rgba(168, 85, 247, 0.72);
  box-shadow: var(--vibes-glow-primary);
  outline: none;
}

body.vibes-shell .btn-main,
body.vibes-shell .btn-main-rev,
body.vibes-shell .btn-active,
body.vibes-shell button.btn-main,
body.vibes-shell a.btn-main {
  background: linear-gradient(135deg, var(--vibes-accent-primary), var(--vibes-accent-secondary));
  border-color: transparent;
  color: #fff;
  border-radius: 999px;
  box-shadow: var(--vibes-glow-primary);
}

body.vibes-shell .btn-default,
body.vibes-shell .btn-mat,
body.vibes-shell .btn-secondary {
  border-radius: 999px;
}

body.vibes-shell .dropdown-menu {
  border-radius: var(--vibes-radius-md);
  box-shadow: var(--vibes-shadow-card), var(--vibes-glow-primary);
}

body.vibes-shell .text-muted,
body.vibes-shell .help-block,
body.vibes-shell .small,
body.vibes-shell .time,
body.vibes-shell .ajax-time,
body.vibes-shell .postMeta--author-text,
body.vibes-shell .wo_post_meta {
  color: var(--vibes-text-muted);
}

body.vibes-shell .progress,
body.vibes-shell .progress-bar {
  border-radius: 999px;
}

@media (min-width: 992px) {
  body.vibes-shell .vibes-left-rail {
    position: sticky;
    top: 78px;
    align-self: flex-start;
    max-height: calc(100vh - 92px);
    overflow: auto;
  }

  body.vibes-shell .vibes-right-rail {
    position: sticky;
    top: 78px;
    max-height: calc(100vh - 92px);
    overflow: auto;
    padding-bottom: 16px;
  }
}

@media (max-width: 991px) {
  body.vibes-shell .vibes-app-frame.content-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  body.vibes-shell .vibes-left-rail > ul,
  body.vibes-shell .vibes-right-rail .wow_content,
  body.vibes-shell .vibes-right-rail .list-group,
  body.vibes-shell .vibes-right-rail .featured-users {
    border-radius: var(--vibes-radius-md);
  }
}

/* Vibes 1.1.1 — Chunk 5 Feed Blueprint Conversion */
body.vibes-shell .vibes-feed-page {
  position: relative;
}

body.vibes-shell .vibes-feed-grid {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}

body.vibes-shell .vibes-feed-main-column {
  padding-left: 0;
  padding-right: 0;
}

body.vibes-shell .vibes-feed-stories {
  position: relative;
  margin-bottom: 14px;
  padding: 12px 14px;
  background: linear-gradient(145deg, rgba(20, 24, 64, 0.78), rgba(48, 18, 82, 0.42));
  border: 1px solid rgba(168, 85, 247, 0.28);
  border-radius: var(--vibes-radius-lg);
  box-shadow: var(--vibes-shadow-card), inset 0 1px 0 rgba(255,255,255,.08);
  overflow: hidden;
}

body.vibes-shell .vibes-feed-stories:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 10% 0%, rgba(255, 79, 163, .18), transparent 28%),
    radial-gradient(circle at 92% 18%, rgba(255, 159, 67, .14), transparent 32%);
}

body.vibes-shell .vibes-feed-stories .status-list {
  position: relative;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin: 0;
  padding: 0;
}

body.vibes-shell .vibes-feed-stories .status-list li {
  background: transparent;
}

body.vibes-shell .vibes-feed-stories .status-list img,
body.vibes-shell .vibes-feed-stories .status-list .user-status-avatar img {
  border-radius: 999px;
  border: 3px solid rgba(255, 79, 163, .95);
  box-shadow: 0 0 0 2px rgba(255, 159, 67, .75), 0 0 22px rgba(255, 79, 163, .28);
}

body.vibes-shell .vibes-feed-stories .create_new img {
  border-color: rgba(56, 189, 248, .8);
  box-shadow: 0 0 0 2px rgba(168, 85, 247, .85), 0 0 24px rgba(56, 189, 248, .28);
}

body.vibes-shell .vibes-feed-stories .status-list p,
body.vibes-shell .vibes-feed-stories .status-list a {
  color: var(--vibes-text-primary);
}

body.vibes-shell .publisher-box,
body.vibes-shell .wow_content.publisher-box,
body.vibes-shell .vibes-feed-page .publisher-box {
  position: relative;
  margin-bottom: 14px;
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 12%, rgba(255, 79, 163, .45), transparent 26%),
    linear-gradient(135deg, rgba(38, 20, 74, .95), rgba(134, 28, 92, .45) 52%, rgba(255, 78, 96, .32));
  border: 1px solid rgba(255,255,255,.14);
  border-radius: var(--vibes-radius-xl);
  box-shadow: var(--vibes-shadow-card), 0 0 42px rgba(255, 79, 163, .12);
}

body.vibes-shell .publisher-box:before,
body.vibes-shell .vibes-feed-page .publisher-box:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255,255,255,.08), transparent 34%, rgba(255, 159, 67, .1));
}

body.vibes-shell .publisher-box textarea,
body.vibes-shell .publisher-box .form-control,
body.vibes-shell .publisher-box .publisher-hidden-option {
  position: relative;
  background: rgba(10, 9, 27, .34);
  color: var(--vibes-text-primary);
  border-color: rgba(255,255,255,.12);
}

body.vibes-shell .publisher-box .publisher-box-footer,
body.vibes-shell .publisher-box .publisher-footer,
body.vibes-shell .publisher-box .publisher-box-footer .btn,
body.vibes-shell .publisher-box .publisher-hidden-option {
  border-color: rgba(255,255,255,.1);
}

body.vibes-shell .vibes-feed-filter {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px;
  margin-bottom: 14px;
  background: rgba(16, 14, 38, .74);
  border: 1px solid var(--vibes-border-soft);
  border-radius: 999px;
  box-shadow: var(--vibes-shadow-card);
}

body.vibes-shell .vibes-feed-filter .list-group-item {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  color: var(--vibes-text-secondary) !important;
}

body.vibes-shell .vibes-feed-filter .list-group-item.avtive,
body.vibes-shell .vibes-feed-filter .list-group-item:hover {
  background: linear-gradient(135deg, var(--vibes-accent-primary), var(--vibes-accent-secondary));
  color: #fff !important;
  box-shadow: var(--vibes-glow-primary);
}

body.vibes-shell .vibes-feed-stream {
  position: relative;
}

body.vibes-shell .vibes-feed-post-container {
  margin-bottom: 14px;
}

body.vibes-shell .vibes-feed-post-card,
body.vibes-shell .vibes-feed-card-panel,
body.vibes-shell .post .panel-white,
body.vibes-shell .post.panel-white {
  background:
    linear-gradient(160deg, rgba(9, 18, 42, .92), rgba(14, 12, 36, .94) 45%, rgba(21, 10, 48, .9));
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--vibes-radius-xl);
  box-shadow: var(--vibes-shadow-card), inset 0 1px 0 rgba(255,255,255,.055);
  overflow: hidden;
}

body.vibes-shell .vibes-feed-card-panel {
  padding: 0;
}

body.vibes-shell .post-heading,
body.vibes-shell .post .post-heading {
  padding: 16px 18px 8px;
  background: transparent;
  border-bottom: 0;
}

body.vibes-shell .post-heading .avatar img,
body.vibes-shell .post-heading img.avatar,
body.vibes-shell .post .post-heading img {
  border-radius: 999px;
  border: 2px solid rgba(255, 79, 163, .9);
  box-shadow: 0 0 0 2px rgba(56, 189, 248, .32), 0 0 18px rgba(255, 79, 163, .22);
}

body.vibes-shell .post-heading .meta .title a,
body.vibes-shell .post-heading .meta a,
body.vibes-shell .post-heading .user-name,
body.vibes-shell .post-heading b {
  color: var(--vibes-text-primary);
  font-weight: 800;
}

body.vibes-shell .vibes-feed-post-body,
body.vibes-shell .post-description {
  padding: 0 18px 12px;
  color: var(--vibes-text-primary);
}

body.vibes-shell .post-description p,
body.vibes-shell .post-description .edited_text {
  color: var(--vibes-text-primary);
  font-size: 14px;
  line-height: 1.55;
}

body.vibes-shell .post-file,
body.vibes-shell .post-file img,
body.vibes-shell .post-description img,
body.vibes-shell .post-map img,
body.vibes-shell .post-youtube iframe,
body.vibes-shell .post-video iframe,
body.vibes-shell .post-video video {
  border-radius: 18px;
}

body.vibes-shell .post-file,
body.vibes-shell .post-map,
body.vibes-shell .post-youtube,
body.vibes-shell .post-video {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 16px 40px rgba(0,0,0,.22);
}

body.vibes-shell .post .stats,
body.vibes-shell .post-actions,
body.vibes-shell #wo_post_stat_button {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 10px 18px 14px;
  border-top: 1px solid rgba(255,255,255,.075);
}

body.vibes-shell .post .stat-item,
body.vibes-shell #wo_post_stat_button .stat-item,
body.vibes-shell #wo_post_stat_button .btn-default {
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.08);
  color: var(--vibes-text-secondary);
  border-radius: 999px;
  min-height: 36px;
}

body.vibes-shell .post .stat-item:hover,
body.vibes-shell #wo_post_stat_button .stat-item:hover,
body.vibes-shell #wo_post_stat_button .btn-default:hover {
  background: rgba(255, 79, 163, .16);
  color: #fff;
  box-shadow: var(--vibes-glow-primary);
}

body.vibes-shell .post-footer.post-comments,
body.vibes-shell .post-comments,
body.vibes-shell .comments-list,
body.vibes-shell .comment-container {
  background: rgba(255,255,255,.025);
  color: var(--vibes-text-primary);
}

body.vibes-shell .post-commet-textarea,
body.vibes-shell .comment-textarea,
body.vibes-shell .comment-textarea textarea {
  background: rgba(255,255,255,.045);
  border-color: rgba(255,255,255,.08);
  color: var(--vibes-text-primary);
  border-radius: 16px;
}

body.vibes-shell .wo_loading_post {
  background: rgba(16, 14, 38, .78);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--vibes-radius-xl);
  box-shadow: var(--vibes-shadow-card);
}

@media (max-width: 991px) {
  body.vibes-shell .vibes-feed-grid {
    display: block;
  }

  body.vibes-shell .vibes-feed-main-column {
    width: 100%;
  }

  body.vibes-shell .vibes-feed-stories .status-list {
    overflow-x: auto;
    padding-bottom: 4px;
  }
}


/* Vibes 1.1.2 — Chunk 6 Profile Blueprint Conversion */
.vibes-profile-page {
  position: relative;
  z-index: 1;
  max-width: 1220px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.vibes-profile-page:before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 28% 14%, rgba(255, 112, 67, .14), transparent 30%),
    radial-gradient(circle at 78% 20%, rgba(236, 72, 153, .12), transparent 32%),
    radial-gradient(circle at 44% 78%, rgba(124, 58, 237, .14), transparent 40%);
  z-index: -1;
}
.vibes-profile-page .profile-container.vibes-profile-hero,
.vibes-profile-page .hovercard,
.vibes-profile-page .user-bottom-nav,
.vibes-profile-page .wow_content,
.vibes-profile-page .list-group,
.vibes-profile-page .publisher-box,
.vibes-profile-page .post,
.vibes-profile-page .story-container,
.vibes-profile-page .profile-lists {
  background: linear-gradient(145deg, rgba(15, 23, 42, .92), rgba(20, 8, 43, .82)) !important;
  border: 1px solid rgba(255, 255, 255, .09) !important;
  box-shadow: 0 22px 70px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
  border-radius: 22px !important;
  color: #f8fafc !important;
  overflow: hidden;
}
.vibes-profile-page .hovercard {
  position: relative;
  margin-bottom: 18px !important;
}
.vibes-profile-page .cardheader.user-cover,
.vibes-profile-page .user-cover,
.vibes-profile-page .user-cover-reposition-w {
  min-height: 315px;
  border-radius: 22px 22px 0 0 !important;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(124,58,237,.35), rgba(255,112,67,.28)) !important;
}
.vibes-profile-page .user-cover-reposition-w:after,
.vibes-profile-page .cardheader.user-cover:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(2, 6, 23, .02) 0%, rgba(2, 6, 23, .55) 70%, rgba(2, 6, 23, .92) 100%);
  pointer-events: none;
}
.vibes-profile-page #cover-image {
  width: 100%;
  height: 100%;
  min-height: 315px;
  object-fit: cover;
  filter: saturate(1.14) contrast(1.04);
}
.vibes-profile-page .pic-info-cont {
  position: relative;
  margin-top: -118px;
  padding: 0 28px 28px;
  display: flex;
  align-items: flex-end;
  gap: 22px;
  color: #fff;
}
.vibes-profile-page .user-avatar {
  width: 156px !important;
  height: 156px !important;
  min-width: 156px;
  border-radius: 50% !important;
  padding: 5px;
  background: linear-gradient(135deg, #ff7a18, #ff2ea6, #7c3aed) !important;
  box-shadow: 0 0 0 6px rgba(2, 6, 23, .75), 0 18px 45px rgba(236, 72, 153, .35);
}
.vibes-profile-page .user-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 50% !important;
  border: 3px solid rgba(15, 23, 42, .95);
}
.vibes-profile-page .title,
.vibes-profile-page .user-name,
.vibes-profile-page .profile-name,
.vibes-profile-page .pic-info-cont h3,
.vibes-profile-page .pic-info-cont a {
  color: #ffffff !important;
  text-shadow: 0 6px 20px rgba(0,0,0,.45);
}
.vibes-profile-page .options-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-left: auto;
}
.vibes-profile-page .options-buttons .btn,
.vibes-profile-page .btn-main,
.vibes-profile-page .send_gift_btn,
.vibes-profile-page .load-more .btn,
.vibes-profile-page .btn-glossy .btn {
  border: 0 !important;
  color: #fff !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #8b5cf6, #ec4899 58%, #ff7a18) !important;
  box-shadow: 0 12px 28px rgba(236,72,153,.22) !important;
}
.vibes-profile-page .options-buttons .btn-default,
.vibes-profile-page .btn-default {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #f8fafc !important;
}
.vibes-profile-page .user-bottom-nav.vibes-profile-tabs {
  margin: 0 0 18px !important;
  padding: 8px 14px !important;
}
.vibes-profile-page .user-bottom-nav ul {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  margin: 0;
  padding: 0;
}
.vibes-profile-page .user-bottom-nav li a {
  color: #cbd5e1 !important;
  border-radius: 14px;
  padding: 12px 14px !important;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: .18s ease;
}
.vibes-profile-page .user-bottom-nav li a:hover,
.vibes-profile-page .user-bottom-nav li.active a {
  color: #fff !important;
  background: rgba(236, 72, 153, .14) !important;
  box-shadow: inset 0 -2px 0 #ec4899;
}
.vibes-profile-main-column,
.vibes-profile-side-column {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.vibes-profile-page .vibes-profile-side-column .wow_content,
.vibes-profile-page .vibes-profile-side-column .list-group,
.vibes-profile-page .right_user_info {
  padding: 18px !important;
  margin-bottom: 16px !important;
}
.vibes-profile-page .wo_page_hdng,
.vibes-profile-page .wo_page_hdng_innr,
.vibes-profile-page .wo_job_detail_block_title {
  color: #ffffff !important;
  background: transparent !important;
  border: 0 !important;
  font-weight: 800;
}
.vibes-profile-page .wo_page_hdng_innr span,
.vibes-profile-page .split-link {
  color: #f472b6 !important;
}
.vibes-profile-page .right_user_info li,
.vibes-profile-page .event-options-list li,
.vibes-profile-page .profile-lists li {
  color: #cbd5e1 !important;
  border-color: rgba(255,255,255,.08) !important;
}
.vibes-profile-page .right_user_info a,
.vibes-profile-page .wow_content a,
.vibes-profile-page .profile-lists a {
  color: #f0abfc !important;
}
.vibes-profile-page input,
.vibes-profile-page textarea,
.vibes-profile-page .search-for-posts {
  background: rgba(15, 23, 42, .74) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #fff !important;
  border-radius: 14px !important;
}
.vibes-profile-page input:focus,
.vibes-profile-page textarea:focus {
  border-color: rgba(236,72,153,.7) !important;
  box-shadow: 0 0 0 3px rgba(236,72,153,.14) !important;
}
.vibes-profile-page .wo_job_detail_skill span,
.vibes-profile-page .badge,
.vibes-profile-page .label,
.vibes-profile-page .user_media_list_section .photo-data img {
  border-radius: 14px !important;
}
.vibes-profile-page .wo_job_detail_skill span {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  color: #e2e8f0 !important;
  padding: 8px 12px;
  margin: 4px;
  display: inline-block;
}
.vibes-profile-page .user_media_list_section {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.vibes-profile-page .user_media_list_section .photo-data {
  width: auto !important;
  margin: 0 !important;
}
.vibes-profile-page .user_media_list_section .photo-data img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  box-shadow: 0 12px 30px rgba(0,0,0,.22);
}
.vibes-profile-page .empty_state {
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 18px !important;
  color: #cbd5e1 !important;
}
.vibes-profile-page .sidebar-ad,
.vibes-profile-page .sidebar-ad * {
  max-width: 100%;
}
@media (max-width: 991px) {
  .vibes-profile-page .pic-info-cont {
    display: block;
    margin-top: -92px;
    padding: 0 18px 20px;
  }
  .vibes-profile-page .user-avatar {
    width: 124px !important;
    height: 124px !important;
    min-width: 124px;
  }
  .vibes-profile-page .options-buttons {
    margin-top: 14px;
  }
  .vibes-profile-main-column,
  .vibes-profile-side-column {
    width: 100% !important;
  }
}

/* Vibes Marketplace Conversion 1.0 — runtime products owners only. */
.vibes-market-page {
  color: var(--vibes-text-primary);
}
.vibes-market-page .vibes-market-hero {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  margin: 8px 0 18px;
  background:
    radial-gradient(circle at 76% 35%, rgba(255, 79, 163, .34), transparent 24%),
    radial-gradient(circle at 66% 62%, rgba(255, 159, 67, .20), transparent 28%),
    linear-gradient(135deg, rgba(38, 20, 72, .95), rgba(12, 11, 31, .90) 52%, rgba(51, 12, 69, .84));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 24px 70px rgba(0,0,0,.36), 0 0 42px rgba(236,72,153,.14);
}
.vibes-market-page .vibes-market-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.06), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(255,255,255,.16), transparent 8%);
  pointer-events: none;
}
.vibes-market-page .vibes-market-hero .container {
  position: relative;
  z-index: 1;
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}
.vibes-market-page .vibes-market-hero svg {
  color: #f472b6;
  filter: drop-shadow(0 0 18px rgba(244,114,182,.45));
}
.vibes-market-page .vibes-market-hero h1 {
  color: #fff !important;
  font-size: clamp(34px, 4vw, 58px);
  font-weight: 900;
  letter-spacing: -.04em;
  margin-bottom: 8px;
  text-shadow: 0 0 30px rgba(236,72,153,.22);
}
.vibes-market-page .vibes-market-hero p {
  color: #f3e8ff !important;
  font-size: 16px;
  max-width: 620px;
}
.vibes-market-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
.vibes-market-hero-badges span,
.vibes-market-category-strip a {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  color: #f8fafc !important;
  background: rgba(255,255,255,.075);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.vibes-market-hero-badges span {
  padding: 8px 12px;
  font-weight: 700;
  font-size: 12px;
}
.vibes-market-page .my_prods_btn,
.vibes-market-page .side_mkt_btn,
.vibes-market-page .load-more .btn {
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: linear-gradient(135deg, #a855f7, #ec4899 58%, #fb923c) !important;
  color: #fff !important;
  box-shadow: 0 14px 34px rgba(236,72,153,.22) !important;
}
.vibes-market-page .vibes-market-filterbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 16px !important;
  margin-bottom: 14px !important;
  border-radius: 22px !important;
  background: rgba(13, 11, 29, .82) !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.24) !important;
}
.vibes-market-page .search-blog,
.vibes-market-page .search-blog form {
  flex: 1 1 280px;
}
.vibes-market-page #product-text,
.vibes-market-page .vibes-market-filterbar input[type="text"],
.vibes-market-page .vibes-market-filterbar input[type="number"] {
  background: rgba(4, 7, 18, .7) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #fff !important;
  border-radius: 999px !important;
  min-height: 44px;
  padding: 0 18px !important;
}
.vibes-market-page #product-text:focus {
  border-color: rgba(236,72,153,.7) !important;
  box-shadow: 0 0 0 3px rgba(236,72,153,.14) !important;
}
.vibes-market-page .market_widget .m_widget_head {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border-radius: 999px;
  color: #e9d5ff !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.11) !important;
}
.vibes-market-page .dropdown-menu {
  background: rgba(12, 10, 28, .98) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.42) !important;
  overflow: hidden;
}
.vibes-market-page .market_categories ul li a,
.vibes-market-page .market_categories ul li {
  color: #dbeafe !important;
}
.vibes-market-page .market_categories ul li.active,
.vibes-market-page .market_categories ul li:hover {
  background: rgba(236,72,153,.16) !important;
}
.vibes-market-category-strip {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding: 12px 4px 18px;
  margin-bottom: 4px;
}
.vibes-market-category-strip a {
  flex: 0 0 auto;
  min-width: 118px;
  justify-content: center;
  padding: 13px 16px;
  font-weight: 800;
  background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
}
.vibes-market-category-strip a:hover {
  border-color: rgba(236,72,153,.42);
  box-shadow: 0 0 28px rgba(236,72,153,.18);
  transform: translateY(-1px);
}
.vibes-market-page .vibes-market-products-wrap {
  padding: 18px !important;
  border-radius: 24px;
  background: rgba(9, 9, 22, .50);
  border: 1px solid rgba(255,255,255,.08);
}
.vibes-market-page #products.vibes-market-products-grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}
.vibes-market-product-card {
  padding-left: 8px !important;
  padding-right: 8px !important;
  margin-bottom: 18px;
}
.vibes-market-product-card .vibes-market-product-surface,
.vibes-market-page .wow_main_mkt_prod {
  overflow: hidden;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(20, 17, 40, .94), rgba(11, 10, 24, .96)) !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.30) !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.vibes-market-product-card .vibes-market-product-surface:hover {
  transform: translateY(-3px);
  border-color: rgba(236,72,153,.38) !important;
  box-shadow: 0 24px 56px rgba(0,0,0,.38), 0 0 36px rgba(236,72,153,.18) !important;
}
.vibes-market-product-media {
  overflow: hidden;
  background: rgba(255,255,255,.04);
}
.vibes-market-product-media img {
  width: 100% !important;
  aspect-ratio: 1 / .78;
  object-fit: cover;
  display: block;
  transition: transform .22s ease;
}
.vibes-market-product-card:hover .vibes-market-product-media img {
  transform: scale(1.035);
}
.vibes-market-page .product-by {
  background: linear-gradient(135deg, rgba(168,85,247,.92), rgba(236,72,153,.88)) !important;
  border-radius: 999px !important;
  color: #fff !important;
  padding: 6px 10px !important;
  left: 10px !important;
  right: auto !important;
  bottom: 10px !important;
}
.vibes-market-page .product-by a,
.vibes-market-page .product-by div,
.vibes-market-page .product-title a {
  color: #fff !important;
}
.vibes-market-product-info {
  padding: 14px 14px 16px !important;
}
.vibes-market-page .product-title {
  min-height: 36px;
  margin-bottom: 8px;
}
.vibes-market-page .product-title a {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
}
.vibes-market-page .product-price {
  color: #fb7185 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}
.vibes-market-page .wow_main_prod_foot .btn,
.vibes-market-page .product-links .btn {
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #fff !important;
  background: rgba(255,255,255,.08) !important;
}
.vibes-market-page .wow_main_prod_foot .btn-main {
  background: linear-gradient(135deg, #a855f7, #ec4899) !important;
}
.vibes-market-page .empty_state {
  width: 100%;
  padding: 32px !important;
  border-radius: 22px !important;
  color: #dbeafe !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}
.vibes-market-page .white-loading,
.vibes-market-page .cs-loader {
  background: transparent !important;
  color: #f472b6 !important;
}
@media (max-width: 991px) {
  .vibes-market-page .vibes-market-filterbar {
    display: block;
  }
  .vibes-market-page .market_widget,
  .vibes-market-page .side_mkt_btn {
    margin-top: 10px;
  }
  .vibes-market-product-card {
    width: 50% !important;
  }
}
@media (max-width: 560px) {
  .vibes-market-product-card {
    width: 100% !important;
  }
}
