/*
 * Accnify Comprehensive Fixes v1.0
 * Fixes: hamburger visibility, platform sizes, product cards on mobile,
 * filters on desktop, panel theme unification, chat icon.
 * Loaded LAST to override everything.
 */

/* ==================================================================
   1. HAMBURGER MENU — ensure visible on mobile (dark icon on white)
   ================================================================== */

@media (max-width: 1100px) {
    body.accnify-signature .mobile-menu-button {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 5px !important;
        width: 42px !important;
        height: 42px !important;
        padding: 8px !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 8px !important;
        background: #ffffff !important;
        cursor: pointer !important;
        flex-shrink: 0 !important;
        z-index: 220 !important;
        box-shadow: 0 1px 3px rgba(0,0,0,.08) !important;
    }
    body.accnify-signature .mobile-menu-button span {
        display: block !important;
        width: 20px !important;
        height: 2.5px !important;
        border-radius: 2px !important;
        background: #0f172a !important;
        transition: all 0.3s ease !important;
    }
    body.accnify-signature .mobile-menu-button:hover {
        border-color: #4f46e5 !important;
        background: #eef2ff !important;
    }
    body.accnify-signature .mobile-menu-button:hover span {
        background: #4f46e5 !important;
    }
    body.accnify-signature.menu-open .mobile-menu-button span:nth-child(1) {
        transform: translateY(7px) rotate(45deg) !important;
    }
    body.accnify-signature.menu-open .mobile-menu-button span:nth-child(2) {
        opacity: 0 !important;
        transform: scaleX(0) !important;
    }
    body.accnify-signature.menu-open .mobile-menu-button span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg) !important;
    }
}

/* ==================================================================
   2. PLATFORM RAIL — larger icons, better grid on all devices
   ================================================================== */

