/* ===== Listing Profile V2 — New UI Stylesheet ===== */

/* -- Variables -- */
:root {
    --v2-blue: var(--systemColor, #00356b);
    --v2-blue-mid: var(--buttonColor, #286dc0);
    --v2-blue-light: #63aaff;
    --v2-blue-pale: #E8F1FB;
    --v2-blue-border: #B8D4F0;
    --v2-blue-dark: #002147;
    --v2-accent: #BD5319;
    --v2-accent-light: #FFF5ED;
    --v2-accent-border: #E8C4A8;
    --v2-green: #377E3F;
    --v2-green-light: #EEF5EA;
    --v2-charcoal: #222;
    --v2-dark: #333;
    --v2-warm-gray: #4a4a4a;
    --v2-mid-gray: #717171;
    --v2-light-gray: #DDD;
    --v2-bg-light: #F4F4F4;
    --v2-border-light: #E6E6E6;
    --v2-border-med: #CCC;
    --v2-serif: Georgia, 'Times New Roman', serif;
    --v2-shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);
    --v2-shadow-md: 0 4px 24px rgba(0,0,0,.09);
    --v2-bg-subtle: #F9FAFB;
    --v2-light-text: #9CA3AF;
}

/* -- Page wrap -- */
.v2-page-wrap {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px 60px;
}

/* -- Breadcrumb -- */
.v2-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 0;
    font-size: 12px;
    color: var(--v2-mid-gray);
    border-bottom: 1px solid var(--v2-border-light);
    flex-wrap: wrap;
}

.v2-breadcrumb a {
    color: var(--v2-blue);
    font-weight: 600;
    text-decoration: none;
}

.v2-breadcrumb a:hover {
    text-decoration: underline;
}

.v2-bc-logo {
    width: 22px;
    height: 22px;
    border-radius: 4px;
    object-fit: contain;
    flex-shrink: 0;
}

.v2-breadcrumb .v2-bc-sep {
    color: var(--v2-border-med);
}

.v2-breadcrumb .v2-bc-active {
    font-weight: 600;
    color: var(--v2-dark);
}

/* -- Cover card -- */
.v2-cover-card {
    background: #fff;
    border: 1px solid var(--v2-border-light);
    margin-top: 20px;
    border-radius: 6px;
    overflow: visible;
    position: relative;
    z-index: 10;
    animation: v2-slideUp 0.4s ease both;
}

.v2-cover-banner {
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 6px 6px 0 0;
}

.v2-cover-banner-fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.v2-cover-banner-fallback h1 {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 500;
}

.v2-banner-badges-overlay {
    position: absolute;
    top: 12px;
    left: 12px;
    display: flex;
    gap: 6px;
    z-index: 10;
}

.v2-banner-edit-overlay {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
}

/* -- Identity row -- */
.v2-identity-row {
    padding: 0 28px 20px;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.v2-logo-tile {
    position: absolute;
    top: -40px;
    left: 28px;
    width: 86px;
    height: 86px;
    border-radius: 6px;
    border: 4px solid #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .15);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    flex-shrink: 0;
    overflow: hidden;
}

.v2-logo-tile-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: var(--v2-blue);
    color: #fff;
}

.v2-logo-tile-placeholder .v2-logo-letter {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
}

.v2-identity-right {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex: 1;
    padding-top: 16px;
    padding-left: 108px;
    gap: 12px;
    flex-wrap: wrap;
}

.v2-org-title {
    font-size: 22px;
    font-weight: 700;
    color: var(--systemTextColor, #222);
    letter-spacing: -.01em;
    line-height: 1.25;
    margin: 0;
}

.v2-org-subheading {
    font-size: 14px;
    color: var(--v2-mid-gray);
    margin-top: 2px;
}

.v2-identity-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    flex-wrap: nowrap;
}

.v2-act-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 9px;
    border: 1px solid var(--buttonBackgroundColor2);
    background: #fff;
    color: var(--buttonBackgroundColor2);
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px;
    transition: all .15s ease;
    cursor: pointer;
    text-decoration: none;
}

.v2-act-btn i {
    font-size: 15px !important;
    line-height: 1 !important;
    color: var(--buttonBackgroundColor2) !important;
}

.v2-act-btn:hover {
    background: var(--buttonBackgroundColor2);
    color: #fff;
}

.v2-act-btn:hover i {
    color: #fff !important;
}

.v2-act-btn.selected-style-btn {
    background: var(--buttonBackgroundColor2);
    background-color: var(--buttonBackgroundColor2);
    border-color: var(--buttonBackgroundColor2);
    color: #fff;
}

.v2-act-btn.selected-style-btn i {
    color: #fff !important;
}

.v2-act-btn.selected-style-btn:hover {
    opacity: 0.85;
}

.v2-follow-btn {
    padding: 7px 18px;
    border: 2px solid var(--buttonBackgroundColor2);
    color: var(--buttonBackgroundColor2);
}

.v2-follow-btn:hover,
.v2-follow-btn.following {
    background: var(--buttonBackgroundColor2);
    color: #fff;
}

.v2-identity-badges {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 4px;
}

/* -- V2 badge sizing (all banner badge containers) -- */
.v2-banner-badges-overlay .img-square-badge,
.v2-identity-badges .img-square-badge,
.v2-logo-badges .img-square-badge,
.v2-below-logo-badge .img-square-badge,
.v2-action-badges .img-square-badge {
    padding: 5px !important;
    background: #fff !important;
    border-radius: 4px !important;
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.v2-banner-badges-overlay .img-square-badge.badges-border-hide,
.v2-identity-badges .img-square-badge.badges-border-hide,
.v2-logo-badges .img-square-badge.badges-border-hide,
.v2-below-logo-badge .img-square-badge.badges-border-hide,
.v2-action-badges .img-square-badge.badges-border-hide {
    padding: 0 !important;
    background: transparent !important;
}

.v2-banner-badges-overlay .right-end-badge-block,
.v2-identity-badges .right-end-badge-block,
.v2-logo-badges .right-end-badge-block,
.v2-below-logo-badge .right-end-badge-block,
.v2-action-badges .right-end-badge-block {
    position: relative;
    border: none !important;
}

.v2-banner-badges-overlay .right-end-badge-block span:not(.tooltiptext-contact-bg),
.v2-identity-badges .right-end-badge-block span:not(.tooltiptext-contact-bg),
.v2-logo-badges .right-end-badge-block span:not(.tooltiptext-contact-bg),
.v2-below-logo-badge .right-end-badge-block span:not(.tooltiptext-contact-bg),
.v2-action-badges .right-end-badge-block span:not(.tooltiptext-contact-bg) {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    white-space: nowrap;
}

/* -- V2 badge tooltip positioning (reduce gap) -- */
.v2-banner-badges-overlay .tooltiptext-contact-bg.tfd-text-round-tip.badge-check-tolltip,
.v2-identity-badges .tooltiptext-contact-bg.tfd-text-round-tip.badge-check-tolltip,
.v2-logo-badges .tooltiptext-contact-bg.tfd-text-round-tip.badge-check-tolltip,
.v2-below-logo-badge .tooltiptext-contact-bg.tfd-text-round-tip.badge-check-tolltip,
.v2-action-badges .tooltiptext-contact-bg.tfd-text-round-tip.badge-check-tolltip {
    top: 100% !important;
    margin-top: 4px !important;
}

.v2-banner-badges-overlay .img-square-badge .tooltiptext-contact-bg.tfd-text-round-tip.badge-check-tolltip,
.v2-identity-badges .img-square-badge .tooltiptext-contact-bg.tfd-text-round-tip.badge-check-tolltip,
.v2-logo-badges .img-square-badge .tooltiptext-contact-bg.tfd-text-round-tip.badge-check-tolltip,
.v2-below-logo-badge .img-square-badge .tooltiptext-contact-bg.tfd-text-round-tip.badge-check-tolltip,
.v2-action-badges .img-square-badge .tooltiptext-contact-bg.tfd-text-round-tip.badge-check-tolltip {
    top: 100% !important;
    margin-top: 4px !important;
}

.v2-banner-badges-overlay .img-square-badge img.current-badge,
.v2-identity-badges .img-square-badge img.current-badge,
.v2-logo-badges .img-square-badge img.current-badge,
.v2-below-logo-badge .img-square-badge img.current-badge,
.v2-action-badges .img-square-badge img.current-badge {
    width: 26px !important;
    height: 26px !important;
    object-fit: contain;
    border-radius: 4px;
}

.v2-banner-badges-overlay .img-square-badge.landscape-img-badge img.current-badge,
.v2-identity-badges .img-square-badge.landscape-img-badge img.current-badge,
.v2-logo-badges .img-square-badge.landscape-img-badge img.current-badge,
.v2-below-logo-badge .img-square-badge.landscape-img-badge img.current-badge,
.v2-action-badges .img-square-badge.landscape-img-badge img.current-badge {
    width: 56px !important;
    height: 22px !important;
}

.v2-banner-badges-overlay .img-square-badge i,
.v2-identity-badges .img-square-badge i,
.v2-logo-badges .img-square-badge i,
.v2-below-logo-badge .img-square-badge i,
.v2-action-badges .img-square-badge i {
    font-size: 18px !important;
}

/* -- Logo badge positions -- */
.v2-logo-badges {
    position: absolute;
    top: -40px;
    left: 120px;
    display: flex;
    align-items: center;
    gap: 5px;
    z-index: 5;
}

/* -- Below-logo badge -- */
.v2-below-logo-badge {
    position: absolute;
    top: 52px;
    left: 28px;
    width: 86px;
    display: flex;
    justify-content: center;
    z-index: 5;
}

.v2-below-logo-badge .right-end-badge-block {
    max-width: 100%;
}

.v2-below-logo-badge .right-end-badge-block span:not(.tooltiptext-contact-bg) {
    font-size: 10px !important;
    padding: 2px 8px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 86px;
}

/* -- Action badges (left of action buttons) -- */
.v2-action-badges {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-right: 2px;
}

/* -- Two column layout -- */
.v2-two-col {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 24px;
    margin-top: 24px;
    animation: v2-slideUp 0.5s ease 0.1s backwards;
}

/* -- Card -- */
.v2-card {
    background: #fff;
    border: 1px solid var(--v2-border-light);
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
}

/* -- Sidebar -- */
.v2-sidebar {
    min-width: 0;
}

.v2-about-title {
    font-size: 16px;
    font-weight: 800;
    color: var(--v2-charcoal);
    letter-spacing: -0.01em;
    margin-bottom: 14px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--v2-blue);
}

.v2-org-sub {
    font-size: 12px;
    color: var(--v2-mid-gray);
    margin-bottom: 20px;
}

.v2-s-section {
    margin-bottom: 22px;
}

.v2-s-label {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--v2-mid-gray);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.v2-s-label > i,
.v2-s-label > i.faicon {
    font-size: 12px !important;
    width: 14px;
    text-align: center;
    flex-shrink: 0;
    line-height: 1;
}

.v2-s-note {
    font-size: 11.5px;
    color: var(--v2-mid-gray);
}

.v2-two-stat {
    display: flex;
    gap: 10px;
}

.v2-stat-box {
    flex: 1;
    padding: 10px;
    background: var(--v2-bg-light);
    border-radius: 4px;
}

.v2-stat-lbl {
    font-size: 9px;
    font-weight: 700;
    color: var(--v2-mid-gray);
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: 3px;
}

.v2-stat-val {
    font-size: 18px;
    font-weight: 800;
    color: var(--v2-charcoal);
}

.v2-stat-sub {
    font-size: 10px;
    color: var(--v2-mid-gray);
    margin-top: 2px;
}

/* Spacing between category blocks within a section */
.v2-category-block + .v2-category-block {
    margin-top: 14px;
}

.v2-category-block .v2-pill-more,
.v2-category-block .v2-pill-less {
    margin-top: 6px;
}

/* Tags / pills */
.v2-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.v2-tag {
    padding: 3px 9px;
    background: var(--v2-bg-light);
    border: 1px solid var(--v2-border-light);
    border-radius: 3px;
    font-size: 11px;
    font-weight: 500;
    color: var(--v2-warm-gray);
    text-decoration: none;
}

.v2-tag:hover {
    background: #eaeaea;
}

/* Location */
.v2-loc-city {
    font-size: 13px;
    font-weight: 600;
    color: var(--v2-dark);
}

.v2-map-container {
    border: 1px solid var(--v2-border-light);
    height: 200px;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 10px;
    cursor: pointer;
}

/* Companies list */
.v2-company-link {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--v2-blue);
    text-decoration: none;
    padding: 2px 0;
}

.v2-company-link:hover {
    text-decoration: underline;
}

.v2-company-title {
    font-size: 11.5px;
    color: var(--v2-mid-gray);
    display: block;
    margin-bottom: 4px;
}

/* Contact avatars */
.v2-contact-avatars {
    display: flex;
    align-items: center;
    gap: 0;
    margin-top: 8px;
}

.v2-contact-avatars li {
    list-style: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #fff;
    margin-left: -8px;
    cursor: pointer;
}

.v2-contact-avatars li:first-child {
    margin-left: 0;
}

.v2-contact-avatars li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.v2-contact-avatars .v2-more-count {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--v2-bg-light);
    color: var(--v2-warm-gray);
    font-size: 10px;
    font-weight: 700;
}

/* Super badges */
.v2-badge-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* Divider */
.v2-divider {
    height: 1px;
    background: var(--v2-border-light);
    margin: 16px 0;
}

/* Social section */
.v2-social-section {
    padding-top: 8px;
    overflow: visible;
}

.v2-sidebar .v2-card {
    overflow: visible;
    width: 100%;
}

.v2-social-section .social-bt-icons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.v2-social-section .social-bt-icons > .right-end-badge-block:not(:has(.btn-social-blocks)) {
    display: none;
}

/* Neutralize Bootstrap .tooltip on the wrapper divs */
.v2-social-section .right-end-badge-block.tooltip {
    position: relative !important;
    display: inline-block !important;
    opacity: 1 !important;
    z-index: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    background: none !important;
    border: none !important;
    overflow: visible !important;
}

.v2-social-section .right-end-badge-block.tooltip::before,
.v2-social-section .right-end-badge-block.tooltip::after {
    display: none !important;
    content: none !important;
}

.v2-social-section .btn-social-blocks {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    min-width: 30px;
    background: var(--v2-bg-light);
    border: 1px solid var(--v2-border-light);
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    transition: background .15s ease;
}

.v2-social-section .btn-social-blocks:hover {
    background: #ebebeb;
}

.v2-social-section .btn-social-blocks span i.socialIcon {
    font-size: 14px;
    color: var(--v2-warm-gray) !important;
    padding-top: 0 !important;
}

.v2-social-section .btn-social-blocks .disabled-info-icons {
    cursor: not-allowed;
    opacity: .45;
}

/* Override V1 line-clamp on icon wrapper spans (prevents ".." on icons) */
.v2-social-section .right-end-badge-block.tooltip.tfd-round-tip-contanct.badge-display-section span:not(.tooltiptext-contact-bg) {
    display: flex !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    text-overflow: unset !important;
    overflow: visible !important;
    max-width: none !important;
    word-break: normal !important;
    line-height: 1 !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 !important;
    margin: 0 !important;
}

/* Center icon inside its wrapper */
.v2-social-section .btn-social-blocks > span > i.socialIcon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
}

/* Hide tooltip by default - use same high specificity for hide and show */
.v2-social-section .right-end-badge-block.tooltip.tfd-round-tip-contanct.badge-display-section .tooltiptext-contact-bg {
    display: none !important;
    position: absolute !important;
}

/* Show tooltip on hover - specificity must match or exceed the hide rule */
.v2-social-section .right-end-badge-block.tooltip.tfd-round-tip-contanct.badge-display-section:hover .tooltiptext-contact-bg {
    display: block !important;
    position: absolute !important;
    z-index: 1100 !important;
    top: 100% !important;
    left: 0 !important;
    margin-top: 8px !important;
    transform: none !important;
    width: 220px !important;
    max-width: 220px !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    text-align: left !important;
    background: #fff !important;
    color: #333 !important;
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 6px !important;
    padding: 10px 12px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.1) !important;
    visibility: visible !important;
    opacity: 1 !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    text-overflow: unset !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
}

/* Arrow - border outline */
.v2-social-section .right-end-badge-block.tooltip.tfd-round-tip-contanct.badge-display-section:hover .tooltiptext-contact-bg::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: -7px !important;
    left: 10px !important;
    border-width: 0 7px 7px 7px !important;
    border-style: solid !important;
    border-color: transparent transparent var(--v2-border-light) transparent !important;
    z-index: 1 !important;
}

/* Arrow - white fill */
.v2-social-section .right-end-badge-block.tooltip.tfd-round-tip-contanct.badge-display-section:hover .tooltiptext-contact-bg::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: -6px !important;
    left: 11px !important;
    border-width: 0 6px 6px 6px !important;
    border-style: solid !important;
    border-color: transparent transparent #fff transparent !important;
    z-index: 2 !important;
}

.v2-social-section .custom-added-social-links {
    top: 0;
    padding-left: 0;
    gap: 6px;
}

.v2-social-section .custom-added-social-links > div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    min-width: 30px;
    background: var(--v2-bg-light);
    border: 1px solid var(--v2-border-light);
    border-radius: 4px;
    transition: background .15s ease;
}

.v2-social-section .custom-added-social-links > div:hover {
    background: #ebebeb;
}

.v2-social-section .socialLogo {
    width: 16px;
    height: 16px;
}

/* Show more / less wrapper - override V1 center alignment */
.v2-desc-card .show-mr-felx {
    justify-content: flex-start;
}

/* Show more / less button */
.v2-show-more-btn {
    background: none;
    border: none;
    color: var(--v2-blue);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    padding: 5px 0;
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 4px;
    text-transform: uppercase;
    letter-spacing: .06em;
    text-decoration: none !important;
}

.v2-show-more-btn:hover {
    text-decoration: none !important;
    opacity: 0.8;
}

.v2-show-more-btn i {
    text-decoration: none !important;
    border-bottom: none !important;
}

.v2-pill-more,
.v2-pill-less {
    background: none;
    border: 1px solid var(--v2-border-light);
    color: var(--v2-blue);
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    padding: 2px 8px;
    border-radius: 3px;
    margin-top: 4px;
}

.v2-pill-more:hover,
.v2-pill-less:hover {
    background: var(--v2-blue-pale);
}

/* -- Main content -- */
.v2-main-content {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
}

/* V1 widget block overrides moved to "V2 SCOPED WIDGET STYLES" section below */

/* Description card */
.v2-desc-card {
    padding: 18px 20px 20px;
}

#companyOverview {
    overflow: visible;
    height: auto;
    max-height: none;
}

#companyOverview .v2-desc-body {
    position: relative;
    display: block;
    word-break: break-word;
    transition: none !important;
}

#companyOverview .v2-desc-body.show-full-overview {
    max-height: none !important;
    overflow: visible !important;
    height: auto !important;
}

.v2-desc-toprow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.v2-desc-org-name {
    font-size: 13px;
    font-weight: 700;
    color: var(--v2-charcoal);
}

.v2-desc-icons {
    display: flex;
    gap: 5px;
    flex-shrink: 0;
}

.v2-desc-icons .bottom-contanct-info-filler {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    padding: 0;
    margin: 0;
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.v2-desc-icons .contact-info-hover-icons {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    border: 1px solid var(--v2-border-light);
    background: var(--v2-bg-light);
    background: var(--v2-bg-light);
    border: 1px solid var(--v2-border-light);
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    transition: background .15s ease;
}

.v2-desc-icons .contact-info-hover-icons:hover {
    background: #ebebeb;
    border-color: var(--buttonBackgroundColor2, var(--v2-border-light)) !important;
}

.v2-desc-icons .contact-info-hover-icons.disabled-info {
    cursor: not-allowed;
    opacity: .45;
}

.v2-desc-icons .contact-info-hover-icons i {
    font-size: 12px;
    color: var(--v2-mid-gray);
    line-height: 1;
}

/* Neutralize Bootstrap .tooltip class on overview icon containers */
.v2-desc-icons .contact-info-hover-icons.tooltip.tfd-round-tip-contanct {
    position: relative !important;
    display: flex !important;
    opacity: 1 !important;
    z-index: auto !important;
    margin: 0 !important;
    font-size: inherit !important;
    text-decoration: none !important;
    border-bottom: none !important;
    overflow: visible !important;
}

.v2-desc-icons .contact-info-hover-icons.tooltip.tfd-round-tip-contanct::before,
.v2-desc-icons .contact-info-hover-icons.tooltip.tfd-round-tip-contanct::after {
    display: none !important;
    content: none !important;
}

/* Tooltip text: hidden by default, shown on hover (same approach as V1) */
.v2-desc-icons .tooltiptext-contact-bg.tfd-text-round-tip {
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    z-index: 100 !important;
    top: 36px !important;
    left: 50% !important;
    transform: translateX(-50%);
    width: 220px !important;
    white-space: normal !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    text-align: center !important;
    background: #fff !important;
    color: #333 !important;
    border: 1px solid var(--buttonBackgroundColor2, var(--v2-border-med)) !important;
    border-radius: 6px !important;
    padding: 10px 14px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.1) !important;
    margin: 0 !important;
    pointer-events: none !important;
    transition: opacity .2s ease, visibility .2s ease !important;
}

.v2-desc-icons .tooltiptext-contact-bg.tfd-text-round-tip::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: -6px !important;
    left: 50% !important;
    margin-left: -5px !important;
    border-width: 0 5px 6px 5px !important;
    border-style: solid !important;
    border-color: transparent transparent var(--buttonBackgroundColor2, var(--v2-border-med)) transparent !important;
}

/* Show tooltip on icon hover */
.v2-desc-icons .contact-info-hover-icons:hover .tooltiptext-contact-bg.tfd-text-round-tip:not(.d-none) {
    visibility: visible !important;
    opacity: 1 !important;
}

.v2-icon-sq {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--v2-bg-light);
    border: 1px solid var(--v2-border-light);
    border-radius: 4px;
    cursor: pointer;
}

.v2-icon-sq:hover {
    background: #ebebeb;
}

.v2-desc-body {
    font-size: 13.5px;
    color: var(--v2-warm-gray);
    line-height: 1.8;
}

.v2-desc-body p {
    margin-bottom: 12px;
}

.v2-desc-body p:last-child {
    margin-bottom: 0;
}

/* Widget card */
.v2-widget-card {
    background: #fff;
    border: 1px solid var(--v2-border-light);
    border-radius: 12px;
    padding: 18px 20px 20px;
    margin-bottom: 24px;
}

.v2-widget-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    flex-wrap: wrap;
    gap: 8px;
}

.v2-widget-title {
    font-size: 16px;
    font-weight: 800;
    color: var(--v2-charcoal);
    letter-spacing: -0.01em;
    display: inline-block;
    margin: 0;
}

