html, body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body.member-app-body,
body.gb-panel-body,
.gb-admin-main,
.member-main,
.admin-main,
.gb-admin-content,
.member-content,
.admin-content {
  max-width: 100% !important;
  overflow-x: hidden !important;
  min-width: 0 !important;
}

.gb-admin-content,
.member-content,
.admin-content {
  padding-left: clamp(14px, 2vw, 28px) !important;
  padding-right: clamp(14px, 2vw, 28px) !important;
}

body.member-app-body .gb-premium-member-dashboard,
body.member-app-body .member-dashboard-premium,
body.member-app-body .member-dashboard,
body.member-app-body .dashboard-premium {
  width: 100% !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow-x: hidden !important;
  display: block !important;
}

body.member-app-body .gb-dashboard-grid,
body.member-app-body .dashboard-grid,
body.member-app-body .member-dashboard-grid,
body.member-app-body .gb-dashboard-layout,
body.member-app-body .dashboard-layout,
body.member-app-body .member-dashboard-layout {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 22px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
  grid-template-columns: 1fr !important;
}

body.member-app-body .gb-main-column,
body.member-app-body .dashboard-main-column,
body.member-app-body .member-main-column,
body.member-app-body .gb-dashboard-main,
body.member-app-body .dashboard-main {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  grid-column: 1 / -1 !important;
  overflow-x: hidden !important;
}

body.member-app-body .gb-side-column,
body.member-app-body .dashboard-side-column,
body.member-app-body .member-side-column,
body.member-app-body .gb-dashboard-side,
body.member-app-body .dashboard-side {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
  overflow-x: hidden !important;
}

body.member-app-body .gb-side-card,
body.member-app-body .dashboard-side-card,
body.member-app-body .member-side-card,
body.member-app-body .gb-membership-card,
body.member-app-body .gb-checklist-card,
body.member-app-body .gb-help-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

body.member-app-body .gb-recommended-card,
body.member-app-body .recommended-matches-card,
body.member-app-body .gb-match-section,
body.member-app-body .recommended-matches-section {
  width: 100% !important;
  max-width: 100% !important;
  grid-column: 1 / -1 !important;
  overflow: hidden !important;
}

body.member-app-body .gb-profile-match-grid,
body.member-app-body .recommended-match-grid,
body.member-app-body .matches-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.member-app-body .gb-dash-hero,
body.member-app-body .member-dashboard-hero,
body.member-app-body .dashboard-hero {
  max-width: 100% !important;
  overflow: hidden !important;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 290px) !important;
}