body.accnify-signature .platform-rail {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

body.accnify-signature .platform-rail > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100px !important;
    padding: 16px 12px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    gap: 8px !important;
    text-align: center !important;
}
body.accnify-signature .platform-rail > a:hover {
    border-color: #4f46e5 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.08) !important;
}
body.accnify-signature .platform-rail > a > span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    font-size: 22px !important;
    flex-shrink: 0 !important;
    transition: all 0.2s ease !important;
}
body.accnify-signature .platform-rail > a:hover > span {
    background: var(--platform-color, #4f46e5) !important;
    border-color: var(--platform-color, #4f46e5) !important;
    transform: scale(1.05) !important;
}
body.accnify-signature .platform-rail > a > span i {
    color: var(--platform-color, #4f46e5) !important;
    font-size: 22px !important;
}
body.accnify-signature .platform-rail > a:hover > span i {
    color: #fff !important;
}
body.accnify-signature .platform-rail > a strong {
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-align: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 100% !important;
}
body.accnify-signature .platform-rail > a > i {
    display: none !important;
}

/* Responsive platform rail */
@media (max-width: 1100px) {
    body.accnify-signature .platform-rail {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 760px) {
    body.accnify-signature .platform-rail {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
    body.accnify-signature .platform-rail > a {
        min-height: 88px !important;
        padding: 12px 8px !important;
    }
    body.accnify-signature .platform-rail > a > span {
        width: 40px !important;
        height: 40px !important;
        font-size: 18px !important;
        border-radius: 10px !important;
    }
    body.accnify-signature .platform-rail > a > span i {
        font-size: 18px !important;
    }
    body.accnify-signature .platform-rail > a strong {
        font-size: 11px !important;
    }
}
@media (max-width: 460px) {
    body.accnify-signature .platform-rail {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
    body.accnify-signature .platform-rail > a {
        min-height: 80px !important;
        padding: 10px 6px !important;
    }
    body.accnify-signature .platform-rail > a > span {
        width: 36px !important;
        height: 36px !important;
        font-size: 16px !important;
    }
    body.accnify-signature .platform-rail > a strong {
        font-size: 10px !important;
    }
}

/* ==================================================================
   3. PRODUCT CARDS — proper sizes on mobile, like g2a.com
   ================================================================== */

/* Desktop product cards */
body.accnify-signature .product-card {
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    transition: all 0.2s ease !important;
}
body.accnify-signature .product-card:hover {
    border-color: #4f46e5 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.08) !important;
    transform: translateY(-2px) !important;
}

body.accnify-signature .product-card .product-visual {
    min-height: 180px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
    position: relative !important;
    overflow: hidden !important;
}

body.accnify-signature .product-card .product-brand-logo {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 24px 28px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
}
body.accnify-signature .product-card .product-brand-logo i {
    font-size: 36px !important;
    color: var(--brand-color, #4f46e5) !important;
}
body.accnify-signature .product-card .product-brand-logo small {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #64748b !important;
}

body.accnify-signature .product-card .product-card-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

body.accnify-signature .product-card .product-service-mark {
    width: 36px !important;
    height: 36px !important;
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    position: absolute !important;
    bottom: 10px !important;
    right: 10px !important;
    z-index: 1 !important;
}

body.accnify-signature .product-card .product-body {
    padding: 16px !important;
}

body.accnify-signature .product-card .product-body h3 {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    line-height: 1.4 !important;
    margin: 0 0 8px !important;
}
body.accnify-signature .product-card .product-body h3 a {
    color: #0f172a !important;
}
body.accnify-signature .product-card .product-body h3 a:hover {
    color: #4f46e5 !important;
}

body.accnify-signature .product-card .product-price-row strong {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

body.accnify-signature .product-card .product-cart-button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 38px !important;
    padding: 0 16px !important;
    border: 1px solid #4f46e5 !important;
    border-radius: 8px !important;
    color: #fff !important;
    background: #4f46e5 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
body.accnify-signature .product-card .product-cart-button:hover {
    background: #4338ca !important;
    border-color: #4338ca !important;
}

/* Tablet product cards */
@media (max-width: 1100px) {
    body.accnify-signature .product-card .product-visual {
        min-height: 150px !important;
    }
    body.accnify-signature .product-card .product-brand-logo i {
        font-size: 28px !important;
    }
}

/* Mobile product cards — 2-column grid, proper sizing like g2a */
@media (max-width: 760px) {
    body.accnify-signature .products-grid,
    body.accnify-signature .homepage-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    body.accnify-signature .product-card {
        border-radius: 10px !important;
    }
    body.accnify-signature .product-card .product-visual {
        min-height: 120px !important;
    }
    body.accnify-signature .product-card .product-brand-logo {
        padding: 14px 16px !important;
        gap: 6px !important;
    }
    body.accnify-signature .product-card .product-brand-logo i {
        font-size: 24px !important;
    }
    body.accnify-signature .product-card .product-brand-logo small {
        font-size: 10px !important;
    }
    body.accnify-signature .product-card .product-service-mark {
        width: 28px !important;
        height: 28px !important;
        font-size: 12px !important;
        bottom: 8px !important;
        right: 8px !important;
    }
    body.accnify-signature .product-card .stock-pill,
    body.accnify-signature .product-card .product-featured-pill,
    body.accnify-signature .product-card .discount {
        font-size: 9px !important;
        padding: 3px 8px !important;
        top: 8px !important;
    }
    body.accnify-signature .product-card .product-featured-pill {
        top: 30px !important;
    }

    body.accnify-signature .product-card .product-body {
        padding: 10px !important;
    }
    body.accnify-signature .product-card .product-meta {
        margin-bottom: 4px !important;
        gap: 6px !important;
    }
    body.accnify-signature .product-card .product-meta span {
        font-size: 9px !important;
    }
    body.accnify-signature .product-card .product-body h3 {
        font-size: 12px !important;
        line-height: 1.3 !important;
        margin: 4px 0 4px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    body.accnify-signature .product-card .product-summary {
        display: none !important;
    }
    body.accnify-signature .product-card .product-attribute-row {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 3px !important;
        margin-bottom: 6px !important;
    }
    body.accnify-signature .product-card .product-attribute-row span {
        font-size: 8px !important;
        padding: 2px 5px !important;
    }
    body.accnify-signature .product-card .seller-name {
        font-size: 9px !important;
        margin-top: 4px !important;
        padding-top: 4px !important;
    }
    body.accnify-signature .product-card .seller-name > span {
        display: none !important;
    }

    body.accnify-signature .product-card .product-offer-row {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 6px !important;
        padding-top: 6px !important;
        margin-top: 6px !important;
    }
    body.accnify-signature .product-card .product-price-row strong {
        font-size: 14px !important;
    }
    body.accnify-signature .product-card .product-cart-button {
        width: 100% !important;
        min-height: 32px !important;
        padding: 0 8px !important;
        font-size: 11px !important;
        justify-content: center !important;
    }
}

@media (max-width: 460px) {
    body.accnify-signature .products-grid,
    body.accnify-signature .homepage-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
    body.accnify-signature .product-card .product-visual {
        min-height: 100px !important;
    }
    body.accnify-signature .product-card .product-brand-logo i {
        font-size: 20px !important;
    }
}

/* ==================================================================
   4. FILTERS — proper layout on desktop
   ================================================================== */

@media (min-width: 900px) {
    body.accnify-signature .marketplace-filter-bar {
        display: grid !important;
        grid-template-columns: 1.5fr repeat(4, minmax(120px, 1fr)) auto !important;
        align-items: end !important;
        gap: 12px !important;
        padding: 18px !important;
    }
    body.accnify-signature .marketplace-filter-bar .field {
        min-width: 0 !important;
    }
    body.accnify-signature .marketplace-filter-bar input,
    body.accnify-signature .marketplace-filter-bar select {
        width: 100% !important;
        min-height: 42px !important;
        padding: 0 12px !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 8px !important;
        font-size: 13px !important;
        color: #0f172a !important;
        background: #ffffff !important;
    }
    body.accnify-signature .marketplace-filter-bar .button {
        min-height: 42px !important;
        padding: 0 20px !important;
        border: 1px solid #4f46e5 !important;
        border-radius: 8px !important;
        color: #fff !important;
        background: #4f46e5 !important;
        font-weight: 600 !important;
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    /* Catalog sidebar filters */
    body.accnify-signature .catalog-browser {
        display: grid !important;
        grid-template-columns: 280px minmax(0, 1fr) !important;
        gap: 20px !important;
        align-items: start !important;
    }
    body.accnify-signature .catalog-filter-sidebar {
        position: sticky !important;
        top: 90px !important;
    }
    body.accnify-signature .catalog-filter-panel {
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px !important;
        background: #ffffff !important;
    }
    body.accnify-signature .catalog-page-filter {
        display: grid !important;
        gap: 10px !important;
        padding: 0 16px 16px !important;
    }
    body.accnify-signature .catalog-page-filter input,
    body.accnify-signature .catalog-page-filter select {
        width: 100% !important;
        height: 40px !important;
        padding: 0 10px !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 8px !important;
        font-size: 13px !important;
    }
}

/* Mobile filters — stack vertically */
@media (max-width: 899px) {
    body.accnify-signature .marketplace-filter-bar {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    body.accnify-signature .marketplace-filter-bar .button {
        width: 100% !important;
    }
    body.accnify-signature .catalog-browser {
        grid-template-columns: 1fr !important;
    }
    body.accnify-signature .catalog-filter-sidebar {
        position: static !important;
    }
}

/* ==================================================================
   5. PANEL THEME UNIFICATION — same white theme as homepage
   ================================================================== */

/* Admin panel */
body.accnify-signature.admin-panel-page {
    background: #ffffff !important;
    color: #0f172a !important;
}
body.accnify-signature .admin-panel-shell {
    background: #ffffff !important;
}
body.accnify-signature .admin-topbar {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}
body.accnify-signature .admin-topbar-brand,
body.accnify-signature .admin-topbar-brand span,
body.accnify-signature .admin-topbar-brand strong {
    color: #0f172a !important;
}
body.accnify-signature .admin-topbar-brand strong span {
    color: #4f46e5 !important;
}
body.accnify-signature .admin-topbar-brand i {
    background: #4f46e5 !important;
    color: #fff !important;
}
body.accnify-signature .admin-market-link {
    color: #4f46e5 !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
}
body.accnify-signature .admin-notification-link {
    color: #0f172a !important;
    border: 1px solid #e2e8f0 !important;
    background: #f8fafc !important;
}
body.accnify-signature .admin-user-chip {
    color: #0f172a !important;
}
body.accnify-signature .admin-user-chip i {
    background: #4f46e5 !important;
    color: #fff !important;
}
body.accnify-signature .admin-menu-toggle {
    color: #0f172a !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
}

body.accnify-signature .dashboard-sidebar {
    background: #ffffff !important;
    border-right: 1px solid #e2e8f0 !important;
}
body.accnify-signature .dashboard-panel-brand,
body.accnify-signature .buyer-brand {
    color: #0f172a !important;
}
body.accnify-signature .dashboard-panel-brand strong span,
body.accnify-signature .buyer-brand strong span {
    color: #4f46e5 !important;
}
body.accnify-signature .buyer-brand-bag {
    background: #4f46e5 !important;
    color: #fff !important;
}
body.accnify-signature .dashboard-user {
    color: #0f172a !important;
    border-bottom: 1px solid #e2e8f0 !important;
}
body.accnify-signature .dashboard-user small {
    color: #64748b !important;
}

body.accnify-signature .dashboard-nav a,
body.accnify-signature .buyer-nav a {
    color: #64748b !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}
body.accnify-signature .dashboard-nav a:hover,
body.accnify-signature .buyer-nav a:hover {
    color: #4f46e5 !important;
    background: #eef2ff !important;
}
body.accnify-signature .dashboard-nav a.active,
body.accnify-signature .buyer-nav a.active {
    color: #4f46e5 !important;
    background: #eef2ff !important;
    font-weight: 600 !important;
}
body.accnify-signature .dashboard-signout {
    color: #ef4444 !important;
}

body.accnify-signature .dashboard-main,
body.accnify-signature .buyer-workspace,
body.accnify-signature .buyer-content {
    background: #ffffff !important;
}

body.accnify-signature .dashboard-head h1 {
    color: #0f172a !important;
}
body.accnify-signature .dashboard-head p {
    color: #64748b !important;
}

body.accnify-signature .dashboard-card,
body.accnify-signature .buyer-card,
body.accnify-signature .panel-card,
body.accnify-signature .stat-card {
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
}
body.accnify-signature .dashboard-card h2,
body.accnify-signature .dashboard-card h3 {
    color: #0f172a !important;
}
body.accnify-signature .dashboard-card p {
    color: #64748b !important;
}

body.accnify-signature .dashboard-card-head h2 {
    color: #0f172a !important;
}
body.accnify-signature .dashboard-card-head .text-link {
    color: #4f46e5 !important;
}

body.accnify-signature .stat-card {
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
}
body.accnify-signature .stat-card span {
    color: #64748b !important;
}
body.accnify-signature .stat-card strong {
    color: #0f172a !important;
}
body.accnify-signature .stat-card.teal {
    border-color: #4f46e5 !important;
    background: #eef2ff !important;
}
body.accnify-signature .stat-card.teal span,
body.accnify-signature .stat-card.teal strong {
    color: #4f46e5 !important;
}

/* Tables in panels */
body.accnify-signature .dashboard-card table,
body.accnify-signature .table-wrap table {
    width: 100% !important;
    border-collapse: collapse !important;
}
body.accnify-signature .dashboard-card th,
body.accnify-signature .table-wrap th {
    background: #f8fafc !important;
    color: #0f172a !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
    padding: 12px 16px !important;
    text-align: left !important;
    border-bottom: 1px solid #e2e8f0 !important;
}
body.accnify-signature .dashboard-card td,
body.accnify-signature .table-wrap td {
    color: #0f172a !important;
    font-size: 13px !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid #e2e8f0 !important;
}
body.accnify-signature .dashboard-card tr:hover td,
body.accnify-signature .table-wrap tr:hover td {
    background: #eef2ff !important;
}
body.accnify-signature .dashboard-card td small,
body.accnify-signature .table-wrap td small {
    display: block !important;
    color: #64748b !important;
    font-size: 11px !important;
    margin-top: 2px !important;
}

/* Order rows */
body.accnify-signature .order-row {
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
}
body.accnify-signature .order-row h3 {
    color: #0f172a !important;
}
body.accnify-signature .order-row p {
    color: #64748b !important;
}
body.accnify-signature .order-thumb {
    background: #eef2ff !important;
    color: #4f46e5 !important;
}

/* Buttons in panels */
body.accnify-signature .button-small {
    padding: 6px 12px !important;
    font-size: 12px !important;
    border-radius: 6px !important;
}
body.accnify-signature .button-danger {
    border-color: #ef4444 !important;
    background: #ef4444 !important;
    color: #fff !important;
}
body.accnify-signature .button-danger:hover {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
}
body.accnify-signature .button-soft {
    border-color: #e2e8f0 !important;
    background: #f8fafc !important;
    color: #0f172a !important;
}
body.accnify-signature .button-soft:hover {
    border-color: #4f46e5 !important;
    color: #4f46e5 !important;
    background: #eef2ff !important;
}

/* Tabs */
body.accnify-signature .tabs .tab-button {
    color: #64748b !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    border-radius: 8px !important;
}
body.accnify-signature .tabs .tab-button.active {
    color: #4f46e5 !important;
    background: #eef2ff !important;
    border-color: #4f46e5 !important;
}
body.accnify-signature .tabs .tab-button span {
    background: #f1f5f9 !important;
    color: #64748b !important;
    border-radius: 999px !important;
    padding: 2px 8px !important;
    font-size: 11px !important;
}
body.accnify-signature .tabs .tab-button.active span {
    background: #4f46e5 !important;
    color: #fff !important;
}

/* Status badges */
body.accnify-signature .status {
    display: inline-flex !important;
    padding: 3px 10px !important;
    border-radius: 999px !important;
    font-weight: 600 !important;
    font-size: 11px !important;
}
body.accnify-signature .status.status-completed,
body.accnify-signature .status.status-approved,
body.accnify-signature .status.status-active {
    color: #059669 !important;
    background: #d1fae5 !important;
}
body.accnify-signature .status.status-pending,
body.accnify-signature .status.status-pending_payment,
body.accnify-signature .status.status-payment_submitted,
body.accnify-signature .status.status-under_review {
    color: #d97706 !important;
    background: #fef3c7 !important;
}
body.accnify-signature .status.status-rejected,
body.accnify-signature .status.status-suspended {
    color: #b91c1c !important;
    background: #fee2e2 !important;
}
body.accnify-signature .status.status-disputed {
    color: #0369a1 !important;
    background: #e0f2fe !important;
}
body.accnify-signature .status.status-paused {
    color: #64748b !important;
    background: #f1f5f9 !important;
}

/* Forms in panels */
body.accnify-signature .field label {
    color: #64748b !important;
    font-weight: 600 !important;
    font-size: 12px !important;
}
body.accnify-signature .field input,
body.accnify-signature .field select,
body.accnify-signature .field textarea {
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    font-size: 13px !important;
    padding: 8px 12px !important;
}
body.accnify-signature .field input:focus,
body.accnify-signature .field select:focus,
body.accnify-signature .field textarea:focus {
    border-color: #4f46e5 !important;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, .1) !important;
    outline: none !important;
}
body.accnify-signature .field small {
    color: #64748b !important;
    font-size: 11px !important;
}

/* Empty states */
body.accnify-signature .empty-state {
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
}
body.accnify-signature .empty-state h3 {
    color: #0f172a !important;
}
body.accnify-signature .empty-state p {
    color: #64748b !important;
}

/* Buyer panel topbar */
body.accnify-signature .buyer-topbar {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}
body.accnify-signature .buyer-mobile-brand {
    color: #0f172a !important;
}
body.accnify-signature .buyer-mobile-brand span {
    color: #4f46e5 !important;
}
body.accnify-signature .buyer-menu-toggle {
    color: #0f172a !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
}
body.accnify-signature .buyer-notification {
    color: #0f172a !important;
    border: 1px solid #e2e8f0 !important;
    background: #f8fafc !important;
}
body.accnify-signature .buyer-avatar {
    background: #4f46e5 !important;
    color: #fff !important;
}
body.accnify-signature .buyer-profile summary {
    color: #0f172a !important;
}
body.accnify-signature .buyer-profile-menu {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.1) !important;
}
body.accnify-signature .buyer-profile-menu a {
    color: #0f172a !important;
}
body.accnify-signature .buyer-profile-menu a:hover {
    background: #eef2ff !important;
    color: #4f46e5 !important;
}

/* Buyer help card */
body.accnify-signature .buyer-help-card {
    border: 1px solid #e2e8f0 !important;
    background: #f8fafc !important;
    border-radius: 12px !important;
}
body.accnify-signature .buyer-help-card i {
    color: #4f46e5 !important;
}
body.accnify-signature .buyer-help-card strong {
    color: #0f172a !important;
}
body.accnify-signature .buyer-help-card p {
    color: #64748b !important;
}
body.accnify-signature .buyer-help-card a {
    color: #4f46e5 !important;
}

/* Info notes */
body.accnify-signature .info-note {
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    color: #64748b !important;
}
body.accnify-signature .info-note.warning-note {
    border-color: #fef3c7 !important;
    background: #fef3c7 !important;
    color: #d97706 !important;
}

/* Seller sidebar */
body.accnify-signature .buyer-sidebar {
    background: #ffffff !important;
    border-right: 1px solid #e2e8f0 !important;
}

/* Nav count badge */
body.accnify-signature .nav-count {
    background: #ef4444 !important;
    color: #fff !important;
    border-radius: 999px !important;
    padding: 1px 6px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    margin-left: auto !important;
}

/* Notification list */
body.accnify-signature .notification-list a {
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #0f172a !important;
}
body.accnify-signature .notification-list a.unread {
    border-color: #4f46e5 !important;
    background: #eef2ff !important;
}
body.accnify-signature .notification-list a strong {
    color: #0f172a !important;
}
body.accnify-signature .notification-list a small {
    color: #64748b !important;
}

/* ==================================================================
   6. CHAT / SUPPORT WIDGET — fix the chat icon
   ================================================================== */

body.accnify-signature .support-widget {
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    z-index: 9999 !important;
}

body.accnify-signature .support-widget-launcher {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 20px !important;
    border: none !important;
    border-radius: 999px !important;
    background: #4f46e5 !important;
    color: #fff !important;
    cursor: pointer !important;
    box-shadow: 0 4px 20px rgba(79, 70, 229, .35) !important;
    transition: all 0.2s ease !important;
}
body.accnify-signature .support-widget-launcher:hover {
    background: #4338ca !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 28px rgba(79, 70, 229, .4) !important;
}

body.accnify-signature .support-widget-launcher-label {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.2 !important;
}
body.accnify-signature .support-widget-launcher-label strong {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #fff !important;
}
body.accnify-signature .support-widget-launcher-label small {
    font-size: 11px !important;
    color: rgba(255,255,255,.75) !important;
}

body.accnify-signature .support-widget-launcher-icon {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.15) !important;
    font-size: 16px !important;
}
body.accnify-signature .support-widget-launcher-icon i {
    color: #fff !important;
}

/* Support widget panel */
body.accnify-signature .support-widget-panel {
    position: absolute !important;
    bottom: 70px !important;
    right: 0 !important;
    width: 340px !important;
    max-height: 480px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 40px rgba(0,0,0,.15) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

body.accnify-signature .support-widget-panel header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    background: #eef2ff !important;
}
body.accnify-signature .support-widget-panel header strong {
    color: #0f172a !important;
    font-size: 14px !important;
}
body.accnify-signature .support-widget-panel header small {
    color: #64748b !important;
    font-size: 12px !important;
}
body.accnify-signature .support-widget-panel header button {
    width: 28px !important;
    height: 28px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    font-size: 16px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.accnify-signature .support-widget-messages {
    flex: 1 !important;
    overflow-y: auto !important;
    padding: 14px !important;
    min-height: 200px !important;
}
body.accnify-signature .support-widget-intro {
    color: #64748b !important;
    font-size: 13px !important;
    text-align: center !important;
    padding: 20px 10px !important;
}

body.accnify-signature .support-widget-panel form {
    display: flex !important;
    align-items: flex-end !important;
    gap: 8px !important;
    padding: 10px 14px !important;
    border-top: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
}
body.accnify-signature .support-widget-panel textarea {
    flex: 1 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 8px 10px !important;
    font-size: 13px !important;
    resize: none !important;
    max-height: 80px !important;
    color: #0f172a !important;
    background: #f8fafc !important;
}
body.accnify-signature .support-widget-panel textarea:focus {
    border-color: #4f46e5 !important;
    outline: none !important;
}
body.accnify-signature .support-widget-panel form button[type="submit"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border: none !important;
    border-radius: 50% !important;
    background: #4f46e5 !important;
    color: #fff !important;
    font-size: 14px !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

/* Mobile: smaller launcher */
@media (max-width: 760px) {
    body.accnify-signature .support-widget {
        bottom: 16px !important;
        right: 16px !important;
    }
    body.accnify-signature .support-widget-launcher-label {
        display: none !important;
    }
    body.accnify-signature .support-widget-launcher {
        width: 52px !important;
        height: 52px !important;
        padding: 0 !important;
        justify-content: center !important;
        border-radius: 50% !important;
    }
    body.accnify-signature .support-widget-launcher-icon {
        width: auto !important;
        height: auto !important;
        background: transparent !important;
        font-size: 20px !important;
    }
    body.accnify-signature .support-widget-panel {
        width: calc(100vw - 32px) !important;
        right: -4px !important;
        max-height: 70vh !important;
    }
}

/* ==================================================================
   7. MISC IMPROVEMENTS
   ================================================================== */

/* Application review cards */
body.accnify-signature .application-review-card {
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
}
body.accnify-signature .application-review-head h3 {
    color: #0f172a !important;
}
body.accnify-signature .application-review-head p {
    color: #64748b !important;
}
body.accnify-signature .application-answer-grid strong {
    color: #0f172a !important;
}
body.accnify-signature .application-answer-grid p {
    color: #64748b !important;
}

/* Withdrawal cards */
body.accnify-signature .withdrawal-admin-card {
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
}
body.accnify-signature .withdrawal-admin-card h3 {
    color: #0f172a !important;
}
body.accnify-signature .withdrawal-admin-card p {
    color: #64748b !important;
}

/* Form error */
body.accnify-signature .form-error {
    border: 1px solid #fecaca !important;
    border-radius: 8px !important;
    background: #fee2e2 !important;
    color: #b91c1c !important;
    padding: 12px 16px !important;
    font-size: 13px !important;
}

/* Text link */
body.accnify-signature .text-link {
    color: #4f46e5 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

/* Muted text */
body.accnify-signature .muted {
    color: #64748b !important;
    font-size: 13px !important;
}

/* Compliance checkbox */
body.accnify-signature .compliance-confirm,
body.accnify-signature .official-feature-check {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    color: #64748b !important;
    font-size: 13px !important;
}

/* Admin pagination */
body.accnify-signature .admin-pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    padding: 16px !important;
}
body.accnify-signature .admin-pagination span {
    color: #64748b !important;
    font-size: 13px !important;
}

/* Admin seller back link */
body.accnify-signature .admin-seller-back {
    margin-bottom: 16px !important;
}

/* Admin export links */
body.accnify-signature .admin-export-links {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}
body.accnify-signature .admin-export-links strong {
    color: #0f172a !important;
    font-size: 12px !important;
}

/* Admin inventory table */
body.accnify-signature .admin-inventory-table {
    overflow-x: auto !important;
}
body.accnify-signature .admin-inventory-value summary {
    color: #4f46e5 !important;
    cursor: pointer !important;
    font-size: 12px !important;
}
body.accnify-signature .admin-inventory-value code {
    display: block !important;
    margin-top: 8px !important;
    padding: 8px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    word-break: break-all !important;
    color: #0f172a !important;
}
body.accnify-signature .admin-sensitive-note {
    margin: 12px 0 !important;
}

/* Admin seller stats */
body.accnify-signature .admin-seller-stats {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    margin-top: 16px !important;
}
body.accnify-signature .admin-seller-stats > div {
    padding: 12px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
}
body.accnify-signature .admin-seller-stats span {
    color: #64748b !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
}
body.accnify-signature .admin-seller-stats strong {
    color: #0f172a !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    display: block !important;
    margin: 4px 0 2px !important;
}
body.accnify-signature .admin-seller-stats small {
    color: #64748b !important;
    font-size: 11px !important;
}

/* Inventory upload grid */
body.accnify-signature .inventory-upload-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
}

@media (max-width: 760px) {
    body.accnify-signature .inventory-upload-grid {
        grid-template-columns: 1fr !important;
    }
    body.accnify-signature .admin-seller-stats {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Form grid */
body.accnify-signature .form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
}
@media (max-width: 760px) {
    body.accnify-signature .form-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Table actions */
body.accnify-signature .table-actions {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

/* Sidebar close button */
body.accnify-signature .dashboard-sidebar-close,
body.accnify-signature .panel-sidebar-close {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    cursor: pointer !important;
    font-size: 16px !important;
}

/* Application brand preview */
body.accnify-signature .application-brand-preview {
    position: relative !important;
    margin-bottom: 12px !important;
}
body.accnify-signature .application-brand-banner {
    width: 100% !important;
    height: 120px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}
body.accnify-signature .application-brand-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    border: 2px solid #ffffff !important;
    border-radius: 10px !important;
    background: #eef2ff !important;
    color: #4f46e5 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    margin-top: -24px !important;
    margin-left: 12px !important;
    position: relative !important;
    overflow: hidden !important;
}
body.accnify-signature .application-brand-logo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Wallet address display */
body.accnify-signature .wallet-address-inline {
    word-break: break-all !important;
    font-family: monospace !important;
    font-size: 12px !important;
    background: #f8fafc !important;
    padding: 6px 10px !important;
    border-radius: 6px !important;
    border: 1px solid #e2e8f0 !important;
}

/* Category grid on mobile */
@media (max-width: 760px) {
    body.accnify-signature .market-category-grid,
    body.accnify-signature .catalog-page-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}

/* Live stats responsive */
@media (max-width: 760px) {
    body.accnify-signature .marketplace-live-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    body.accnify-signature .marketplace-live-stats-grid > div {
        padding: 14px !important;
        border-right: 0 !important;
        border-bottom: 1px solid #e2e8f0 !important;
    }
    body.accnify-signature .marketplace-live-stats-grid > div:nth-child(odd) {
        border-right: 1px solid #e2e8f0 !important;
    }
    body.accnify-signature .marketplace-live-stats-grid > div:nth-last-child(-n+2) {
        border-bottom: 0 !important;
    }
}

/* ==================================================================
   8. DELETE USER / DELETE STORE / DELETE PRODUCT buttons
   ================================================================== */

body.accnify-signature .btn-delete-permanent {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 6px 12px !important;
    border: 1px solid #dc2626 !important;
    border-radius: 6px !important;
    background: #dc2626 !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
body.accnify-signature .btn-delete-permanent:hover {
    background: #b91c1c !important;
    border-color: #b91c1c !important;
}

/* ==================================================================
   9. ENSURE CATEGORY CARDS AND SECTIONS ARE PROPERLY SIZED
   ================================================================== */

@media (max-width: 460px) {
    body.accnify-signature .market-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
    body.accnify-signature .market-category-card {
        padding: 12px !important;
    }
    body.accnify-signature .market-category-card h2 {
        font-size: 13px !important;
    }
    body.accnify-signature .market-category-icon {
        width: 32px !important;
        height: 32px !important;
        font-size: 13px !important;
    }
}

/* ==================================================================
   10. DROPDOWN / SELECT styling for filters
   ================================================================== */

body.accnify-signature select {
    appearance: auto !important;
    -webkit-appearance: auto !important;
}

body.accnify-signature .marketplace-advanced-filter > summary > i.fa-chevron-down {
    transition: transform 0.2s ease !important;
}
body.accnify-signature .marketplace-advanced-filter[open] > summary > i.fa-chevron-down {
    transform: rotate(180deg) !important;
}

/* Admin sidebar backdrop */
body.accnify-signature .admin-sidebar-backdrop,
body.accnify-signature .buyer-sidebar-backdrop {
    display: none !important;
}

@media (max-width: 1100px) {
    body.accnify-signature .admin-sidebar-backdrop.is-open,
    body.accnify-signature .buyer-sidebar-backdrop.is-open {
        display: block !important;
        position: fixed !important;
        inset: 0 !important;
        background: rgba(0,0,0,.3) !important;
        z-index: 299 !important;
    }
    body.accnify-signature .dashboard-sidebar,
    body.accnify-signature .buyer-sidebar {
        position: fixed !important;
        left: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: 280px !important;
        z-index: 300 !important;
        transform: translateX(-100%) !important;
        transition: transform 0.3s ease !important;
        overflow-y: auto !important;
    }
    body.accnify-signature .dashboard-sidebar.is-open,
    body.accnify-signature .buyer-sidebar.is-open {
        transform: translateX(0) !important;
    }
}

/* ==================================================================
   11. ROUND-2 MOBILE POLISH
       a) Support chat: closed until opened, single clean icon
       b) Hamburger: guaranteed visible bars
       c) Page overflow guard + auth pages stack on mobile
       d) Platform rail: reset legacy horizontal-scroll, proper spacing
       e) Product grid/cards: fit viewport perfectly on phones
   ================================================================== */

/* ---------- 11a. Support chat widget state ----------
   The panel rule above sets display:flex !important, which defeated the
   [hidden] attribute and left the chat window permanently open (looking
   like a second chat icon). Restore [hidden] so it stays closed until
   the launcher is tapped, and let the launcher toggle to an × while open. */
body.accnify-signature .support-widget-panel[hidden] {
    display: none !important;
}
body.accnify-signature .support-widget.is-open .support-widget-launcher-icon i {
    display: none !important;
}
body.accnify-signature .support-widget.is-open .support-widget-launcher-icon::after {
    content: "\00D7";
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

/* One clean round chat bubble on smaller screens (no duplicate label pill) */
@media (max-width: 900px) {
    body.accnify-signature .support-widget-launcher-label {
        display: none !important;
    }
    body.accnify-signature .support-widget-launcher {
        width: 52px !important;
        height: 52px !important;
        padding: 0 !important;
        justify-content: center !important;
        border-radius: 50% !important;
    }
    body.accnify-signature .support-widget-launcher-icon {
        width: auto !important;
        height: auto !important;
        background: transparent !important;
    }
}
@media (max-width: 760px) {
    body.accnify-signature .support-widget {
        right: 14px !important;
        bottom: 14px !important;
    }
    body.accnify-signature .support-widget-panel {
        right: 0 !important;
        left: auto !important;
        bottom: 64px !important;
        width: min(360px, calc(100vw - 28px)) !important;
        max-height: min(70vh, 520px) !important;
    }
}

/* ---------- 11b. Hamburger — bars tied to text color so they can
   never render white-on-white again ---------- */
@media (max-width: 1100px) {
    body.accnify-signature .mobile-menu-button {
        -webkit-appearance: none !important;
        appearance: none !important;
        color: #0f172a !important;
    }
    body.accnify-signature .mobile-menu-button span {
        background: currentColor !important;
    }
    body.accnify-signature .mobile-menu-button:hover {
        color: #4f46e5 !important;
    }
}

/* ---------- 11c. Global mobile overflow guard + auth layout ---------- */
@media (max-width: 1100px) {
    html,
    body {
        overflow-x: hidden;
        overflow-x: clip;
    }
}

/* Sign in / register: stack the split panel on phones and small tablets */
@media (max-width: 900px) {
    body.accnify-signature .auth-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        min-height: auto !important;
    }
    body.accnify-signature .auth-art {
        min-height: auto !important;
        padding: 40px 22px !important;
        overflow: hidden !important;
    }
    body.accnify-signature .auth-art h1 {
        max-width: 100% !important;
        font-size: clamp(1.85rem, 7.5vw, 2.6rem) !important;
    }
    body.accnify-signature .auth-art p {
        max-width: 100% !important;
        font-size: .95rem !important;
    }
    body.accnify-signature .auth-form-side {
        padding: 30px 16px 46px !important;
    }
    body.accnify-signature .auth-box {
        width: 100% !important;
        max-width: 460px !important;
        margin: 0 auto !important;
    }
}

/* Flash notices stay inside the viewport on phones */
@media (max-width: 760px) {
    body.accnify-signature .flash-stack {
        width: calc(100% - 28px) !important;
        max-width: 560px !important;
        margin-inline: auto !important;
    }
    body.accnify-signature .flash-stack .flash {
        width: 100% !important;
        margin: 0 !important;
        transform: none !important;
    }
}

/* ---------- 11d. Platform rail — kill the legacy horizontal-scroll
   behavior inherited from storefront.css and lock in a clean grid ---------- */
body.accnify-signature .platform-rail {
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    grid-auto-rows: auto !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

@media (max-width: 1100px) {
    body.accnify-signature .platform-rail {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 760px) {
    body.accnify-signature .platform-rail {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
    body.accnify-signature .platform-rail > a {
        min-height: 92px !important;
        padding: 14px 10px !important;
        gap: 8px !important;
    }
    body.accnify-signature .platform-rail > a > span {
        width: 42px !important;
        height: 42px !important;
        font-size: 19px !important;
    }
    body.accnify-signature .platform-rail > a > span i {
        font-size: 19px !important;
    }
    body.accnify-signature .platform-rail > a strong {
        font-size: 12px !important;
    }
    body.accnify-signature .popular-platforms-section {
        padding: 26px 0 !important;
    }
    body.accnify-signature .platform-rail-heading {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
        margin-bottom: 14px !important;
    }
}
@media (max-width: 360px) {
    body.accnify-signature .platform-rail {
        gap: 8px !important;
    }
    body.accnify-signature .platform-rail > a {
        min-height: 84px !important;
        padding: 10px 8px !important;
    }
}

/* ---------- 11e. Product cards — always fit the viewport ---------- */
@media (max-width: 760px) {
    body.accnify-signature .products-grid,
    body.accnify-signature .homepage-products-grid,
    body.accnify-signature .catalog-results-panel .products-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    body.accnify-signature .product-card {
        width: 100% !important;
        min-width: 0 !important;
    }
    body.accnify-signature .product-card .product-visual {
        min-height: 0 !important;
        height: auto !important;
        aspect-ratio: 4 / 3 !important;
        padding-top: 26px !important;
    }
    body.accnify-signature .product-card .product-brand-logo {
        max-width: 82% !important;
        min-width: 0 !important;
        padding: 12px 14px !important;
    }
    body.accnify-signature .product-card .product-brand-logo small {
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    body.accnify-signature .product-card .product-body {
        min-width: 0 !important;
    }
    body.accnify-signature .product-card .product-meta {
        flex-wrap: nowrap !important;
    }
    body.accnify-signature .product-card .product-meta span {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    body.accnify-signature .product-card .product-attribute-row {
        flex-wrap: nowrap !important;
        overflow: hidden !important;
    }
    body.accnify-signature .product-card .product-attribute-row span {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    body.accnify-signature .product-card .seller-name a {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    body.accnify-signature .product-card .product-featured-pill {
        top: 34px !important;
    }
    body.accnify-signature .product-card .product-offer-row {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }
    body.accnify-signature .product-card .product-cart-button {
        width: 100% !important;
        justify-content: center !important;
    }
}
@media (max-width: 400px) {
    body.accnify-signature .products-grid,
    body.accnify-signature .homepage-products-grid,
    body.accnify-signature .catalog-results-panel .products-grid {
        gap: 8px !important;
    }
    body.accnify-signature .product-card .product-body {
        padding: 8px !important;
    }
}

/* ==================================================================
    12. PREMIUM REDESIGN v2.0
        a) Hamburger — solid indigo button, white bars (always visible)
        b) Hero — premium dark-gradient banner, glass cards, glow
        c) Mobile hero — slim & attractive, no dead weight
        d) Categories — colorful gradient tiles with live unit counts
        e) Platforms — brand-tinted tiles, larger on mobile
        f) Product stock — quantity pills + visible unit rows
        g) Stats band, buttons, headings — company-grade polish
    ================================================================== */

/* ---------- 12a. Hamburger — indigo button with WHITE bars ---------- */
@media (max-width: 1100px) {
    body.accnify-signature .mobile-menu-button {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 5px !important;
        width: 44px !important;
        height: 44px !important;
        padding: 10px !important;
        border: 0 !important;
        border-radius: 12px !important;
        background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
        box-shadow: 0 4px 14px rgba(79, 70, 229, .38) !important;
        cursor: pointer !important;
        flex-shrink: 0 !important;
        z-index: 220 !important;
        color: #ffffff !important;
        -webkit-tap-highlight-color: transparent !important;
    }
    body.accnify-signature .mobile-menu-button span {
        display: block !important;
        width: 20px !important;
        height: 2.4px !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: 0 0 auto !important;
        border-radius: 3px !important;
        background: #ffffff !important;
        transition: transform .25s ease, opacity .2s ease !important;
    }
    body.accnify-signature .mobile-menu-button:hover,
    body.accnify-signature .mobile-menu-button:active {
        background: linear-gradient(135deg, #4338ca, #6d28d9) !important;
        box-shadow: 0 6px 18px rgba(79, 70, 229, .5) !important;
        transform: none !important;
    }
    body.accnify-signature .mobile-menu-button:hover span,
    body.accnify-signature .mobile-menu-button:active span {
        background: #ffffff !important;
    }
    body.accnify-signature.menu-open .mobile-menu-button span:nth-child(1) {
        transform: translateY(7.4px) rotate(45deg) !important;
    }
    body.accnify-signature.menu-open .mobile-menu-button span:nth-child(2) {
        opacity: 0 !important;
        transform: scaleX(0) !important;
    }
    body.accnify-signature.menu-open .mobile-menu-button span:nth-child(3) {
        transform: translateY(-7.4px) rotate(-45deg) !important;
    }
}

/* Brand mark gets the premium gradient too */
body.accnify-signature .brand-mark {
    background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
    box-shadow: 0 4px 12px rgba(79, 70, 229, .32) !important;
}

/* ---------- 12b. Hero — premium dark gradient banner ---------- */
body.accnify-signature.marketplace-home .market-hero {
    padding: 26px 0 10px !important;
    background: transparent !important;
}
body.accnify-signature.marketplace-home .market-hero-primary {
    position: relative !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 26px !important;
    background:
        radial-gradient(640px 340px at 88% -10%, rgba(56, 189, 248, .30), transparent 62%),
        radial-gradient(560px 420px at -8% 112%, rgba(192, 38, 211, .28), transparent 60%),
        linear-gradient(118deg, #14123a 0%, #1e1b4b 38%, #3730a3 74%, #4338ca 100%) !important;
    box-shadow: 0 24px 60px rgba(30, 27, 75, .38) !important;
}
/* soft grid texture + glow orbs */
body.accnify-signature.marketplace-home .market-hero-primary::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background-image:
        linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px) !important;
    background-size: 34px 34px !important;
    -webkit-mask-image: radial-gradient(75% 75% at 50% 35%, #000 30%, transparent 100%) !important;
    mask-image: radial-gradient(75% 75% at 50% 35%, #000 30%, transparent 100%) !important;
    pointer-events: none !important;
}
body.accnify-signature.marketplace-home .market-hero-primary::after {
    content: "" !important;
    position: absolute !important;
    top: -120px !important;
    right: 6% !important;
    width: 300px !important;
    height: 300px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(129, 140, 248, .4), transparent 65%) !important;
    filter: blur(6px) !important;
    pointer-events: none !important;
}
body.accnify-signature.marketplace-home .market-hero-copy,
body.accnify-signature.marketplace-home .market-hero-art {
    position: relative !important;
    z-index: 1 !important;
}

body.accnify-signature.marketplace-home .market-hero-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 7px 14px !important;
    border: 1px solid rgba(255, 255, 255, .26) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .12) !important;
    color: #ffffff !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    letter-spacing: .03em !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    box-shadow: none !important;
    text-transform: none !important;
}
body.accnify-signature.marketplace-home .market-hero-kicker i {
    color: #fcd34d !important;
}
body.accnify-signature.marketplace-home .market-hero-copy h1 {
    color: #ffffff !important;
    font-size: clamp(2.15rem, 4.6vw, 3.5rem) !important;
    font-weight: 800 !important;
    letter-spacing: -.03em !important;
    line-height: 1.06 !important;
    margin: 16px 0 14px !important;
    text-shadow: 0 2px 18px rgba(15, 23, 42, .3) !important;
}
body.accnify-signature.marketplace-home .market-hero-copy h1 span {
    background: linear-gradient(92deg, #a5b4fc 0%, #67e8f9 55%, #6ee7b7 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}
body.accnify-signature.marketplace-home .market-hero-copy > p {
    color: #c7d2fe !important;
    font-size: 15.5px !important;
    line-height: 1.6 !important;
    max-width: 520px !important;
}

/* Hero search — floating white pill */
body.accnify-signature.marketplace-home .market-hero-search {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 36px rgba(15, 23, 42, .32) !important;
    max-width: 520px !important;
}
body.accnify-signature.marketplace-home .market-hero-search > i {
    color: #6366f1 !important;
    font-size: 15px !important;
    padding-left: 10px !important;
    flex-shrink: 0 !important;
}
body.accnify-signature.marketplace-home .market-hero-search input {
    flex: 1 !important;
    min-width: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #111111 !important;
    font-size: 14.5px !important;
    padding: 12px 4px !important;
    outline: none !important;
    box-shadow: none !important;
}
body.accnify-signature.marketplace-home .market-hero-search button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 44px !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: #e11d2e !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    transition: background .2s ease, transform .2s ease, box-shadow .2s ease !important;
}
body.accnify-signature.marketplace-home .market-hero-search button:hover {
    background: #c81623 !important;
    box-shadow: 0 6px 18px rgba(225, 29, 46, .4) !important;
    transform: translateY(-1px) !important;
}

/* Trending chips — glass pills */
body.accnify-signature.marketplace-home .market-hero-trending {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 14px !important;
}
body.accnify-signature.marketplace-home .market-hero-trending > span {
    color: rgba(255, 255, 255, .8) !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}
body.accnify-signature.marketplace-home .market-hero-trending > span i {
    color: #fb923c !important;
}
body.accnify-signature.marketplace-home .market-hero-trending a {
    display: inline-flex !important;
    align-items: center !important;
    padding: 5px 13px !important;
    border: 1px solid rgba(255, 255, 255, .24) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .1) !important;
    color: #ffffff !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    transition: all .2s ease !important;
}
body.accnify-signature.marketplace-home .market-hero-trending a:hover {
    background: #ffffff !important;
    color: #4338ca !important;
    border-color: #ffffff !important;
    transform: translateY(-1px) !important;
}

/* Hero promise row */
body.accnify-signature.marketplace-home .market-hero-promises {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px 20px !important;
    margin-top: 18px !important;
    padding-top: 16px !important;
    border-top: 1px solid rgba(255, 255, 255, .14) !important;
}
body.accnify-signature.marketplace-home .market-hero-promises span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: rgba(255, 255, 255, .88) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}
body.accnify-signature.marketplace-home .market-hero-promises i {
    color: #6ee7b7 !important;
}

/* Hero art — glass highlight cards */
body.accnify-signature.marketplace-home .market-hero-art {
    position: relative !important;
    z-index: 1 !important;
}
body.accnify-signature.marketplace-home .hero-showcase-card {
    border: 1px solid rgba(255, 255, 255, .2) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .1) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    box-shadow: none !important;
    color: #ffffff !important;
    transition: transform .22s ease, background .22s ease, border-color .22s ease !important;
}
body.accnify-signature.marketplace-home .hero-showcase-card:hover {
    transform: translateY(-3px) !important;
    background: rgba(255, 255, 255, .16) !important;
    border-color: rgba(255, 255, 255, .34) !important;
}
body.accnify-signature.marketplace-home .hero-showcase-card small,
body.accnify-signature.marketplace-home .hero-showcase-card > span {
    color: rgba(255, 255, 255, .78) !important;
}
body.accnify-signature.marketplace-home .hero-showcase-card strong {
    color: #ffffff !important;
}
body.accnify-signature.marketplace-home .hero-showcase-stock strong {
    font-size: 30px !important;
    font-weight: 800 !important;
    color: #6ee7b7 !important;
}
body.accnify-signature.marketplace-home .hero-showcase-stock > span i {
    color: #6ee7b7 !important;
}

/* Main showcase card stays bright white for contrast */
body.accnify-signature.marketplace-home .hero-showcase-main {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #0f172a !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .28) !important;
}
body.accnify-signature.marketplace-home .hero-showcase-main:hover {
    background: #ffffff !important;
    border-color: #ffffff !important;
}
body.accnify-signature.marketplace-home .hero-showcase-main small {
    color: #64748b !important;
}
body.accnify-signature.marketplace-home .hero-showcase-main strong {
    color: #0f172a !important;
}
body.accnify-signature.marketplace-home .hero-showcase-main p {
    color: #64748b !important;
}
body.accnify-signature.marketplace-home .hero-showcase-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
    color: #ffffff !important;
    font-size: 18px !important;
    box-shadow: 0 6px 16px rgba(79, 70, 229, .35) !important;
}
body.accnify-signature.marketplace-home .hero-showcase-action {
    color: #4f46e5 !important;
    font-weight: 700 !important;
}
body.accnify-signature.marketplace-home .hero-mini-avatars i {
    background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
    border-color: rgba(255, 255, 255, .35) !important;
    color: #fff !important;
}

/* Hero side cards — vibrant gradient tiles */
body.accnify-signature.marketplace-home .hero-side-card {
    border: 0 !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    position: relative !important;
    box-shadow: 0 16px 40px rgba(30, 27, 75, .28) !important;
    transition: transform .22s ease, box-shadow .22s ease !important;
}
body.accnify-signature.marketplace-home .hero-side-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 22px 48px rgba(30, 27, 75, .36) !important;
}
body.accnify-signature.marketplace-home .hero-side-accounts {
    background: linear-gradient(140deg, #6d28d9 0%, #a21caf 100%) !important;
}
body.accnify-signature.marketplace-home .hero-side-games {
    background: linear-gradient(140deg, #0369a1 0%, #0891b2 100%) !important;
}
body.accnify-signature.marketplace-home .hero-side-card small,
body.accnify-signature.marketplace-home .hero-side-card strong,
body.accnify-signature.marketplace-home .hero-side-card b {
    color: #ffffff !important;
}
body.accnify-signature.marketplace-home .hero-side-card > i {
    color: rgba(255, 255, 255, .22) !important;
}

/* ---------- 12c. Mobile hero — slim, attractive, no dead weight ---------- */
@media (max-width: 1100px) {
    body.accnify-signature.marketplace-home .market-hero {
        padding: 16px 0 6px !important;
    }
    body.accnify-signature.marketplace-home .market-hero-primary {
        min-height: 0 !important;
        border-radius: 22px !important;
    }
    body.accnify-signature.marketplace-home .market-hero-copy {
        padding: 26px 22px 24px !important;
    }
}
@media (max-width: 760px) {
    body.accnify-signature.marketplace-home .market-hero {
        padding: 12px 0 4px !important;
    }
    body.accnify-signature.marketplace-home .market-hero-primary {
        border-radius: 20px !important;
        /* Force a single full-width column so the hero copy (and the search bar)
           can never exceed the primary container width and get clipped. */
        grid-template-columns: 1fr !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }
    body.accnify-signature.marketplace-home .market-hero-copy {
        padding: 20px 16px 18px !important;
        /* Keep the copy (and therefore the search bar) within the primary box. */
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }
    body.accnify-signature.marketplace-home .market-hero-search {
        /* Make the search bar fill the copy width exactly so the red button
           is never pushed outside the visible container. */
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    body.accnify-signature.marketplace-home .market-hero-kicker {
        font-size: 11px !important;
        padding: 5px 11px !important;
    }
    body.accnify-signature.marketplace-home .market-hero-copy h1 {
        font-size: clamp(1.55rem, 7.4vw, 2rem) !important;
        margin: 12px 0 10px !important;
    }
    body.accnify-signature.marketplace-home .market-hero-copy h1 br {
        display: none !important;
    }
    body.accnify-signature.marketplace-home .market-hero-copy > p {
        font-size: 13px !important;
        line-height: 1.55 !important;
        margin-bottom: 14px !important;
    }
    body.accnify-signature.marketplace-home .market-hero-search {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        grid-template-columns: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 54px !important;
        box-sizing: border-box !important;
        border: 0 !important;
        border-radius: 14px !important;
        background: #ffffff !important;
        box-shadow: 0 12px 30px rgba(15, 23, 42, .3) !important;
        padding: 5px !important;
        gap: 6px !important;
        overflow: hidden !important;
        margin: 0 !important;
    }
    body.accnify-signature.marketplace-home .market-hero-search > i {
        flex: 0 0 26px !important;
        width: 26px !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        color: #9aa3b2 !important;
        font-size: 14px !important;
    }
    body.accnify-signature.marketplace-home .market-hero-search input {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        width: 0 !important;
        height: auto !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: none !important;
        color: #111111 !important;
        font-size: 16px !important;
        padding: 11px 2px !important;
        -webkit-appearance: none !important;
        appearance: none !important;
    }
    body.accnify-signature.marketplace-home .market-hero-search input::placeholder {
        color: #8a94a6 !important;
        opacity: 1 !important;
    }
    body.accnify-signature.marketplace-home .market-hero-search button {
        flex: 0 0 48px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        min-height: 44px !important;
        height: 44px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 11px !important;
        background: #e11d2e !important;
        color: #ffffff !important;
        font-size: 15px !important;
        white-space: nowrap !important;
        box-shadow: none !important;
    }
    body.accnify-signature.marketplace-home .market-hero-search button:hover {
        background: #c81623 !important;
        transform: none !important;
        box-shadow: none !important;
    }
    body.accnify-signature.marketplace-home .market-hero-search button span {
        display: none !important;
    }
    /* Trending chips scroll in one row */
    body.accnify-signature.marketplace-home .market-hero-trending {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        padding-bottom: 2px !important;
        margin-top: 12px !important;
    }
    body.accnify-signature.marketplace-home .market-hero-trending::-webkit-scrollbar {
        display: none !important;
    }
    body.accnify-signature.marketplace-home .market-hero-trending > span,
    body.accnify-signature.marketplace-home .market-hero-trending a {
        flex-shrink: 0 !important;
        font-size: 11.5px !important;
    }
    /* Drop the heavy art + side tiles on phones — stats band below covers it */
    body.accnify-signature.marketplace-home .market-hero-promises {
        gap: 8px 14px !important;
        margin-top: 14px !important;
        padding-top: 12px !important;
    }
    body.accnify-signature.marketplace-home .market-hero-promises span {
        font-size: 11.5px !important;
    }
    body.accnify-signature.marketplace-home .market-hero-art,
    body.accnify-signature.marketplace-home .market-hero-side {
        display: none !important;
    }
}

/* ---------- 12d. Categories — colorful tiles with live unit counts ---------- */
body.accnify-signature .market-category-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
    gap: 14px !important;
}
body.accnify-signature .market-category-card {
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 20px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    text-decoration: none !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
/* soft accent tint in the corner */
body.accnify-signature .market-category-card::before {
    content: "" !important;
    position: absolute !important;
    top: -46px !important;
    left: -46px !important;
    width: 150px !important;
    height: 150px !important;
    border-radius: 50% !important;
    background: var(--category-accent, #4f46e5) !important;
    opacity: .09 !important;
    filter: blur(4px) !important;
    transition: opacity .22s ease, transform .22s ease !important;
    pointer-events: none !important;
}
body.accnify-signature .market-category-card:hover {
    transform: translateY(-4px) !important;
    border-color: var(--category-accent, #4f46e5) !important;
    box-shadow: 0 16px 36px rgba(15, 23, 42, .1) !important;
}
body.accnify-signature .market-category-card:hover::before {
    opacity: .16 !important;
    transform: scale(1.25) !important;
}
body.accnify-signature .market-category-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 54px !important;
    height: 54px !important;
    border: 1px solid rgba(15, 23, 42, .06) !important;
    border-radius: 16px !important;
    background: #eef2ff !important;
    background: color-mix(in srgb, var(--category-accent, #4f46e5) 11%, #ffffff) !important;
    color: var(--category-accent, #4f46e5) !important;
    font-size: 23px !important;
    transition: all .22s ease !important;
    flex-shrink: 0 !important;
}
body.accnify-signature .market-category-icon i {
    color: var(--category-accent, #4f46e5) !important;
    transition: color .22s ease !important;
}
body.accnify-signature .market-category-card:hover .market-category-icon {
    background: var(--category-accent, #4f46e5) !important;
    border-color: var(--category-accent, #4f46e5) !important;
    transform: scale(1.06) rotate(-3deg) !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .18) !important;
}
body.accnify-signature .market-category-card:hover .market-category-icon i {
    color: #ffffff !important;
}
body.accnify-signature .market-category-arrow {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background: #f1f5f9 !important;
    color: #64748b !important;
    font-size: 11px !important;
    opacity: 0 !important;
    transform: translateX(-6px) !important;
    transition: all .22s ease !important;
}
body.accnify-signature .market-category-card:hover .market-category-arrow {
    opacity: 1 !important;
    transform: translateX(0) !important;
    background: var(--category-accent, #4f46e5) !important;
    color: #ffffff !important;
}
body.accnify-signature .market-category-card h2 {
    color: #0f172a !important;
    font-size: 16.5px !important;
    font-weight: 700 !important;
    letter-spacing: -.01em !important;
    margin: 14px 0 4px !important;
}
body.accnify-signature .market-category-card-foot {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    margin-top: auto !important;
}
body.accnify-signature .market-category-card-foot strong {
    color: #334155 !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
}
body.accnify-signature .market-category-card-foot small {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #059669 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}
body.accnify-signature .market-category-card-foot small i {
    color: #10b981 !important;
    font-size: 11px !important;
}
body.accnify-signature .market-category-cta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid #f1f5f9 !important;
    color: var(--category-accent, #4f46e5) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
}
body.accnify-signature .market-category-cta i {
    font-size: 10px !important;
    transition: transform .2s ease !important;
}
body.accnify-signature .market-category-card:hover .market-category-cta i {
    transform: translateX(3px) !important;
}

/* Categories on mobile — BIGGER, tappier tiles */
@media (max-width: 760px) {
    body.accnify-signature .market-category-grid,
    body.accnify-signature .catalog-page-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
    body.accnify-signature .market-category-card {
        padding: 16px 14px !important;
        border-radius: 16px !important;
    }
    body.accnify-signature .market-category-icon {
        width: 46px !important;
        height: 46px !important;
        border-radius: 13px !important;
        font-size: 20px !important;
    }
    body.accnify-signature .market-category-card h2 {
        font-size: 14.5px !important;
        margin: 11px 0 3px !important;
    }
    body.accnify-signature .market-category-card-foot strong {
        font-size: 11.5px !important;
    }
    body.accnify-signature .market-category-card-foot small {
        font-size: 11px !important;
    }
    body.accnify-signature .market-category-cta {
        margin-top: 10px !important;
        padding-top: 9px !important;
        font-size: 11.5px !important;
    }
    body.accnify-signature .market-category-arrow {
        display: none !important;
    }
}
@media (max-width: 360px) {
    body.accnify-signature .market-category-card h2 {
        font-size: 13.5px !important;
    }
}

/* ---------- 12e. Platforms — brand-tinted tiles, larger on mobile ---------- */
body.accnify-signature .platform-rail > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 118px !important;
    padding: 18px 12px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
body.accnify-signature .platform-rail > a > span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 54px !important;
    height: 54px !important;
    border: 1px solid rgba(15, 23, 42, .06) !important;
    border-radius: 16px !important;
    background: #f1f5f9 !important;
    background: color-mix(in srgb, var(--platform-color, #4f46e5) 11%, #ffffff) !important;
    transition: all .2s ease !important;
    flex-shrink: 0 !important;
}
body.accnify-signature .platform-rail > a > span i {
    color: var(--platform-color, #4f46e5) !important;
    font-size: 24px !important;
    transition: color .2s ease !important;
}
body.accnify-signature .platform-rail > a strong {
    color: #0f172a !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    text-align: center !important;
}
body.accnify-signature .platform-rail > a:hover {
    transform: translateY(-4px) !important;
    border-color: var(--platform-color, #4f46e5) !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .12) !important;
}
body.accnify-signature .platform-rail > a:hover > span {
    background: var(--platform-color, #4f46e5) !important;
    border-color: var(--platform-color, #4f46e5) !important;
    transform: scale(1.08) !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .2) !important;
}
body.accnify-signature .platform-rail > a:hover > span i {
    color: #ffffff !important;
}

/* Platforms on mobile — noticeably larger than before */
@media (max-width: 760px) {
    body.accnify-signature .platform-rail {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
    body.accnify-signature .platform-rail > a {
        min-height: 108px !important;
        padding: 14px 8px !important;
        gap: 9px !important;
        border-radius: 14px !important;
    }
    body.accnify-signature .platform-rail > a > span {
        width: 46px !important;
        height: 46px !important;
        border-radius: 13px !important;
    }
    body.accnify-signature .platform-rail > a > span i {
        font-size: 21px !important;
    }
    body.accnify-signature .platform-rail > a strong {
        font-size: 12px !important;
    }
}
@media (max-width: 380px) {
    body.accnify-signature .platform-rail > a {
        min-height: 100px !important;
    }
    body.accnify-signature .platform-rail > a > span {
        width: 42px !important;
        height: 42px !important;
    }
    body.accnify-signature .platform-rail > a > span i {
        font-size: 19px !important;
    }
}

/* ---------- 12f. Product stock — quantity pills + visible unit rows ---------- */
body.accnify-signature .product-card .stock-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 11px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #059669 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
    box-shadow: 0 3px 10px rgba(5, 150, 105, .35) !important;
}
body.accnify-signature .product-card .stock-pill i {
    color: #a7f3d0 !important;
    font-size: 7px !important;
}
body.accnify-signature .product-card .stock-pill-low {
    background: #d97706 !important;
    box-shadow: 0 3px 10px rgba(217, 119, 6, .35) !important;
}
body.accnify-signature .product-card .stock-pill-low i {
    color: #fde68a !important;
}
body.accnify-signature .product-card .stock-pill-out {
    background: #64748b !important;
    box-shadow: none !important;
}
body.accnify-signature .product-card .stock-pill-out i {
    color: #cbd5e1 !important;
}

/* dedicated units row inside the card body */
body.accnify-signature .product-card .product-stock-line {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 8px 0 0 !important;
    padding: 8px 0 0 !important;
    border-top: 1px dashed #e2e8f0 !important;
    color: #059669 !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
}
body.accnify-signature .product-card .product-stock-line i {
    color: #10b981 !important;
    font-size: 12px !important;
}
body.accnify-signature .product-card .product-stock-line b {
    font-weight: 800 !important;
}
body.accnify-signature .product-card .product-stock-line.no-stock {
    color: #dc2626 !important;
}
body.accnify-signature .product-card .product-stock-line.no-stock i {
    color: #ef4444 !important;
}
@media (max-width: 760px) {
    body.accnify-signature .product-card .product-stock-line {
        font-size: 10.5px !important;
        gap: 5px !important;
        margin-top: 5px !important;
        padding-top: 5px !important;
    }
    body.accnify-signature .product-card .product-stock-line i {
        font-size: 10px !important;
    }
}

/* Buy now — gradient company button */
body.accnify-signature .product-card .product-cart-button {
    border: 0 !important;
    background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
    box-shadow: 0 4px 12px rgba(79, 70, 229, .28) !important;
    font-weight: 700 !important;
}
body.accnify-signature .product-card .product-cart-button:hover {
    background: linear-gradient(135deg, #4338ca, #6d28d9) !important;
    box-shadow: 0 6px 18px rgba(79, 70, 229, .4) !important;
}
body.accnify-signature .product-card .product-cart-button:disabled {
    background: #e2e8f0 !important;
    color: #94a3b8 !important;
    box-shadow: none !important;
}

/* ---------- 12g. Stats band / headings / buttons — company polish ---------- */

/* Live stats — deep gradient band */
body.accnify-signature .marketplace-live-stats-grid {
    border: 0 !important;
    border-radius: 22px !important;
    background:
        radial-gradient(420px 200px at 92% 0%, rgba(56, 189, 248, .22), transparent 60%),
        linear-gradient(120deg, #14123a 0%, #1e1b4b 55%, #312e81 100%) !important;
    box-shadow: 0 20px 48px rgba(30, 27, 75, .32) !important;
    overflow: hidden !important;
}
body.accnify-signature .marketplace-live-stats-grid > div {
    border-color: rgba(255, 255, 255, .12) !important;
}
body.accnify-signature .marketplace-live-stats-grid > div > span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: 13px !important;
    background: rgba(255, 255, 255, .12) !important;
    color: #a5b4fc !important;
    font-size: 17px !important;
}
body.accnify-signature .marketplace-live-stats-grid > div > span i {
    color: #a5b4fc !important;
}
body.accnify-signature .marketplace-live-stats-grid strong {
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 800 !important;
}
body.accnify-signature .marketplace-live-stats-grid small {
    color: #c7d2fe !important;
}
@media (max-width: 760px) {
    body.accnify-signature .marketplace-live-stats-grid > div {
        border-color: rgba(255, 255, 255, .12) !important;
    }
    body.accnify-signature .marketplace-live-stats-grid > div:nth-child(odd) {
        border-right: 1px solid rgba(255, 255, 255, .12) !important;
    }
    body.accnify-signature .marketplace-live-stats-grid > div > span {
        width: 38px !important;
        height: 38px !important;
        font-size: 15px !important;
    }
    body.accnify-signature .marketplace-live-stats-grid strong {
        font-size: 19px !important;
    }
    body.accnify-signature .marketplace-live-stats-grid small {
        font-size: 11px !important;
    }
}

/* Section kickers become premium pills */
body.accnify-signature .marketplace-kicker,
body.accnify-signature .section-head .eyebrow,
body.accnify-signature .market-faq-intro .eyebrow,
body.accnify-signature .market-home-cta .eyebrow,
body.accnify-signature .marketplace-catalog-cta .eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 13px !important;
    border: 1px solid #e0e7ff !important;
    border-radius: 999px !important;
    background: #eef2ff !important;
    color: #4f46e5 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
}
body.accnify-signature .marketplace-section-heading h2,
body.accnify-signature .platform-rail-heading h2,
body.accnify-signature .section-head h2 {
    font-size: clamp(1.5rem, 3vw, 2.05rem) !important;
    font-weight: 800 !important;
    letter-spacing: -.025em !important;
}

/* Gradient buttons everywhere */
body.accnify-signature .button-gradient {
    border: 0 !important;
    background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
    box-shadow: 0 8px 22px rgba(79, 70, 229, .3) !important;
    font-weight: 700 !important;
}
body.accnify-signature .button-gradient:hover {
    background: linear-gradient(135deg, #4338ca, #6d28d9) !important;
    box-shadow: 0 10px 26px rgba(79, 70, 229, .42) !important;
}

/* CTA bands — dark gradient company panels */
body.accnify-signature .marketplace-catalog-cta-inner,
body.accnify-signature .market-home-cta-inner {
    border: 0 !important;
    border-radius: 24px !important;
    background:
        radial-gradient(480px 240px at 96% -20%, rgba(56, 189, 248, .25), transparent 60%),
        linear-gradient(120deg, #14123a 0%, #1e1b4b 55%, #312e81 100%) !important;
    box-shadow: 0 20px 48px rgba(30, 27, 75, .3) !important;
}
body.accnify-signature .marketplace-catalog-cta-inner h2,
body.accnify-signature .market-home-cta-inner h2 {
    color: #ffffff !important;
}
body.accnify-signature .marketplace-catalog-cta-inner p,
body.accnify-signature .market-home-cta-inner p {
    color: #c7d2fe !important;
}
body.accnify-signature .marketplace-catalog-cta-inner .eyebrow,
body.accnify-signature .market-home-cta-inner .eyebrow {
    border-color: rgba(255, 255, 255, .26) !important;
    background: rgba(255, 255, 255, .12) !important;
    color: #ffffff !important;
}
body.accnify-signature .marketplace-catalog-cta-inner .button-outline,
body.accnify-signature .market-home-cta-inner .button-outline {
    border: 1px solid rgba(255, 255, 255, .4) !important;
    background: rgba(255, 255, 255, .1) !important;
    color: #ffffff !important;
}
body.accnify-signature .marketplace-catalog-cta-inner .button-outline:hover,
body.accnify-signature .market-home-cta-inner .button-outline:hover {
    background: #ffffff !important;
    color: #4338ca !important;
    border-color: #ffffff !important;
}

/* Feature band — soft indigo icon tiles */
body.accnify-signature .feature-item {
    border: 1px solid #e2e8f0 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}
body.accnify-signature .feature-item:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .09) !important;
}
body.accnify-signature .feature-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #eef2ff !important;
    color: #4f46e5 !important;
    font-size: 19px !important;
}
body.accnify-signature .feature-icon i {
    color: #4f46e5 !important;
}

/* Testimonial cards — subtle lift + indigo markers */
body.accnify-signature .market-testimonial-card {
    border: 1px solid #e2e8f0 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}
body.accnify-signature .market-testimonial-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .09) !important;
}
body.accnify-signature .market-review-avatar {
    background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
    color: #ffffff !important;
}

/* FAQ items — clean cards */
body.accnify-signature .market-faq-item {
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    transition: border-color .2s ease, box-shadow .2s ease !important;
}
body.accnify-signature .market-faq-item[open],
body.accnify-signature .market-faq-item:hover {
    border-color: #c7d2fe !important;
    box-shadow: 0 8px 22px rgba(79, 70, 229, .08) !important;
}

/* Top stores — lift on hover */
body.accnify-signature .top-store-card {
    border: 1px solid #e2e8f0 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
body.accnify-signature .top-store-card:hover {
    transform: translateY(-3px) !important;
    border-color: #c7d2fe !important;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .1) !important;
}
body.accnify-signature .top-store-logo {
    background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
    color: #ffffff !important;
}

/* Tighter, cleaner mobile rhythm for homepage sections */
@media (max-width: 760px) {
    body.accnify-signature .page-section,
    body.accnify-signature .marketplace-discovery,
    body.accnify-signature .popular-platforms-section,
    body.accnify-signature .feature-band,
    body.accnify-signature .market-testimonials-section,
    body.accnify-signature .market-faq-section {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    body.accnify-signature .section-head h2,
    body.accnify-signature .marketplace-section-heading h2,
    body.accnify-signature .platform-rail-heading h2 {
        font-size: 1.35rem !important;
    }
}

/* ==================================================================
   12. PANEL NAVIGATION — definitive fix (loaded last, wins cascade)
   The admin/buyer/seller sidebars must be visible and clickable on
   desktop, and must open reliably from the "Menu" toggle on mobile.
   app.js toggles `sidebar-open` on the panel shell and
   `admin-sidebar-open` / `buyer-sidebar-open` on <body>; these rules
   are keyed to exactly those classes.
   ================================================================== */

/* ---------- 12a. Admin panel, desktop: fixed clickable sidebar ---------- */
@media (min-width: 1101px) {
    body.accnify-signature.admin-panel-page .admin-panel-shell {
        min-height: 100vh !important;
    }
    body.accnify-signature.admin-panel-page .dashboard-wrap {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
    }
    body.accnify-signature.admin-panel-page .dashboard-sidebar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        width: 266px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 18px 14px 22px !important;
        border: 0 !important;
        border-right: 1px solid #e2e8f0 !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        box-shadow: none !important;
        overflow-y: auto !important;
        transform: none !important;
        z-index: 140 !important;
        display: block !important;
    }
    body.accnify-signature.admin-panel-page .dashboard-sidebar-close {
        display: none !important;
    }
    body.accnify-signature.admin-panel-page .dashboard-panel-brand {
        display: flex !important;
        margin-bottom: 14px !important;
    }
    body.accnify-signature.admin-panel-page .dashboard-user {
        display: block !important;
        margin-bottom: 12px !important;
    }
    body.accnify-signature.admin-panel-page .dashboard-nav {
        display: block !important;
        overflow: visible !important;
        padding-bottom: 0 !important;
    }
    body.accnify-signature.admin-panel-page .dashboard-nav a {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        min-width: 0 !important;
        flex: none !important;
        justify-content: flex-start !important;
        padding: 10px 12px !important;
        margin: 0 0 2px !important;
        border-radius: 10px !important;
        font-size: 13.5px !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 1 !important;
    }
    body.accnify-signature.admin-panel-page .dashboard-main {
        max-width: none !important;
        margin: 0 0 0 266px !important;
        padding: 28px 34px 70px !important;
        width: auto !important;
    }
    body.accnify-signature.admin-panel-page .admin-topbar {
        position: sticky !important;
        top: 0 !important;
        z-index: 130 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 16px !important;
        min-height: 70px !important;
        padding: 0 26px 0 292px !important;
        background: #ffffff !important;
    }
    body.accnify-signature.admin-panel-page .admin-topbar-brand {
        display: none !important;
    }
    body.accnify-signature.admin-panel-page .admin-menu-toggle {
        display: none !important;
    }
    body.accnify-signature.admin-panel-page .admin-sidebar-backdrop {
        display: none !important;
    }
    body.accnify-signature.admin-panel-page .admin-topbar-actions {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        margin-left: auto !important;
    }
}

/* ---------- 12b. Admin panel, mobile: reliable off-canvas drawer ---------- */
@media (max-width: 1100px) {
    body.accnify-signature.admin-panel-page .admin-panel-shell {
        min-height: 100vh !important;
    }
    body.accnify-signature.admin-panel-page .admin-topbar {
        position: sticky !important;
        top: 0 !important;
        z-index: 130 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        min-height: 64px !important;
        padding: 0 16px !important;
        background: #ffffff !important;
    }
    body.accnify-signature.admin-panel-page .admin-menu-toggle {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        cursor: pointer !important;
        pointer-events: auto !important;
    }
    body.accnify-signature.admin-panel-page .dashboard-wrap {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body.accnify-signature.admin-panel-page .dashboard-sidebar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        width: min(300px, 86vw) !important;
        height: auto !important;
        margin: 0 !important;
        padding: 16px 14px 22px !important;
        border-radius: 0 !important;
        border-right: 1px solid #e2e8f0 !important;
        background: #ffffff !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        transform: translateX(-105%) !important;
        transition: transform .25s ease !important;
        z-index: 400 !important;
        display: block !important;
        box-shadow: none !important;
    }
    body.accnify-signature.admin-sidebar-open .dashboard-sidebar,
    body.accnify-signature .admin-panel-shell.sidebar-open .dashboard-sidebar,
    body.accnify-signature .dashboard-sidebar.is-open {
        transform: translateX(0) !important;
        box-shadow: 24px 0 48px rgba(15, 23, 42, .18) !important;
    }
    body.accnify-signature.admin-sidebar-open .admin-sidebar-backdrop,
    body.accnify-signature .admin-panel-shell.sidebar-open .admin-sidebar-backdrop,
    body.accnify-signature .admin-sidebar-backdrop.is-open {
        display: block !important;
        position: fixed !important;
        inset: 0 !important;
        z-index: 390 !important;
        background: rgba(15, 23, 42, .45) !important;
    }
    body.accnify-signature.admin-panel-page .dashboard-sidebar-close {
        display: flex !important;
        margin-left: auto !important;
        margin-bottom: 10px !important;
    }
    body.accnify-signature.admin-panel-page .dashboard-user {
        display: block !important;
    }
    body.accnify-signature.admin-panel-page .dashboard-nav {
        display: block !important;
        overflow: visible !important;
    }
    body.accnify-signature.admin-panel-page .dashboard-nav a {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        min-width: 0 !important;
        justify-content: flex-start !important;
        padding: 11px 12px !important;
        margin: 0 0 2px !important;
        border-radius: 10px !important;
        font-size: 14px !important;
        pointer-events: auto !important;
    }
    body.accnify-signature.admin-panel-page .dashboard-main {
        max-width: none !important;
        margin: 0 !important;
        padding: 20px 16px 60px !important;
        width: auto !important;
    }
}

/* ---------- 12c. Buyer / seller panels, mobile: same reliable drawer ---------- */
@media (max-width: 1100px) {
    body.accnify-signature .buyer-sidebar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        width: min(300px, 86vw) !important;
        margin: 0 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        transform: translateX(-105%) !important;
        transition: transform .25s ease !important;
        z-index: 400 !important;
        background: #ffffff !important;
    }
    body.accnify-signature.buyer-sidebar-open .buyer-sidebar,
    body.accnify-signature .buyer-app.sidebar-open .buyer-sidebar,
    body.accnify-signature .buyer-sidebar.is-open {
        transform: translateX(0) !important;
        box-shadow: 24px 0 48px rgba(15, 23, 42, .18) !important;
    }
    body.accnify-signature.buyer-sidebar-open .buyer-sidebar-backdrop,
    body.accnify-signature .buyer-app.sidebar-open .buyer-sidebar-backdrop,
    body.accnify-signature .buyer-sidebar-backdrop.is-open {
        display: block !important;
        position: fixed !important;
        inset: 0 !important;
        z-index: 390 !important;
        background: rgba(15, 23, 42, .45) !important;
    }
    body.accnify-signature .buyer-menu-toggle {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        cursor: pointer !important;
        pointer-events: auto !important;
    }
    body.accnify-signature .buyer-workspace {
        margin-left: 0 !important;
    }
}

/* Buyer / seller sidebar on desktop: guarantee the fixed panel stays clickable */
@media (min-width: 1101px) {
    body.accnify-signature .buyer-sidebar {
        transform: none !important;
        z-index: 140 !important;
    }
    body.accnify-signature .buyer-sidebar .buyer-nav a {
        pointer-events: auto !important;
    }
}

/* ---------- 12d. Panel sign-out buttons — always visible, clearly red ---------- */
body.accnify-signature .dashboard-nav .dashboard-signout,
body.accnify-signature .buyer-nav .dashboard-signout {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 10px !important;
    border: 1px solid #fecaca !important;
    border-radius: 10px !important;
    background: #fef2f2 !important;
    color: #dc2626 !important;
    font-weight: 600 !important;
}
body.accnify-signature .dashboard-nav .dashboard-signout:hover,
body.accnify-signature .buyer-nav .dashboard-signout:hover {
    background: #fee2e2 !important;
    border-color: #fca5a5 !important;
    color: #b91c1c !important;
}

/* Admin topbar sign-out chip */
body.accnify-signature .admin-signout-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    border: 1px solid #fecaca !important;
    border-radius: 10px !important;
    background: #fef2f2 !important;
    color: #dc2626 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
body.accnify-signature .admin-signout-link:hover {
    background: #fee2e2 !important;
    border-color: #fca5a5 !important;
    color: #b91c1c !important;
}
@media (max-width: 560px) {
    body.accnify-signature .admin-signout-link span,
    body.accnify-signature .admin-market-link span {
        display: none !important;
    }
    body.accnify-signature .admin-signout-link,
    body.accnify-signature .admin-market-link {
        padding: 0 11px !important;
    }
}

/* ---------- 12e. Official store branding form (admin) ---------- */
body.accnify-signature .official-brand-preview {
    position: relative !important;
    margin-bottom: 18px !important;
}
body.accnify-signature .official-brand-banner {
    display: block !important;
    width: 100% !important;
    height: 150px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    background: #eef2ff !important;
}
body.accnify-signature .official-brand-banner-placeholder {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 110px !important;
    border: 1px dashed #cbd5e1 !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    color: #94a3b8 !important;
    font-size: 13px !important;
}
body.accnify-signature .official-brand-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 72px !important;
    height: 72px !important;
    margin: -36px 0 0 20px !important;
    border: 3px solid #ffffff !important;
    border-radius: 18px !important;
    background: #eef2ff !important;
    color: #4f46e5 !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    overflow: hidden !important;
    position: relative !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .12) !important;
}
body.accnify-signature .official-brand-logo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
body.accnify-signature .official-brand-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
}
body.accnify-signature .official-remove-check {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #b91c1c !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    margin-top: 6px !important;
}

/* ==================================================================
     13. Homepage section headings – keep titles left aligned on mobile
     ================================================================== */
@media (max-width: 760px) {
    body.accnify-signature .marketplace-section-heading,
    body.accnify-signature .platform-rail-heading,
    body.accnify-signature .marketplace-discovery .section-head {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        text-align: left !important;
        gap: 10px !important;
    }
    body.accnify-signature .marketplace-section-heading > div,
    body.accnify-signature .platform-rail-heading > div,
    body.accnify-signature .marketplace-discovery .section-head > div {
        text-align: left !important;
        width: 100% !important;
    }
    body.accnify-signature .marketplace-section-heading h1,
    body.accnify-signature .marketplace-section-heading h2,
    body.accnify-signature .platform-rail-heading h1,
    body.accnify-signature .platform-rail-heading h2,
    body.accnify-signature .marketplace-discovery .section-head h2 {
        text-align: left !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    body.accnify-signature .marketplace-section-heading .marketplace-kicker,
    body.accnify-signature .platform-rail-heading .marketplace-kicker,
    body.accnify-signature .marketplace-discovery .section-head .eyebrow {
        display: block !important;
        text-align: left !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* ==================================================================
     14. Buyer / Seller panel brand – stop the "Accnify" title overlap
     ================================================================== */
body.accnify-signature .buyer-panel-page .buyer-brand,
body.accnify-signature .seller-panel-page .buyer-brand,
body.accnify-signature .buyer-brand {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
body.accnify-signature .buyer-panel-page .buyer-brand-bag,
body.accnify-signature .seller-panel-page .buyer-brand-bag,
body.accnify-signature .buyer-brand-bag {
    flex: 0 0 auto !important;
    align-self: center !important;
}
body.accnify-signature .buyer-panel-page .buyer-brand > span:last-child,
body.accnify-signature .seller-panel-page .buyer-brand > span:last-child,
body.accnify-signature .buyer-brand > span:last-child {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 4px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
}
body.accnify-signature .buyer-panel-page .buyer-brand strong,
body.accnify-signature .seller-panel-page .buyer-brand strong,
body.accnify-signature .buyer-brand strong {
    display: block !important;
    white-space: nowrap !important;
    line-height: 1.1 !important;
    letter-spacing: -.03em !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.accnify-signature .buyer-panel-page .buyer-brand small,
body.accnify-signature .seller-panel-page .buyer-brand small,
body.accnify-signature .buyer-brand small {
    display: block !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    max-width: 100% !important;
}
body.accnify-signature .buyer-panel-page .buyer-brand small::before,
body.accnify-signature .buyer-panel-page .buyer-brand small::after,
body.accnify-signature .seller-panel-page .buyer-brand small::before,
body.accnify-signature .seller-panel-page .buyer-brand small::after,
body.accnify-signature .buyer-brand small::before,
body.accnify-signature .buyer-brand small::after {
    display: none !important;
    content: none !important;
}

/* Mobile topbar brand: render "Accnify" as ONE clean, never-overlapping word */
body.accnify-signature .buyer-panel-page .buyer-topbar,
body.accnify-signature .seller-panel-page .buyer-topbar {
    gap: 10px !important;
}
body.accnify-signature .buyer-panel-page .buyer-mobile-brand,
body.accnify-signature .seller-panel-page .buyer-mobile-brand {
    display: inline-flex !important;
    align-items: baseline !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    font-family: 'Sora', 'DM Sans', system-ui, sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    text-transform: none !important;
    font-style: normal !important;
    color: #0f172a !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
body.accnify-signature .buyer-panel-page .buyer-mobile-brand span,
body.accnify-signature .seller-panel-page .buyer-mobile-brand span {
    display: inline !important;
    font: inherit !important;
    letter-spacing: normal !important;
    color: #4f46e5 !important;
    margin: 0 !important;
    padding: 0 !important;
}
@media (max-width: 900px) {
    /* Hamburger = icon ONLY (the "Menu" label was overlapping the logo) */
    body.accnify-signature .buyer-panel-page .buyer-menu-toggle,
    body.accnify-signature .seller-panel-page .buyer-menu-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 42px !important;
        padding: 0 !important;
        margin: 0 !important;
        gap: 0 !important;
        font-size: 1.15rem !important;
        overflow: hidden !important;
    }
    body.accnify-signature .buyer-panel-page .buyer-menu-toggle i,
    body.accnify-signature .seller-panel-page .buyer-menu-toggle i {
        font-size: 1.15rem !important;
        line-height: 1 !important;
        margin: 0 !important;
    }
    /* Hide the "Menu" word completely so it can never sit on the brand */
    body.accnify-signature .buyer-panel-page .buyer-menu-toggle span,
    body.accnify-signature .seller-panel-page .buyer-menu-toggle span {
        display: none !important;
    }
    /* Brand sits right after the icon, in its own protected space */
    body.accnify-signature .buyer-panel-page .buyer-mobile-brand,
    body.accnify-signature .seller-panel-page .buyer-mobile-brand {
        margin-left: 2px !important;
        margin-right: auto !important;
        font-size: 1.25rem !important;
    }
    body.accnify-signature .buyer-panel-page .buyer-topbar-actions,
    body.accnify-signature .seller-panel-page .buyer-topbar-actions {
        margin-left: auto !important;
        flex: 0 0 auto !important;
    }
}
@media (max-width: 420px) {
    body.accnify-signature .buyer-panel-page .buyer-mobile-brand,
    body.accnify-signature .seller-panel-page .buyer-mobile-brand {
        font-size: 1.12rem !important;
    }
}

/* ==================================================================
     END OF FIXES
     ================================================================== */