/* Tab navigation (for banner menu) */
.v2-tab-nav {
    display: flex;
    gap: 0;
    border-bottom: 1px solid var(--v2-border-light);
    padding: 0 28px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.v2-tab-nav::-webkit-scrollbar {
    display: none;
}

.v2-tab-nav a {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 12px 16px;
    font-size: 13px;
    font-weight: 600;
    color: var(--v2-mid-gray);
    text-decoration: none;
    border-bottom: 3px solid transparent;
    white-space: nowrap;
    transition: all .15s ease;
}

.v2-tab-nav a:hover {
    color: var(--v2-charcoal);
}

.v2-tab-nav a.active {
    color: var(--activeTabColor);
    border-bottom-color: var(--buttonBackgroundColor2, var(--activeTabUnderlineColor));
}

/* -- Force single-row layout for V2 action buttons -- */
.v2-identity-actions {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-shrink: 0;
    flex-wrap: nowrap !important;
}

/* -- Like button (info-adv-btn-style) overrides -- */
.v2-identity-actions .info-adv-btn-style:not(.d-none),
.v2-identity-actions .info-adv-btn-style.selected-style-btn:not(.d-none),
.v2-identity-actions .info-adv-btn-style.selected-style-btn.nothover:not(.d-none) {
    display: flex !important;
}
.v2-identity-actions .info-adv-btn-style,
.v2-identity-actions .info-adv-btn-style.selected-style-btn,
.v2-identity-actions .info-adv-btn-style.selected-style-btn.nothover {
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: auto !important;
    max-width: none !important;
    padding: 7px 9px !important;
    border: 1px solid var(--buttonBackgroundColor2) !important;
    background: #fff !important;
    background-color: #fff !important;
    color: var(--buttonBackgroundColor2) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    height: auto !important;
    line-height: 1 !important;
    transition: all .15s ease !important;
}

.v2-identity-actions .info-adv-btn-style:hover {
    background: var(--buttonBackgroundColor2) !important;
    background-color: var(--buttonBackgroundColor2) !important;
    color: #fff !important;
}

.v2-identity-actions .info-adv-btn-style:hover i {
    color: #fff !important;
}

.v2-identity-actions .info-adv-btn-style:active,
.v2-identity-actions .info-adv-btn-style:focus {
    background: var(--buttonBackgroundColor2) !important;
    background-color: var(--buttonBackgroundColor2) !important;
    border-color: var(--buttonBackgroundColor2) !important;
    color: #fff !important;
}

.v2-identity-actions .info-adv-btn-style:active i,
.v2-identity-actions .info-adv-btn-style:focus i {
    color: #fff !important;
}

.v2-identity-actions .info-adv-btn-style.selected-style-btn,
.v2-identity-actions .info-adv-btn-style.selected-style-btn.nothover {
    background: var(--buttonBackgroundColor2) !important;
    background-color: var(--buttonBackgroundColor2) !important;
    border-color: var(--buttonBackgroundColor2) !important;
}

.v2-identity-actions .info-adv-btn-style i,
.v2-identity-actions .info-adv-btn-style.selected-style-btn i,
.v2-identity-actions .info-adv-btn-style.selected-style-btn.nothover i {
    color: var(--buttonBackgroundColor2) !important;
    font-size: 14px !important;
    margin: 0 !important;
}

.v2-identity-actions .info-adv-btn-style.selected-style-btn i,
.v2-identity-actions .info-adv-btn-style.selected-style-btn.nothover i {
    color: #fff !important;
}

/* -- Follow button (quickview-btn) overrides -- */
.v2-identity-actions .quickview-btn:not(.d-none),
.v2-identity-actions .quickview-btn.btn-follow-info:not(.d-none),
.v2-identity-actions .quickview-btn.btn-follow-info.quickview-mdl-follow:not(.d-none),
.v2-identity-actions .quickview-btn.btn-follow-info.selected-style-btn:not(.d-none),
.v2-identity-actions .quickview-btn.btn-follow-info.selected-style-btn.nothover:not(.d-none) {
    display: flex !important;
}
.v2-identity-actions .quickview-btn,
.v2-identity-actions .quickview-btn.btn-follow-info,
.v2-identity-actions .quickview-btn.btn-follow-info.quickview-mdl-follow,
.v2-identity-actions .quickview-btn.btn-follow-info.selected-style-btn,
.v2-identity-actions .quickview-btn.btn-follow-info.selected-style-btn.nothover {
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: auto !important;
    max-width: none !important;
    padding: 7px 18px !important;
    border: 1px solid var(--buttonBackgroundColor2) !important;
    background: #fff !important;
    background-color: #fff !important;
    color: var(--buttonBackgroundColor2) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    height: auto !important;
    line-height: 1 !important;
    margin: 0 !important;
    transition: all .15s ease !important;
    text-transform: capitalize !important;
    white-space: nowrap !important;
}

.v2-identity-actions .quickview-btn.btn-follow-info:hover {
    background: var(--buttonBackgroundColor2) !important;
    background-color: var(--buttonBackgroundColor2) !important;
    color: #fff !important;
}

.v2-identity-actions .quickview-btn.btn-follow-info:active,
.v2-identity-actions .quickview-btn.btn-follow-info:focus {
    background: var(--buttonBackgroundColor2) !important;
    background-color: var(--buttonBackgroundColor2) !important;
    color: #fff !important;
}

.v2-identity-actions .quickview-btn.btn-follow-info.selected-style-btn,
.v2-identity-actions .quickview-btn.btn-follow-info.selected-style-btn.nothover {
    background: var(--buttonBackgroundColor2) !important;
    background-color: var(--buttonBackgroundColor2) !important;
    color: #fff !important;
}

.v2-identity-actions .quickview-btn.btn-follow-info.selected-style-btn:hover,
.v2-identity-actions .quickview-btn.btn-follow-info.selected-style-btn.nothover:hover {
    opacity: 0.85;
}

/* -- Dropdown / More button overrides -- */
.v2-identity-actions .dropdown .btn-secondary,
.v2-identity-actions .dropdown .btn-secondary.v2-act-btn {
    background: #fff !important;
    background-color: #fff !important;
    color: var(--buttonBackgroundColor2) !important;
    border-color: var(--buttonBackgroundColor2) !important;
    box-shadow: none !important;
    width: auto !important;
}

.v2-identity-actions .dropdown .btn-secondary:hover,
.v2-identity-actions .dropdown .btn-secondary:focus,
.v2-identity-actions .dropdown .btn-secondary:active {
    background: var(--buttonBackgroundColor2) !important;
    background-color: var(--buttonBackgroundColor2) !important;
    color: #fff !important;
}

.v2-identity-actions .dropdown .btn-secondary:hover i,
.v2-identity-actions .dropdown .btn-secondary:focus i,
.v2-identity-actions .dropdown .btn-secondary:active i {
    color: #fff !important;
}

.v2-identity-actions .dropdown .btn-secondary.dropdown-toggle::after {
    display: none !important;
}

.v2-identity-actions .dropdown {
    position: relative;
}

.v2-identity-actions .dropdown .dropdown-menu {
    position: absolute !important;
    right: 0;
    left: auto;
    top: 100%;
    min-width: 200px;
    border: 1px solid var(--v2-border-light);
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
    padding: 6px 0;
    z-index: 1050;
    background: #fff !important;
}

.v2-identity-actions .dropdown .dropdown-menu .dropdown-item {
    font-size: 13px;
    padding: 8px 16px;
}

.v2-identity-actions .dropdown .dropdown-menu .dropdown-item i {
    font-size: 14px !important;
    color: var(--iconColor) !important;
}

/* -- Hide divider lines inside V2 sidebar -- */
.v2-sidebar .v2-divider {
    display: none;
}

/* -- Stats bar modern styling inside V2 sidebar -- */
.v2-sidebar .company-details-detail-card-insights {
    background: #fff;
    border: 1px solid var(--v2-border-light);
    border-radius: 6px;
    padding: 12px 10px;
    margin-bottom: 0;
    box-shadow: none;
}

.v2-sidebar .categories-content-company-details-insights-detail {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 0;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
}

.v2-sidebar .faicon-icon-details {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 6px 4px;
    border-radius: 0;
    transition: none;
}

.v2-sidebar .faicon-icon-details:hover {
    background: transparent;
}

.v2-sidebar .faicon-icon-count {
    font-size: 15px;
    font-weight: 700;
    color: var(--v2-charcoal);
    display: flex;
    align-items: center;
    gap: 5px;
}

.v2-sidebar .faicon-icon-count i {
    font-size: 13px;
    color: var(--v2-mid-gray) !important;
}

.v2-sidebar .faicon-icon-details p {
    font-size: 10px;
    font-weight: 400;
    color: var(--v2-mid-gray);
    text-transform: lowercase;
    letter-spacing: .03em;
    margin: 3px 0 0;
    display: block !important;
    text-align: center;
    width: 100%;
}

.v2-sidebar .faicon-icon-details p::first-letter {
    text-transform: uppercase;
}

.v2-sidebar .fa-pipe {
    color: var(--v2-border-light) !important;
    font-size: 20px;
    align-self: center;
    flex-shrink: 0;
    line-height: 1;
    margin: 0 2px;
}

/* -- Rating section inside V2 sidebar -- */
.v2-sidebar .company-detail-rating-view {
    background: #fff;
    border: none !important;
    border-radius: 6px !important;
    overflow: visible;
}

.v2-sidebar .company-detail-rating-view:has(#rating-title),
.v2-sidebar .company-detail-rating-view:has(.rating-skeleton-loader) {
    border: 1px solid var(--v2-border-light) !important;
}

.v2-sidebar .company-detail-rating-view:empty,
.v2-sidebar .company-detail-rating-view:not(:has(*)) {
    display: none !important;
}

.v2-sidebar .company-detail-rating-view .borderdiv {
    border: none;
    border-radius: 0;
}

/* Header area: side-by-side layout, sized to fit 320px sidebar */
.v2-sidebar .company-detail-rating-view > .borderdiv > .d-flex.justify-content-between {
    padding: 14px 16px !important;
    gap: 8px;
}

.v2-sidebar .company-detail-rating-view .rating-lock-style {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: nowrap;
}

.v2-sidebar .company-detail-rating-view h2#rating-title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    white-space: nowrap;
}

.v2-sidebar .company-detail-rating-view .categories-company-details-penal {
    gap: 4px !important;
    flex-shrink: 1;
    min-width: 0;
}

/* Right stats column (score, recommendations, NPS) */
.v2-sidebar .company-detail-rating-view > .borderdiv > .d-flex.justify-content-between > div[style*="line-height"] {
    flex-shrink: 0;
    line-height: 1.4 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}

.v2-sidebar .company-detail-rating-view > .borderdiv > .d-flex.justify-content-between > div[style*="line-height"] span,
.v2-sidebar .company-detail-rating-view > .borderdiv > .d-flex.justify-content-between > div[style*="line-height"] .bodyTextColor,
.v2-sidebar .company-detail-rating-view > .borderdiv > .d-flex.justify-content-between > div[style*="line-height"] .tooltip {
    font-size: 13px !important;
    white-space: nowrap !important;
}

.v2-sidebar .company-detail-rating-view > .borderdiv > .d-flex.justify-content-between .h5 {
    font-size: 13px !important;
    margin-bottom: 0 !important;
    white-space: nowrap !important;
}

/* Lock icon next to title - closer to Designer Rating */
.v2-sidebar .company-detail-rating-view .lock-styling .iconMain {
    margin-left: 2px !important;
    font-size: 13px;
}

.v2-sidebar .company-detail-rating-view .lock-styling .iconMain i {
    font-size: 13px !important;
}

/* Member Verified + filter */
.v2-sidebar .company-detail-rating-view .custom-rating-flex-container {
    font-size: 12px;
    gap: 4px;
    align-items: center;
}

.v2-sidebar .company-detail-rating-view .custom-rating-flex-container label {
    font-size: 12px;
    margin-bottom: 0;
}

.v2-sidebar .company-detail-rating-view .custom-rating-flex-container input[type="checkbox"] {
    width: 13px;
    height: 13px;
    margin: 0;
}

.v2-sidebar .company-detail-rating-view .toolTipIconRfpH5 {
    font-size: 12px !important;
}

/* Relationship filter dropdown */
.v2-sidebar .company-detail-rating-view .flex-grow-1[style*="padding"] {
    padding: 4px 16px !important;
}

.v2-sidebar .company-detail-rating-view .form-select {
    font-size: 12px !important;
    padding: 6px 30px 6px 12px !important;
    height: auto !important;
    min-height: unset !important;
    border-radius: 8px !important;
}

/* Neutralize Bootstrap .tooltip on custom tooltip containers inside rating */
.v2-sidebar .company-detail-rating-view .tooltip.tfd-round-tip {
    position: relative !important;
    display: inline-block !important;
    opacity: 1 !important;
    z-index: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    word-wrap: normal !important;
    border: none !important;
    background: none !important;
}

.v2-sidebar .company-detail-rating-view .tooltip.tfd-round-tip::before,
.v2-sidebar .company-detail-rating-view .tooltip.tfd-round-tip::after {
    display: none !important;
    content: none !important;
}

.v2-sidebar .company-detail-rating-view > .borderdiv .tooltip.tfd-round-tip span.tooltiptext.tfd-text-round-tip {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 1100;
    top: 100%;
    left: 0;
    margin-top: 6px;
    width: 260px;
    max-width: 260px;
    background-color: #EBF0E4;
    color: #000;
    text-align: left;
    border-radius: 6px;
    padding: 10px 12px;
    font-size: 12px !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    line-height: 1.5;
    box-shadow: 0 2px 8px rgba(0,0,0,.12);
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.v2-sidebar .company-detail-rating-view > .borderdiv .tooltip.tfd-round-tip:hover span.tooltiptext.tfd-text-round-tip {
    visibility: visible;
    opacity: 1;
}

.v2-sidebar .company-detail-rating-view > .borderdiv .tooltip.tfd-round-tip span.tooltiptext.tfd-text-round-tip::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 20px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #EBF0E4 transparent;
}

/* Member Verified info popup - ensure visible above sidebar */
.v2-sidebar .company-detail-rating-view .memberVerifyInfoDiv {
    position: absolute;
    z-index: 1100;
}

/* Rating name labels */
.v2-sidebar .company-detail-rating-view span[style*="font-weight: 400"] {
    font-size: 14px !important;
}

/* Star row: all on one line */
.v2-sidebar .company-detail-rating-view .star-ratings-block {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 1px;
}

.v2-sidebar .company-detail-rating-view .star-ratings-block .me-1 {
    margin-right: 1px !important;
}

.v2-sidebar .company-detail-rating-view .star-ratings-block i.fa-star,
.v2-sidebar .company-detail-rating-view .star-ratings-block i.fa-star-half {
    font-size: 13px !important;
}

.v2-sidebar .company-detail-rating-view .star-ratings-block i.h5 {
    font-size: 13px !important;
    margin-bottom: 0 !important;
}

.v2-sidebar .company-detail-rating-view .star-ratings-block .last-distblock {
    display: flex;
    align-items: center;
    gap: 6px;
}

.v2-sidebar .company-detail-rating-view .star-ratings-block .last-distblock h4,
.v2-sidebar .company-detail-rating-view .star-ratings-block .last-distblock h6 {
    font-size: 12px !important;
    white-space: nowrap;
    margin-bottom: 0 !important;
    font-weight: 600;
    color: var(--v2-warm-gray);
}

/* -- Unified background wrapper for V2 page -- */
.v2-page-bg {
    background: var(--profileBackgroundColor);
}

.v2-page-bg .user-activities-updates-content-details,
.v2-page-bg .user-company-details-content-details {
    background: transparent !important;
}

.user-company-details-content-details .v2-two-col {
    margin-top: 24px;
}

/* -- Animations -- */
@keyframes v2-slideUp {
    from {
        opacity: 0;
        transform: translateY(14px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

/* ===================================================================
   V2 SCOPED WIDGET STYLES
   All selectors prefixed with .v2-main-content so they only apply
   when the V2 layout is active. V1 pages are unaffected.
   =================================================================== */

/* ── 1. Base Widget Card Enhancement ── */

.v2-main-content .quick-view-settle-block {
    background: #fff;
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 12px !important;
    margin-bottom: 18px;
    padding: 18px 20px 20px !important;
    box-shadow: var(--v2-shadow) !important;
    outline: none !important;
    animation: v2-slideUp 0.4s ease 0.1s both;
    position: relative;
}

.v2-main-content .quick-view-settle-block:has(.contact-listing-UI:hover) {
    z-index: 10 !important;
    overflow: visible !important;
}

.v2-main-content .quick-view-above-header {
    border: none !important;
    box-shadow: none !important;
    padding: 0 0 16px 0 !important;
    margin: 0 0 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    background: transparent !important;
}

.v2-main-content .quick-view-above-header > .h5,
.v2-main-content .quick-view-above-header > h2.h5,
.v2-main-content .quick-view-above-header > h5 {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: var(--v2-charcoal) !important;
    letter-spacing: -0.01em !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
    display: inline-block !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

.v2-main-content .quick-view-above-header .quick-view-show-overview {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--viewAllColor) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    transition: color 0.15s ease !important;
}

.v2-main-content .quick-view-above-header .quick-view-show-overview:hover {
    text-decoration: none !important;
}

.v2-main-content .quick-view-above-header .quick-view-show-overview i {
    font-size: 11px !important;
    color: inherit !important;
}

.v2-main-content .quick-view-below-header {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ── 2. Featured Videos ── */

.v2-main-content .video-selected {
    border-radius: 8px;
    overflow: hidden;
}

.v2-main-content .video-selected .video-iframe {
    border-radius: 8px;
    overflow: hidden;
}

.v2-main-content .video-selected .video-iframe iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    border-radius: 8px;
    border: none;
}

.v2-main-content .thumbnail-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    margin-top: 12px !important;
    padding: 0 !important;
}

.v2-main-content .video-thumbnails {
    display: flex !important;
    gap: 10px !important;
    overflow: hidden !important;
    flex: 1 !important;
    padding: 0 10px !important;
    align-items: center !important;
}

.v2-main-content .video-thumb {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    border: 2px solid transparent !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    background: var(--v2-bg-light) !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
}

.v2-main-content .video-thumb:hover {
    border-color: var(--buttonBackgroundColor2,--v2-blue-border) !important;
}

.v2-main-content .video-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 6px !important;
}

.v2-main-content .video-thumb iframe,
.v2-main-content .video-thumb .iframe {
    display: none !important;
}

.v2-main-content .video-thumb.active,
.v2-main-content .video-thumb:has(img.active) {
    border-color: var(--buttonBackgroundColor2,--v2-blue) !important;
}

.v2-main-content .video-thumb img.active {
    border: none !important;
}

.v2-main-content .btn-crs-prev,
.v2-main-content .btn-crs-next {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 8px;
    border: 1px solid var(--v2-border-light);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: var(--v2-mid-gray);
    flex-shrink: 0;
    transition: all 0.15s ease;
    cursor: pointer;
    padding: 0;
}

.v2-main-content .btn-crs-prev:hover,
.v2-main-content .btn-crs-next:hover {
    background: var(--v2-bg-light);
    border-color: var(--v2-border-med);
}

.v2-main-content .btn-crs-prev:disabled,
.v2-main-content .btn-crs-next:disabled {
    opacity: 0.35;
    cursor: not-allowed;
}

.v2-main-content .btn-crs-prev i,
.v2-main-content .btn-crs-next i {
    font-size: 14px !important;
    color: inherit !important;
    line-height: 1 !important;
}

/* ── 3. Member Perks / Refer-a-Friend ── */

.v2-main-content #memberperkdiv .owl-carousel .item,
.v2-main-content .ex-member-perk-sld {
    border: 1px solid var(--v2-border-light);
    border-radius: 8px;
    padding: 16px;
    background: var(--v2-bg-light);
}

/* New perk-outer-card layout: restore parent card chrome in V2 (overrides inline :has() strip) */
.v2-main-content .quick-view-settle-block:has(.perk-outer-card) {
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: var(--v2-shadow) !important;
    padding: 0 !important;
}
.v2-main-content .perk-outer-card {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.v2-main-content .perk-outer-card .owl-carousel .owl-stage-outer {
    background: var(--v2-bg-light, #f8f9fa) !important;
    border: 1px solid var(--v2-border-light, #e5e7eb) !important;
    border-radius: 8px !important;
    margin: 10px 24px !important;
}
.v2-main-content .perk-outer-card .owl-carousel .item {
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 18px 20px 14px !important;
}
.v2-main-content .perk-outer-card .perk-carousel-wrapper.perk-single .perk-slide {
    background: var(--v2-bg-light, #f8f9fa) !important;
    border: 1px solid var(--v2-border-light, #e5e7eb) !important;
    border-radius: 8px !important;
    margin: 0 24px 16px !important;
    padding: 24px 24px 28px !important;
}
.v2-main-content .perk-outer-card .perk-card-header {
    border-bottom: none !important;
    padding: 14px 24px 4px !important;
}
.v2-main-content .perk-outer-card .perk-card-header-title {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: var(--v2-charcoal) !important;
    letter-spacing: -0.01em !important;
}
.v2-main-content .perk-outer-card .upgrade-subscription-link {
    background: none !important;
    color: var(--v2-blue, #3b82f6) !important;
    cursor: pointer !important;
    opacity: 1 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.v2-main-content .ex-member-perk-sld {
    display: flex;
    gap: 0;
    align-items: stretch;
}

.v2-main-content .left-mbm-ex-perk {
    flex: 1;
    padding-right: 16px;
    border-right: 1px solid var(--v2-border-light);
}

.v2-main-content .right-mbm-ex-perk {
    flex: 1;
    padding-left: 16px;
}

.v2-main-content .memberperk-custom-caption,
.v2-main-content .referfriend-custom-caption {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: var(--v2-mid-gray);
    white-space: nowrap;
    line-height: 24px;
    min-height: 24px;
    vertical-align: middle;
    margin-top: 5px;
}

.v2-main-content #memberperkdiv .main-view-bottom-contanct-info-filler,
.v2-main-content .referfriend-custom-caption-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    border-top: none !important;
    padding: 0 !important;
}

.v2-main-content #memberperkdiv .main-view-bottom-contanct-info-filler .btn-crs-prev,
.v2-main-content #memberperkdiv .main-view-bottom-contanct-info-filler .btn-crs-next {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 5px !important;
    border: 1px solid var(--v2-border-light) !important;
    background: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    color: var(--v2-mid-gray) !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    padding: 0 !important;
    transition: all 0.15s ease !important;
}

.v2-main-content #memberperkdiv .main-view-bottom-contanct-info-filler .btn-crs-prev:hover,
.v2-main-content #memberperkdiv .main-view-bottom-contanct-info-filler .btn-crs-next:hover {
    border-color: var(--v2-border-med) !important;
    background: var(--v2-bg-light) !important;
}

.v2-main-content #memberperkdiv .main-view-bottom-contanct-info-filler .btn-crs-prev .carousel-control-prev-icon,
.v2-main-content #memberperkdiv .main-view-bottom-contanct-info-filler .btn-crs-next .carousel-control-next-icon {
    width: auto !important;
    height: auto !important;
    background: none !important;
    background-image: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

.v2-main-content #memberperkdiv .main-view-bottom-contanct-info-filler .btn-crs-prev i,
.v2-main-content #memberperkdiv .main-view-bottom-contanct-info-filler .btn-crs-next i {
    font-size: 10px !important;
    color: var(--v2-mid-gray) !important;
    line-height: 1 !important;
}

/* Refer-a-Friend nav buttons — same compact styling */
.v2-main-content .quick-view-above-header .bottom-contanct-info-filler:has(.referfriend-custom-caption) {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    border-top: none !important;
    padding: 0 !important;
}

.v2-main-content .owl-referral-prev,
.v2-main-content .owl-referral-next {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 5px !important;
    border: 1px solid var(--v2-border-light) !important;
    background: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    color: var(--v2-mid-gray) !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    padding: 0 !important;
    transition: all 0.15s ease !important;
}

.v2-main-content .owl-referral-prev:hover,
.v2-main-content .owl-referral-next:hover {
    border-color: var(--v2-border-med) !important;
    background: var(--v2-bg-light) !important;
}

.v2-main-content .owl-referral-prev .carousel-control-prev-icon,
.v2-main-content .owl-referral-next .carousel-control-next-icon {
    width: auto !important;
    height: auto !important;
    background: none !important;
    background-image: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

.v2-main-content .owl-referral-prev i,
.v2-main-content .owl-referral-next i {
    font-size: 10px !important;
    color: var(--v2-mid-gray) !important;
    line-height: 1 !important;
}

.v2-main-content .refer-slider .quickview-btn,
.v2-main-content .ex-member-perk-sld .quickview-btn,
.v2-main-content #memberperkdiv .owl-carousel .item .quickview-btn {
    width: 100%;
    padding: 11px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.15s ease;
    text-align: center;
    display: block;
}

.v2-main-content .upgrade-subscription-link {
    background: var(--v2-bg-light) !important;
    color: var(--v2-mid-gray) !important;
    cursor: not-allowed !important;
    border: none !important;
    opacity: 0.85 !important;
}

.v2-main-content #memberperkdiv .owl-carousel .item h3,
.v2-main-content .ex-member-perk-sld h3 {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: var(--v2-dark) !important;
    margin-bottom: 4px !important;
}

.v2-main-content #memberperkdiv .owl-carousel .item p,
.v2-main-content .ex-member-perk-sld p {
    font-size: 13px;
    color: var(--v2-warm-gray);
    line-height: 1.65;
    margin-bottom: 8px;
}

.v2-main-content #memberperkdiv .owl-carousel .item .perk-updated,
.v2-main-content .ex-member-perk-sld .perk-updated {
    font-size: 11px;
    color: var(--v2-light-text);
    margin-bottom: 10px;
    display: block;
}

.v2-main-content #memberperkdiv .owl-carousel .item .perk-check-row,
.v2-main-content .ex-member-perk-sld .perk-check-row {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    color: var(--v2-warm-gray);
    margin-bottom: 14px;
}

.v2-main-content #memberperkdiv .owl-carousel .item .perk-check-row input[type="checkbox"],
.v2-main-content .ex-member-perk-sld .perk-check-row input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: var(--v2-blue);
    cursor: pointer;
    flex-shrink: 0;
}

.v2-main-content #memberperkdiv .owl-carousel .item .perk-check-row a,
.v2-main-content .ex-member-perk-sld .perk-check-row a {
    color: var(--v2-blue);
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

.v2-main-content .refer-slider .quickview-btn.perk-cta-brand,
.v2-main-content .ex-member-perk-sld .quickview-btn.perk-cta-brand {
    background: var(--buttonBackgroundColor2) !important;
    color: #fff !important;
    border: none !important;
}

.v2-main-content .refer-slider .quickview-btn.perk-cta-brand:hover,
.v2-main-content .ex-member-perk-sld .quickview-btn.perk-cta-brand:hover {
    opacity: 0.92;
}

.v2-main-content .ex-member-perk-sld h3.perk-title-orange,
.v2-main-content .refer-slider h3.perk-title-orange {
    color: var(--v2-accent) !important;
}

.v2-main-content .memberperk-custom-caption span,
.v2-main-content .referfriend-custom-caption span {
    font-size: 12px;
    color: var(--v2-mid-gray);
}

/* ── 4. Products & Services / Projects ── */

.v2-main-content .company-details-location.custom-details-partner-row {
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin-bottom: 10px !important;
    display: flex !important;
    gap: 14px !important;
    align-items: flex-start !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    background: #fff !important;
}

.v2-main-content .company-details-location.custom-details-partner-row:hover {
    border-color: var(--buttonBackgroundColor2, --v2-blue-border) !important;
    box-shadow: var(--v2-shadow) !important;
}

.v2-main-content .company-details-location.custom-details-partner-row .partners-id-left-flex {
    flex-shrink: 0;
}

.v2-main-content .company-details-location.custom-details-partner-row .id-partners-container-img {
    width: 52px;
    height: 52px;
    border-radius: 10px;
    overflow: hidden;
    background: var(--v2-bg-light);
}

.v2-main-content .company-details-location.custom-details-partner-row .id-partners-container-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.v2-main-content .company-details-location.custom-details-partner-row .partners-id-rgt-flex {
    flex: 1;
    min-width: 0;
}

.v2-main-content .company-details-location.custom-details-partner-row .partners-header-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}

.v2-main-content .company-details-location.custom-details-partner-row .partners-header-block .h5 {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--v2-dark) !important;
    margin-bottom: 0 !important;
    line-height: 1.3 !important;
}

.v2-main-content .company-details-location.custom-details-partner-row .partners-header-block .h5 a {
    color: var(--v2-dark) !important;
    text-decoration: none !important;
}

.v2-main-content .company-details-location.custom-details-partner-row .partners-header-block .h5 a:hover {
    color: var(--v2-blue) !important;
    text-decoration: none !important;
}

.v2-main-content .company-details-location.custom-details-partner-row .company-likes-follow-left {
    display: flex;
    align-items: center;
    gap: 0;
    font-size: 11.5px;
    color: var(--v2-mid-gray);
}

.v2-main-content .company-details-location.custom-details-partner-row .company-likes-follow-left .thumps-up-likes {
    display: flex;
    align-items: center;
    gap: 3px;
    white-space: nowrap;
    position: relative !important;
    padding-right: 10px !important;
}

.v2-main-content .company-details-location.custom-details-partner-row .company-likes-follow-left .thumps-up-likes::after {
    content: '|' !important;
    background: none !important;
    position: static !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    color: var(--v2-border-med);
    font-size: 12px;
    margin-left: 7px;
}

.v2-main-content .company-details-location.custom-details-partner-row .company-likes-follow-left .thumps-up-likes:last-child {
    padding-right: 0 !important;
}

.v2-main-content .company-details-location.custom-details-partner-row .company-likes-follow-left .thumps-up-likes:last-child::after {
    content: none !important;
    display: none !important;
}

.v2-main-content .company-details-location.custom-details-partner-row .partners-info-block {
    font-size: 12.5px;
    color: var(--v2-warm-gray);
    line-height: 1.65;
    margin-top: 5px;
}

.v2-main-content .company-details-location.custom-details-partner-row .partners-info-block p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
}

/* ── 4b. Products & Services — Outer Page ── */

/* A. Product content container */
.v2-main-content .search-card-details {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.v2-main-content .search-card-grid-details {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.v2-main-content #mainProductList .user-activities-contacts-details {
    background: #fff !important;
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: var(--v2-shadow) !important;
    gap: 0 !important;
    flex-direction: column !important;
}

.v2-main-content #mainProductList .contact-display-container {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.v2-main-content #mainProductList .user-activities-details-frame-contacts-numbers.search-contact-info-tag {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* B. Header row */
.v2-main-content #mainProductList .top-header-style {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 16px !important;
    gap: 8px !important;
}

.v2-main-content #mainProductList .top-header-style .h4 {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: var(--v2-charcoal) !important;
    margin-bottom: 0 !important;
}

.v2-main-content #mainProductList .top-header-style .h4 span {
    font-size: 13px !important;
    color: var(--v2-mid-gray) !important;
    font-weight: 400 !important;
}

.v2-main-content #mainProductList .add-contact-block {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.v2-main-content #mainProductList .add-contact-block a {
    width: 28px !important;
    height: 28px !important;
    border-radius: 6px !important;
    border: 1px solid var(--v2-border-light) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--buttonBackgroundColor2) !important;
    background: #fff !important;
    text-decoration: none !important;
    transition: all .15s ease !important;
}

.v2-main-content #mainProductList .add-contact-block a:hover {
    border-color: var(--buttonBackgroundColor2) !important;
    color: var(--buttonBackgroundColor2) !important;
    background: #fff !important;
}

.v2-main-content #mainProductList .add-contact-block a i {
    font-size: 12px !important;
    color: inherit !important;
}

/* C. Product card */
.v2-main-content .produc_card {
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 8px !important;
    padding: 0 !important;
    margin-bottom: 16px !important;
    overflow: hidden !important;
    transition: all .2s ease !important;
    background: #fff !important;
    position: relative !important;
}

.v2-main-content .produc_card:hover {
    border-color: var(--buttonBackgroundColor2, var(--v2-blue-border)) !important;
    box-shadow: var(--v2-shadow-md) !important;
}

.v2-main-content .produc_card.div-hover:hover {
    background-color: transparent !important;
}

/* D. Product top section (image + content) */
.v2-main-content .produc_card .top {
    padding: 12px 16px 16px !important;
    margin-bottom: 0 !important;
    display: flex !important;
    gap: 16px !important;
    align-items: flex-start !important;
}

/* E. Product image */
.v2-main-content .produc_card .prod_imgs {
    width: 160px !important;
    min-width: 160px !important;
    flex-shrink: 0 !important;
}