body.member-app-body .gb-dash-hero h1,
body.member-app-body .member-dashboard-hero h1,
body.member-app-body .dashboard-hero h1 {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

body.member-app-body .gb-stat-row,
body.member-app-body .dashboard-stat-row,
body.member-app-body .kpi-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

body.member-app-body .gb-stat-icon,
body.member-app-body .gb-side-icon,
body.member-app-body .gb-action-icon,
body.member-app-body .gb-match-icon,
body.member-app-body .icon-box,
body.member-app-body .premium-icon {
  display: inline-grid !important;
  place-items: center !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

body.member-app-body .gb-check-list a,
body.member-app-body .gb-check-list li,
body.member-app-body .gb-membership-card li {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  white-space: normal !important;
}

body.member-app-body .gb-side-card h3,
body.member-app-body .gb-side-card h4,
body.member-app-body .gb-membership-card h3,
body.member-app-body .gb-checklist-card h3,
body.member-app-body .gb-help-card h3 {
  font-size: clamp(22px, 2vw, 30px) !important;
  line-height: 1.15 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.member-app-body .card,
.member-app-body .gb-card,
.member-app-body .gb-profile-form-card,
.member-app-body .gb-media-card,
.member-app-body .interest-card,
.member-app-body .gb-privacy-card {
  max-width: 100% !important;
  overflow: hidden !important;
}

.member-app-body img {
  max-width: 100% !important;
}

@media (max-width: 1199.98px) {
  body.member-app-body .gb-dash-hero,
  body.member-app-body .member-dashboard-hero,
  body.member-app-body .dashboard-hero {
    grid-template-columns: 1fr !important;
  }

  body.member-app-body .gb-side-column,
  body.member-app-body .dashboard-side-column,
  body.member-app-body .member-side-column,
  body.member-app-body .gb-dashboard-side,
  body.member-app-body .dashboard-side {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.member-app-body .gb-stat-row,
  body.member-app-body .dashboard-stat-row,
  body.member-app-body .kpi-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767.98px) {
  .gb-admin-content,
  .member-content,
  .admin-content {
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-bottom: 90px !important;
  }

  body.member-app-body .gb-side-column,
  body.member-app-body .dashboard-side-column,
  body.member-app-body .member-side-column,
  body.member-app-body .gb-dashboard-side,
  body.member-app-body .dashboard-side,
  body.member-app-body .gb-stat-row,
  body.member-app-body .dashboard-stat-row,
  body.member-app-body .kpi-row {
    grid-template-columns: 1fr !important;
  }
}

.gb-public-header,
.public-header,
.site-header,
.navbar,
.navbar-area {
    min-height: 82px !important;
    height: auto !important;
    overflow: visible !important;
    z-index: 9999 !important;
}

    .navbar .container,
    .site-header .container,
    .public-header .container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        gap: 18px !important;
    }

.navbar-brand,
.site-logo {
    display: flex !important;
    align-items: center !important;
    min-width: 130px !important;
}

    .navbar-brand img,
    .site-logo img,
    .header-logo img {
        max-height: 72px !important;
        width: auto !important;
        object-fit: contain !important;
    }

.navbar-nav,
.main-menu,
.public-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 24px !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
}

    .navbar-nav .nav-link,
    .main-menu a,
    .public-menu a {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        white-space: nowrap !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        padding: 12px 10px !important;
        color: #13213b !important;
    }

        .navbar-nav .nav-link:hover,
        .main-menu a:hover,
        .public-menu a:hover {
            color: #9b0024 !important;
        }

    .dropdown-menu,
    .public-menu .dropdown-menu,
    .navbar .dropdown-menu {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        min-width: 280px !important;
        max-width: 360px !important;
        padding: 18px !important;
        border-radius: 22px !important;
        background: #ffffff !important;
        box-shadow: 0 18px 45px rgba(42, 15, 25, 0.16) !important;
        border: 1px solid rgba(155, 0, 36, 0.08) !important;
        z-index: 10000 !important;
    }

        .dropdown-menu .dropdown-item,
        .public-menu .dropdown-menu a,
        .navbar .dropdown-menu a {
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            padding: 12px 14px !important;
            font-size: 16px !important;
            font-weight: 700 !important;
            color: #3b1020 !important;
            border-radius: 14px !important;
            white-space: nowrap !important;
        }

            .dropdown-menu .dropdown-item:hover,
            .public-menu .dropdown-menu a:hover,
            .navbar .dropdown-menu a:hover {
                background: #fff3df !important;
                color: #9b0024 !important;
            }

.header-actions,
.nav-actions,
.public Right buttons */
.header-actions,
.nav-actions,
.public-header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
    margin-left: auto !important;
}

    .header-actions .btn,
    .nav-actions .btn,
    .public-header-actions .btn,
    a[href*="/Account/Login"],
    a[href*="/Account/Register"] {
        white-space: nowrap !important;
        min-height: 44px !important;
        border-radius: 999px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

body {
    overflow-x: hidden !important;
}

main,
.page-content,
.public-page,
.gb-page {
    position: relative !important;
    z-index: 1 !important;
}

@media (max-width: 991.98px) {
    .navbar .container,
    .site-header .container,
    .public-header .container {
        flex-wrap: wrap !important;
    }

    .navbar-nav,
    .main-menu,
    .public-menu {
        width: 100% !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
    }

        .dropdown-menu,
        .public-menu .dropdown-menu,
        .navbar .dropdown-menu {
            position: static !important;
            width: 100% !important;
            min-width: 100% !important;
            max-width: 100% !important;
            box-shadow: none !important;
            margin-top: 8px !important;
        }

    .header-actions,
    .nav-actions,
    .public-header-actions {
        width: 100% !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
    }
}

.gb-topbar,
.gb-topbar *,
.top-bar,
.top-bar * {
    font-size: 14px !important;
    line-height: 1.2 !important;
}

.navbar-nav .nav-link,
.main-menu a,
.public-menu a,
.site-header a,
.navbar a {
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 10px 8px !important;
    line-height: 1.15 !important;
}

    .navbar-nav .nav-link i,
    .main-menu a i,
    .public-menu a i,
    .site-header a i {
        font-size: 17px !important;
    }

.header-actions .btn,
.nav-actions .btn,
.public-header-actions .btn,
a[href*="/Account/Login"],
a[href*="/Account/Register"] {
    font-size: 16px !important;
    padding: 10px 16px !important;
    min-height: 42px !important;
}

.navbar-brand img,
.site-logo img,
.header-logo img {
    max-height: 66px !important;
}

@media (max-width: 1399.98px) {
    .navbar-nav,
    .main-menu,
    .public-menu {
        gap: 14px !important;
    }

        .navbar-nav .nav-link,
        .main-menu a,
        .public-menu a,
        .site-header a,
        .navbar a {
            font-size: 14px !important;
            padding: 9px 6px !important;
        }

    .header-actions .btn,
    .nav-actions .btn,
    .public-header-actions .btn,
    a[href*="/Account/Login"],
    a[href*="/Account/Register"] {
        font-size: 13px !important;
        padding: 9px 13px !important;
    }

    .navbar-brand img,
    .site-logo img,
    .header-logo img {
        max-height: 60px !important;
    }
}


/* ================================================================
   GorBandhan Production UI Consolidation - NEXT107
   IMPORTANT: No new CSS file. Final responsive/table fixes are
   consolidated into this existing final reset file and loaded last.
   ================================================================ */
:root{
  --gb-sidebar-width:300px;
  --gb-mobile-bottom-nav-height:72px;
}
html,body{max-width:100%;overflow-x:hidden!important;}
*,*::before,*::after{box-sizing:border-box;}
img,svg,video,canvas{max-width:100%;height:auto;}
a,button,.btn{min-width:0;}
.bv-page,.admin-body,.admin-main,.member-main,.gb-admin-main,.admin-content,.member-content,.gb-admin-content,.container,.container-fluid,.row{min-width:0;max-width:100%;}

/* Public website header/footer consolidated responsive rules */
.bv-site-header,.bv-topbar,.bv-navbar{width:100%;max-width:100%;overflow:visible;}
.bv-shell{max-width:100%;min-width:0;}
.bv-top-left,.bv-top-right{min-width:0;gap:.65rem;}
.bv-top-left span,.gb-top-contact-link{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
.bv-nav-collapse{min-width:0;}
.bv-nav-list{align-items:center;gap:.35rem;flex-wrap:wrap;min-width:0;}
.bv-nav-list .nav-link{white-space:nowrap;min-width:0;max-width:100%;}
.bv-navbar .btn,.bv-nav-actions .btn,.gb-public-auth-actions .btn{white-space:nowrap;min-width:0;}
.gb-top-social,.gb-footer-social a,.gb-floating-social-rail a{flex:0 0 auto;}
.gb-footer-social,.footer-social,.gb-social-row{display:flex;flex-wrap:wrap;gap:.75rem;max-width:100%;}
.gb-footer-social a,.footer-social a,.gb-social-row a{width:44px!important;height:44px!important;border-radius:14px!important;font-size:1.05rem!important;display:inline-flex;align-items:center;justify-content:center;}
.gb-contact-card a,.gb-contact-card .text-break,.contact-card a{overflow-wrap:anywhere;word-break:break-word;}

/* Login hover must always stay readable */
.bv-nav-actions .btn-login:hover,.bv-nav-actions .btn-login:focus,.gb-login-btn:hover,.gb-login-btn:focus,
.navbar .btn[href*="Login"]:hover,.navbar .btn[href*="Login"]:focus{background:#8f1535!important;color:#fff!important;border-color:#8f1535!important;}

/* Member/Admin fixed layout baseline */
.admin-body,.gb-panel-body{background:#fff7f1;min-height:100vh;}
.admin-sidebar,.member-sidebar,.gb-admin-sidebar{width:var(--gb-sidebar-width)!important;max-width:var(--gb-sidebar-width);min-width:var(--gb-sidebar-width);overflow-y:auto;overflow-x:hidden;z-index:1040;}
.admin-main,.member-main,.gb-admin-main{min-width:0;max-width:100%;overflow-x:hidden;}
.admin-topbar,.member-topbar,.gb-admin-topbar{min-width:0;max-width:100%;display:flex;align-items:center;gap:.75rem;overflow:hidden;}
.member-topbar-title,.gb-topbar-title{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.admin-topbar .ms-auto,.member-topbar .ms-auto,.gb-admin-topbar .ms-auto{min-width:0;flex:0 1 auto;display:flex;align-items:center;gap:.5rem!important;}
.member-user-pill,.gb-user-chip{max-width:260px;min-width:0;display:inline-flex;align-items:center;gap:.45rem;overflow:hidden;}
.member-user-pill span,.gb-user-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.member-icon-btn{flex:0 0 auto;}
.admin-content,.member-content,.gb-admin-content{min-width:0;max-width:100%;overflow-x:hidden;padding-left:clamp(1rem,2vw,2rem);padding-right:clamp(1rem,2vw,2rem);}
.card,.gb-card,.member-card,.profile-card,.match-card,.payment-card{min-width:0;max-width:100%;overflow:hidden;}
.row>[class*="col-"]{min-width:0;}

@media (min-width: 992px){
  .admin-sidebar,.member-sidebar,.gb-admin-sidebar{position:fixed!important;top:0;bottom:0;left:0;}
  .admin-main,.member-main,.gb-admin-main{margin-left:var(--gb-sidebar-width)!important;width:calc(100% - var(--gb-sidebar-width))!important;}
}

/* Mobile off-canvas for member/admin panels */
@media (max-width: 991.98px){
  :root{--gb-sidebar-width:min(84vw,320px);}
  .admin-body,.gb-panel-body{overflow-x:hidden!important;}
  .admin-sidebar,.member-sidebar,.gb-admin-sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;box-shadow:0 24px 60px rgba(0,0,0,.30);}
  body.sidebar-open .admin-sidebar,body.sidebar-open .member-sidebar,body.sidebar-open .gb-admin-sidebar{transform:translateX(0)!important;}
  .sidebar-backdrop{position:fixed;inset:0;background:rgba(20,8,18,.56);opacity:0;visibility:hidden;transition:.2s ease;z-index:1030;}
  body.sidebar-open .sidebar-backdrop{opacity:1;visibility:visible;}
  .admin-main,.member-main,.gb-admin-main{margin-left:0!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important;padding-bottom:var(--gb-mobile-bottom-nav-height);}
  .admin-topbar,.member-topbar,.gb-admin-topbar{position:sticky;top:0;z-index:1020;padding:.75rem .85rem!important;gap:.5rem!important;}
  .member-topbar-title,.gb-topbar-title{font-size:1rem!important;max-width:38vw;}
  .admin-topbar .btn-outline-primary,.member-topbar .btn-outline-primary,.gb-admin-topbar .btn-outline-primary{width:44px!important;height:44px!important;border-radius:14px!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;}
  .admin-topbar .btn-outline-primary .me-1,.member-topbar .btn-outline-primary .me-1{margin:0!important;}
  .admin-topbar .btn-outline-primary:not(.dropdown-toggle),.member-topbar .btn-outline-primary:not(.dropdown-toggle){font-size:0!important;}
  .admin-topbar .btn-outline-primary i,.member-topbar .btn-outline-primary i{font-size:1rem!important;}
  .member-user-pill,.gb-user-chip{width:46px!important;height:46px!important;border-radius:16px!important;padding:0!important;justify-content:center;}
  .member-user-pill span,.gb-user-chip span{display:none!important;}
  .admin-content,.member-content,.gb-admin-content{padding:.85rem!important;overflow-x:hidden!important;}
  .member-bottom-nav{left:0!important;right:0!important;width:100%!important;max-width:100vw!important;}
  .gb-floating-social-rail{display:none!important;}
  .bv-topbar{font-size:.82rem;}
  .bv-top-left{flex:1 1 auto;overflow:hidden;}
  .bv-top-right{display:none!important;}
  .bv-navbar .container-fluid{padding-left:.75rem!important;padding-right:.75rem!important;}
  .bv-nav-list{align-items:stretch;gap:.35rem;}
  .bv-nav-list .nav-link{padding:.75rem .85rem!important;border-radius:14px;}
  .bv-nav-actions,.gb-public-auth-actions{display:flex!important;flex-wrap:wrap!important;gap:.5rem!important;width:100%;}
  .bv-nav-actions .btn,.gb-public-auth-actions .btn{flex:1 1 auto;min-width:110px;justify-content:center;}
  .gb-footer-social a,.footer-social a,.gb-social-row a{width:38px!important;height:38px!important;border-radius:12px!important;}
}

@media (max-width: 575.98px){
  .member-topbar-title,.gb-topbar-title{max-width:30vw;font-size:.92rem!important;}
  .admin-topbar .ms-auto,.member-topbar .ms-auto,.gb-admin-topbar .ms-auto{gap:.35rem!important;}
  .member-icon-btn{width:42px!important;height:42px!important;padding:0!important;border-radius:14px!important;}
  .bv-brand img,.bv-menu-logo{max-height:58px!important;width:auto!important;}
}

/* Table horizontal scroll - SuperAdmin/Admin/Member */
.gb-table-scroll,.table-responsive,.dataTables_wrapper,.dt-container{width:100%;max-width:100%;overflow-x:auto!important;overflow-y:visible;-webkit-overflow-scrolling:touch;}
.gb-table-scroll{border-radius:18px;background:#fff;}
.admin-content table,.member-content table,.gb-admin-content table,
.dataTables_wrapper table,.dt-container table,table.dataTable{width:max-content!important;min-width:100%!important;max-width:none!important;white-space:nowrap;}
.admin-content table th,.admin-content table td,.member-content table th,.member-content table td,.gb-admin-content table th,.gb-admin-content table td{vertical-align:middle;}
.admin-content table td,.member-content table td,.gb-admin-content table td{max-width:280px;overflow:hidden;text-overflow:ellipsis;}
.admin-content table td:hover,.member-content table td:hover,.gb-admin-content table td:hover{overflow:visible;white-space:normal;word-break:break-word;}
.dt-layout-row,.dataTables_wrapper .row{min-width:0;max-width:100%;}
.dt-layout-cell,.dataTables_filter,.dataTables_length,.dataTables_paginate,.dataTables_info{max-width:100%;overflow-x:auto;}
.badge,.status-badge,.gb-status-badge{white-space:nowrap!important;display:inline-flex;align-items:center;}
.table .btn,.dataTable .btn{white-space:nowrap;}

@media (max-width: 767.98px){
  .dataTables_wrapper table,.dt-container table,table.dataTable,.admin-content table,.member-content table,.gb-admin-content table{font-size:.86rem!important;}
  .admin-content table th,.admin-content table td,.member-content table th,.member-content table td,.gb-admin-content table th,.gb-admin-content table td{padding:.55rem .65rem!important;}
}

/* ================================================================
   GorBandhan NEXT115 - Member hero/header typography correction
   Existing CSS file only. No new CSS/JS file added.
   Purpose: readable title/subtitle and balanced progress card on
   Dashboard, Profile Wizard, Notifications and all member hero cards.
   ================================================================ */
body.member-app-body .member-content .gb-dash-hero,
body.member-app-body .member-content .member-hero,
body.member-app-body .member-content .gb-profile-hero,
body.member-app-body .member-content .gb-support-hero,
body.member-app-body .member-content .gb-search-hero,
body.member-app-body .member-content .gb-membership-hero,
body.member-app-body .member-content .gb-media-hero,
body.member-app-body .member-content .gb-invoice-hero,
body.member-app-body .member-content .gb-bio-hero,
body.member-app-body .member-content .gb-shortlist-hero,
body.member-app-body .member-content .gb-privacy-hero,
body.member-app-body .member-content .gb-ui-hero-card {
    color: #ffffff !important;
    isolation: isolate !important;
}

body.member-app-body .member-content .gb-dash-hero h1,
body.member-app-body .member-content .member-hero h1,
body.member-app-body .member-content .gb-profile-hero h1,
body.member-app-body .member-content .gb-support-hero h1,
body.member-app-body .member-content .gb-search-hero h1,
body.member-app-body .member-content .gb-membership-hero h1,
body.member-app-body .member-content .gb-media-hero h1,
body.member-app-body .member-content .gb-invoice-hero h1,
body.member-app-body .member-content .gb-bio-hero h1,
body.member-app-body .member-content .gb-shortlist-hero h1,
body.member-app-body .member-content .gb-privacy-hero h1,
body.member-app-body .member-content .gb-ui-hero-card h1 {
    color: #ffffff !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: clamp(32px, 3.2vw, 52px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
    text-shadow: 0 2px 14px rgba(45, 0, 18, .30) !important;
    max-width: 760px !important;
    margin-top: .35rem !important;
    margin-bottom: .65rem !important;
}

body.member-app-body .member-content .gb-dash-hero p,
body.member-app-body .member-content .member-hero p,
body.member-app-body .member-content .gb-profile-hero p,
body.member-app-body .member-content .gb-support-hero p,
body.member-app-body .member-content .gb-search-hero p,
body.member-app-body .member-content .gb-membership-hero p,
body.member-app-body .member-content .gb-media-hero p,
body.member-app-body .member-content .gb-invoice-hero p,
body.member-app-body .member-content .gb-bio-hero p,
body.member-app-body .member-content .gb-shortlist-hero p,
body.member-app-body .member-content .gb-privacy-hero p,
body.member-app-body .member-content .gb-ui-hero-card p {
    color: rgba(255, 255, 255, .94) !important;
    font-size: clamp(15px, 1.25vw, 18px) !important;
    line-height: 1.55 !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 10px rgba(45, 0, 18, .20) !important;
}

body.member-app-body .member-content .gb-eyebrow,
body.member-app-body .member-content .gb-trust-pill,
body.member-app-body .member-content .member-hero .badge,
body.member-app-body .member-content .gb-profile-hero .badge {
    background: rgba(255, 255, 255, .96) !important;
    color: #97002a !important;
    border: 1px solid rgba(255, 255, 255, .48) !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
    box-shadow: 0 10px 26px rgba(76, 0, 26, .12) !important;
}

body.member-app-body .member-content .gb-profile-hero.member-hero .row,
body.member-app-body .member-content .member-hero.gb-profile-hero .row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 320px) !important;
    gap: clamp(18px, 3vw, 36px) !important;
    align-items: center !important;
}

body.member-app-body .member-content .gb-profile-hero.member-hero .row > [class*="col-"],
body.member-app-body .member-content .member-hero.gb-profile-hero .row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: unset !important;
    min-width: 0 !important;
}

body.member-app-body .member-content .gb-profile-hero .hero-action-card,
body.member-app-body .member-content .member-hero .hero-action-card {
    width: 100% !important;
    min-width: 240px !important;
    max-width: 320px !important;
    padding: 22px 22px !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, .18) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, .34) !important;
    backdrop-filter: blur(8px) !important;
    box-shadow: 0 18px 42px rgba(42, 0, 20, .16) !important;
    overflow: hidden !important;
}

body.member-app-body .member-content .gb-profile-hero .hero-action-card strong,
body.member-app-body .member-content .member-hero .hero-action-card strong,
body.member-app-body .member-content .gb-profile-hero .hero-action-card .small,
body.member-app-body .member-content .member-hero .hero-action-card .small {
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

body.member-app-body .member-content .gb-profile-hero .hero-action-card .d-flex,
body.member-app-body .member-content .member-hero .hero-action-card .d-flex {
    gap: 10px !important;
    align-items: flex-start !important;
}

body.member-app-body .member-content .gb-profile-hero .hero-action-card .progress,
body.member-app-body .member-content .member-hero .hero-action-card .progress {
    background: rgba(255, 255, 255, .26) !important;
    border-radius: 999px !important;
    overflow: hidden !important;
}

body.member-app-body .member-content .gb-profile-hero .hero-action-card .progress-bar,
body.member-app-body .member-content .member-hero .hero-action-card .progress-bar {
    background: linear-gradient(90deg, #ffffff, #ffe8b5) !important;
}

body.member-app-body .member-content .gb-support-hero h1,
body.member-app-body .member-content .gb-support-hero.notifications h1 {
    color: #ffffff !important;
    opacity: 1 !important;
}

body.member-app-body .member-content .gb-support-hero p,
body.member-app-body .member-content .gb-support-hero.notifications p {
    color: rgba(255, 255, 255, .92) !important;
    opacity: 1 !important;
}

body.member-app-body .member-content .gb-light-btn,
body.member-app-body .member-content .gb-profile-hero .btn,
body.member-app-body .member-content .member-hero .btn {
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

@media (max-width: 1199.98px) {
    body.member-app-body .member-content .gb-dash-hero h1,
    body.member-app-body .member-content .member-hero h1,
    body.member-app-body .member-content .gb-profile-hero h1,
    body.member-app-body .member-content .gb-support-hero h1 {
        font-size: clamp(30px, 4.4vw, 44px) !important;
        max-width: 620px !important;
    }
}

@media (max-width: 991.98px) {
    body.member-app-body .member-content .gb-profile-hero.member-hero .row,
    body.member-app-body .member-content .member-hero.gb-profile-hero .row {
        grid-template-columns: 1fr !important;
    }

    body.member-app-body .member-content .gb-profile-hero .hero-action-card,
    body.member-app-body .member-content .member-hero .hero-action-card {
        max-width: 420px !important;
        min-width: 0 !important;
    }
}

@media (max-width: 575.98px) {
    body.member-app-body .member-content .gb-dash-hero,
    body.member-app-body .member-content .member-hero,
    body.member-app-body .member-content .gb-profile-hero,
    body.member-app-body .member-content .gb-support-hero,
    body.member-app-body .member-content .gb-search-hero,
    body.member-app-body .member-content .gb-membership-hero,
    body.member-app-body .member-content .gb-media-hero,
    body.member-app-body .member-content .gb-invoice-hero,
    body.member-app-body .member-content .gb-bio-hero,
    body.member-app-body .member-content .gb-shortlist-hero,
    body.member-app-body .member-content .gb-privacy-hero,
    body.member-app-body .member-content .gb-ui-hero-card {
        border-radius: 22px !important;
        padding: 20px 18px !important;
    }

    body.member-app-body .member-content .gb-dash-hero h1,
    body.member-app-body .member-content .member-hero h1,
    body.member-app-body .member-content .gb-profile-hero h1,
    body.member-app-body .member-content .gb-support-hero h1,
    body.member-app-body .member-content .gb-search-hero h1,
    body.member-app-body .member-content .gb-membership-hero h1,
    body.member-app-body .member-content .gb-media-hero h1,
    body.member-app-body .member-content .gb-invoice-hero h1,
    body.member-app-body .member-content .gb-bio-hero h1,
    body.member-app-body .member-content .gb-shortlist-hero h1,
    body.member-app-body .member-content .gb-privacy-hero h1,
    body.member-app-body .member-content .gb-ui-hero-card h1 {
        font-size: clamp(28px, 9vw, 36px) !important;
        line-height: 1.08 !important;
        max-width: 100% !important;
        letter-spacing: -0.01em !important;
    }

    body.member-app-body .member-content .gb-dash-hero p,
    body.member-app-body .member-content .member-hero p,
    body.member-app-body .member-content .gb-profile-hero p,
    body.member-app-body .member-content .gb-support-hero p {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }

    body.member-app-body .member-content .gb-profile-hero .hero-action-card,
    body.member-app-body .member-content .member-hero .hero-action-card {
        width: 100% !important;
        max-width: 100% !important;
        padding: 18px !important;
    }
}


/* ================================================================
   GorBandhan NEXT116 - Member Mobile Account Dropdown Final Fix
   Existing final CSS file only. No new CSS patch file.
   Fixes the generic mobile dropdown rule that reduced the account
   menu to the 46px profile-button width and clipped it in the topbar.
   ================================================================ */
.admin-topbar,
.member-topbar,
.gb-admin-topbar,
.admin-topbar .gb-topbar-actions,
.member-topbar .gb-topbar-actions,
.gb-admin-topbar .gb-topbar-actions {
    overflow: visible !important;
}

.gb-topbar-actions {
    position: relative !important;
    flex: 0 0 auto !important;
}

.gb-user-dropdown {
    position: relative !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
}

.gb-user-dropdown .gb-user-menu {
    right: 0 !important;
    left: auto !important;
    min-width: 260px !important;
    max-width: min(320px, calc(100vw - 20px)) !important;
    width: max-content !important;
    padding: 10px !important;
    margin: 8px 0 0 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .22) !important;
    z-index: 1095 !important;
}

.gb-user-dropdown .gb-user-menu > li,
.gb-user-dropdown .gb-user-menu form,
.gb-user-dropdown .gb-user-menu .dropdown-item {
    width: 100% !important;
    min-width: 0 !important;
}

.gb-user-dropdown .gb-user-menu .dropdown-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 11px 13px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.gb-user-dropdown .gb-user-menu .dropdown-item i {
    width: 22px !important;
    flex: 0 0 22px !important;
    margin-right: 0 !important;
    text-align: center !important;
}

@media (max-width: 991.98px) {
    .gb-user-dropdown .gb-user-menu {
        position: fixed !important;
        top: var(--gb-user-menu-top, 78px) !important;
        right: 10px !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
        width: min(310px, calc(100vw - 20px)) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 20px) !important;
        max-height: calc(100dvh - var(--gb-user-menu-top, 78px) - 16px) !important;
        margin: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    .gb-user-dropdown .gb-user-menu:not(.show) {
        display: none !important;
    }

    .gb-user-dropdown .gb-user-menu.show {
        display: block !important;
    }
}

@media (max-width: 767.98px) {
    /* Bootstrap d-none must not be overridden by the generic panel
       button rule. The Website shortcut is hidden on phones so the
       language, notification and account controls fit correctly. */
    .gb-topbar-actions .gb-website-shortcut {
        display: none !important;
    }

    .gb-topbar-actions {
        gap: .35rem !important;
    }
}

@media (max-width: 420px) {
    .gb-user-dropdown .gb-user-menu {
        right: 8px !important;
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
    }
}