.v2-main-content .produc_card .prod_imgs .search-desc-img {
    width: 160px !important;
    height: 110px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.v2-main-content .produc_card .prod_imgs img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

/* F. Product content */
.v2-main-content .produc_card .prod_ctn {
    flex: 1 !important;
    min-width: 0 !important;
    margin-left: 0 !important;
}

.v2-main-content .produc_card .prod_ctn h2 {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: var(--v2-charcoal) !important;
    margin-bottom: 6px !important;
    line-height: 1.3 !important;
}

.v2-main-content .produc_card .prod_ctn h2 a {
    color: var(--v2-charcoal) !important;
    text-decoration: none !important;
}

.v2-main-content .produc_card .prod_ctn h2 a:hover {
    color: var(--v2-blue) !important;
}

.v2-main-content .produc_card .prod_ctn p {
    font-size: 12.5px !important;
    color: var(--v2-warm-gray) !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    margin-bottom: 0 !important;
}

.v2-main-content .produc_card .prod_ctn .card-text {
    font-size: 12.5px !important;
    color: var(--v2-warm-gray) !important;
    line-height: 1.65 !important;
}

/* G. Tool icons (edit, add-to-list) */
.v2-main-content .produc_mores {
    top: 12px !important;
    right: 12px !important;
    z-index: 2 !important;
}

.v2-main-content .produc_mores > div,
.v2-main-content .produc_mores > .d-flex {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.v2-main-content .produc_mores span.d-flex {
    font-size: 14px !important;
    line-height: 1 !important;
    margin: 0 !important;
}

.v2-main-content .produc_mores a,
.v2-main-content .produc_mores span.cursorPointer {
    width: 26px !important;
    height: 26px !important;
    border-radius: 6px !important;
    border: 1px solid var(--v2-border-light) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--v2-mid-gray) !important;
    background: #fff !important;
    font-size: 12px !important;
    transition: all .15s ease !important;
    cursor: pointer !important;
    line-height: 1 !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    position: static !important;
}

.v2-main-content .produc_mores a:hover,
.v2-main-content .produc_mores span.cursorPointer:hover {
    border-color: var(--v2-blue) !important;
    color: var(--v2-blue) !important;
    background: var(--v2-blue-pale) !important;
}

.v2-main-content .produc_mores a i,
.v2-main-content .produc_mores span.cursorPointer i {
    font-size: 13px !important;
    color: inherit !important;
    line-height: 1 !important;
}

/* G2. Add-to-list highlighted state (item already in list) */
.v2-main-content .produc_mores span.cursorPointer:has(.fa-solid.fa-circle-plus) {
    background: var(--buttonBackgroundColor2) !important;
    border-color: var(--buttonBorderColor2) !important;
    color: var(--likeFilledIconColor2) !important;
}

.v2-main-content .produc_mores span.cursorPointer:has(.fa-solid.fa-circle-plus) i {
    color: var(--likeFilledIconColor2) !important;
}

.v2-main-content .produc_mores span.cursorPointer:has(.fa-solid.fa-circle-plus):hover {
    background: var(--buttonBackgroundColor2) !important;
    border-color: var(--buttonBorderColor2) !important;
    color: var(--likeFilledIconColor2) !important;
}

/* H. Counts area (likes, recommendations, follows) */
.v2-main-content .produc_card .bttom {
    padding: 0 16px 16px !important;
    margin-bottom: 0 !important;
}

.v2-main-content .produc_card .bttom > div:first-child {
    margin-bottom: 0 !important;
}

.v2-main-content .produc_card .bttom ul {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 8px 0 0 !important;
    font-size: 12px !important;
    color: var(--v2-mid-gray) !important;
}

.v2-main-content .produc_card .bttom ul li {
    font-size: 12px !important;
}

.v2-main-content .produc_card .bttom ul li span {
    font-size: 12px !important;
    color: var(--v2-mid-gray) !important;
}

.v2-main-content .produc_card .bttom ul li i.faicon {
    font-size: 14px !important;
}

.v2-main-content .produc_card .bttom .divider-pipe {
    font-size: 12px !important;
    color: var(--v2-border-med) !important;
    opacity: .5 !important;
}

/* I. Action buttons */
.v2-main-content .produc_card .prod_rig_btn {
    padding: 12px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    flex-wrap: wrap !important;
}

.v2-main-content .produc_card .prod_rig_btn .btn-orang-border {
    line-height: 1 !important;
    padding: 8px 12px !important;
}

.v2-main-content .produc_card .prod_rig_btn .btn-orang-border p {
    line-height: 1 !important;
    margin: 0 !important;
}

.v2-main-content .btn-orang-border {
    padding: 6px 11px !important;
    border-radius: 6px !important;
    border: 1.5px solid var(--buttonBorderColor2) !important;
    color: var(--buttonFilledTextColor2) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    background: #fff !important;
    transition: all .15s ease !important;
    height: auto !important;
    line-height: 1.4 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    vertical-align: middle !important;
}

/* Preserve Bootstrap d-none on conditional buttons (Follow/Followed, Like/Liked) */
.v2-main-content .btn-orang-border.d-none {
    display: none !important;
}

.v2-main-content .btn-orang-border:hover {
    background: var(--likeFilledIconColor2) !important;
    color: var(--followLikeListingHoverTextColor2) !important;
    border-color: var(--buttonBorderColor2) !important;
}

.v2-main-content .btn-orang-border:hover p {
    color: var(--followLikeListingHoverTextColor2) !important;
}

.v2-main-content .btn-orang-border:hover i {
    color: var(--followLikeListingHoverTextColor2) !important;
}

.v2-main-content .btn-orang-border p {
    margin-bottom: 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

.v2-main-content .btn-orang-border i {
    font-size: 14px !important;
    margin-left: 0 !important;
}

.v2-main-content .btn-orang-border.nothover {
    background: var(--buttonBackgroundColor2) !important;
    border-color: var(--buttonBorderColor2) !important;
}

.v2-main-content .btn-orang-border.nothover:hover {
    background: var(--buttonBackgroundColor2) !important;
}

.v2-main-content .btn-orang-border.nothover:hover p {
    color: var(--likeFilledIconColor2) !important;
}

.v2-main-content .btn-orang-border.nothover:hover i {
    color: var(--likeFilledIconColor2) !important;
}

/* J. Search panel product-specific tweaks */
.v2-main-content #locationlistView .div-search-sort-portion .search-sort-by {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .search-sort-by-result-count {
    flex: 1 !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .search-sort-by-result-count .searchResult {
    font-size: 12.5px !important;
    color: var(--v2-mid-gray) !important;
    margin: 0 !important;
    padding: 0 !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .search-sort-by-result-count .searchResult span {
    font-weight: 700 !important;
    color: var(--v2-charcoal) !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .categories-featured-filter-button {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    justify-content: flex-end !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .btn.categories-filter-button#filterButtonClick {
    display: none !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .btn.featured-filter-button {
    padding: 5px 12px !important;
    min-height: unset !important;
}


.v2-main-content #locationlistView .div-search-sort-portion .featured-filter-button .featured-filter-button01 {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .featured-filter-button .featured-filter-button02 {
    display: flex !important;
    align-items: center !important;
    margin-left: 4px !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .featured-filter-button .featured-filter-button01 i {
    font-size: 14px !important;
    color: var(--v2-mid-gray) !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .featured-filter-button .featured-filter-button02 i {
    font-size: 12px !important;
    color: var(--v2-mid-gray) !important;
}

/* K. Empty state */
.v2-main-content .hlc-empty-state-card-description {
    text-align: center !important;
    padding: 40px 20px !important;
    margin: 0 !important;
}

.v2-main-content .hlc-empty-state-card-description h3 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--v2-charcoal) !important;
    margin-bottom: 8px !important;
}

.v2-main-content .hlc-empty-state-card-description .hlc-empty-state-card-secondary-text {
    font-size: 13px !important;
    color: var(--v2-mid-gray) !important;
}

/* L. Infinite scroll loading */
.v2-main-content #divLoadMore {
    padding: 12px 0 !important;
}

.v2-main-content #divLoadMore #contentContainer {
    display: flex !important;
    justify-content: center !important;
}

/* ── 4c. Projects — Outer Page ── */

/* A-proj. Project content container */
.v2-main-content #mainContentDivOuterPage.user-activities-contacts-details {
    background: #fff !important;
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: var(--v2-shadow) !important;
    gap: 0 !important;
    flex-direction: column !important;
}

.v2-main-content #mainContentDivOuterPage .contact-display-container {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.v2-main-content #mainContentDivOuterPage .user-activities-details-frame-contacts-numbers.search-contact-info-tag {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* B-proj. Header row */
.v2-main-content #mainContentDivOuterPage .top-header-style {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 16px !important;
    gap: 8px !important;
}

.v2-main-content #mainContentDivOuterPage .top-header-style .h4 {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: var(--v2-charcoal) !important;
    margin-bottom: 0 !important;
}

.v2-main-content #mainContentDivOuterPage .top-header-style .h4 span {
    font-size: 16px !important;
    color: var(--v2-charcoal) !important;
    font-weight: 800 !important;
}

.v2-main-content #mainContentDivOuterPage .add-contact-block {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.v2-main-content #mainContentDivOuterPage .add-contact-block a {
    width: 28px !important;
    height: 28px !important;
    border-radius: 6px !important;
    border: 1px solid var(--v2-border-light) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--buttonBackgroundColor2) !important;
    background: #fff !important;
    text-decoration: none !important;
    transition: all .15s ease !important;
}

.v2-main-content #mainContentDivOuterPage .add-contact-block a:hover {
    border-color: var(--buttonBackgroundColor2) !important;
    color: var(--buttonBackgroundColor2) !important;
    background: #fff !important;
}

.v2-main-content #mainContentDivOuterPage .add-contact-block a i {
    font-size: 12px !important;
    color: inherit !important;
}

/* ── Featured Content Tab — Resource Card Layout (fc-v2) ── */

/* fc-v2 A. Individual resource cards */
.v2-main-content #mainContentDivOuterPage .main-div-list-view {
    margin-bottom: 14px !important;
    float: none !important;
    position: relative !important;
    width: 100% !important;
}

.v2-main-content #mainContentDivOuterPage .search-desc-list-view {
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 8px !important;
    padding: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    background: #fff !important;
}

.v2-main-content #mainContentDivOuterPage .search-desc-list-view:hover {
    border-color: var(--buttonBackgroundColor2, var(--v2-blue-border)) !important;
    box-shadow: var(--v2-shadow-md) !important;
}

/* fc-v2 B. Content type badge */
.v2-main-content #mainContentDivOuterPage .search-desc-content-resource-types {
    position: static !important;
    width: fit-content !important;
    margin: 0 0 2px 0 !important;
    padding: 0 !important;
    z-index: 2 !important;
    background: transparent !important;
    border-radius: 0 !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
}

.v2-main-content #mainContentDivOuterPage .search-desc-content-resource-types p {
    display: inline-flex !important;
    align-items: center !important;
    padding: 3px 10px !important;
    border-radius: 4px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    background: var(--contentFrameRightTagColor, var(--v2-blue-pale)) !important;
    color: var(--contentFrameRightTagTextColor, var(--v2-blue)) !important;
    border: none !important;
}

/* fc-v2 C. Content area — horizontal flex */
.v2-main-content #mainContentDivOuterPage .search-desc-content {
    display: flex !important;
    flex-direction: row !important;
    gap: 16px !important;
    flex: 1 !important;
    min-width: 0 !important;
    align-items: flex-start !important;
    width: 100% !important;
}

.v2-main-content #mainContentDivOuterPage .search-desc-content > a {
    flex-shrink: 0 !important;
}

/* fc-v2 D. Thumbnail */
.v2-main-content #mainContentDivOuterPage .search-desc-img {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    height: 110px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

.v2-main-content #mainContentDivOuterPage .search-desc-content.shared-listing-dv .search-desc-img {
    width: 160px !important;
    height: 110px !important;
}

.v2-main-content #mainContentDivOuterPage .search-desc-img .search-desc-img-top,
.v2-main-content #mainContentDivOuterPage .search-desc-content.shared-listing-dv img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    border: none !important;
}

.v2-main-content #mainContentDivOuterPage .search-desc-img .search-desc-img-top.company-logo-img,
.v2-main-content #mainContentDivOuterPage .search-desc-img .search-desc-img-top.placeholder-img {
    object-fit: contain !important;
    background: var(--v2-bg-light) !important;
    padding: 8px !important;
}

.v2-main-content #mainContentDivOuterPage .search-desc-content.shared-listing-dv .search-desc-img.fc-video-show-division::after {
    border-radius: 8px !important;
}

/* fc-v2 E. Video play overlay */
.v2-main-content #mainContentDivOuterPage .resource-video-progress-icon {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: rgba(0, 0, 0, 0.5) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2 !important;
    transition: all 0.15s ease !important;
    font-size: 14px !important;
    color: #fff !important;
}

.v2-main-content #mainContentDivOuterPage .resource-video-progress-icon:hover {
    background: var(--buttonBackgroundColor2) !important;
}

.v2-main-content #mainContentDivOuterPage .resource-video-progress-icon i {
    font-size: 14px !important;
    color: #fff !important;
}

/* fc-v2 F. Card body */
.v2-main-content #mainContentDivOuterPage .search-desc-body {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* fc-v2 G. Card title */
.v2-main-content #mainContentDivOuterPage .search-card-title {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: var(--v2-charcoal) !important;
    line-height: 1.35 !important;
    margin-bottom: 2px !important;
}

.v2-main-content #mainContentDivOuterPage .search-card-title:hover {
    color: var(--v2-blue) !important;
}

/* fc-v2 I. Card description */
.v2-main-content #mainContentDivOuterPage .search-card-text {
    font-size: 12.5px !important;
    color: var(--v2-mid-gray) !important;
    line-height: 1.65 !important;
    margin-bottom: 12px !important;
}

.v2-main-content #mainContentDivOuterPage .search-card-text .card-text {
    font-size: 12.5px !important;
    color: var(--v2-mid-gray) !important;
    line-height: 1.65 !important;
}

/* fc-v2 J. Action buttons area */
.v2-main-content #mainContentDivOuterPage .search-desc-content-button {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    height: auto !important;
    width: 100% !important;
}

.v2-main-content #mainContentDivOuterPage .resource-stats-row {
    margin: 0 !important;
}

.v2-main-content #mainContentDivOuterPage .resource-stats-row ul {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.v2-main-content #mainContentDivOuterPage .resource-stats-row li:not(.d-none) {
    display: flex !important;
    align-items: center !important;
    font-size: 13px !important;
    color: var(--v2-warm-gray) !important;
}

.v2-main-content #mainContentDivOuterPage .resource-stats-row .d-none {
    display: none !important;
}

.v2-main-content #mainContentDivOuterPage .resource-stats-row li i {
    font-size: 16px !important;
}

.v2-main-content #mainContentDivOuterPage .resource-stats-row li span {
    font-size: 13px !important;
}

.v2-main-content #mainContentDivOuterPage .resource-stats-row .divider-pipe {
    margin: 0 8px !important;
    font-size: 14px !important;
}

.v2-main-content #mainContentDivOuterPage .search-card-list-content-button-list-button {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 5px !important;
}

.v2-main-content #mainContentDivOuterPage .search-card-list-content-button-list-button > .d-flex:not(.d-none) {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 5px !important;
    justify-content: flex-start !important;
}

.v2-main-content #mainContentDivOuterPage .search-card-list-content-button-list-button > .d-none {
    display: none !important;
}

.v2-main-content #mainContentDivOuterPage .search-card-list-content-button-list-button .d-none {
    display: none !important;
}

/* fc-v2 K. Action buttons — Quick View, Follow, Like */
.v2-main-content #mainContentDivOuterPage .btn-orang-border {
    padding: 6px 12px !important;
    border-radius: 6px !important;
    border: 1px solid var(--buttonBorderColor2) !important;
    color: var(--followLikeListingTextColor2) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    background: #fff !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    height: auto !important;
    min-height: unset !important;
    gap: 3px !important;
    align-items: center !important;
}

.v2-main-content #mainContentDivOuterPage .btn-orang-border:hover {
    background-color: var(--likeFilledIconColor2) !important;
    color: var(--followLikeListingHoverTextColor2) !important;
    border-color: var(--buttonBorderColor2) !important;
    outline: none !important;
    box-shadow: none !important;
}

.v2-main-content #mainContentDivOuterPage .btn-orang-border:hover p {
    color: var(--followLikeListingHoverTextColor2) !important;
}

.v2-main-content #mainContentDivOuterPage .btn-orang-border:hover i {
    color: var(--followLikeListingHoverTextColor2) !important;
}

.v2-main-content #mainContentDivOuterPage .btn-orang-border:focus,
.v2-main-content #mainContentDivOuterPage .btn-orang-border:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border-color: var(--buttonBorderColor2) !important;
}

.v2-main-content #mainContentDivOuterPage .btn-orang-border p {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--followLikeListingTextColor2) !important;
    margin: 0 !important;
    line-height: 1 !important;
}

.v2-main-content #mainContentDivOuterPage .btn-orang-border i {
    font-size: 14px !important;
    color: var(--followLikeListingTextColor2) !important;
    margin-left: 0 !important;
}

/* fc-v2 L. Followed/Liked active state buttons */
.v2-main-content #mainContentDivOuterPage .btn-orang-border.nothover {
    background: var(--buttonBackgroundColor2) !important;
    border-color: var(--buttonBackgroundColor2) !important;
}

.v2-main-content #mainContentDivOuterPage .btn-orang-border.nothover p,
.v2-main-content #mainContentDivOuterPage .btn-orang-border.nothover i {
    color: var(--likeFilledIconColor2) !important;
}

.v2-main-content #mainContentDivOuterPage .btn-orang-border.nothover:hover {
    background: var(--buttonBackgroundColor2) !important;
    border-color: var(--buttonBackgroundColor2) !important;
}

.v2-main-content #mainContentDivOuterPage .btn-orang-border.nothover:hover p,
.v2-main-content #mainContentDivOuterPage .btn-orang-border.nothover:hover i {
    color: var(--likeFilledIconColor2) !important;
}

/* fc-v2 M. Add to list icon */
.v2-main-content #mainContentDivOuterPage .produc_mores {
    top: 14px !important;
    right: 14px !important;
    z-index: 3 !important;
}

.v2-main-content #mainContentDivOuterPage .produc_mores span {
    font-size: 22px !important;
}

/* fc-v2 N. Empty state */
.v2-main-content #mainContentDivOuterPage .hlc-empty-state-card-description {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 40px 20px !important;
    text-align: center !important;
}

.v2-main-content #mainContentDivOuterPage .hlc-empty-state-card-description .hlc-empty-state-card-primary-text {
    font-size: 13px !important;
    color: var(--v2-mid-gray) !important;
}

/* fc-v2 O. Load More button */
.v2-main-content #divLoadMore {
    padding: 12px 0 !important;
}

.v2-main-content #divLoadMore #btnLoadMore {
    font-size: 14px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 20px !important;
    border: 1px dashed var(--v2-border-med) !important;
    border-radius: 8px !important;
    background: #fff !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    width: 100% !important;
    justify-content: center !important;
}

.v2-main-content #divLoadMore #btnLoadMore:hover {
    border-color: var(--buttonBackgroundColor2) !important;
}

/* fc-v2 P. Responsive — Featured Content Tab */
@media (max-width: 900px) {
    .v2-main-content #mainContentDivOuterPage .search-desc-list-view {
        flex-direction: column !important;
    }

    .v2-main-content #mainContentDivOuterPage .search-desc-content {
        flex-direction: column !important;
    }

    .v2-main-content #mainContentDivOuterPage .search-desc-img,
    .v2-main-content #mainContentDivOuterPage .search-desc-content.shared-listing-dv .search-desc-img {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        height: 160px !important;
    }

    .v2-main-content #mainContentDivOuterPage .search-desc-content.shared-listing-dv img {
        width: 100% !important;
        height: 100% !important;
    }

    .v2-main-content #mainContentDivOuterPage .search-desc-content-button {
        justify-content: space-between !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    .v2-main-content #mainContentDivOuterPage .btn-orang-border {
        flex: 1 !important;
        justify-content: center !important;
    }
}

/* F-proj. Project card title (uses h3 instead of h2) */
.v2-main-content .produc_card .prod_ctn h3 {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: var(--v2-charcoal) !important;
    margin-bottom: 6px !important;
    line-height: 1.3 !important;
}

.v2-main-content .produc_card .prod_ctn h3 a {
    color: var(--v2-charcoal) !important;
    text-decoration: none !important;
}

.v2-main-content .produc_card .prod_ctn h3 a:hover {
    color: var(--v2-blue) !important;
}

/* ── 5. Featured Content & Latest Activities ── */

.v2-main-content .activities-updates-categories-activity-user-details .quick-view-below-header {
    padding: 14px !important;
    border-bottom: 1px solid var(--v2-border-light) !important;
    margin-bottom: 5px !important;
    width: 100%;
    border-radius: 8px;
}

.v2-main-content .activities-updates-categories-activity-user-details .quick-view-below-header:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

.v2-main-content .detail-activity-main-sub-body-part-body {
    border-radius: 8px;
}

.v2-main-content .activities-updates-categories-content-list-content-filter .top-contact-info-filler {
    display: flex;
    align-items: center;
    gap: 10px;
}

.v2-main-content .activities-updates-categories-content-list-content-filter .listing-contact-lineup-res-flx {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex: 1;
}

.v2-main-content .activities-updates-categories-content-list-content-filter .contact-img-container.widget-contact-radius {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.v2-main-content .activities-updates-categories-content-list-content-filter .contact-img-container.widget-contact-radius img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.v2-main-content .activities-updates-categories-content-list-content-filter .main-acitivty-listing-header {
    flex: 1;
    min-width: 0;
}

.v2-main-content .activities-updates-categories-content-list-content-filter .contact-info-bar-rec .h5 {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--v2-dark) !important;
    margin-bottom: 0 !important;
}

.v2-main-content .activities-updates-categories-content-list-content-filter .activity-section-flex {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    color: var(--v2-mid-gray);
}

.v2-main-content .likes-info.activity-like-counts {
    display: flex;
    align-items: center;
    gap: 3px;
}

.v2-main-content .likes-info.activity-like-counts i {
    font-size: 13px;
    transition: all 0.15s ease;
}

.v2-main-content .activities-updates-categories-content-list-content-filter .inner-activity-detail-flex {
    font-size: 12.5px;
    color: var(--v2-warm-gray);
    line-height: 1.55;
}

.v2-main-content .activities-updates-categories-content-list-content-filter .inner-activity-detail-flex .act-entity,
.v2-main-content .activities-updates-categories-content-list-content-filter .inner-activity-detail-flex a {
    font-weight: 600;
    color: var(--v2-dark);
}

/* 5b-partition. Overview widget partition lines between activity items */
.v2-main-content .quick-view-settle-block > .quick-view-below-header > .quick-view-below-header {
    border-bottom: 1px solid var(--v2-border-light) !important;
    padding: 14px 20px !important;
}

.v2-main-content .quick-view-settle-block > .quick-view-below-header > .quick-view-below-header:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

/* 5b-partition-deep. Partition lines for Recommendations & Latest Activities widgets
   (items are nested inside wrapper divs, so the direct child selector above does not match) */
.v2-main-content .quick-view-settle-block .activities-updates-categories-content-list-content-filter > .quick-view-below-header {
    border-bottom: 1px solid var(--v2-border-light) !important;
    padding: 14px 20px !important;
}

.v2-main-content .quick-view-settle-block .activities-updates-categories-content-list-content-filter > .quick-view-below-header:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

/* ── 5c. Featured Content & Activity V2 Enhanced Layout ── */

/* A. Activity full-page card — needs padding:0 so children manage their own spacing */
.v2-main-content .quick-view-settle-block:has(.quick-view-above-header.activity-update-padding-2),
.v2-main-content #companyOverview.quick-view-settle-block {
    padding: 0 !important;
    margin-bottom: 16px !important;
    overflow: hidden;
}

/* B. Activity header row */
.v2-main-content .quick-view-above-header.activity-update-padding-2 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 18px 20px !important;
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

.v2-main-content .quick-view-above-header.activity-update-padding-2 .h5 {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: var(--v2-charcoal) !important;
    margin-bottom: 0 !important;
}

.v2-main-content .quick-view-above-header .bottom-contanct-info-filler {
    border-top: none !important;
    padding: 0 !important;
}

.v2-main-content .quick-view-above-header .bottom-contanct-info-filler .info-adv-btn-style {
    padding: 7px 16px !important;
    border-radius: 6px !important;
    border: 1.5px solid var(--buttonBackgroundColor2) !important;
    color: var(--buttonBackgroundColor2) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    background: #fff !important;
    transition: all 0.15s ease !important;
    margin: 0 !important;
}

.v2-main-content .quick-view-above-header .bottom-contanct-info-filler .info-adv-btn-style:hover {
    background: var(--buttonBackgroundColor2) !important;
    color: #fff !important;
}

/* C. Filter section */
.v2-main-content #htmlOverviewHolder.quick-view-below-header {
    border-bottom: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.v2-main-content .activity-header-container {
    padding: 14px 20px !important;
    border-bottom: none !important;
    background: transparent !important;
}

.v2-main-content .view-older-activities {
    font-size: 12px !important;
    color: var(--v2-mid-gray) !important;
}

.v2-main-content .view-older-activities #mainSpanTotalRecord {
    font-size: 12px !important;
    color: var(--v2-mid-gray) !important;
}

.v2-main-content .view-older-activities .view-older-activities-link {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--buttonBackgroundColor2) !important;
}

.v2-main-content .section-filter-for-activity-updates-more-button {
    gap: 12px !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
}

.v2-main-content .activities-updates-categories-activity-user-details .activities-updates-more-filter-button {
    padding: 5px 10px !important;
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    color: var(--v2-warm-gray) !important;
    background: #fff !important;
    cursor: pointer !important;
    appearance: none !important;
    transition: all 0.15s ease !important;
    width: auto !important;
    min-width: 0 !important;
}

.v2-main-content .activities-updates-categories-activity-user-details .activities-updates-more-filter-button:hover {
    border-color: var(--buttonBackgroundColor2) !important;
}

.v2-main-content .activities-updates-categories-activity-user-details .activities-updates-more-filter-button01 .h5 {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: var(--v2-warm-gray) !important;
    margin-bottom: 0 !important;
    white-space: nowrap !important;
}

.v2-main-content .activities-updates-categories-activity-user-details .activities-updates-more-filter-button02 i {
    font-size: 10px !important;
    color: var(--v2-mid-gray) !important;
}

/* D0. Activity content area — hide overflow scrollbar */
.v2-main-content #mainContentPage {
    overflow: hidden !important;
}

.v2-main-content #ViewAllContentActivity {
    overflow: hidden !important;
}

/* D. Individual activity items — flat rows with border-bottom separator */
.v2-main-content #mainContentPage .quick-view-below-header {
    border: none !important;
    border-bottom: 1px solid var(--v2-border-light) !important;
    border-radius: 0 !important;
    padding: 14px 0 !important;
    margin: 0 28px 0 20px !important;
    width: auto !important;
    overflow: visible !important;
}

.v2-main-content #mainContentPage .quick-view-below-header *::-webkit-scrollbar {
    display: none !important;
}

.v2-main-content #mainContentPage .quick-view-below-header * {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.v2-main-content #mainContentPage .quick-view-below-header:hover {
    /*background: var(--v2-bg-light) !important;*/
    box-shadow: none !important;
}

.v2-main-content #mainContentPage .quick-view-below-header:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

.v2-main-content #mainContentPage .quick-view-below-header:first-child {
    padding-top: 0 !important;
}

/* E. Featured content card layout — horizontal flex */
.v2-main-content .partition-flex-container.post-update-text {
    display: flex !important;
    gap: 16px !important;
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 8px !important;
    padding: 14px !important;
    margin-top: 10px !important;
    transition: all 0.2s ease !important;
    background: #fff !important;
}

.v2-main-content .partition-flex-container.post-update-text:hover {
    border-color: var(--buttonBackgroundColor2,--v2-blue-border) !important;
    box-shadow: var(--v2-shadow) !important;
}

.v2-main-content .profile-post-scan {
    display: flex !important;
    gap: 14px !important;
    align-items: flex-start !important;
    margin-bottom: 8px !important;
}

.v2-main-content .profile-post-scan .user-avtar-post {
    width: 160px !important;
    min-width: 160px !important;
    height: 110px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

.v2-main-content .profile-post-scan .user-avtar-post img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

.v2-main-content .profile-post-scan h5 {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: var(--v2-charcoal) !important;
    line-height: 1.35 !important;
    margin-bottom: 0 !important;
}

.v2-main-content .partition-flex-container.post-update-text > p {
    font-size: 12.5px !important;
    color: var(--v2-mid-gray) !important;
    line-height: 1.65 !important;
    margin-bottom: 0 !important;
}

/* E2. Overview featured content — block layout matching v1 with v2 font sizes */
.v2-main-content .quick-view-settle-block .partition-flex-container.post-update-text {
    display: block !important;
}

.v2-main-content .quick-view-settle-block .partition-flex-container.post-update-text .profile-post-scan {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
}

.v2-main-content .quick-view-settle-block .partition-flex-container.post-update-text .profile-post-scan .user-avtar-post {
    width: 72px !important;
    min-width: 72px !important;
    height: 52px !important;
    border-radius: 6px !important;
    flex-shrink: 0 !important;
}

.v2-main-content .quick-view-settle-block .partition-flex-container.post-update-text .profile-post-scan h5 {
    flex: 1 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin-bottom: 0 !important;
}

.v2-main-content .quick-view-settle-block .partition-flex-container.post-update-text > p {
    font-size: 12px !important;
    color: var(--v2-mid-gray) !important;
    line-height: 1.6 !important;
    margin-bottom: 8px !important;
}

.v2-main-content .quick-view-settle-block .partition-flex-container.post-update-text > p:last-of-type {
    margin-bottom: 0 !important;
}

.v2-main-content .quick-view-settle-block .partition-flex-container.post-update-text .video-container-thumbnail,
.v2-main-content .quick-view-settle-block .partition-flex-container.post-update-text .simple-post-image-activity {
    margin-top: 8px !important;
}

.v2-main-content .quick-view-settle-block .partition-flex-container.post-update-text .video-container-thumbnail img,
.v2-main-content .quick-view-settle-block .partition-flex-container.post-update-text .simple-post-image-activity {
    width: 100% !important;
    border-radius: 8px !important;
    object-fit: cover !important;
}

/* F. Non-featured partition container (recommendations, videos) */
.v2-main-content .partition-flex-container:not(.post-update-text) {
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 8px !important;
    padding: 14px !important;
    margin-top: 10px !important;
    background: #fff !important;
}

.v2-main-content .profile-user-scan {
    margin-bottom: 6px !important;
}

.v2-main-content .profile-user-scan span {
    font-size: 12.5px !important;
    color: var(--v2-warm-gray) !important;
}

/* G. Video thumbnail */
.v2-main-content .video-container-thumbnail {
    border-radius: 8px !important;
    overflow: hidden !important;
    position: relative !important;
    max-height: 200px !important;
}

.v2-main-content .video-container-thumbnail .thumbnail-vd {
    width: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

.v2-main-content .cst-play-video .video-play-link {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(0, 0, 0, 0.5) !important;
    transition: all 0.15s ease !important;
}

.v2-main-content .quick-view-settle-block .cst-play-video .video-play-link {
    top: auto !important;
    bottom: 96px !important;
    transform: translateX(-50%) !important;
}

.v2-main-content .cst-play-video .video-play-link:hover {
    background: var(--buttonBackgroundColor2) !important;
}

.v2-main-content .cst-play-video .video-play-link i {
    color: #fff !important;
    font-size: 14px !important;
}

/* H. Content type badge */
.v2-main-content .procced-video-badge {
    display: inline-flex !important;
    align-items: center !important;
    padding: 3px 10px !important;
    border-radius: 4px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    line-height: 1.4 !important;
}

/* I. Like count text */
.v2-main-content .likes-info.activity-like-counts span {
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* J. Edit button — container styling (matching pin icon pattern) */
.v2-main-content .post-edit-block:not(.pin-activity-block) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
    border: 1px solid var(--v2-border-light) !important;
    background: #fff !important;
    min-height: 28px !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
}

.v2-main-content .post-edit-block:not(.pin-activity-block):hover {
    border-color: var(--buttonBackgroundColor2) !important;
}

.v2-main-content .post-edit-block:not(.pin-activity-block) i {
    font-size: 13px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transition: color 0.15s ease !important;
}

.v2-main-content .post-edit-block:not(.pin-activity-block):hover i {
    color: var(--buttonBackgroundColor2) !important;
}

/* K. Pin button — icon hover color */
.v2-main-content .pin-activity-block:hover i {
    color: #cd0e0e !important;
}

/* L. Show More / Show Older Activities buttons */
.v2-main-content .activities-updates-categories-activity-user-details .search-btn-load {
    display: flex !important;
    justify-content: center !important;
    padding: 0 20px 16px !important;
    width: 100% !important;
}

.v2-main-content .activities-updates-categories-activity-user-details .search-btn-load.d-none {
    display: none !important;
}

.v2-main-content .activities-updates-categories-activity-user-details .activities-updates-categories-content-show-more.d-none {
    display: none !important;
}

.v2-main-content .activities-updates-categories-activity-user-details .activities-updates-categories-content-show-more {
    font-size: 14px !important;
    font-weight: 700 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 10px 0 !important;
    border: 1px dashed var(--v2-border-med) !important;
    border-radius: 8px !important;
    background: #fff !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
}

.v2-main-content .activities-updates-categories-activity-user-details .activities-updates-categories-content-show-more:hover {
    border-color: var(--buttonBackgroundColor2) !important;
    background: #fff !important;
}

.v2-main-content .activities-updates-categories-activity-user-details .activities-updates-categories-content-show-more a {
    text-decoration: none !important;
    color: inherit !important;
}

.v2-main-content .activities-updates-categories-activity-user-details .activities-updates-categories-content-show-more i {
    font-size: 14px !important;
    color: inherit !important;
}

/* M. No data state */
.v2-main-content .no-data-result {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 40px 20px !important;
    text-align: center !important;
}

.v2-main-content .no-data-result .center-ico-data {
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    background: var(--v2-bg-light) !important;
    margin-bottom: 12px !important;
}

.v2-main-content .no-data-result .center-ico-data i {
    font-size: 20px !important;
    color: var(--v2-mid-gray) !important;
}

.v2-main-content .no-data-result p {
    font-size: 13px !important;
    color: var(--v2-mid-gray) !important;
    margin-bottom: 0 !important;
}

/* N. Simple post image */
.v2-main-content .simple-post-image-activity {
    width: 100% !important;
    max-height: 300px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    margin-top: 10px !important;
}

/* O. Activity entry animation + full-width activity column (v2 only; base activities-updates.css uses align-items:center which shrinks content) */
.v2-main-content .activities-updates-categories-activity-user-details {
    animation: v2-slideUp 0.35s ease both;
    width: 100%;
    max-width: 100%;
    align-items: stretch;
    box-sizing: border-box;
}

/* P1b. Activity bind-contact-details — take full remaining width */
.v2-main-content .activities-updates-categories-content-list-content-filter .bind-contact-details {
    flex: 1 !important;
    min-width: 0 !important;
}

/* P1c. Activity top-activity-header-container — full-width flex row */
.v2-main-content .activities-updates-categories-content-list-content-filter .top-activity-header-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 10px !important;
}

/* P2. Name + role inline layout */
.v2-main-content .activities-updates-categories-content-list-content-filter .contact-info-bar-rec {
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

.v2-main-content .activities-updates-categories-content-list-content-filter .contact-info-bar-rec h5 {
    display: inline !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--systemTextColor, var(--v2-charcoal)) !important;
    margin-bottom: 0 !important;
}

.v2-main-content .activities-updates-categories-content-list-content-filter .contact-info-bar-rec p {
    font-size: 11.5px !important;
    color: var(--v2-mid-gray) !important;
    font-weight: 400 !important;
    margin-bottom: 0 !important;
}

/* P3. Time text lighter color + remove pipe separators */
.v2-main-content .activity-section-flex > span:first-child {
    font-size: 11px !important;
    color: var(--v2-light-text) !important;
    white-space: nowrap !important;
}

.v2-main-content .activity-section-flex span {
    border-right: none !important;
    padding-right: 0 !important;
    flex: 0 !important;
}

/*.v2-main-content .activity-section-flex .likes-info {
    border-right: none !important;
}*/

/* P4. Like button — bordered container with icon + count inside */
.v2-main-content .likes-info.activity-like-counts:not(.d-none) {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
    border: 1px solid var(--v2-border-light) !important;
    background: #fff !important;
    transition: all 0.15s ease !important;
    min-height: 28px !important;
    box-sizing: border-box !important;
}

.v2-main-content .likes-info.activity-like-counts:hover {
    border-color: var(--iconHoverBorderColor, var(--buttonBackgroundColor2)) !important;
}

.v2-main-content .likes-info.activity-like-counts i.faicon {
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    border: none !important;
    font-size: 13px !important;
    background: transparent !important;
    padding: 0 !important;
    transition: color 0.15s ease !important;
}

.v2-main-content .likes-info.activity-like-counts span {
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

/* P5a. Remove V1 pipe separator from all post-edit-block elements */
.v2-main-content .post-edit-block {
    border-left: none !important;
    padding-left: 0 !important;
}

/* P5-hide. Hide pin/edit icons in overview page widget cards (matches v1 site.css behavior) */
.v2-main-content .quick-view-settle-block .pin-activity-block,
.v2-main-content .quick-view-settle-block .post-edit-block {
    display: none !important;
}

/* P5-show. Restore pin/edit icons on dedicated Activities & Updates page */
.v2-main-content .activities-updates-categories-activity-user-details .pin-activity-block {
    display: inline-flex !important;
}
.v2-main-content .activities-updates-categories-activity-user-details .post-edit-block {
    display: inline-flex !important;
}

/* P5. Pin icon styling — border on container, matching like button */
.v2-main-content .pin-activity-block {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
    border: 1px solid var(--v2-border-light) !important;
    background: #fff !important;
    transition: all 0.15s ease !important;
    min-height: 28px !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}

.v2-main-content .pin-activity-block:hover {
    border-color: #cd0e0e !important;
}

.v2-main-content .pin-activity-block.remove-pin {
    border-color: #cd0e0e !important;
}

.v2-main-content .pin-activity-block i {
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #cd0e0e !important;
    line-height: 1 !important;
}

/* P6. (Removed — edit button styling now handled by section J with container pattern) */

/* P7. Description body styling */
.v2-main-content #mainContentPage .contact-discription-block {
    padding-left: 0 !important;
    margin-top: 0 !important;
}

.v2-main-content #mainContentPage .contact-discription-block span {
    font-size: 12.5px !important;
    color: var(--v2-warm-gray) !important;
    /*font-style: italic !important;*/
    line-height: 1.55 !important;
}

.v2-main-content #mainContentPage .contact-discription-block .activity-by-user,
.v2-main-content #mainContentPage .contact-discription-block .activity-by-user a {
    font-weight: 700 !important;
    color: var(--systemTextColor, var(--v2-charcoal)) !important;
    font-style: normal !important;
    text-decoration: none !important;
}

/* P8. Recommendation / featured video partition box styling */
.v2-main-content #mainContentPage .partition-flex-container:not(.post-update-text) {
    margin-left: 0 !important;
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    background: var(--v2-bg-subtle) !important;
    cursor: pointer !important;
    transition: border-color 0.15s ease !important;
    margin-top: 8px !important;
}

.v2-main-content #mainContentPage .partition-flex-container:not(.post-update-text):hover {
    border-color: var(--buttonBackgroundColor2) !important;
}

.v2-main-content #mainContentPage .partition-flex-container:not(.post-update-text) .profile-user-scan {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 0 !important;
}

.v2-main-content #mainContentPage .partition-flex-container:not(.post-update-text) .profile-user-scan a {
    font-weight: 600 !important;
    color: var(--systemTextColor, var(--v2-charcoal)) !important;
    text-decoration: none !important;
    font-size: 13px !important;
}

.v2-main-content #mainContentPage .partition-flex-container:not(.post-update-text) > p {
    font-size: 12px !important;
    color: var(--v2-warm-gray) !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* P9. Featured content post box styling */
.v2-main-content #mainContentPage .partition-flex-container.post-update-text {
    margin-left: 0 !important;
}

/* P10. Result count label — bold number */
.v2-main-content .view-older-activities #spanTotalRecord {
    font-weight: 700 !important;
    color: var(--systemTextColor, var(--v2-charcoal)) !important;
}

/* P11. "Start a Post" button with icon gap */
.v2-main-content .quick-view-above-header .bottom-contanct-info-filler .info-adv-btn-style {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 16px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}

/* P12. Pin Activity Modal — modern V2 styling */
#AddExpiryDateModal .modal-content {
    border-radius: 12px !important;
    border: none !important;
    box-shadow: var(--v2-shadow-md) !important;
    overflow: hidden !important;
}

#AddExpiryDateModal .modal-header {
    border-bottom: 1px solid var(--v2-border-light) !important;
    padding: 16px 20px !important;
}

#AddExpiryDateModal .modal-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--systemTextColor, var(--v2-charcoal)) !important;
}

#AddExpiryDateModal .modal-body {
    padding: 20px !important;
}

#AddExpiryDateModal .modal-body .form-label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--v2-dark) !important;
    margin-bottom: 6px !important;
}

#AddExpiryDateModal .modal-body .form-control {
    border-radius: 8px !important;
    border: 1px solid var(--v2-border-light) !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
}

#AddExpiryDateModal .modal-body .form-control:focus {
    border-color: var(--buttonBackgroundColor2) !important;
    box-shadow: 0 0 0 2px rgba(0, 53, 107, 0.1) !important;
}

#AddExpiryDateModal .modal-body .form-text {
    font-size: 11.5px !important;
    color: var(--v2-mid-gray) !important;
    margin-top: 6px !important;
}

#AddExpiryDateModal .modal-footer {
    border-top: 1px solid var(--v2-border-light) !important;
    padding: 14px 20px !important;
    gap: 8px !important;
}

#AddExpiryDateModal .modal-footer .btn {
    border-radius: 8px !important;
    padding: 8px 18px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

#AddExpiryDateModal .modal-footer .btn-back {
    background: #fff !important;
    border: 1px solid var(--v2-border-med) !important;
    color: var(--v2-warm-gray) !important;
}

#AddExpiryDateModal .modal-footer .btn-post {
    background: var(--buttonBackgroundColor2) !important;
    border: none !important;
    color: #fff !important;
}

#AddExpiryDateModal .modal-footer .btn-post:hover {
    opacity: 0.9 !important;
}

/* P13. Responsive — Activity (900px) */
@media (max-width: 900px) {
    .v2-main-content .partition-flex-container.post-update-text {
        flex-direction: column !important;
    }

    .v2-main-content .profile-post-scan {
        flex-direction: column !important;
    }

    .v2-main-content .profile-post-scan .user-avtar-post {
        width: 100% !important;
        height: 160px !important;
    }

    .v2-main-content .video-container-thumbnail {
        width: 100% !important;
        height: 160px !important;
    }

    .v2-main-content #mainContentPage .quick-view-below-header {
        padding: 12px 0 !important;
        margin: 0 20px 0 14px !important;
    }

    .v2-main-content .section-filter-for-activity-updates-more-button {
        flex-direction: column !important;
    }

    .v2-main-content .activities-updates-categories-activity-user-details .activities-updates-more-filter-button {
        width: 100% !important;
    }

    .v2-main-content .activities-updates-categories-activity-user-details .search-btn-load {
        padding: 0 10px 12px !important;
    }
}

/* P14. Responsive — Activity (560px) */
@media (max-width: 560px) {
    .v2-main-content .section-filter-for-activity-updates-more-button {
        flex-direction: column !important;
    }

    .v2-main-content .activities-updates-more-filter-button {
        width: 100% !important;
    }
}

/* ── 5b. Member Experience ── */

.v2-main-content [class^="ig-me-memberexperience_"] {
    max-width: 832px;
}

.v2-main-content .above-member-info-flec {
    font-size: 12.5px;
    color: var(--v2-mid-gray);
    margin-bottom: 14px;
    line-height: 1.5;
}

.v2-main-content #divMemberExperienceData .d-flex.flex-wrap {
    border-bottom: 1px solid var(--v2-border-light);
    margin-bottom: 0;
    gap: 0;
}

.v2-main-content #divMemberExperienceData .activeTab {
    padding: 8px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--activeTabColor) !important;
    border-bottom: 2px solid var(--buttonBackgroundColor2, var(--activeTabUnderlineColor)) !important;
    margin-bottom: -1px !important;
    background: transparent !important;
    cursor: pointer !important;
}

.v2-main-content #divMemberExperienceData .notActiveTab {
    padding: 8px 16px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--v2-mid-gray) !important;
    border-bottom: 2px solid transparent !important;
    margin-bottom: -1px !important;
    background: transparent !important;
    cursor: pointer !important;
    transition: color 0.15s ease !important;
}

.v2-main-content #divMemberExperienceData .notActiveTab:hover {
    color: var(--v2-dark) !important;
}

.v2-main-content #divMemberExperienceData .top-contact-info-filler.info-rec-flex {
    padding: 10px 0;
    border-bottom: 1px solid var(--v2-bg-light);
    display: flex !important;
    align-items: flex-start !important;
}

.v2-main-content #divMemberExperienceData .top-contact-info-filler.info-rec-flex:last-of-type {
    border-bottom: none;
}

.v2-main-content #divMemberExperienceData .contact-img-container.widget-contact-radius {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

.v2-main-content #divMemberExperienceData .contact-img-container.widget-contact-radius img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.v2-main-content #divMemberExperienceData .contact-info-bar-rec .h5 {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--v2-dark) !important;
    margin-bottom: 0 !important;
}

.v2-main-content #divMemberExperienceData .contact-info-bar-rec p {
    font-size: 12.5px !important;
    color: var(--v2-mid-gray) !important;
    margin-bottom: 0 !important;
}

.v2-main-content .listing-ctc-timer {
    font-size: 11px;
    color: var(--v2-light-text);
}

.v2-main-content #divMemberExperienceData .showMore {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--viewAllColor) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.v2-main-content #divMemberExperienceData .member-locked-circle {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--v2-bg-light);
}

.v2-main-content #divMemberExperienceData .member-locked-circle i {
    font-size: 18px;
    color: var(--v2-mid-gray);
}

/* ── 6. Recommendations ── */

.v2-main-content .cst-recommandation-flex {
    flex-wrap: wrap;
    gap: 8px;
}

.v2-main-content .recs-horizontal-tabV {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    border-bottom: 1px solid var(--v2-border-light) !important;
    margin-bottom: 8px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    padding: 0 !important;
}

.v2-main-content .recs-horizontal-tabV::-webkit-scrollbar {
    display: none;
}

.v2-main-content .recs-horizontal-tabV .activeTab {
    padding: 9px 14px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: var(--activeTabColor) !important;
    border-bottom: 2px solid var(--buttonBackgroundColor2, var(--activeTabUnderlineColor)) !important;
    margin-bottom: -1px !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    background: transparent !important;
}

.v2-main-content .recs-horizontal-tabV .notActiveTab {
    padding: 9px 14px !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: var(--v2-mid-gray) !important;
    border-bottom: 2px solid transparent !important;
    margin-bottom: -1px !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    background: transparent !important;
    transition: all 0.15s ease !important;
}

.v2-main-content .recs-horizontal-tabV .notActiveTab:hover {
    color: var(--v2-dark) !important;
}

.v2-main-content #divAllRecommendReview {
    margin-top: 6px !important;
}

.v2-main-content .activities-updates-more-filter-button {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.v2-main-content .activities-updates-more-filter-button select,
.v2-main-content .activities-updates-more-filter-button .form-select {
    padding: 6px 10px !important;
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    color: var(--v2-warm-gray) !important;
    background: #fff !important;
    cursor: pointer !important;
}

.v2-main-content #divRecommendationListing .detail-activity-main-sub-body-part-body {
    border-bottom: 1px solid var(--v2-border-light);
    padding: 10px 0;
}

.v2-main-content #divRecommendationListing .detail-activity-main-sub-body-part-body:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.v2-main-content #divRecommendationListing .contact-info-bar-rec .h5 {
    font-size: 12.5px !important;
    font-weight: 600 !important;
}

.v2-main-content #divRecommendationListing .activity-details-info-block {
    font-size: 12px;
    color: var(--v2-mid-gray);
    font-style: italic;
}

.v2-main-content #divRecommendationListing .detail-activity-main-sub-body-part-body .contact-info-bar-rec .h5 a {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--v2-dark);
}

.v2-main-content #divRecommendationListing .detail-activity-main-sub-body-part-body .activity-main-container .contact-info-bar-rec .h5 {
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: var(--v2-dark) !important;
}

.v2-main-content #divRecommendationListing .activity-details-info-block {
    padding-left: 0;
}

.v2-main-content #divRecommendationListing .partition-flex-container:not(.post-update-text) {
    margin-left: 0 !important;
    background: var(--v2-bg-subtle) !important;
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 8px !important;
    padding: 10px 12px !important;
    transition: border-color 0.15s ease !important;
}

.v2-main-content #divRecommendationListing .partition-flex-container:not(.post-update-text):hover {
    border-color: var(--buttonBackgroundColor2, var(--v2-blue-border)) !important;
}

.v2-main-content #divRecommendationListing .partition-flex-container:not(.post-update-text) .profile-user-scan img {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}

.v2-main-content .cst-recommandation-flex .info-adv-btn-style {
    padding: 5px 12px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    background: var(--buttonBackgroundColor2) !important;
    color: #fff !important;
    border: none !important;
    transition: all 0.15s ease !important;
}

.v2-main-content .cst-recommandation-flex .info-adv-btn-style:hover {
    opacity: 0.9 !important;
}

.v2-main-content .cst-recommandation-flex .quickview-btn {
    padding: 6px 18px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    background: var(--buttonBackgroundColor2) !important;
    color: #fff !important;
    border: 1.5px solid var(--buttonBackgroundColor2) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    transition: all 0.15s ease !important;
    margin: 0 !important;
}

.v2-main-content .cst-recommandation-flex .quickview-btn:hover {
    opacity: 0.9 !important;
}

.v2-main-content .cst-recommandation-flex .quickview-btn span {
    font-size: 12px !important;
    margin: 0 !important;
}

.v2-main-content .cst-recommandation-flex .activities-updates-more-filter-button {
    padding: 6px 12px !important;
    border: 1px solid var(--v2-border-med) !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    color: var(--v2-charcoal) !important;
    background: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
    transition: all 0.15s ease !important;
}

.v2-main-content .cst-recommandation-flex .activities-updates-more-filter-button:hover {
    border-color: var(--buttonBackgroundColor2) !important;
}

.v2-main-content .cst-recommandation-flex .activities-updates-more-filter-button01 .h5 {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: var(--v2-charcoal) !important;
    margin-bottom: 0 !important;
}

.v2-main-content .cst-recommandation-flex .activities-updates-more-filter-button02 i {
    font-size: 10px !important;
    color: var(--v2-mid-gray) !important;
}

/* ── 7. Ecosystem Card Grid ── */

.v2-main-content .supplier-system-info-dv {
    font-size: 12px;
    color: var(--v2-mid-gray);
}

.v2-main-content .supplier-system-info-dv ~ .row {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    margin: 0 !important;
}

.v2-main-content .supplier-system-info-dv ~ .row > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    padding: 0 !important;
}

.v2-main-content .supplier-system-info-dv ~ .row > .col-12.col-xl-12 {
    grid-column: 1 / -1 !important;
}

.v2-main-content .company-type-card-section {
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 8px !important;
    padding: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    background: #fff !important;
    height: 100% !important;
}

.v2-main-content .company-type-card-section:hover {
    border-color: var(--buttonBackgroundColor2, var(--v2-blue-border)) !important;
    box-shadow: var(--v2-shadow-md) !important;
    transform: translateY(-2px) !important;
}

.v2-main-content .company-type-card-section .section-bws-container {
    width: 100% !important;
}

.v2-main-content .company-type-card-section .company-type-info-level-top {
    width: 80px !important;
    height: 80px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    margin: 0 auto 12px !important;
    background: var(--v2-bg-light) !important;
    border: 1px solid var(--v2-border-light) !important;
}

.v2-main-content .company-type-card-section .company-type-info-level-top img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.v2-main-content .company-type-card-section .header-tb-part-block .h5 {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--v2-dark) !important;
    margin-bottom: 4px !important;
}

.v2-main-content .company-type-card-section .ecosystem-ratings {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 11.5px;
    font-weight: 600;
    justify-content: center;
    margin-bottom: 6px;
}

.v2-main-content .company-type-card-section .custom-ltd-text {
    font-size: 11.5px !important;
    color: var(--v2-mid-gray) !important;
    line-height: 1.55 !important;
    margin-bottom: 8px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.v2-main-content .company-type-card-section .company-likes-tags {
    justify-content: center;
}

.v2-main-content .company-type-card-section .company-likes-follow-left {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 11px;
    color: var(--v2-mid-gray);
    margin-bottom: 10px;
}

.v2-main-content .company-type-card-section .company-likes-follow-left .thumps-up-likes:not(.d-none) {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
}

.v2-main-content .company-type-card-section .company-likes-follow-left .thumps-up-likes i {
    line-height: 1 !important;
    vertical-align: middle !important;
    font-size: 14px !important;
}

.v2-main-content .company-type-card-section .company-likes-follow-left .thumps-up-likes span {
    line-height: 1 !important;
    vertical-align: middle !important;
}

.v2-main-content .company-type-card-section .company-likes-follow-left .eco-stats-pipe {
    color: var(--v2-border-med);
    font-size: 12px;
    line-height: 1;
}

.v2-main-content .company-type-card-section .info-adv-btn-style.outline-follow {
    width: 100% !important;
    padding: 7px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    transition: all 0.15s ease !important;
    cursor: pointer !important;
    text-align: center !important;
    border: 1.5px solid var(--buttonBackgroundColor2) !important;
    color: var(--buttonBackgroundColor2) !important;
    background: #fff !important;
}

.v2-main-content .company-type-card-section .info-adv-btn-style.outline-follow:hover {
    background: var(--buttonBackgroundColor2) !important;
    color: #fff !important;
}

.v2-main-content .company-type-card-section .info-adv-btn-style.outline-follow.followed,
.v2-main-content .company-type-card-section .info-adv-btn-style.outline-follow.active {
    background: var(--v2-charcoal) !important;
    color: #fff !important;
    border-color: var(--v2-charcoal) !important;
}

.v2-main-content .company-type-card-section .info-adv-btn-style.outline-follow.followed:hover,
.v2-main-content .company-type-card-section .info-adv-btn-style.outline-follow.active:hover {
    opacity: 0.85 !important;
}

/* ── 7b. Ecosystem List View ── */

.v2-main-content .ecoSystem-lst-view {
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 8px !important;
    padding: 0 !important;
    margin-bottom: 10px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    background: #fff !important;
    overflow: hidden !important;
}

.v2-main-content .ecoSystem-lst-view:hover {
    border-color: var(--buttonBackgroundColor2) !important;
    box-shadow: var(--v2-shadow-md) !important;
}

.v2-main-content .ecoSystem-lst-view .company-viewer-main-tag {
    padding: 14px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    flex-direction: row !important;
}

.v2-main-content .ecoSystem-lst-view .company-viewer-image-block {
    width: 52px !important;
    height: 44px !important;
    min-width: 52px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    background: var(--v2-bg-light) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.v2-main-content .ecoSystem-lst-view .company-viewer-image-block img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.v2-main-content .ecoSystem-lst-view .ecosystem-column-flex {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.v2-main-content .ecoSystem-lst-view .ecosystem-company-detail-view {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin-bottom: 0 !important;
}

.v2-main-content .ecoSystem-lst-view .company-header-flex-left {
    flex: 1 !important;
    min-width: 0 !important;
}

.v2-main-content .ecoSystem-lst-view .company-header-flex-left .h5 {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--v2-dark) !important;
    margin-bottom: 0 !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    gap: 6px !important;
    align-items: center !important;
}

.v2-main-content .ecoSystem-lst-view .company-header-flex-left .h5 a {
    color: var(--v2-dark) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

/*.v2-main-content .ecoSystem-lst-view .company-header-flex-left .h5 a:hover {
    color: var(--buttonBackgroundColor2) !important;
}*/

.v2-main-content .ecoSystem-lst-view .company-header-flex-left .h5 .info-adv-btn-style {
    background: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    flex-shrink: 0 !important;
}

.v2-main-content .ecoSystem-lst-view .company-header-flex-left .h5 .info-adv-btn-style i {
    font-size: 11px !important;
    color: var(--v2-mid-gray) !important;
    margin: 0 !important;
}

.v2-main-content .ecoSystem-lst-view .company-header-flex-left .h5 .info-adv-btn-style .tooltiptext-contact-bg {
    display: none !important;
}

.v2-main-content .ecoSystem-lst-view .company-social-information-right {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.v2-main-content .ecoSystem-lst-view .company-recommandation-block {
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
    font-size: 11.5px !important;
    color: var(--v2-mid-gray) !important;
    white-space: nowrap !important;
}

.v2-main-content .ecoSystem-lst-view .company-recommandation-block i {
    font-size: 13px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

.v2-main-content .ecoSystem-lst-view .company-recommandation-block span:not(.tooltiptext-contact-bg) {
    font-size: 11.5px !important;
    vertical-align: middle !important;
    line-height: 1 !important;
    font-weight: 500 !important;
}

.v2-main-content .ecoSystem-lst-view .company-recommandation-block.cutom-last-sectn {
    gap: 8px !important;
}

.v2-main-content .ecoSystem-lst-view .company-recommandation-block.cutom-last-sectn p {
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
    font-size: 11.5px !important;
    color: var(--v2-mid-gray) !important;
    margin-bottom: 0 !important;
    white-space: nowrap !important;
}

.v2-main-content .ecoSystem-lst-view .company-recommandation-block.cutom-last-sectn p i {
    color: #FCD34D !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

.v2-main-content .ecoSystem-lst-view .company-recommandation-block.cutom-last-sectn p span {
    font-size: 11.5px !important;
    font-weight: 500 !important;
    color: var(--v2-mid-gray) !important;
}

.v2-main-content .ecoSystem-lst-view .company-recommandation-block.cutom-last-sectn .info-adv-btn-style.outline-follow {
    padding: 5px 12px !important;
    border-radius: 6px !important;
    border: 1.5px solid var(--buttonBackgroundColor2) !important;
    color: var(--buttonBackgroundColor2) !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    background: #fff !important;
    width: auto !important;
    white-space: nowrap !important;
    transition: all 0.15s ease !important;
    cursor: pointer !important;
}

.v2-main-content .ecoSystem-lst-view .company-recommandation-block.cutom-last-sectn .info-adv-btn-style.outline-follow:hover {
    background: var(--buttonBackgroundColor2) !important;
    color: #fff !important;
}

.v2-main-content .ecoSystem-lst-view .company-recommandation-block.cutom-last-sectn .info-adv-btn-style.outline-follow.nothover {
    background: var(--buttonBackgroundColor2) !important;
    color: #fff !important;
    border-color: var(--buttonBackgroundColor2) !important;
}

.v2-main-content .ecoSystem-lst-view .ecosystem-message-disc {
    /*background: var(--v2-brand-light, #EDE9FE) !important;
    border: 1px solid var(--v2-brand-border, #C4B5FD) !important;*/
    border-radius: 6px !important;
    padding: 8px 10px !important;
    margin-top: 10px !important;
    margin-bottom: 8px !important;
}

.v2-main-content .ecoSystem-lst-view .ecosystem-message-disc p {
    font-size: 12px !important;
    /*color: var(--buttonBackgroundColor2) !important;*/
    line-height: 1.5 !important;
    margin-bottom: 0 !important;
}

.v2-main-content .ecoSystem-lst-view .ecosystem-card-decription-container {
    margin-bottom: 8px !important;
}

.v2-main-content .ecoSystem-lst-view .ecosystem-card-decription-container p {
    font-size: 12.5px !important;
    color: var(--v2-warm-gray) !important;
    line-height: 1.65 !important;
    margin-bottom: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.v2-main-content .ecoSystem-lst-view .ecosystem-card-decription-categories {
    margin-top: 0 !important;
}

.v2-main-content .ecoSystem-lst-view .ecosystem-card-decription-categories .tagline-title {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: var(--v2-mid-gray) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    margin: 0 0 5px !important;
    display: block !important;
}

.v2-main-content .ecoSystem-lst-view .ecosystem-card-decription-categories .tagline-ct-list {
    display: inline-block !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    background: var(--v2-bg-light, #F3F4F6) !important;
    font-size: 11px !important;
    color: var(--v2-warm-gray) !important;
    border: 1px solid var(--v2-border-light) !important;
    margin-right: 5px !important;
    margin-bottom: 5px !important;
}

.v2-main-content .ecoSystem-lst-view .ecosystem-card-decription-categories .more-tagline-categories {
    color: var(--buttonBackgroundColor2) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
}

.v2-main-content .ecoSystem-lst-view .ecosystem-card-decription-categories .more-tagline-categories i {
    font-size: 11px !important;
}

.v2-main-content .ecoSystem-lst-view .ecosystem-card-decription-categories div[id$="_categorylistingless"] > p {
    color: var(--buttonBackgroundColor2) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
}

.v2-main-content .ecoSystem-lst-view .ecosystem-card-decription-categories div[id$="_categorylistingless"] > p i {
    font-size: 11px !important;
}

.v2-main-content .ecoSystem-lst-view .company-viewer-expand-more-view {
    border-top: 1px solid var(--v2-border-light) !important;
    padding: 0 !important;
}

.v2-main-content .ecoSystem-lst-view .company-viewer-expand-more-view .hl-expand-btn {
    width: 100% !important;
    padding: 8px 14px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--v2-mid-gray) !important;
    background: var(--v2-bg-light, #F9FAFB) !important;
    border: none !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
}

.v2-main-content .ecoSystem-lst-view .company-viewer-expand-more-view .hl-expand-btn:hover {
    background: var(--v2-bg-light, #F3F4F6) !important;
    color: var(--buttonBackgroundColor2) !important;
}

.v2-main-content .ecoSystem-lst-view .company-viewer-expand-more-view .hl-expand-btn i {
    font-size: 10px !important;
}

.v2-main-content .ecoSystem-lst-view .tooltip .tooltiptext-contact-bg {
    font-size: 11px !important;
}

/* ── 8. Contacts / References Grid ── */

.v2-main-content .contact-listing-UI {
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 8px !important;
    overflow: visible !important;
    transition: all 0.2s ease !important;
    background: #fff !important;
    position: relative !important;
}

.v2-main-content .contact-listing-UI:hover {
    border-color: var(--buttonBackgroundColor2, var(--v2-blue-border)) !important;
    box-shadow: var(--v2-shadow) !important;
    z-index: 10 !important;
}

.v2-main-content .quick-view-below-header > .row:has(.contact-listing-UI) {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin: 0 !important;
}

.v2-main-content .quick-view-below-header > .row:has(.contact-listing-UI) > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.v2-main-content .quick-view-below-header > .row:has(.contact-listing-UI) .contact-listing-UI {
    margin-bottom: 0 !important;
}

.v2-main-content .contact-listing-UI .contact-widgets-blocker {
    display: flex;
    flex-direction: column;
    margin-bottom: 0 !important;
}

.v2-main-content .contact-listing-UI .top-contact-info-filler {
    padding: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    border-bottom: none !important;
}

.v2-main-content .contact-listing-UI .contact-img-container.widget-contact-radius {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

.v2-main-content .contact-listing-UI .contact-img-container.widget-contact-radius img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

.v2-main-content .contact-listing-UI .bind-contact-details {
    flex: 1;
    min-width: 0;
}

.v2-main-content .contact-listing-UI .bind-contact-details .contact-info-bar .h5 {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--v2-dark) !important;
    margin-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.v2-main-content .contact-listing-UI .contact-discription-block {
    font-size: 11px;
    color: var(--v2-mid-gray);
}

.v2-main-content .contact-listing-UI .contact-discription-block .contactshowlimit {
    font-size: 11px;
    color: var(--v2-mid-gray);
    margin-bottom: 0;
}

.v2-main-content .contact-listing-UI .badges-expert-block {
    font-size: 10px;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 3px;
    background: var(--v2-blue-pale);
    color: var(--v2-blue);
}

.v2-main-content .contact-listing-UI .bottom-contanct-info-filler {
    padding: 9px 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    border: none !important;
    background: transparent !important;
    justify-content: flex-start !important;
}

.v2-main-content .contact-listing-UI .bottom-contanct-info-filler .contact-info-hover-icons {
    width: 26px !important;
    height: 26px !important;
    border-radius: 6px !important;
    border: 1px solid var(--v2-border-light) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    color: var(--v2-mid-gray) !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    padding: 0 !important;
    background: #fff !important;
}

.v2-main-content .contact-listing-UI .bottom-contanct-info-filler .contact-info-hover-icons:hover {
    border-color: var(--buttonBackgroundColor2, var(--v2-blue)) !important;
    color: var(--buttonBackgroundColor2, var(--v2-blue)) !important;
    background: var(--v2-blue-pale) !important;
}

.v2-main-content .contact-listing-UI .bottom-contanct-info-filler .contact-info-hover-icons i {
    font-size: 12px !important;
}

.v2-main-content .contact-listing-UI .bottom-contanct-info-filler .contact-info-hover-icons:has(i.overview-contact-disable) {
    cursor: default !important;
}

.v2-main-content .contact-listing-UI .bottom-contanct-info-filler .contact-info-hover-icons:has(i.overview-contact-disable) > i {
    opacity: 0.35 !important;
}

.v2-main-content #divReferenceOverviewWidget .contact-listing-UI .bottom-contanct-info-filler .contact-info-hover-icons:has(i.overview-contact-disable),
.v2-main-content #divReferenceOverviewWidget .contact-listing-UI .bottom-contanct-info-filler .contact-info-hover-icons:not(:has(i)) {
    display: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* 8a-tooltip. Bootstrap .tooltip neutralization for overview contact/reference widget icons */
.v2-main-content .contact-listing-UI .bottom-contanct-info-filler .contact-info-hover-icons.tooltip {
    position: relative !important;
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: auto !important;
    overflow: visible !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: normal !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    word-break: normal !important;
    word-spacing: normal !important;
    white-space: normal !important;
}

.v2-main-content #divReferenceOverviewWidget .contact-listing-UI .bottom-contanct-info-filler .contact-info-hover-icons.tooltip:has(i.overview-contact-disable),
.v2-main-content #divReferenceOverviewWidget .contact-listing-UI .bottom-contanct-info-filler .contact-info-hover-icons.tooltip:not(:has(i)) {
    display: none !important;
}

.v2-main-content #divReferenceOverviewWidget .contact-listing-UI .bottom-contanct-info-filler .contact-info-hover-icons.disabled-info {
    display: none !important;
}

.v2-main-content .contact-listing-UI .bottom-contanct-info-filler .contact-info-hover-icons.tooltip::before,
.v2-main-content .contact-listing-UI .bottom-contanct-info-filler .contact-info-hover-icons.tooltip::after {
    display: none !important;
    content: none !important;
}

.v2-main-content .contact-listing-UI .bottom-contanct-info-filler .contact-info-hover-icons .tooltiptext-contact-bg.tfd-text-round-tip {
    position: absolute !important;
    top: 32px !important;
    left: -80px !important;
    transform: none !important;
    width: 200px !important;
    white-space: normal !important;
    font-size: 12px !important;
    padding: 10px 10px !important;
    border-radius: 6px !important;
    background-color: #ffffff !important;
    color: #000 !important;
    text-align: center !important;
    z-index: 250 !important;
    visibility: hidden !important;
    opacity: 0 !important;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out !important;
    pointer-events: none !important;
    box-shadow: 0px 5px 10px rgba(0,0,0,.04) !important;
    border: 1px solid var(--buttonBackgroundColor2, var(--v2-border-med)) !important;
}

.v2-main-content .contact-listing-UI .bottom-contanct-info-filler .contact-info-hover-icons .tooltiptext-contact-bg.tfd-text-round-tip::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: -10px !important;
    left: 50% !important;
    margin-left: -5px !important;
    border-width: 5px !important;
    border-style: solid !important;
    border-color: transparent transparent var(--buttonBackgroundColor2, var(--v2-border-med)) transparent !important;
}

.v2-main-content .contact-listing-UI .bottom-contanct-info-filler .contact-info-hover-icons .tooltiptext-contact-bg.tfd-text-round-tip p {
    color: #333 !important;
    font-size: 12px !important;
    margin-bottom: 0 !important;
    line-height: 1.4 !important;
}

.v2-main-content .contact-listing-UI .bottom-contanct-info-filler .contact-info-hover-icons:hover .tooltiptext-contact-bg.tfd-text-round-tip:not(.d-none) {
    visibility: visible !important;
    opacity: 1 !important;
}

.v2-main-content .contact-listing-UI .bottom-contanct-info-filler .contact-info-hover-icons:last-child .tooltiptext-contact-bg.tfd-text-round-tip {
    left: auto !important;
    right: -10px !important;
}

.v2-main-content .contact-listing-UI .bottom-contanct-info-filler .contact-info-hover-icons:last-child .tooltiptext-contact-bg.tfd-text-round-tip::after {
    left: auto !important;
    right: 18px !important;
}

/* ── 8b. Contacts Page — Outer Page ── */

/* A. Parent wrapper — clean white card (matches .wc from reference) */
.v2-main-content .user-activities-contacts-details-outer .user-activities-contacts-details {
    background: #fff !important;
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: var(--v2-shadow) !important;
    gap: 0 !important;
}

/* A2. Ensure no intermediate element adds a border around all contacts */
.v2-main-content .user-activities-contacts-details-outer .contact-display-container {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.v2-main-content .user-activities-contacts-details-outer #ViewContactsDiv {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-listing-UI {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.v2-main-content .user-activities-contacts-details-outer .user-activities-details-frame-contacts-numbers {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* B. Header row */
.v2-main-content .user-activities-contacts-details-outer .top-header-style {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 16px !important;
    gap: 8px !important;
}

.v2-main-content .user-activities-contacts-details-outer .top-header-style .h4 {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: var(--v2-charcoal) !important;
    margin-bottom: 0 !important;
}

.v2-main-content .user-activities-contacts-details-outer .top-header-style .h4 span {
    font-size: 13px !important;
    color: var(--v2-mid-gray) !important;
    font-weight: 400 !important;
}

.v2-main-content .user-activities-contacts-details-outer .edit-contact-link {
    width: 28px !important;
    height: 28px !important;
    border-radius: 6px !important;
    border: 1px solid var(--v2-border-light) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--buttonBackgroundColor2) !important;
    background: #fff !important;
    text-decoration: none !important;
    transition: all .15s ease !important;
}

.v2-main-content .user-activities-contacts-details-outer .edit-contact-link:hover {
    border-color: var(--buttonBackgroundColor2) !important;
    color: var(--buttonBackgroundColor2) !important;
    background: #fff !important;
}

.v2-main-content .user-activities-contacts-details-outer .edit-contact-link i {
    font-size: 12px !important;
    color: inherit !important;
}

/* C. Contact row cards */
.v2-main-content .user-activities-contacts-details-outer .contact-unset-type .listing-contact-lineup {
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 8px !important;
    padding: 16px 18px !important;
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    transition: all .2s ease !important;
    cursor: pointer !important;
    position: relative !important;
    background: #fff !important;
    box-shadow: var(--v2-shadow) !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-unset-type .listing-contact-lineup:hover {
    border-color: var(--buttonBackgroundColor2) !important;
    box-shadow: var(--v2-shadow-md) !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-unset-type:last-child .listing-contact-lineup {
    margin-bottom: 12px !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-flt-pin {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-flt-pin i {
    transform: rotate(45deg) !important;
    color: var(--v2-mid-gray) !important;
    font-size: 10px !important;
    opacity: .4 !important;
}

/* D. Avatar */
.v2-main-content .user-activities-contacts-details-outer .contact-img-container {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    border: none !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-img-container a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-img-container img {
    width: 56px !important;
    height: 56px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

/* E. Contact body & name */
.v2-main-content .user-activities-contacts-details-outer .bind-contact-details {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-info-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: static !important;
    gap: 12px !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-info-bar .h5 {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: var(--v2-charcoal) !important;
    margin-bottom: 3px !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    cursor: pointer !important;
    flex: 1 !important;
    min-width: 0 !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-info-bar .h5 i {
    font-size: 13px !important;
    color: var(--v2-mid-gray) !important;
}

/* F. Role & address text */
.v2-main-content .user-activities-contacts-details-outer .contact-discription-block {
    text-align: left !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-discription-block p {
    font-size: 13px !important;
    color: var(--v2-mid-gray) !important;
    font-weight: 500 !important;
    margin-bottom: 0 !important;
    line-height: 1.5 !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-discription-block p + p {
    font-size: 12px !important;
    color: var(--v2-light-text) !important;
    font-weight: 400 !important;
    margin-top: 3px !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-discription-block p.searchedDistanceOuterPage {
    font-size: 11px !important;
    color: var(--v2-mid-gray) !important;
}

/* G. Badges */
.v2-main-content .user-activities-contacts-details-outer .contact-badge-expert,
.v2-main-content .user-activities-contacts-details-outer .contact-badge-territary {
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-badge-expert::after,
.v2-main-content .user-activities-contacts-details-outer .contact-badge-territary::after {
    display: none !important;
    content: none !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-badge-expert span {
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 4px 10px !important;
    border-radius: 8px !important;
    background-color: #ffefe2 !important;
    color: #b15e1c !important;
    white-space: nowrap !important;
    display: inline-block !important;
    line-height: 1.4 !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-badge-territary span {
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 4px 10px !important;
    border-radius: 8px !important;
    background-color: #eee !important;
    color: #8b8b8b !important;
    white-space: nowrap !important;
    display: inline-block !important;
    line-height: 1.4 !important;
}

.v2-main-content .user-activities-contacts-details-outer .status-badge-offline {
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 3px 10px !important;
    border-radius: 20px !important;
    background: #FEE2E2 !important;
    color: #DC2626 !important;
    white-space: nowrap !important;
    margin-left: 0 !important;
}

/* H. Icon buttons + Bootstrap .tooltip neutralization */
.v2-main-content .user-activities-contacts-details-outer .right-contact-info-icon {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
    position: static !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-info-hover-icons.tooltip {
    position: relative !important;
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    border-radius: 8px !important;
    border: 1px solid var(--v2-border-light) !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    color: var(--v2-mid-gray) !important;
    cursor: pointer !important;
    transition: all .15s ease !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: auto !important;
    overflow: visible !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: normal !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    word-break: normal !important;
    word-spacing: normal !important;
    white-space: normal !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-info-hover-icons.tooltip:hover {
    border-color: var(--buttonBackgroundColor2) !important;
    color: var(--buttonBackgroundColor2) !important;
    background: #fff !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-info-hover-icons.tooltip::before,
.v2-main-content .user-activities-contacts-details-outer .contact-info-hover-icons.tooltip::after {
    display: none !important;
    content: none !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-info-hover-icons i {
    font-size: 14px !important;
    line-height: 1 !important;
    color: inherit !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-info-hover-icons i.overview-contact-disable {
    opacity: .35 !important;
}

/* I. Custom tooltips on icons — V1 style (white bg, theme border, arrow) */
.v2-main-content .user-activities-contacts-details-outer .contact-info-hover-icons .tooltiptext-contact-bg.tfd-text-round-tip {
    position: absolute !important;
    top: 36px !important;
    left: -90px !important;
    transform: none !important;
    width: 200px !important;
    white-space: normal !important;
    font-size: 12px !important;
    padding: 10px 10px !important;
    border-radius: 6px !important;
    background-color: #ffffff !important;
    color: #000 !important;
    text-align: center !important;
    z-index: 250 !important;
    visibility: hidden !important;
    opacity: 0 !important;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out !important;
    pointer-events: none !important;
    box-shadow: 0px 5px 10px rgba(0,0,0,.04) !important;
    border: 1px solid var(--buttonBackgroundColor2) !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-info-hover-icons .tooltiptext-contact-bg.tfd-text-round-tip::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: -10px !important;
    left: 50% !important;
    margin-left: -5px !important;
    border-width: 5px !important;
    border-style: solid !important;
    border-color: transparent transparent var(--buttonBackgroundColor2) transparent !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-info-hover-icons .tooltiptext-contact-bg.tfd-text-round-tip p {
    color: #333 !important;
    font-size: 12px !important;
    margin-bottom: 0 !important;
    line-height: 1.4 !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-info-hover-icons:hover .tooltiptext-contact-bg.tfd-text-round-tip:not(.d-none) {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Last icon tooltip — align right so it doesn't overflow */
.v2-main-content .user-activities-contacts-details-outer .contact-info-hover-icons:last-child .tooltiptext-contact-bg.tfd-text-round-tip {
    left: auto !important;
    right: -10px !important;
}

.v2-main-content .user-activities-contacts-details-outer .contact-info-hover-icons:last-child .tooltiptext-contact-bg.tfd-text-round-tip::after {
    left: auto !important;
    right: 18px !important;
}

/* J. Search / filter section */
.v2-main-content .user-activities-contacts-details-outer .div-search-sort-portion {
    background: #fff !important;
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: var(--v2-shadow) !important;
    margin-bottom: 16px !important;
}

.v2-main-content .user-activities-contacts-details-outer .div-search-sort-portion .h6 {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--v2-charcoal) !important;
    margin-bottom: 8px !important;
}

.v2-main-content .user-activities-contacts-details-outer .div-search-sort-portion .input-field.form-control {
    padding: 10px 16px 10px 33px !important;
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    color: var(--v2-dark) !important;
    background: var(--v2-bg-light) !important;
    transition: border-color .15s ease !important;
    height: auto !important;
    box-shadow: none !important;
}

.v2-main-content .user-activities-contacts-details-outer .div-search-sort-portion .input-field.form-control:focus {
    border-color: var(--v2-blue) !important;
    outline: none !important;
    background: #fff !important;
}

.v2-main-content .user-activities-contacts-details-outer .div-search-sort-portion .input-field.form-control::placeholder {
    color: var(--v2-mid-gray) !important;
    font-size: 13px !important;
    opacity: .7 !important;
}

.v2-main-content .user-activities-contacts-details-outer .div-search-sort-portion .floating-search-ic {
    position: absolute !important;
    top: 8px !important;
    left: 4px !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: none !important;
    z-index: 2 !important;
    width: 18px !important;
    height: 18px !important;
}

.v2-main-content .user-activities-contacts-details-outer .div-search-sort-portion .floating-search-ic i,
.v2-main-content .user-activities-contacts-details-outer .div-search-sort-portion .input-icon-search.input-icon-search-location.mb-3.position-relative.relatated-contact-search i,
.v2-main-content .user-activities-contacts-details-outer .div-search-sort-portion .input-icon-search.input-icon-search-location.mb-3.related-contact-location-search i {
    font-size: 14px !important;
    color: var(--v2-mid-gray) !important;
    margin: 0 !important;
    margin-left: 0 !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
}

.v2-main-content .user-activities-contacts-details-outer .div-search-sort-portion .filter-containers {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 4px !important;
}

.v2-main-content .user-activities-contacts-details-outer .div-search-sort-portion .contact-chkbox {
    align-items: center !important;
}

.v2-main-content .user-activities-contacts-details-outer .div-search-sort-portion .contact-chkbox input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    accent-color: var(--v2-blue) !important;
    margin: 0 !important;
    cursor: pointer !important;
}

.v2-main-content .user-activities-contacts-details-outer .div-search-sort-portion .contact-chkbox label {
    font-size: 12.5px !important;
    color: var(--v2-warm-gray) !important;
    font-weight: 500 !important;
    cursor: pointer !important;
}

.v2-main-content .user-activities-contacts-details-outer .div-search-sort-portion .categories-featured-filter-button {
    max-width: 220px !important;
}

.v2-main-content .user-activities-contacts-details-outer .div-search-sort-portion .featured-filter-button {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 7px 12px !important;
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 8px !important;
    background: #fff !important;
    font-size: 12px !important;
    color: var(--v2-warm-gray) !important;
    font-weight: 500 !important;
    /*transition: border-color .15s ease !important;*/
    cursor: pointer !important;
    white-space: nowrap !important;
}

.v2-main-content .user-activities-contacts-details-outer .div-search-sort-portion .featured-filter-button:hover {
    border-color: var(--v2-blue) !important;
}

.v2-main-content .user-activities-contacts-details-outer .div-search-sort-portion .featured-filter-button .h5 {
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: var(--v2-warm-gray) !important;
    margin-bottom: 0 !important;
}

.v2-main-content .user-activities-contacts-details-outer .div-search-sort-portion .featured-filter-button i {
    font-size: 14px !important;
    color: var(--v2-mid-gray) !important;
}

.v2-main-content .user-activities-contacts-details-outer .div-search-sort-portion .dropdown-menu.dropdown-content {
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 8px !important;
    box-shadow: var(--v2-shadow-md) !important;
    padding: 6px 0 !important;
    margin-top: 4px !important;
}

.v2-main-content .user-activities-contacts-details-outer .div-search-sort-portion .featured-filter-dropdown-item {
    font-size: 12.5px !important;
    color: var(--v2-warm-gray) !important;
    padding: 7px 16px !important;
    transition: background .1s ease !important;
}

.v2-main-content .user-activities-contacts-details-outer .div-search-sort-portion .featured-filter-dropdown-item:hover {
    background: var(--v2-bg-light) !important;
    color: var(--v2-charcoal) !important;
}

/* K. Responsive */
@media (max-width: 900px) {
    .v2-main-content .user-activities-contacts-details-outer .right-contact-info-icon {
        display: none !important;
    }

    .v2-main-content .user-activities-contacts-details-outer .res-bottom-contanct-bind {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 8px 18px 12px !important;
        flex-wrap: wrap !important;
    }

    .v2-main-content .user-activities-contacts-details-outer .res-bottom-contanct-bind .contact-info-hover-icons,
    .v2-main-content .user-activities-contacts-details-outer .res-bottom-contanct-bind .contact-info-hover-icons.tooltip {
        position: relative !important;
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        border-radius: 8px !important;
        border: 1px solid var(--v2-border-light) !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 14px !important;
        color: var(--v2-mid-gray) !important;
        transition: all .15s ease !important;
        cursor: pointer !important;
        background: #fff !important;
        padding: 0 !important;
        z-index: auto !important;
        overflow: visible !important;
        flex-shrink: 0 !important;
    }

    .v2-main-content .user-activities-contacts-details-outer .res-bottom-contanct-bind .contact-info-hover-icons:hover {
        border-color: var(--v2-blue) !important;
        color: var(--v2-blue) !important;
        background: var(--v2-blue-pale) !important;
    }

    .v2-main-content .user-activities-contacts-details-outer .res-bottom-contanct-bind .contact-info-hover-icons.tooltip::before,
    .v2-main-content .user-activities-contacts-details-outer .res-bottom-contanct-bind .contact-info-hover-icons.tooltip::after {
        display: none !important;
        content: none !important;
    }

    .v2-main-content .user-activities-contacts-details-outer .res-bottom-contanct-bind .contact-badge-expert,
    .v2-main-content .user-activities-contacts-details-outer .res-bottom-contanct-bind .contact-badge-territary {
        position: static !important;
        margin: 0 !important;
    }

    .v2-main-content .user-activities-contacts-details-outer .res-bottom-contanct-bind .contact-badge-expert::after,
    .v2-main-content .user-activities-contacts-details-outer .res-bottom-contanct-bind .contact-badge-territary::after {
        display: none !important;
        content: none !important;
    }

    .v2-main-content .user-activities-contacts-details-outer .contact-img-container {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
    }

    .v2-main-content .user-activities-contacts-details-outer .contact-img-container img {
        width: 44px !important;
        height: 44px !important;
    }

    .v2-main-content .user-activities-contacts-details-outer .contact-info-bar .h5 {
        font-size: 13px !important;
    }

    .v2-main-content .user-activities-contacts-details-outer .contact-discription-block p {
        font-size: 12px !important;
    }

    .v2-main-content .user-activities-contacts-details-outer .contact-discription-block p + p {
        font-size: 11px !important;
    }

    .v2-main-content .user-activities-contacts-details-outer .div-search-sort-portion .filter-containers {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}

/* L. Misc */
.v2-main-content .user-activities-contacts-details-outer .res-bottom-contanct-bind {
    display: none !important;
}

.v2-main-content .user-activities-contacts-details-outer .search-btn-load {
    display: flex !important;
    justify-content: center !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    width: 100% !important;
}

.v2-main-content .user-activities-contacts-details-outer .search-btn-load.d-none {
    display: none !important;
}

.v2-main-content .user-activities-contacts-details-outer .clsLoadMoreBtnContactSearchPartial.d-none {
    display: none !important;
}

.v2-main-content .user-activities-contacts-details-outer .clsLoadMoreBtnContactSearchPartial {
    font-size: 14px !important;
    font-weight: 700 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 10px 0 !important;
    border: 1px dashed var(--v2-border-med) !important;
    border-radius: 8px !important;
    background: #fff !important;
    cursor: pointer !important;
    transition: all .15s ease !important;
}

.v2-main-content .user-activities-contacts-details-outer .clsLoadMoreBtnContactSearchPartial:hover {
    border-color: var(--buttonBackgroundColor2) !important;
    background: #fff !important;
}

.v2-main-content .user-activities-contacts-details-outer .clsLoadMoreBtnContactSearchPartial a {
    text-decoration: none !important;
    color: inherit !important;
}

.v2-main-content .user-activities-contacts-details-outer .clsLoadMoreBtnContactSearchPartial i {
    font-size: 14px !important;
    color: inherit !important;
}

.v2-main-content .user-activities-contacts-details-outer .search-contact-info-tag {
    padding: 0 !important;
    gap: 8px !important;
}

.v2-main-content .user-activities-contacts-details-outer .search-contact-info-tag .subcategorytag {
    font-size: 12px !important;
    border-radius: 20px !important;
    padding: 4px 12px !important;
    background: var(--v2-bg-light) !important;
    color: var(--v2-dark) !important;
    border: 1px solid var(--v2-border-light) !important;
}

/* ── 8c. References Page — Card Overrides ── */

/* A. Avatar — rounded square instead of circle */
.v2-main-content .user-activities-contacts-details-outer #mainInnerPage .contact-img-container {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    background: var(--v2-bg-light) !important;
    border: 1px solid var(--v2-border-light) !important;
}

.v2-main-content .user-activities-contacts-details-outer #mainInnerPage .contact-img-container img {
    width: 54px !important;
    height: 54px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

/* B. Card layout — relative positioning for absolute icon placement */
.v2-main-content .user-activities-contacts-details-outer #mainInnerPage .contact-unset-type .listing-contact-lineup {
    position: relative !important;
    padding: 14px 16px !important;
    padding-right: 60px !important;
    gap: 14px !important;
    margin-bottom: 10px !important;
}

.v2-main-content .user-activities-contacts-details-outer #mainInnerPage .contact-unset-type:last-child .listing-contact-lineup {
    margin-bottom: 0 !important;
}

/* C. Card hover — brand border + elevated shadow */
.v2-main-content .user-activities-contacts-details-outer #mainInnerPage .contact-unset-type .listing-contact-lineup:hover {
    border-color: var(--buttonBackgroundColor2) !important;
    box-shadow: var(--v2-shadow-md) !important;
}

/* D. Info bar — block layout since icons are absolutely positioned */
.v2-main-content .user-activities-contacts-details-outer #mainInnerPage .contact-info-bar {
    display: block !important;
    position: static !important;
}

.v2-main-content .user-activities-contacts-details-outer #mainInnerPage .contact-info-bar .h5 {
    display: block !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: var(--v2-charcoal) !important;
    margin-bottom: 3px !important;
}

/* E. Action icons — vertically centered at card far-right */
.v2-main-content .user-activities-contacts-details-outer #mainInnerPage .right-contact-info-icon {
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* F. Text hierarchy — person name (text node) and role (p tag) */
.v2-main-content .user-activities-contacts-details-outer #mainInnerPage .contact-discription-block {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--v2-dark) !important;
    text-align: left !important;
    margin-top: 2px !important;
}

.v2-main-content .user-activities-contacts-details-outer #mainInnerPage .contact-discription-block p {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: var(--v2-mid-gray) !important;
    margin-top: 2px !important;
    margin-bottom: 0 !important;
    line-height: 1.5 !important;
}

/* G. Hide empty icon containers (phone box renders when phone number is absent) */
.v2-main-content .user-activities-contacts-details-outer #mainInnerPage .contact-info-hover-icons:not(:has(i)) {
    display: none !important;
}

/* H. Responsive — references-specific mobile overrides */
@media (max-width: 900px) {
    .v2-main-content .user-activities-contacts-details-outer #mainInnerPage .contact-unset-type .listing-contact-lineup {
        padding-right: 16px !important;
        flex-wrap: wrap !important;
    }

    .v2-main-content .user-activities-contacts-details-outer #mainInnerPage .right-contact-info-icon {
        position: static !important;
        transform: none !important;
        display: none !important;
    }

    .v2-main-content .user-activities-contacts-details-outer #mainInnerPage .contact-img-container {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        border-radius: 8px !important;
    }

    .v2-main-content .user-activities-contacts-details-outer #mainInnerPage .contact-img-container img {
        width: 44px !important;
        height: 44px !important;
        border-radius: 8px !important;
    }

    .v2-main-content .user-activities-contacts-details-outer #mainInnerPage .contact-info-bar .h5 {
        font-size: 13px !important;
    }

    .v2-main-content .user-activities-contacts-details-outer #mainInnerPage .contact-discription-block {
        font-size: 12px !important;
    }

    .v2-main-content .user-activities-contacts-details-outer #mainInnerPage .contact-discription-block p {
        font-size: 11px !important;
    }
}

/* ── 9. Locations — Outer Page ── */

/* 9a. Location page wrapper — clean V2 container */
.v2-main-content #locationlistView {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

/* 9b. Search / sort section — white card */
.v2-main-content #locationlistView > .div-search-sort-portion {
    background: #fff !important;
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: var(--v2-shadow) !important;
    margin-bottom: 0 !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .h6 {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--v2-charcoal) !important;
    margin-bottom: 8px !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .input-field.form-control {
    padding: 10px 16px 10px 33px !important;
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    color: var(--v2-dark) !important;
    background: var(--v2-bg-light) !important;
    transition: border-color .15s ease !important;
    height: auto !important;
    box-shadow: none !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .input-field.form-control:focus {
    border-color: var(--v2-blue) !important;
    outline: none !important;
    background: #fff !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .input-field.form-control::placeholder {
    color: var(--v2-mid-gray) !important;
    font-size: 13px !important;
    opacity: .7 !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .floating-search-ic {
    position: absolute !important;
    top: 8px !important;
    left: 4px !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: none !important;
    z-index: 2 !important;
    width: 18px !important;
    height: 18px !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .floating-search-ic i {
    font-size: 14px !important;
    color: var(--v2-mid-gray) !important;
    margin: 0 !important;
    margin-left: 0 !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .row.justify-content-end {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 4px !important;
    margin-right: 0 !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .row.justify-content-end > .col-md-4 {
    flex: 0 0 auto !important;
    width: auto !important;
    padding-right: 0 !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .categories-featured-filter-button {
    max-width: 220px !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .featured-filter-button {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 7px 18px !important;
    min-width: 235px !important;
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 8px !important;
    background: #fff !important;
    font-size: 12px !important;
    color: var(--v2-warm-gray) !important;
    font-weight: 500 !important;
    /*transition: border-color .15s ease !important;*/
    cursor: pointer !important;
    white-space: nowrap !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .featured-filter-button:hover {
    border-color: var(--v2-blue) !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .featured-filter-button .h5 {
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: var(--v2-warm-gray) !important;
    margin-bottom: 0 !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .featured-filter-button i {
    font-size: 14px !important;
    color: var(--v2-mid-gray) !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .dropdown-menu.dropdown-content {
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 8px !important;
    box-shadow: var(--v2-shadow-md) !important;
    padding: 6px 0 !important;
    margin-top: 4px !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .featured-filter-dropdown-item {
    font-size: 12.5px !important;
    color: var(--v2-warm-gray) !important;
    padding: 7px 16px !important;
    transition: background .1s ease !important;
}

.v2-main-content #locationlistView .div-search-sort-portion .featured-filter-dropdown-item:hover {
    background: var(--v2-bg-light) !important;
    color: var(--v2-charcoal) !important;
}

/* 9c. Content section — white card */
.v2-main-content #locationlistView .company-details-categories-content-filter1-full {
    background: #fff !important;
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: var(--v2-shadow) !important;
}

/* 9d. Header row — title + edit button */
.v2-main-content #locationlistView .company-details-categories-content-overview-filter-full {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 16px !important;
}

.v2-main-content #locationlistView .categories-company-details-penal h2 {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: var(--v2-charcoal) !important;
    margin-bottom: 0 !important;
}

.v2-main-content #locationlistView .categories-company-details-penal h2 span {
    font-size: 13px !important;
    color: var(--v2-mid-gray) !important;
    font-weight: 400 !important;
}

/* 9e. Edit button (pen icon) */
.v2-main-content #locationlistView .edit-location-link {
    width: 28px !important;
    height: 28px !important;
    border-radius: 6px !important;
    border: 1px solid var(--v2-border-light) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--buttonBackgroundColor2) !important;
    background: #fff !important;
    text-decoration: none !important;
    transition: all .15s ease !important;
}

.v2-main-content #locationlistView .edit-location-link:hover {
    border-color: var(--buttonBackgroundColor2) !important;
    color: var(--buttonBackgroundColor2) !important;
    background: #fff !important;
}

.v2-main-content #locationlistView .edit-location-link i {
    font-size: 12px !important;
    color: inherit !important;
}

/* 9f. Location card */
.v2-main-content .company-details-location-full {
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 8px !important;
    padding: 0 !important;
    margin-bottom: 8px !important;
    transition: all .2s ease !important;
    cursor: pointer !important;
    background: #fff !important;
    box-shadow: var(--v2-shadow) !important;
    overflow: hidden !important;
}

.v2-main-content .company-details-location-full:hover {
    border-color: var(--buttonBackgroundColor2, var(--v2-blue-border)) !important;
    box-shadow: var(--v2-shadow-md) !important;
}

/* 9g. Card inner layout */
.v2-main-content .company-details-sub-location-full.company-location-info {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    padding: 16px 18px !important;
    width: 100% !important;
}

/* 9h. Map thumbnail — target <a> rendered by _StaticMapPlaceholder */
.v2-main-content .company-details-sub-location-full.company-location-info > a {
    width: 100px !important;
    height: 80px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    min-height: 80px !important;
    max-height: 80px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    border: 1px solid var(--v2-border-light) !important;
    background: var(--v2-bg-light) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.v2-main-content .company-details-sub-location-full.company-location-info > a img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 8px !important;
}

.v2-main-content .company-details-sub-location-full.company-location-info > a i {
    font-size: 1.2rem !important;
    color: var(--v2-mid-gray) !important;
}

.v2-main-content .company-details-sub-location-full.company-location-info > span.no-location-map-block {
    width: 100px !important;
    height: 80px !important;
    min-width: 100px !important;
    min-height: 80px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 24px !important;
    color: var(--v2-mid-gray) !important;
    background: var(--v2-bg-light) !important;
    border: 1px solid var(--v2-border-light) !important;
    flex-shrink: 0 !important;
}

/* 9i. Location details body */
.v2-main-content .company-details-actionbloc-location {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

/* 9j. Location name (<b> tag) */
.v2-main-content .company-details-actionbloc-location > b {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: var(--v2-charcoal) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 6px !important;
    line-height: 1.3 !important;
}

/* 9k. HQ badge */
.v2-main-content .company-details-actionbloc-location .status-text.status-badge-hq {
    display: inline-flex !important;
    align-items: center !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    background: var(--v2-green-light) !important;
    border: 1px solid var(--v2-green) !important;
    color: var(--v2-green) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* 9l. Address (first <p> after <b>) */
.v2-main-content .company-details-actionbloc-location > b + p {
    font-size: 13px !important;
    color: var(--v2-mid-gray) !important;
    margin-bottom: 4px !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    line-height: 1.4 !important;
}

.v2-main-content .company-details-actionbloc-location > b + p::before {
    content: "\f3c5";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    font-size: 12px;
    color: var(--v2-mid-gray);
    flex-shrink: 0;
}

/* 9m. Distance line */
.v2-main-content .searchedDistanceLocationOuterPage {
    font-size: 12px !important;
    color: var(--v2-mid-gray) !important;
    margin-bottom: 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.v2-main-content .searchedDistanceLocationOuterPage i {
    font-size: 12px !important;
    color: var(--v2-mid-gray) !important;
}

/* 9n. Contact avatars */
.v2-main-content .company-details-actionbloc-location > div {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 2px !important;
    padding-left: 0 !important;
}

.v2-main-content .company-details-actionbloc-location .company-details-avatar-ul {
    list-style: none !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
}

.v2-main-content .company-details-actionbloc-location .company-details-avatar-li {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    border: 2px solid #fff !important;
    margin-left: -8px !important;
    margin-right: 0 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    list-style: none !important;
    display: inline-flex !important;
}

.v2-main-content .company-details-actionbloc-location .company-details-avatar-li:first-child {
    margin-left: 0 !important;
}

.v2-main-content .company-details-actionbloc-location .company-details-avatar-li img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 50% !important;
}

.v2-main-content .company-details-actionbloc-location .more-count-li {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--v2-bg-light) !important;
    color: var(--v2-warm-gray) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

.v2-main-content .company-details-actionbloc-location .more-count-li .more-count-div {
    font-size: 10px !important;
    font-weight: 700 !important;
    color: var(--v2-warm-gray) !important;
}

/* 9o. Pin indicator — keep V1 color (red) */
.v2-main-content .company-details-location-full .location-pin-block {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
}

/* 9p. Location desc container — remove V1 spacing */
.v2-main-content .company-details-location-desc1-full {
    padding: 0 !important;
    margin: 0 !important;
}

/* 9q. Override old location classes when inside V2 (non-outer-page views) */
.v2-main-content .company-details-location:not(.custom-details-partner-row) {
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 8px !important;
    padding: 14px !important;
    display: flex !important;
    gap: 12px !important;
    align-items: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin-bottom: 10px !important;
    background: #fff !important;
}

.v2-main-content .company-details-location:not(.custom-details-partner-row):hover {
    border-color: var(--buttonBackgroundColor2, var(--v2-blue-border)) !important;
    box-shadow: var(--v2-shadow) !important;
}

.v2-main-content .company-details-sub-location .no-location-map-block {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 8px;
    background: var(--v2-bg-light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}

/* 9q-b. Overview location card inner layout */
.v2-main-content .company-details-location:not(.custom-details-partner-row) .company-details-sub-location.company-location-info {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
}

.v2-main-content .company-details-location:not(.custom-details-partner-row) .company-details-sub-location.company-location-info > a {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

.v2-main-content .company-details-location:not(.custom-details-partner-row) .company-details-sub-location.company-location-info > a img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* 9q-c. Overview location name (uses h2.h6 instead of <b>) */
.v2-main-content .company-details-location:not(.custom-details-partner-row) .company-details-actionbloc-location .h6 {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: var(--v2-dark) !important;
    margin-bottom: 0 !important;
}

/* 9q-d. Overview location address */
.v2-main-content .company-details-location:not(.custom-details-partner-row) .company-details-actionbloc-location p {
    font-size: 12px !important;
    color: var(--v2-mid-gray) !important;
    margin-top: 2px !important;
    margin-bottom: 0 !important;
}

/* 9r. Show More button */
.v2-main-content #locationlistView .search-btn-load.d-none {
    display: none !important;
}

.v2-main-content #locationlistView .search-btn-load {
    display: flex !important;
    justify-content: center !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    width: 100% !important;
}

.v2-main-content #locationlistView .activities-updates-categories-content-show-more.d-none {
    display: none !important;
}

.v2-main-content #locationlistView .activities-updates-categories-content-show-more {
    font-size: 14px !important;
    font-weight: 700 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 10px 0 !important;
    border: 1px dashed var(--v2-border-med) !important;
    border-radius: 8px !important;
    background: #fff !important;
    cursor: pointer !important;
    transition: all .15s ease !important;
}

.v2-main-content #locationlistView .activities-updates-categories-content-show-more:hover {
    border-color: var(--buttonBackgroundColor2) !important;
    background: #fff !important;
}

.v2-main-content #locationlistView .activities-updates-categories-content-show-more a {
    text-decoration: none !important;
    color: inherit !important;
}

.v2-main-content #locationlistView .activities-updates-categories-content-show-more i {
    font-size: 14px !important;
    color: inherit !important;
}

/* 9s. Filter tags */
.v2-main-content #locationlistView .search-contact-info-tag {
    padding: 0 !important;
    gap: 8px !important;
}

.v2-main-content #locationlistView .search-contact-info-tag .subcategorytag {
    font-size: 12px !important;
    border-radius: 20px !important;
    padding: 4px 12px !important;
    background: var(--v2-bg-light) !important;
    color: var(--v2-dark) !important;
    border: 1px solid var(--v2-border-light) !important;
}

/* 9t. Responsive — Locations */
@media (max-width: 900px) {
    .v2-main-content .company-details-sub-location-full.company-location-info {
        flex-direction: column !important;
    }

    .v2-main-content .company-details-sub-location-full.company-location-info > a {
        width: 100% !important;
        height: 120px !important;
        min-width: unset !important;
        max-width: unset !important;
    }

    .v2-main-content .company-details-sub-location-full.company-location-info > .no-location-map-block:first-child,
    .v2-main-content .company-details-sub-location-full.company-location-info > span.no-location-map-block {
        width: 100% !important;
        height: 120px !important;
        min-width: unset !important;
    }

    .v2-main-content #locationlistView .div-search-sort-portion .row.align-items-center.justify-content-end {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}

/* ── 10. Industry Partners ── */

/* A0. Neutralize outer wrappers — remove double-box */
.v2-main-content .user-activities-partner-details {
    width: 100% !important;
}

.v2-main-content .user-activities-partner-details .activity-card {
    background: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.v2-main-content .user-activities-partner-details .user-activities-partner-details-frame {
    padding: 0 !important;
    margin: 0 !important;
}

.v2-main-content .user-activities-partner-details .col-md-8 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

/* A. Main container card — single box */
.v2-main-content #divPartnerListing .quick-view-settle-block {
    background: #fff !important;
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: var(--v2-shadow) !important;
}

.v2-main-content #divPartnerListing .quick-view-above-header.cst-industry-flex-column {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 16px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
}

/* B. Header row — title + filter */
.v2-main-content .reletionships-row-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    margin-bottom: 0 !important;
}

.v2-main-content .reletionships-row-top .h5 {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: var(--v2-charcoal) !important;
    margin-bottom: 0 !important;
    line-height: 1.3 !important;
}

.v2-main-content .reletionships-row-top .h5 #partnerCountDisplay {
    font-size: 13px !important;
    color: var(--v2-mid-gray) !important;
    font-weight: 400 !important;
}

.v2-main-content .reletionships-row-top .bottom-contanct-info-filler {
    border-top: none !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* C. Filter dropdown */
.v2-main-content .cst-industry-flex-column .form-select,
.v2-main-content .cst-industry-flex-column .form-select.custom-recommandation-flex {
    padding: 7px 12px !important;
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    color: var(--v2-warm-gray) !important;
    background: #fff !important;
    cursor: pointer !important;
    transition: border-color .15s ease !important;
    appearance: auto !important;
}

.v2-main-content .cst-industry-flex-column .form-select:hover,
.v2-main-content .cst-industry-flex-column .form-select:focus {
    border-color: var(--v2-blue) !important;
    outline: none !important;
}

/* Subtitle description — high specificity to override .quick-view-above-header > .h5 */
.v2-main-content .quick-view-above-header > .h5.custom-industry-descontainer,
.v2-main-content .cst-industry-flex-column > .h5.custom-industry-descontainer {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: var(--v2-mid-gray) !important;
    line-height: 1.4 !important;
    margin-top: 2px !important;
    margin-bottom: 0 !important;
    letter-spacing: normal !important;
}

/* Below-header container reset */
.v2-main-content #divPartnerListing .quick-view-below-header {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* D. Partner cards */
.v2-main-content .partner-item,
.v2-main-content .company-details-location.custom-details-partner-row.partner-item {
    border: 1px solid var(--v2-border-light) !important;
    border-radius: 8px !important;
    padding: 18px !important;
    margin-bottom: 12px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    background: #fff !important;
}

.v2-main-content .partner-item:hover,
.v2-main-content .company-details-location.custom-details-partner-row.partner-item:hover {
    border-color: var(--buttonBackgroundColor2, var(--v2-blue-border)) !important;
    box-shadow: var(--v2-shadow-md) !important;
}

/* E. Partner card inner layout — logo + content */
.v2-main-content .partner-item .partners-id-left-flex,
.v2-main-content .company-details-location.custom-details-partner-row.partner-item .partners-id-left-flex {
    flex-shrink: 0 !important;
    margin-right: 14px !important;
}

.v2-main-content .partner-item .id-partners-container-img,
.v2-main-content .company-details-location.custom-details-partner-row.partner-item .id-partners-container-img {
    width: 58px !important;
    height: 48px !important;
    border-radius: 8px !important;
    border: 1px solid var(--v2-border-light) !important;
    overflow: hidden !important;
    object-fit: cover !important;
    background: var(--v2-bg-light) !important;
    display: block !important;
}

/* F. Partner name */
.v2-main-content .partner-item .partners-header-block,
.v2-main-content .company-details-location.custom-details-partner-row.partner-item .partners-header-block {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 5px !important;
}

.v2-main-content .partner-item .partners-header-block .h5,
.v2-main-content .company-details-location.custom-details-partner-row.partner-item .partners-header-block .h5 {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: var(--v2-charcoal) !important;
    margin-bottom: 0 !important;
    line-height: 1.3 !important;
}

.v2-main-content .partner-item .partners-header-block .h5 a {
    color: var(--v2-charcoal) !important;
    text-decoration: none !important;
}

.v2-main-content .partner-item .partners-header-block .h5 a:hover {
    color: var(--v2-blue) !important;
}

/* G. Partner description */
.v2-main-content .partner-item .partners-info-block,
.v2-main-content .company-details-location.custom-details-partner-row.partner-item .partners-info-block {
    font-size: 12.5px !important;
    color: var(--v2-warm-gray) !important;
    line-height: 1.65 !important;
    margin-top: 0 !important;
}

.v2-main-content .partner-item .partners-info-block p {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
    font-size: 12.5px !important;
    color: var(--v2-warm-gray) !important;
    line-height: 1.65 !important;
}

/* H. Relationship section */
.v2-main-content .partner-item .ecosystem-card-decription-categories,
.v2-main-content .company-details-location.custom-details-partner-row.partner-item .ecosystem-card-decription-categories {
    margin-top: 8px !important;
    padding-top: 6px !important;
    border-top: 1px solid var(--v2-border-light) !important;
}

.v2-main-content .tagline-title {
    font-size: 10.5px !important;
    font-weight: 700 !important;
    color: var(--v2-mid-gray) !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    margin-bottom: 4px !important;
}

.v2-main-content .industry-partners-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border: 1px solid !important;
    line-height: 1.4 !important;
    margin-right: 6px !important;
    margin-bottom: 4px !important;
}

.v2-main-content .industry-partners-badge i {
    font-size: 13px !important;
}

.v2-main-content .industry-partners-badge.badge-integration {
    background: #FFF8E1 !important;
    border-color: #FFD54F !important;
    color: #F57F17 !important;
}

.v2-main-content .industry-partners-badge.badge-partner {
    background: #FDE7F0 !important;
    border-color: #F48FB1 !important;
    color: #C2185B !important;
}

.v2-main-content .industry-partners-badge.badge-vendor {
    background: #E8F5E9 !important;
    border-color: #81C784 !important;
    color: #2E7D32 !important;
}

.v2-main-content .industry-partners-badge.badge-reseller {
    background: #E3F2FD !important;
    border-color: #64B5F6 !important;
    color: #1565C0 !important;
}

/* "More / less relationships" toggle */
.v2-main-content .partner-item .more-tagline-categories {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--buttonBackgroundColor2) !important;
    cursor: pointer !important;
    padding-top: 6px !important;
    padding-bottom: 0 !important;
}

.v2-main-content .partner-item .more-tagline-categories:hover {
    text-decoration: underline !important;
}

.v2-main-content .partner-item .more-tagline-categories i {
    font-size: 12px !important;
    color: inherit !important;
}

.v2-main-content .partner-item [id$="_partnerrelationshipless"] > p {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--buttonBackgroundColor2) !important;
    cursor: pointer !important;
    padding-top: 6px !important;
    padding-bottom: 0 !important;
}

.v2-main-content .partner-item [id$="_partnerrelationshipless"] > p:hover {
    text-decoration: underline !important;
}

.v2-main-content .partner-item [id$="_partnerrelationshipless"] > p i {
    font-size: 12px !important;
    color: inherit !important;
}

/* I. Show More button — partner page (identical to contact page V2) */
.v2-main-content #showMorePartnerContainer {
    margin-top: 4px !important;
    padding: 0 !important;
}

.v2-main-content #showMorePartnerContainer .clsLoadMoreBtnContactSearchPartial.d-none,
.v2-main-content #showMorePartnerContainer .activities-updates-categories-content-show-more.d-none {
    display: none !important;
}

.v2-main-content #showMorePartnerContainer .clsLoadMoreBtnContactSearchPartial,
.v2-main-content #showMorePartnerContainer .activities-updates-categories-content-show-more {
    font-size: 14px !important;
    font-weight: 700 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 10px 0 !important;
    border: 1px dashed var(--v2-border-med) !important;
    border-radius: 8px !important;
    background: #fff !important;
    cursor: pointer !important;
    transition: all .15s ease !important;
}

.v2-main-content #showMorePartnerContainer .clsLoadMoreBtnContactSearchPartial:hover,
.v2-main-content #showMorePartnerContainer .activities-updates-categories-content-show-more:hover {
    border-color: var(--buttonBackgroundColor2) !important;
    background: #fff !important;
}

.v2-main-content #showMorePartnerContainer .clsLoadMoreBtnContactSearchPartial a,
.v2-main-content #showMorePartnerContainer .activities-updates-categories-content-show-more a {
    text-decoration: none !important;
    color: inherit !important;
}

.v2-main-content #showMorePartnerContainer .clsLoadMoreBtnContactSearchPartial i,
.v2-main-content #showMorePartnerContainer .activities-updates-categories-content-show-more i {
    font-size: 14px !important;
    color: inherit !important;
}

/* J. Empty state */
.v2-main-content #divPartnerListing .patner-card-section.cstm-error-height {
    border: 1px solid var(--v2-border-light) !important;
    background: var(--v2-bg-light) !important;
    border-radius: 8px !important;
    padding: 28px !important;
    min-height: unset !important;
    text-align: center !important;
}

.v2-main-content #divPartnerListing .patner-card-section.cstm-error-height .parnter-ratings-block p {
    font-size: 13px !important;
    color: var(--v2-mid-gray) !important;
}

/* K. View All link */
.v2-main-content .cst-industry-flex-column .quick-view-show-overview {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--viewAllColor) !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.v2-main-content .cst-industry-flex-column .quick-view-show-overview:hover {
    text-decoration: none !important;
}

/* ── 11. General Sub-Component Enhancements ── */

.v2-main-content .quick-view-linebars {
    border-left: none !important;
    border-right: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.v2-main-content .thumps-up-likes {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.v2-main-content .contact-unset-type {
    text-decoration: none !important;
    color: inherit !important;
}

/* -- Responsive -- */
@media (max-width: 900px) {
    .v2-two-col {
        grid-template-columns: 1fr;
    }

    .v2-identity-right {
        padding-left: 0;
        padding-top: 56px;
    }

    .v2-logo-badges {
        left: 100px;
        top: -38px;
    }

    .v2-below-logo-badge {
        top: 50px;
        left: 16px;
        width: 80px;
    }

    .v2-action-badges {
        margin-right: 0;
    }

    .v2-tab-nav {
        padding: 0 16px;
    }

    .v2-identity-row {
        padding: 0 16px 20px;
    }

    .v2-main-content .supplier-system-info-dv ~ .row {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    /* Ecosystem list view responsive */
    .v2-main-content .ecoSystem-lst-view .ecosystem-company-detail-view {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .v2-main-content .ecoSystem-lst-view .company-social-information-right {
        flex-wrap: wrap !important;
        margin-top: 6px !important;
    }

    .v2-main-content .ex-member-perk-sld {
        flex-direction: column;
    }

    .v2-main-content .left-mbm-ex-perk {
        padding-right: 0;
        border-right: none;
        border-bottom: 1px solid var(--v2-border-light);
        padding-bottom: 16px;
        margin-bottom: 16px;
    }

    .v2-main-content .right-mbm-ex-perk {
        padding-left: 0;
    }

    /* M. Responsive — Products */
    .v2-main-content .produc_card .top {
        flex-direction: column !important;
        gap: 12px !important;
    }

    .v2-main-content .produc_card .prod_imgs {
        width: 100% !important;
        min-width: unset !important;
    }

    .v2-main-content .produc_card .prod_imgs .search-desc-img {
        width: 100% !important;
        height: 160px !important;
    }

    .v2-main-content .produc_card .prod_imgs img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .v2-main-content .produc_card .prod_ctn {
        margin-left: 0 !important;
    }

    .v2-main-content .produc_card .bttom {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }

    .v2-main-content .produc_card .prod_rig_btn {
        width: 100% !important;
    }

    .v2-main-content #locationlistView .div-search-sort-portion .search-sort-by {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .v2-main-content #locationlistView .div-search-sort-portion .categories-featured-filter-button {
        width: 100% !important;
    }

    /* N. Responsive — Industry Partners */
    .v2-main-content .partner-item,
    .v2-main-content .company-details-location.custom-details-partner-row.partner-item {
        padding: 14px !important;
    }

    .v2-main-content .partner-item .partners-id-left-flex,
    .v2-main-content .company-details-location.custom-details-partner-row.partner-item .partners-id-left-flex {
        margin-right: 10px !important;
    }

    .v2-main-content .partner-item .id-partners-container-img,
    .v2-main-content .company-details-location.custom-details-partner-row.partner-item .id-partners-container-img {
        width: 48px !important;
        height: 40px !important;
    }

    .v2-main-content .quick-view-below-header > .row:has(.contact-listing-UI) {
        grid-template-columns: 1fr 1fr !important;
    }

    .v2-main-content .partner-item .partners-header-block .h5,
    .v2-main-content .company-details-location.custom-details-partner-row.partner-item .partners-header-block .h5 {
        font-size: 14px !important;
    }

    .v2-main-content .partner-item .partners-info-block p {
        -webkit-line-clamp: 2 !important;
        font-size: 12px !important;
    }

    .v2-main-content .reletionships-row-top {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }

    .v2-main-content .reletionships-row-top .bottom-contanct-info-filler {
        width: 100% !important;
    }

    .v2-main-content .cst-industry-flex-column .form-select,
    .v2-main-content .cst-industry-flex-column .form-select.custom-recommandation-flex {
        width: 100% !important;
    }
}

@media (max-width: 560px) {
    .v2-logo-badges {
        position: static;
        margin-top: 4px;
        margin-bottom: 6px;
        flex-wrap: wrap;
    }

    .v2-logo-badges .right-end-badge-block span:not(.tooltiptext-contact-bg) {
        font-size: 10px;
        padding: 2px 7px;
    }

    .v2-below-logo-badge {
        position: static;
        width: auto;
        justify-content: flex-start;
        margin-bottom: 4px;
    }

    .v2-action-badges {
        flex-wrap: wrap;
    }

    .v2-action-badges .right-end-badge-block span:not(.tooltiptext-contact-bg) {
        font-size: 10px;
        padding: 2px 7px;
    }

    .v2-main-content .supplier-system-info-dv ~ .row {
        grid-template-columns: 1fr !important;
    }

    .v2-main-content .ecoSystem-lst-view .company-viewer-main-tag {
        flex-direction: column !important;
    }

    .v2-main-content .ecoSystem-lst-view .company-viewer-image-block {
        width: 44px !important;
        height: 38px !important;
        min-width: 44px !important;
    }

    .v2-main-content .ecoSystem-lst-view .company-header-flex-left .h5 {
        white-space: normal !important;
    }

    .v2-main-content .btn-orang-border {
        padding: 6px 10px !important;
        font-size: 11px !important;
    }

    .v2-main-content .btn-orang-border p {
        font-size: 11px !important;
    }

    .v2-main-content .quick-view-below-header > .row:has(.contact-listing-UI) {
        grid-template-columns: 1fr !important;
    }

    /* N2. Responsive — Industry Partners (small screens) */
    .v2-main-content .partner-item .partners-id-left-flex,
    .v2-main-content .company-details-location.custom-details-partner-row.partner-item .partners-id-left-flex {
        margin-right: 0 !important;
        margin-bottom: 10px !important;
    }

    .v2-main-content .partner-item .id-partners-container-img,
    .v2-main-content .company-details-location.custom-details-partner-row.partner-item .id-partners-container-img {
        width: 100% !important;
        height: 48px !important;
    }

    .v2-main-content #divPartnerListing .quick-view-settle-block {
        padding: 14px !important;
    }
}

/* ==========================================================================
   Product Detail V2 — Scoped under .v2-product-detail
   ========================================================================== */

.v2-product-detail {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

/* -- Parent wrappers: reset V1 constraints so grid fills full container width -- */
.v2-product-detail .company-details-bloc-desc1 {
    align-items: stretch;
    width: 100%;
    padding: 0;
}

.v2-product-detail .company-details-category {
    align-items: stretch;
    width: 100%;
    gap: 0;
    padding: 24px 0;
}

/* -- Two-column layout -- */
.v2-product-detail .company-details-category-content {
    display: grid !important;
    grid-template-columns: 320px 1fr;
    gap: 20px;
    align-items: start;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* -- Sidebar column -- */
.v2-product-detail .company-details-categories-content-filter-list {
    order: 1;
    min-width: 0;
    width: 100% !important;
}

/* -- Main content column -- */
.v2-product-detail .company-details-categories-content {
    order: 2;
    min-width: 0;
    width: 100% !important;
}

/* Neutralize inner .container that adds extra padding inside grid cell */
.v2-product-detail .company-details-categories-content > .container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}

/* -- Product hero card -- */
.v2-product-detail .detail_card_wrap {
    background: #fff;
    border: 1px solid var(--v2-border-light);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--v2-shadow);
}

.v2-product-detail .detail_card {
    padding: 20px;
    border: none;
    border-radius: 0;
    background: transparent;
}

/* -- Hero flex: align image and content to top (ref: prod-hero) -- */
.v2-product-detail .detail_card .d-md-flex {
    align-items: flex-start !important;
    gap: 20px;
}

/* -- Product image: landscape 140x105 (ref: prod-hero-img-wrap) -- */
.v2-product-detail .detail_img {
    flex-shrink: 0;
}

.v2-product-detail .detail_img img {
    width: 140px !important;
    height: 105px !important;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: var(--v2-shadow-md);
}

.v2-product-detail .detail_img .search-desc-img.product-logo-wrapper {
    width: 140px !important;
    height: 105px !important;
}

.v2-product-detail .detail_img .search-desc-img-top {
    width: 140px !important;
    height: 105px !important;
    object-fit: cover;
}

/* -- Product title -- */
.v2-product-detail .detail_wrap .font_22 {
    font-size: 20px;
    font-weight: 800;
    color: var(--v2-charcoal);
    letter-spacing: -0.01em;
    line-height: 1.3;
}

/* -- Edit icon (absolute top-right of card, same as V1 positioning) -- */
.v2-product-detail .edit_icon-prod i {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: 1px solid var(--v2-border-light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    background: #fff;
    transition: background 0.15s;
}

.v2-product-detail .edit_icon-prod i:hover {
    background: var(--v2-bg-light);
}

/* -- Stats row (ref: .prod-stats) -- */
.v2-product-detail ul.detail_inner {
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 16px;
}

.v2-product-detail ul.detail_inner li {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 !important;
    margin: 0 !important;
    border-right: none;
}

.v2-product-detail ul.detail_inner li:has(> div:not(.d-none)) {
    display: flex !important;
}

.v2-product-detail ul.detail_inner li:after {
    content: none !important;
    display: none !important;
}

/* -- Pipe dividers between stats (ref: border-right on .prod-stat) -- */
.v2-product-detail .vertical-divider-pipe {
    display: inline-block !important;
    width: 1px !important;
    height: 32px;
    background-color: var(--v2-border-light) !important;
    margin: 0 20px !important;
    align-self: center;
    flex-shrink: 0;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden;
}

.v2-product-detail .vertical-divider-pipe.d-none {
    display: none !important;
}

.v2-product-detail ul.detail_inner li span {
    font-size: 18px;
    font-weight: 800;
    color: var(--v2-charcoal);
}

.v2-product-detail ul.detail_inner li p {
    font-size: 11.5px;
    color: var(--v2-mid-gray);
    margin-top: 1px;
    line-height: 1.4;
}

/* -- Action buttons (ref: .prod-btn) -- */
.v2-product-detail .btn-orang-border {
    padding: 8px 20px;
    border-radius: 6px;
    border: 1.5px solid var(--v2-border-med) !important;
    color: var(--v2-charcoal);
    font-size: 13px;
    font-weight: 600;
    background: #fff !important;
    transition: all 0.15s;
    display: flex;
    align-items: center;
    gap: 6px;
}

.v2-product-detail .btn-orang-border:hover {
    border-color: var(--v2-blue) !important;
    color: var(--v2-blue);
    background: var(--v2-blue-pale) !important;
}

/* Active state buttons (Liked, Recommended) keep theme accent but V2 shape */
.v2-product-detail .btn-orang-border.nothover {
    border: 1.5px solid var(--buttonBorderColor2, var(--v2-border-med)) !important;
    background: var(--buttonBackgroundColor2, #fff) !important;
}

.v2-product-detail .btn-orang-border p {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0;
}

.v2-product-detail .btn-orang-border i {
    font-size: 14px;
}

/* -- Overview card -- */
.v2-product-detail .overview_card {
    background: #fff;
    border: 1px solid var(--v2-border-light);
    border-radius: 12px;
    padding: 20px;
    box-shadow: var(--v2-shadow);
}

.v2-product-detail .overview_card .font_22 {
    font-size: 17px;
    font-weight: 800;
    color: var(--v2-blue) !important;
    margin-bottom: 10px;
    line-height: 1.3;
}

.v2-product-detail .overview_card .productDetails-htmlProductDetailsHolder,
.v2-product-detail .overview_card .text-gary {
    font-size: 13.5px;
    color: var(--v2-warm-gray);
    line-height: 1.75;
}

/* -- Overview buttons container: left-align (ref: .overview-actions) -- */
.v2-product-detail .overview_card .button.d-sm-flex {
    justify-content: flex-start !important;
    gap: 10px;
    flex-wrap: wrap;
}

/* -- Overview action buttons (ref: .ov-btn) -- */
.v2-product-detail .overview_card .btn-orang-border {
    padding: 9px 18px;
    border-radius: 6px;
    border: 1.5px solid var(--v2-border-med) !important;
    color: var(--v2-charcoal);
    font-size: 13px;
    font-weight: 600;
    background: #fff !important;
    display: flex;
    align-items: center;
    gap: 7px;
    transition: all 0.15s;
}

.v2-product-detail .overview_card .btn-orang-border:hover {
    border-color: var(--v2-blue) !important;
    color: var(--v2-blue);
    background: var(--v2-blue-pale) !important;
}

.v2-product-detail .overview_card .btn-orang-border i {
    font-size: 14px;
}

/* -- Sidebar: About section (matched to contacts V2 .v2-about-title pattern) -- */
.v2-product-detail .categories-content-company-details {
    background: #fff;
    border: 1px solid var(--v2-border-light);
    border-radius: 12px;
    box-shadow: var(--v2-shadow);
    overflow: visible;
}

.v2-product-detail .categories-company-details-penal {
    width: 100% !important;
}

.v2-product-detail .categories-company-details-penal h2 {
    font-size: 16px;
    font-weight: 800;
    color: var(--v2-charcoal);
    letter-spacing: -0.01em;
    padding-bottom: 12px;
    margin-bottom: 14px;
    border-bottom: none;
    position: relative;
}

.v2-product-detail .categories-company-details-penal h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    /*width: 32px;*/
    width: 260px;
    height: 2px;
    background: var(--v2-charcoal);
    border-radius: 1px;
}

/* -- Category group icon: inline icon (no box) matching .v2-s-label pattern -- */
.v2-product-detail .company-details-actionbloc-button1 {
    width: auto !important;
    height: auto !important;
    min-width: auto;
    border-radius: 0;
    background: transparent !important;
    border: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 12px;
    padding: 0 !important;
    line-height: 1;
}

.v2-product-detail .company-details-actionbloc-button1 i {
    color: var(--v2-mid-gray) !important;
    font-size: 12px !important;
    width: 14px;
    text-align: center;
    line-height: 1;
}

/* -- Category container name: uppercase section label matching .v2-s-label -- */
.v2-product-detail .value-details b,
.v2-product-detail .value-details > a > b {
    font-size: 10px;
    font-weight: 700;
    color: var(--v2-mid-gray);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 1;
}

/* -- Category row: icon + label inline, icon aligned with header text -- */
.v2-product-detail .filter-left-dm.filter-left-dm-top {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

/* -- Category name (bold subtitle below container) -- */
.v2-product-detail .aboutSectionCategory {
    font-size: 12px;
    font-weight: 600;
    color: var(--v2-charcoal);
    line-height: 1.65;
}

/* -- Subcategory items: tag/pill style matching overview V2 (.v2-tag) -- */
.v2-product-detail .value-details a[id="upervalue"] {
    display: inline-block;
    padding: 3px 9px;
    background: var(--v2-bg-light);
    border: 1px solid var(--v2-border-light);
    border-radius: 3px;
    font-size: 11px !important;
    font-weight: 500;
    color: var(--v2-warm-gray) !important;
    line-height: 1.5 !important;
    margin: 2px 0;
    text-decoration: none;
}

.v2-product-detail .value-details a[id="upervalue"]:hover {
    background: #eaeaea;
}

/* Subcategory wrapper: flex wrap for tag layout */
.v2-product-detail .value-details > div:has(> a[id="upervalue"]) {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}

/* Hidden expanded subcategories: also tag style */
.v2-product-detail .value-details div[id$="less"] a {
    display: inline-block;
    padding: 3px 9px;
    background: var(--v2-bg-light);
    border: 1px solid var(--v2-border-light);
    border-radius: 3px;
    font-size: 11px !important;
    font-weight: 500;
    color: var(--v2-warm-gray) !important;
    line-height: 1.5 !important;
    margin: 2px 0;
    text-decoration: none;
}

.v2-product-detail .value-details div[id$="less"] a:hover {
    background: #eaeaea;
}

.v2-product-detail .value-details div[id$="less"] > div {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.v2-product-detail .value-details div[id$="less"] span {
    display: none;
}

/* -- More/Less links: pill style matching overview V2 (.v2-pill-more) -- */
.v2-product-detail .filter-left-dm .value-details p[style*="moreShowColor"] {
    font-size: 11px;
    font-weight: 600;
    color: var(--v2-blue) !important;
    cursor: pointer;
}

.v2-product-detail .value-details div[id$="less"] p[style*="moreShowColor"] {
    font-size: 11px;
    font-weight: 600;
    color: var(--v2-blue) !important;
}

/* -- Category group spacing -- */
.v2-product-detail .filter-left-dm.filter-left-dm-top {
    margin-bottom: 14px;
    padding-bottom: 0;
    border-bottom: none;
}

.v2-product-detail .filter-left-dm.filter-left-dm-top:last-child {
    margin-bottom: 0;
}

/* -- Rating section (matched to contacts V2 .v2-sidebar pattern) -- */
.v2-product-detail .company-detail-rating-view {
    background: #fff;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: var(--v2-shadow);
    overflow: visible;
}

.v2-product-detail .company-detail-rating-view:has(#rating-title),
.v2-product-detail .company-detail-rating-view:has(.rating-skeleton-loader) {
    border: 1px solid var(--v2-border-light) !important;
}

.v2-product-detail .company-detail-rating-view .borderdiv {
    border: none;
    border-radius: 0;
}

.v2-product-detail .company-detail-rating-view > .borderdiv > .d-flex.justify-content-between {
    padding: 14px 16px !important;
    gap: 8px;
}

.v2-product-detail .company-detail-rating-view .rating-lock-style {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: nowrap;
}

.v2-product-detail .company-detail-rating-view h2#rating-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--v2-charcoal);
    margin-bottom: 0;
    white-space: nowrap;
}

.v2-product-detail .company-detail-rating-view .categories-company-details-penal {
    gap: 4px !important;
    flex-shrink: 1;
    min-width: 0;
}

.v2-product-detail .company-detail-rating-view .categories-company-details-penal h2 {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
}

.v2-product-detail .company-detail-rating-view .categories-company-details-penal h2::after {
    display: none;
}

/* Right stats column (score, recommendations, NPS) */
.v2-product-detail .company-detail-rating-view > .borderdiv > .d-flex.justify-content-between > div[style*="line-height"] {
    flex-shrink: 0;
    line-height: 1.4 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}

.v2-product-detail .company-detail-rating-view > .borderdiv > .d-flex.justify-content-between > div[style*="line-height"] span,
.v2-product-detail .company-detail-rating-view > .borderdiv > .d-flex.justify-content-between > div[style*="line-height"] .bodyTextColor,
.v2-product-detail .company-detail-rating-view > .borderdiv > .d-flex.justify-content-between > div[style*="line-height"] .tooltip {
    font-size: 13px !important;
    white-space: nowrap !important;
}

.v2-product-detail .company-detail-rating-view > .borderdiv > .d-flex.justify-content-between .h5 {
    font-size: 13px !important;
    margin-bottom: 0 !important;
    white-space: nowrap !important;
}

/* Lock icon */
.v2-product-detail .company-detail-rating-view .lock-styling .iconMain {
    margin-left: 2px !important;
    font-size: 13px;
}

.v2-product-detail .company-detail-rating-view .lock-styling .iconMain i {
    font-size: 13px !important;
}

/* Member Verified + filter */
.v2-product-detail .company-detail-rating-view .custom-rating-flex-container {
    font-size: 12px;
    gap: 4px;
    align-items: center;
}

.v2-product-detail .company-detail-rating-view .custom-rating-flex-container label {
    font-size: 12px;
    margin-bottom: 0;
}

.v2-product-detail .company-detail-rating-view .custom-rating-flex-container input[type="checkbox"] {
    width: 13px;
    height: 13px;
    margin: 0;
}

.v2-product-detail .company-detail-rating-view .toolTipIconRfpH5 {
    font-size: 12px !important;
}

/* Relationship filter dropdown */
.v2-product-detail .company-detail-rating-view .form-select {
    font-size: 12px !important;
    padding: 6px 30px 6px 12px !important;
    height: auto !important;
    min-height: unset !important;
    border-radius: 8px !important;
}

/* Neutralize Bootstrap .tooltip on rating tooltips */
.v2-product-detail .company-detail-rating-view .tooltip.tfd-round-tip {
    position: relative !important;
    display: inline-block !important;
    opacity: 1 !important;
    z-index: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    word-wrap: normal !important;
    border: none !important;
    background: none !important;
}

.v2-product-detail .company-detail-rating-view .tooltip.tfd-round-tip::before,
.v2-product-detail .company-detail-rating-view .tooltip.tfd-round-tip::after {
    display: none !important;
    content: none !important;
}

/* Member Verified info popup */
.v2-product-detail .company-detail-rating-view .memberVerifyInfoDiv {
    position: absolute;
    z-index: 1100;
}

/* Rating name labels */
.v2-product-detail .company-detail-rating-view span[style*="font-weight: 400"] {
    font-size: 14px !important;
}

/* Star row: compact single line */
.v2-product-detail .company-detail-rating-view .star-ratings-block {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 1px;
}

.v2-product-detail .company-detail-rating-view .star-ratings-block .me-1 {
    margin-right: 1px !important;
}

.v2-product-detail .company-detail-rating-view .star-ratings-block i.fa-star,
.v2-product-detail .company-detail-rating-view .star-ratings-block i.fa-star-half {
    font-size: 13px !important;
}

.v2-product-detail .company-detail-rating-view .star-ratings-block i.h5 {
    font-size: 13px !important;
    margin-bottom: 0 !important;
}

.v2-product-detail .company-detail-rating-view .star-ratings-block .last-distblock {
    display: flex;
    align-items: center;
    gap: 6px;
}

.v2-product-detail .company-detail-rating-view .star-ratings-block .last-distblock h4,
.v2-product-detail .company-detail-rating-view .star-ratings-block .last-distblock h6 {
    font-size: 12px !important;
    white-space: nowrap;
    margin-bottom: 0 !important;
    font-weight: 600;
    color: var(--v2-warm-gray);
}

/* -- Slide-up animation -- */
@keyframes v2-prodSlideUp {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: none; }
}

.v2-product-detail .company-details-categories-content {
    animation: v2-prodSlideUp 0.35s ease backwards;
}

/* -- Responsive: tablet -- */
@media (max-width: 900px) {
    .v2-product-detail .company-details-category-content {
        grid-template-columns: 1fr;
    }

    .v2-product-detail .company-details-categories-content-filter-list {
        order: 2;
    }

    .v2-product-detail .company-details-categories-content {
        order: 1;
    }

    .v2-product-detail .detail_card .d-md-flex {
        flex-direction: column;
    }

    .v2-product-detail .detail_img img,
    .v2-product-detail .detail_img .search-desc-img.product-logo-wrapper,
    .v2-product-detail .detail_img .search-desc-img-top {
        width: 100% !important;
        height: 200px !important;
    }
}

/* -- Responsive: mobile -- */
@media (max-width: 768px) {
    .v2-product-detail .detail_wrap .font_22 {
        font-size: 18px;
    }

    .v2-product-detail ul.detail_inner li span {
        font-size: 16px;
    }

    .v2-product-detail .vertical-divider-pipe {
        margin: 0 12px !important;
        height: 28px;
    }

    .v2-product-detail .btn-orang-border {
        padding: 6px 14px;
        font-size: 12px;
    }

    .v2-product-detail .btn-orang-border p {
        font-size: 12px;
    }

    .v2-product-detail .overview_card .font_22 {
        font-size: 15px;
    }

    .v2-product-detail .categories-company-details-penal h2 {
        font-size: 14px;
    }
}

/* -- Responsive: small mobile -- */
@media (max-width: 560px) {
    .v2-product-detail ul.detail_inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .v2-product-detail .vertical-divider-pipe {
        display: none !important;
    }

    .v2-product-detail .detail_wrap .button.d-sm-flex {
        flex-direction: column;
    }

    .v2-product-detail .btn-orang-border,
    .v2-product-detail .overview_card .btn-orang-border {
        width: 100%;
        justify-content: center;
    }
}

/* ==========================================================================
   Project Detail V2 — Scoped under .v2-project-detail
   ========================================================================== */

.v2-project-detail {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

/* -- Parent wrappers: reset V1 constraints so grid fills full container width -- */
.v2-project-detail .company-details-bloc-desc1 {
    align-items: stretch;
    width: 100%;
    padding: 0;
}

.v2-project-detail .company-details-category {
    align-items: stretch;
    width: 100%;
    gap: 0;
    padding: 24px 0;
}

/* -- Two-column layout -- */
.v2-project-detail .company-details-category-content {
    display: grid !important;
    grid-template-columns: 320px 1fr;
    gap: 20px;
    align-items: start;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* -- Sidebar column -- */
.v2-project-detail .company-details-categories-content-filter-list {
    order: 1;
    min-width: 0;
    width: 100% !important;
}

/* -- Main content column -- */
.v2-project-detail .company-details-categories-content {
    order: 2;
    min-width: 0;
    width: 100% !important;
}

/* Neutralize inner .container that adds extra padding inside grid cell */
.v2-project-detail .company-details-categories-content > .container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}

/* -- Gallery image block -- */
.v2-project-detail .detail_card.overview_card.w-100.p-35px {
    background: #fff;
    border: 1px solid var(--v2-border-light);
    border-radius: 12px;
    box-shadow: var(--v2-shadow);
    overflow: hidden;
    margin-bottom: 16px;
}

.v2-project-detail .gallery-block {
    border-radius: 8px;
    overflow: hidden;
}

.v2-project-detail .gallery-sec-main {
    border-radius: 8px;
    overflow: hidden;
}

.v2-project-detail .gallery-sec-main img {
    transition: transform 0.3s ease;
}

.v2-project-detail .gallery-sec-main:hover img {
    transform: scale(1.03);
}

.v2-project-detail .floating-gallery-options {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

.v2-project-detail .floating-gallery-options .gallery-all {
    font-size: 13px;
    font-weight: 600;
}

/* -- Project hero card -- */
.v2-project-detail .detail_card_wrap {
    background: #fff;
    border: 1px solid var(--v2-border-light);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--v2-shadow);
}

.v2-project-detail .detail_card {
    padding: 20px;
    border: none;
    border-radius: 0;
    background: transparent;
}

/* -- Hero flex: align image and content to top -- */
.v2-project-detail .detail_card .d-md-flex {
    align-items: flex-start !important;
    gap: 20px;
}

/* -- Project image: landscape 140x105 -- */
.v2-project-detail .detail_img {
    flex-shrink: 0;
}

.v2-project-detail .detail_img img {
    width: 140px !important;
    height: 105px !important;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: var(--v2-shadow-md);
}

.v2-project-detail .detail_img .search-desc-img.project-logo-wrapper {
    width: 140px !important;
    height: 105px !important;
}

.v2-project-detail .detail_img .search-desc-img-top {
    width: 140px !important;
    height: 105px !important;
    object-fit: cover;
}

/* -- Project title -- */
.v2-project-detail .detail_wrap .font_22 {
    font-size: 20px;
    font-weight: 800;
    color: var(--v2-charcoal);
    letter-spacing: -0.01em;
    line-height: 1.3;
}

/* -- Edit icon -- */
.v2-project-detail .edit_icon-prod i {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: 1px solid var(--v2-border-light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    background: #fff;
    transition: background 0.15s;
}

.v2-project-detail .edit_icon-prod i:hover {
    background: var(--v2-bg-light);
}

/* -- Stats row -- */
.v2-project-detail ul.detail_inner {
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 16px;
}

.v2-project-detail ul.detail_inner li {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 !important;
    margin: 0 !important;
    border-right: none;
}

.v2-project-detail ul.detail_inner li:has(> div:not(.d-none)) {
    display: flex !important;
}

.v2-project-detail ul.detail_inner li:after {
    content: none !important;
    display: none !important;
}

/* -- Pipe dividers between stats -- */
.v2-project-detail .vertical-divider-pipe {
    display: inline-block !important;
    width: 1px !important;
    height: 32px;
    background-color: var(--v2-border-light) !important;
    margin: 0 20px !important;
    color: transparent !important;
    border: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden;
}

.v2-project-detail .vertical-divider-pipe.d-none {
    display: none !important;
}

.v2-project-detail ul.detail_inner li span {
    font-size: 20px;
    font-weight: 800;
    color: var(--v2-charcoal);
}

.v2-project-detail ul.detail_inner li p {
    font-size: 11.5px;
    color: var(--v2-mid-gray);
    margin-top: 1px;
    line-height: 1.4;
}

/* -- Action buttons -- */
.v2-project-detail .btn-orang-border {
    padding: 8px 20px;
    border-radius: 6px;
    border: 1.5px solid var(--v2-border-med) !important;
    color: var(--v2-charcoal);
    font-size: 13px;
    font-weight: 600;
    background: #fff;
    transition: all 0.15s;
    display: flex;
    align-items: center;
    gap: 6px;
}

.v2-project-detail .btn-orang-border:hover {
    border-color: var(--v2-blue) !important;
    color: var(--v2-blue);
    background: var(--v2-blue-pale) !important;
}

.v2-project-detail .btn-orang-border.nothover {
    border: 1.5px solid var(--buttonBorderColor2, var(--v2-border-med)) !important;
    background: var(--buttonBackgroundColor2, #fff) !important;
}

.v2-project-detail .btn-orang-border p {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0;
}

.v2-project-detail .btn-orang-border i {
    font-size: 14px;
}

/* -- Overview card -- */
.v2-project-detail .overview_card {
    background: #fff;
    border: 1px solid var(--v2-border-light);
    border-radius: 12px;
    padding: 20px;
    box-shadow: var(--v2-shadow);
}

.v2-project-detail .overview_card .font_22 {
    font-size: 17px;
    font-weight: 800;
    color: var(--v2-blue) !important;
    margin-bottom: 10px;
    line-height: 1.3;
}

.v2-project-detail .overview_card .productDetails-htmlProductDetailsHolder,
.v2-project-detail .overview_card .text-gary {
    font-size: 13.5px;
    color: var(--v2-warm-gray);
    line-height: 1.75;
}

/* -- Overview buttons container: left-align -- */
.v2-project-detail .overview_card .button.d-sm-flex,
.v2-project-detail .overview_card .button.row {
    justify-content: flex-start !important;
    gap: 10px;
    flex-wrap: wrap;
}

/* -- Overview action buttons -- */
.v2-project-detail .overview_card .button.row .col-sm-4 {
    width: auto;
    flex: none;
    max-width: none;
}

.v2-project-detail .overview_card .btn-orang-border {
    padding: 6px 12px;
    border-radius: 6px;
    border: 1.5px solid var(--v2-border-med) !important;
    color: var(--v2-charcoal);
    font-size: 12px;
    font-weight: 600;
    background: #fff;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.15s;
    width: auto;
}

.v2-project-detail .overview_card .btn-orang-border:hover {
    border-color: var(--v2-blue) !important;
    color: var(--v2-blue);
    background: var(--v2-blue-pale) !important;
}

.v2-project-detail .overview_card .btn-orang-border i {
    font-size: 13px;
}

/* -- Sidebar: About section (about-modern structure from _ListingSideMenuDetails) -- */
.v2-project-detail .about-modern {
    background: #fff;
    border: 1px solid var(--v2-border-light);
    border-radius: 12px;
    box-shadow: var(--v2-shadow);
}

.v2-project-detail .about-modern-header h2 {
    font-size: 16px;
    font-weight: 800;
    color: var(--v2-charcoal);
    letter-spacing: -0.01em;
    padding-bottom: 12px;
    border-bottom: none;
    margin-bottom: 0;
    position: relative;
}

.v2-project-detail .about-modern-header h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    /*width: 32px;*/
    width: 260px;
    height: 2px;
    background: var(--v2-charcoal);
    border-radius: 1px;
}

.v2-project-detail .about-modern-divider {
    display: none !important;
}

.v2-project-detail .about-accordion-chevron {
    display: none !important;
}

.v2-project-detail .about-accordion-section {
    padding: 14px 24px;
}

.v2-project-detail .about-accordion-toggle {
    gap: 6px;
}

.v2-project-detail .about-accordion-icon {
    width: auto !important;
    height: auto !important;
    min-width: auto;
    border-radius: 0;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    line-height: 1;
}

.v2-project-detail .about-accordion-icon i {
    color: var(--v2-mid-gray) !important;
    font-size: 12px !important;
    width: 14px;
    text-align: center;
    line-height: 1;
}

.v2-project-detail .about-accordion-title {
    font-size: 10px;
    font-weight: 700;
    color: var(--v2-mid-gray);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 1;
}

.v2-project-detail .about-accordion-body {
    padding-left: 20px;
}

.v2-project-detail .about-accordion-body .aboutSectionCategory {
    font-size: 12px;
    font-weight: 600;
    color: var(--v2-charcoal);
    line-height: 1.65;
}

.v2-project-detail .about-accordion-body a[id="upervalue"] {
    display: inline-block;
    padding: 3px 9px;
    background: var(--v2-bg-light);
    border: 1px solid var(--v2-border-light);
    border-radius: 3px;
    font-size: 11px;
    font-weight: 500;
    color: var(--v2-warm-gray) !important;
    line-height: 1.5 !important;
    margin: 2px 0;
    text-decoration: none !important;
}

.v2-project-detail .about-accordion-body a[id="upervalue"]:hover {
    background: #eaeaea;
}

.v2-project-detail .about-accordion-body > .value-details > div:has(> a[id="upervalue"]) {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}

.v2-project-detail .about-accordion-body div[id$="less"] a {
    display: inline-block;
    padding: 3px 9px;
    background: var(--v2-bg-light);
    border: 1px solid var(--v2-border-light);
    border-radius: 3px;
    font-size: 11px;
    font-weight: 500;
    color: var(--v2-warm-gray) !important;
    line-height: 1.5 !important;
    margin: 2px 0;
    text-decoration: none !important;
}

.v2-project-detail .about-accordion-body div[id$="less"] a:hover {
    background: #eaeaea;
}

.v2-project-detail .about-accordion-body div[id$="less"] > div {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.v2-project-detail .about-accordion-body div[id$="less"] span {
    display: none;
}

.v2-project-detail .about-accordion-body .about-pill-more,
.v2-project-detail .about-accordion-body .about-pill-less {
    font-size: 11px;
    font-weight: 600;
    color: var(--v2-blue) !important;
    cursor: pointer;
}

/* -- Rating section -- */
.v2-project-detail .company-detail-rating-view {
    background: #fff;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: var(--v2-shadow);
    overflow: visible;
}

.v2-project-detail .company-detail-rating-view:has(#rating-title),
.v2-project-detail .company-detail-rating-view:has(.rating-skeleton-loader) {
    border: 1px solid var(--v2-border-light) !important;
}

.v2-project-detail .company-detail-rating-view .borderdiv {
    border: none;
    border-radius: 0;
}

.v2-project-detail .company-detail-rating-view > .borderdiv > .d-flex.justify-content-between {
    padding: 14px 16px !important;
    gap: 8px;
}

.v2-project-detail .company-detail-rating-view .rating-lock-style {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: nowrap;
}

.v2-project-detail .company-detail-rating-view h2#rating-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--v2-charcoal);
    margin-bottom: 0;
    white-space: nowrap;
}

.v2-project-detail .company-detail-rating-view .categories-company-details-penal {
    gap: 4px !important;
    flex-shrink: 1;
    min-width: 0;
}

.v2-project-detail .company-detail-rating-view .categories-company-details-penal h2 {
    border-bottom: none;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
}

/* Right stats column (score, recommendations, NPS) */
.v2-project-detail .company-detail-rating-view > .borderdiv > .d-flex.justify-content-between > div[style*="line-height"] {
    flex-shrink: 0;
    line-height: 1.4 !important;
    text-align: right;
    white-space: nowrap !important;
}

.v2-project-detail .company-detail-rating-view > .borderdiv > .d-flex.justify-content-between > div[style*="line-height"] span,
.v2-project-detail .company-detail-rating-view > .borderdiv > .d-flex.justify-content-between > div[style*="line-height"] .bodyTextColor,
.v2-project-detail .company-detail-rating-view > .borderdiv > .d-flex.justify-content-between > div[style*="line-height"] .tooltip {
    font-size: 13px !important;
    white-space: nowrap !important;
}

.v2-project-detail .company-detail-rating-view > .borderdiv > .d-flex.justify-content-between .h5 {
    font-size: 13px !important;
    margin-bottom: 0 !important;
    white-space: nowrap !important;
}

/* Lock icon */
.v2-project-detail .company-detail-rating-view .lock-styling .iconMain {
    margin-left: 2px !important;
    font-size: 13px;
}

.v2-project-detail .company-detail-rating-view .lock-styling .iconMain i {
    font-size: 13px !important;
}

/* Member Verified + filter */
.v2-project-detail .company-detail-rating-view .custom-rating-flex-container {
    font-size: 12px;
    gap: 4px;
    align-items: center;
}

.v2-project-detail .company-detail-rating-view .custom-rating-flex-container label {
    font-size: 12px;
    margin-bottom: 0;
}

.v2-project-detail .company-detail-rating-view .custom-rating-flex-container input[type="checkbox"] {
    width: 13px;
    height: 13px;
    margin: 0;
}

.v2-project-detail .company-detail-rating-view .toolTipIconRfpH5 {
    font-size: 12px !important;
}

/* Relationship filter dropdown */
.v2-project-detail .company-detail-rating-view .form-select {
    font-size: 12px !important;
    padding: 6px 30px 6px 12px !important;
    height: auto !important;
    min-height: unset !important;
    border-radius: 8px !important;
}

/* Neutralize Bootstrap .tooltip on rating tooltips */
.v2-project-detail .company-detail-rating-view .tooltip.tfd-round-tip {
    position: relative !important;
    display: inline-block !important;
    opacity: 1 !important;
    z-index: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    word-wrap: normal !important;
    border: none !important;
    background: none !important;
}

.v2-project-detail .company-detail-rating-view .tooltip.tfd-round-tip::before,
.v2-project-detail .company-detail-rating-view .tooltip.tfd-round-tip::after {
    display: none !important;
    content: none !important;
}

/* Member Verified info popup */
.v2-project-detail .company-detail-rating-view .memberVerifyInfoDiv {
    position: absolute;
    z-index: 1100;
}

/* Rating name labels */
.v2-project-detail .company-detail-rating-view span[style*="font-weight: 400"] {
    font-size: 14px !important;
}

/* Star row */
.v2-project-detail .company-detail-rating-view .star-ratings-block {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 1px;
}

.v2-project-detail .company-detail-rating-view .star-ratings-block .me-1 {
    margin-right: 1px !important;
}

.v2-project-detail .company-detail-rating-view .star-ratings-block i.fa-star,
.v2-project-detail .company-detail-rating-view .star-ratings-block i.fa-star-half {
    font-size: 13px !important;
}

.v2-project-detail .company-detail-rating-view .star-ratings-block i.h5 {
    font-size: 13px !important;
    margin-bottom: 0 !important;
}

.v2-project-detail .company-detail-rating-view .star-ratings-block .last-distblock {
    display: flex;
    align-items: center;
    gap: 6px;
}

.v2-project-detail .company-detail-rating-view .star-ratings-block .last-distblock h4,
.v2-project-detail .company-detail-rating-view .star-ratings-block .last-distblock h6 {
    font-size: 12px !important;
    white-space: nowrap;
    margin-bottom: 0 !important;
    font-weight: 600;
    color: var(--v2-warm-gray);
}

/* -- Project gallery card -- */
.v2-project-detail .project-gallery-card {
    background: #fff;
    border: 1px solid var(--v2-border-light);
    border-radius: 12px;
    padding: 20px;
    box-shadow: var(--v2-shadow);
}

.v2-project-detail .project-gallery-card .font_22 {
    font-size: 17px;
    font-weight: 800;
    color: var(--v2-blue) !important;
    margin-bottom: 12px;
    line-height: 1.3;
}

.v2-project-detail .project-thumbnail-row {
    margin-top: 0;
}

.v2-project-detail .clsProjectThumbnail {
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    transition: box-shadow 0.2s ease;
}

.v2-project-detail .clsProjectThumbnail:hover {
    box-shadow: var(--v2-shadow-md);
}

.v2-project-detail .clsProjectThumbnail img {
    border-radius: 6px;
    width: 100%;
    height: 120px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.v2-project-detail .clsProjectThumbnail:hover img {
    transform: scale(1.03);
}

/* -- Slide-up animation -- */
@keyframes v2-projSlideUp {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: none; }
}

.v2-project-detail .company-details-categories-content {
    animation: v2-projSlideUp 0.35s ease backwards;
}

/* -- Responsive: tablet -- */
@media (max-width: 900px) {
    .v2-project-detail .company-details-category-content {
        grid-template-columns: 1fr;
    }

    .v2-project-detail .company-details-categories-content-filter-list {
        order: 2;
    }

    .v2-project-detail .company-details-categories-content {
        order: 1;
    }

    .v2-project-detail .detail_card .d-md-flex {
        flex-direction: column;
    }

    .v2-project-detail .detail_img img,
    .v2-project-detail .detail_img .search-desc-img.project-logo-wrapper,
    .v2-project-detail .detail_img .search-desc-img-top {
        width: 100% !important;
        height: 200px !important;
    }

    .v2-project-detail .gallery-grid {
        grid-template-columns: 1fr;
    }
}

/* -- Responsive: mobile -- */
@media (max-width: 768px) {
    .v2-project-detail .detail_wrap .font_22 {
        font-size: 18px;
    }

    .v2-project-detail ul.detail_inner li span {
        font-size: 16px;
    }

    .v2-project-detail .vertical-divider-pipe {
        margin: 0 12px !important;
        height: 28px;
    }

    .v2-project-detail .btn-orang-border {
        padding: 5px 10px;
        font-size: 11px;
    }

    .v2-project-detail .btn-orang-border p {
        font-size: 11px;
    }

    .v2-project-detail .overview_card .font_22 {
        font-size: 15px;
    }

    .v2-project-detail .about-modern-header h2 {
        font-size: 14px;
    }
}

/* -- Responsive: small mobile -- */
@media (max-width: 560px) {
    .v2-project-detail ul.detail_inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .v2-project-detail .vertical-divider-pipe {
        display: none !important;
    }

    .v2-project-detail .detail_wrap .button.d-sm-flex {
        flex-direction: column;
    }

    .v2-project-detail .btn-orang-border,
    .v2-project-detail .overview_card .btn-orang-border {
        width: 100%;
        justify-content: center;
    }

    .v2-project-detail .project-gallery-card {
        padding: 14px;
    }

    .v2-project-detail .project-gallery-card .font_22 {
        font-size: 15px;
        margin-bottom: 8px;
    }

    .v2-project-detail .clsProjectThumbnail img {
        height: 90px;
    }
}

/* ==========================================================================
   Featured Content Detail V2 — Scoped under .v2-featured-content-detail
   ========================================================================== */

.v2-featured-content-detail .company-details-categories-content-filter1 {
    padding: 24px 24px 0px 0px;
}

.v2-featured-content-detail {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    background: var(--v2-bg-light) !important;
    padding-bottom: 24px;
}

/* -- Back button -- */
.v2-featured-content-detail .create-subscription-back {
    background: transparent !important;
    padding: 6px 0;
    /*margin-bottom: 16px;*/
}

.v2-featured-content-detail .create-subscription-back-button {
    font-size: 13px;
    font-weight: 600;
    color: var(--v2-mid-gray);
    transition: color 0.15s;
}

.v2-featured-content-detail .create-subscription-back-button:hover {
    color: var(--v2-blue);
}

.v2-featured-content-detail .create-subscription-back-button i {
    font-size: 13px;
}

/* -- Two-column layout -- */
.v2-featured-content-detail .listing-user-webinar-details-company {
    display: grid !important;
    grid-template-columns: 1fr 380px;
    gap: 20px;
    align-items: start;
}

/* -- Left: content column -- */
.v2-featured-content-detail .profile-categories-content-filter1-pop {
    width: 100% !important;
    background: #fff;
    border: 1px solid var(--v2-border-light);
    border-radius: 12px;
    padding: 24px;
    box-shadow: var(--v2-shadow);
    animation: v2-fcSlideUp 0.35s ease both;
    display: flex;
    flex-direction: column;
    height: 370px;
}

/* -- Content inner flex (image + meta) -- */
.v2-featured-content-detail #user-activity-shared {
    gap: 20px;
    align-items: flex-start;
    margin-bottom: 20px;
}

/* -- Font-family overrides for v1 Lato usage -- */
.v2-featured-content-detail .listing-user-company-webinar-content-details-company b,
.v2-featured-content-detail .listing-user-company-webinar-content-details-company b p,
.v2-featured-content-detail .listing-user-company-webinar-content-details-company h3,
.v2-featured-content-detail .listing-user-company-webinar-content-details-company h5 {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

/* -- Content thumbnail -- */
.v2-featured-content-detail .listing-user-company-webinar-content-details-company {
    width: auto !important;
    flex-shrink: 0;
    padding: 0 !important;
}

.v2-featured-content-detail .btn-close-img-video {
    width: 160px;
    height: 120px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--v2-border-light);
    background: var(--v2-bg-light);
}

.v2-featured-content-detail .btn-close-img-video img {
    width: 160px !important;
    height: 120px !important;
    object-fit: cover;
    display: block;
    border-radius: 8px;
}

/* -- Content title -- */
.v2-featured-content-detail .activity-frame-card-content-body h2 {
    font-size: 22px;
    font-weight: 900;
    color: var(--v2-charcoal);
    letter-spacing: -0.02em;
    margin-bottom: 4px !important;
    padding-bottom: 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

/* -- Posted by text -- */
.v2-featured-content-detail .activity-frame-card-content-body .popup-on-hover {
    font-size: 12.5px;
    color: var(--v2-mid-gray);
    margin-top: 0;
}

.v2-featured-content-detail .activity-frame-card-content-body .popup-on-hover b,
.v2-featured-content-detail .activity-frame-card-content-body .popup-on-hover .activityUser {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--v2-charcoal);
}

.v2-featured-content-detail .activity-frame-card-content-body .sharedPostcls {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5;
}

/* -- Time ago text -- */
.v2-featured-content-detail .activity-frame-card-content-body .popup-on-hover p {
    margin-top: 4px !important;
    margin-bottom: 0 !important;
}

.v2-featured-content-detail .activity-frame-card-content-body .popup-on-hover p span {
    font-size: 12px !important;
    color: var(--v2-light-text);
}

/* -- Content body padding -- */
.v2-featured-content-detail .activity-frame-card-content-body {
    padding: 0;
    flex: 1;
    min-width: 0;
}

.v2-featured-content-detail .activity-frame-card-content-body span {
    font-size: 13.5px !important;
}

.v2-featured-content-detail .activity-frame-card-content-body span b {
    font-size: 13.5px !important;
}

/* -- Content divider -- */
.v2-featured-content-detail .profile-categories-content-filter1-pop-desc {
    border-top: 1px solid var(--v2-border-light);
    /*padding-top: 14px;*/
    margin-top: 14px;
}

.v2-featured-content-detail .company-details-categories-content-overview-filter {
    gap: 0 !important;
    padding: 0 !important;
    align-items: flex-start !important;
}

.v2-featured-content-detail .categories-company-details-penal {
    gap: 0 !important;
    padding: 0 !important;
}

/* -- Content overview text -- */
.v2-featured-content-detail .overview-htmlOverviewHolder {
    font-size: 13.5px !important;
    color: var(--v2-warm-gray);
    line-height: 1.75 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

/* -- Show More link -- */
.v2-featured-content-detail .show-more-toggle-row #overviewReadMoreBtn {
    font-size: 12px;
    font-weight: 700;
}

/* -- Right: sidebar card -- */
.v2-featured-content-detail .listing-user-company-webinar-form-details-company-webinar,
.v2-featured-content-detail .listing-user-company-webinar-form-details-company {
    background: #fff;
    border: 1px solid var(--v2-border-light);
    border-radius: 12px;
    padding: 24px;
    box-shadow: var(--v2-shadow);
    animation: v2-fcSlideUp 0.35s ease 0.1s both;
    width: 100% !important;
}

/* -- Sidebar title ("Get Your Copy") -- */
.v2-featured-content-detail .listing-user-company-webinar-form-details-company-webinar h2,
.v2-featured-content-detail .listing-user-company-webinar-form-details-company-webinar .h5,
.v2-featured-content-detail .listing-user-company-webinar-form-details-company h5 {
    font-size: 18px !important;
    font-weight: 800;
    color: var(--v2-charcoal);
    text-align: center;
    margin-bottom: 20px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
}

/* -- Sidebar form labels -- */
.v2-featured-content-detail .listing-user-company-form-details-desc .form-label {
    font-size: 13px;
    font-weight: 600;
    color: var(--v2-dark);
}

/* -- Sidebar form inputs -- */
.v2-featured-content-detail .listing-user-company-form-details-desc .form-control {
    font-size: 13.5px;
    border-radius: 8px;
    border: 1px solid var(--v2-border-med);
    padding: 10px 14px;
}

.v2-featured-content-detail .listing-user-company-form-details-desc .form-control:focus {
    border-color: var(--v2-blue);
    box-shadow: 0 0 0 2px rgba(0, 53, 107, 0.1);
}

/* -- Sidebar checkbox -- */
.v2-featured-content-detail .listing-user-company-form-details-desc-company-checkbox {
    display: flex;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 0 !important;
    margin-bottom: 20px;
    font-size: 12.5px;
    color: var(--v2-warm-gray);
    line-height: 1.6;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

.v2-featured-content-detail .listing-user-company-form-details-desc-company-checkbox input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    margin-bottom: 0 !important;
    margin-top: 1px;
    flex-shrink: 0;
}

.v2-featured-content-detail .listing-user-company-form-details-desc-company-checkbox label {
    font-size: 12.5px;
    color: var(--v2-warm-gray);
    line-height: 1.6;
    margin-left: 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

.v2-featured-content-detail .listing-user-company-form-details-desc-company-checkbox a {
    color: var(--v2-blue);
    text-decoration: underline;
}

/* -- Sidebar action button -- */
.v2-featured-content-detail .listing-user-company-form-details-desc-company-button {
    width: 100%;
    padding: 14px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.02em;
    transition: all 0.15s;
    margin-top: 0;
}

.v2-featured-content-detail .listing-user-company-form-details-desc-company-button b {
    font-size: 14px !important;
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
}

.v2-featured-content-detail .listing-user-company-form-details-desc-company-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(30, 58, 95, 0.25);
}

.v2-featured-content-detail .listing-user-company-form-details-desc-company-button:active {
    transform: translateY(0);
}

/* -- Sidebar width override (inline style uses width:40%) -- */
.v2-featured-content-detail .listing-user-webinar-details-company > div[style*="width:40%"] {
    width: 100% !important;
    margin-bottom: 0 !important;
    display: flex;
    flex-direction: column;
}

.v2-featured-content-detail .listing-user-webinar-details-company > div[style*="width:40%"] > .listing-user-company-webinar-form-details-company-webinar,
.v2-featured-content-detail .listing-user-webinar-details-company > div[style*="width:40%"] > .listing-user-company-webinar-form-details-company {
    flex: 1;
}

/* -- reCAPTCHA container -- */
.v2-featured-content-detail .g-recaptcha {
    border: none !important;
    border-radius: 0;
    padding: 0;
    background: transparent;
    margin: 0 0 18px 0 !important;
}

.v2-featured-content-detail .g-recaptcha.mt-2 {
    margin-top: 0 !important;
}

.v2-featured-content-detail .listing-user-company-form-details-desc.company-details-direction {
    margin-bottom: 0;
}

/* -- Audio player container -- */
.v2-featured-content-detail .audio-player-detail-container {
    border-radius: 8px;
    background: var(--v2-bg-light);
}

/* -- Slide-up animation -- */
@keyframes v2-fcSlideUp {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

/* -- Responsive: tablet -- */
@media (max-width: 900px) {
    .v2-featured-content-detail .listing-user-webinar-details-company {
        grid-template-columns: 1fr;
    }

    .v2-featured-content-detail .profile-categories-content-filter1-pop {
        width: 100% !important;
    }

    .v2-featured-content-detail #user-activity-shared {
        flex-direction: column;
    }

    .v2-featured-content-detail .btn-close-img-video {
        width: 100%;
        height: 200px;
    }

    .v2-featured-content-detail .btn-close-img-video img {
        width: 100% !important;
        height: 200px !important;
    }
}

/* -- Responsive: mobile -- */
@media (max-width: 768px) {
    .v2-featured-content-detail .activity-frame-card-content-body h2 {
        font-size: 18px;
    }

    .v2-featured-content-detail .listing-user-company-webinar-form-details-company-webinar h2,
    .v2-featured-content-detail .listing-user-company-webinar-form-details-company-webinar .h5,
    .v2-featured-content-detail .listing-user-company-webinar-form-details-company h5 {
        font-size: 16px;
    }

    .v2-featured-content-detail .profile-categories-content-filter1-pop {
        padding: 16px;
    }

    .v2-featured-content-detail .listing-user-company-webinar-form-details-company-webinar,
    .v2-featured-content-detail .listing-user-company-webinar-form-details-company {
        padding: 16px;
    }
}

/* -- Responsive: small mobile -- */
@media (max-width: 560px) {
    .v2-featured-content-detail .activity-frame-card-content-body h2 {
        font-size: 16px;
    }

    .v2-featured-content-detail .listing-user-company-form-details-desc-company-button {
        padding: 12px;
        font-size: 13px;
    }
}

/* ========== NPS Widget V2 wrapper overrides ========== */
.v2-sidebar .nps-widget-view {
    background: transparent;
    border: 0;
    border-radius: 0;
    overflow: visible;
}
.v2-sidebar .nps-widget-view .nps-card {
    border: 1px solid var(--v2-border-light);
    box-shadow: none;
    border-radius: 6px;
    padding: 14px 16px;
}

.v2-product-detail .nps-widget-view {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
}
.v2-product-detail .nps-widget-view .nps-card {
    border: 1px solid var(--v2-border-light);
    box-shadow: var(--v2-shadow);
    border-radius: 6px;
    padding: 14px 16px;
}

.v2-project-detail .nps-widget-view {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
}
.v2-project-detail .nps-widget-view .nps-card {
    border: 1px solid var(--v2-border-light);
    box-shadow: var(--v2-shadow);
    border-radius: 6px;
    padding: 14px 16px;
}

/* NPS header — match v2 rating widget h2#rating-title spacing */
.v2-sidebar .nps-header {
    margin-bottom: 12px;
}
.v2-sidebar .nps-header h2 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    white-space: nowrap;
}

.v2-product-detail .nps-header {
    margin-bottom: 12px;
}
.v2-product-detail .nps-header h2 {
    font-size: 14px;
    font-weight: 700;
    color: var(--v2-charcoal);
    margin-bottom: 0;
    white-space: nowrap;
}

.v2-project-detail .nps-header {
    margin-bottom: 12px;
}
.v2-project-detail .nps-header h2 {
    font-size: 14px;
    font-weight: 700;
    color: var(--v2-charcoal);
    margin-bottom: 0;
    white-space: nowrap;
}

/* NPS breakdown alignment under bar segments (v2) */
.v2-sidebar .nps-break-item:nth-child(2),
.v2-product-detail .nps-break-item:nth-child(2),
.v2-project-detail .nps-break-item:nth-child(2) { text-align: center; }

.v2-sidebar .nps-break-item:last-child,
.v2-product-detail .nps-break-item:last-child,
.v2-project-detail .nps-break-item:last-child { text-align: right; }

/* V2 NPS font-size reduction for values */
.v2-sidebar .nps-metric-value,
.v2-product-detail .nps-metric-value,
.v2-project-detail .nps-metric-value { font-size: clamp(20px, 5vw, 20px); }

.v2-sidebar .nps-resp-value,
.v2-product-detail .nps-resp-value,
.v2-project-detail .nps-resp-value { font-size: clamp(14px, 3.5vw, 15px); }

.v2-sidebar .nps-break-pct,
.v2-product-detail .nps-break-pct,
.v2-project-detail .nps-break-pct { font-size: clamp(15px, 4vw, 15px); }

.v2-sidebar .nps-info-btn,
.v2-product-detail .nps-info-btn,
.v2-project-detail .nps-info-btn { width: 18px; height: 18px; font-size: 11px; }

/* Filter dropdown z-index — ensure dropdowns appear above the cover card (z-index: 10) */
.v2-main-content .div-search-sort-portion {
    position: relative !important;
    z-index: 11 !important;
}

.v2-product-detail .div-search-sort-portion,
.v2-project-detail .div-search-sort-portion {
    position: relative !important;
    z-index: 11 !important;
}