.smartiz-interactive-community,
.smartiz-interactive-community *,
.smartiz-dashboard,
.smartiz-dashboard *,
.smartiz-profile,
.smartiz-profile *,
.smartiz-bell,
.smartiz-bell * {
    box-sizing: border-box;
}

.smartiz-interactive-community,
.smartiz-dashboard,
.smartiz-profile,
.smartiz-bell {
    --smartiz-bg: #ffffff;
    --smartiz-soft: #f6f7fb;
    --smartiz-border: rgba(15, 23, 42, 0.10);
    --smartiz-text: #111827;
    --smartiz-muted: #6b7280;
    --smartiz-accent: #2563eb;
    --smartiz-accent-2: #7c3aed;
    --smartiz-accent-soft: rgba(37, 99, 235, 0.10);
    color: var(--smartiz-text);
    font-family: inherit;
}

.smartiz-interactive-community,
.smartiz-dashboard,
.smartiz-profile {
    margin: 32px auto;
    max-width: 1120px;
}

.smartiz-interactive-community-hero,
.smartiz-dashboard-hero,
.smartiz-profile-hero {
    border: 1px solid var(--smartiz-border);
    border-radius: 26px;
    background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.16), transparent 34%), var(--smartiz-bg);
    box-shadow: 0 18px 55px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

.smartiz-interactive-community-hero,
.smartiz-dashboard-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 20px;
    align-items: center;
    padding: 24px;
}

.smartiz-eyebrow {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--smartiz-accent-soft);
    color: var(--smartiz-accent);
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 10px;
}

.smartiz-interactive-community h1,
.smartiz-interactive-community h2,
.smartiz-interactive-community h3,
.smartiz-dashboard h1,
.smartiz-dashboard h2,
.smartiz-dashboard h3,
.smartiz-profile h1,
.smartiz-profile h2,
.smartiz-profile h3,
.smartiz-interactive-community p,
.smartiz-dashboard p,
.smartiz-profile p {
    margin-top: 0;
}

.smartiz-interactive-community h2,
.smartiz-dashboard h2,
.smartiz-profile h1 {
    margin-bottom: 8px;
    font-size: clamp(22px, 3vw, 34px);
    line-height: 1.35;
}

.smartiz-interactive-community-hero p,
.smartiz-profile-info p,
.smartiz-profile-note {
    margin-bottom: 0;
    color: var(--smartiz-muted);
    line-height: 1.9;
}

.smartiz-stats-grid,
.smartiz-dashboard-stats,
.smartiz-profile-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(82px, 1fr));
    gap: 10px;
}

.smartiz-dashboard-stats,
.smartiz-profile-stats {
    grid-template-columns: repeat(5, 1fr);
    margin: 16px 0;
}

.smartiz-stat,
.smartiz-dashboard-score {
    min-width: 86px;
    padding: 14px;
    text-align: center;
    background: rgba(255,255,255,0.78);
    border: 1px solid var(--smartiz-border);
    border-radius: 18px;
}

.smartiz-stat strong,
.smartiz-dashboard-score strong {
    display: block;
    font-size: 22px;
    line-height: 1;
}

.smartiz-stat span,
.smartiz-dashboard-score span {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    color: var(--smartiz-muted);
}

.smartiz-action-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin: 16px 0;
}

.smartiz-reaction-btn,
.smartiz-follow-btn,
.smartiz-submit-btn,
.smartiz-small-btn,
.smartiz-tab-buttons button,
.smartiz-bell-button,
.smartiz-bell-head button {
    appearance: none;
    border: 1px solid var(--smartiz-border);
    background: var(--smartiz-bg);
    color: var(--smartiz-text);
    border-radius: 999px;
    padding: 10px 14px;
    line-height: 1.2;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
    font-family: inherit;
}

.smartiz-main-reaction,
.smartiz-follow-btn,
.smartiz-submit-btn {
    font-weight: 800;
}

.smartiz-reaction-btn:hover,
.smartiz-follow-btn:hover,
.smartiz-submit-btn:hover,
.smartiz-tab-buttons button:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.10);
}

.smartiz-reaction-btn.is-active,
.smartiz-follow-btn.is-active,
.smartiz-tab-buttons button.is-active {
    color: var(--smartiz-accent);
    background: var(--smartiz-accent-soft);
    border-color: rgba(37, 99, 235, 0.32);
}

.smartiz-comments-panel,
.smartiz-tabs,
.smartiz-profile-card {
    padding: 20px;
    border: 1px solid var(--smartiz-border);
    border-radius: 24px;
    background: var(--smartiz-soft);
}

.smartiz-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.smartiz-panel-head h3,
.smartiz-form-title {
    margin-bottom: 0;
    font-size: 20px;
}

.smartiz-panel-head span {
    color: var(--smartiz-muted);
    font-size: 13px;
}

.smartiz-comments-list,
.smartiz-list {
    display: grid;
    gap: 12px;
}

.smartiz-comment-card,
.smartiz-list-item {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--smartiz-border);
    border-radius: 20px;
    background: var(--smartiz-bg);
    text-decoration: none;
    color: inherit;
}

.smartiz-list-item {
    grid-template-columns: 1fr;
}

.smartiz-list-item small {
    color: var(--smartiz-muted);
}

.smartiz-list-item.is-unread,
.smartiz-bell-item.is-unread {
    border-color: rgba(37, 99, 235, 0.28);
    background: rgba(37, 99, 235, 0.07);
}

.smartiz-comment-avatar img,
.smartiz-dashboard-user img,
.smartiz-profile-avatar img {
    border-radius: 999px;
}

.smartiz-comment-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.smartiz-comment-head a,
.smartiz-profile-mini-link {
    color: var(--smartiz-accent);
    text-decoration: none;
}

.smartiz-comment-head time {
    font-size: 12px;
    color: var(--smartiz-muted);
    white-space: nowrap;
}

.smartiz-comment-text {
    color: #243041;
    line-height: 1.9;
}

.smartiz-comment-text p:last-child {
    margin-bottom: 0;
}

.smartiz-comment-actions {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 12px;
}

.smartiz-comment-actions .smartiz-reaction-btn {
    padding: 7px 10px;
    font-size: 13px;
}

.smartiz-reply-link a {
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    padding: 7px 10px;
    border-radius: 999px;
    color: var(--smartiz-accent);
    text-decoration: none;
    background: var(--smartiz-accent-soft);
    font-size: 13px;
    font-weight: 700;
}

.smartiz-empty-state {
    padding: 18px;
    border: 1px dashed var(--smartiz-border);
    border-radius: 18px;
    color: var(--smartiz-muted);
    background: rgba(255,255,255,0.66);
}

.smartiz-comment-form-wrap {
    margin-top: 18px;
    padding: 18px;
    border-radius: 20px;
    background: var(--smartiz-bg);
    border: 1px solid var(--smartiz-border);
}

.smartiz-comment-form-wrap textarea,
.smartiz-comment-form-wrap input[type="text"],
.smartiz-comment-form-wrap input[type="email"],
.smartiz-comment-form-wrap input[type="url"] {
    width: 100%;
    border-radius: 14px;
    border: 1px solid var(--smartiz-border);
    padding: 12px 14px;
    background: #fff;
}

.smartiz-submit-btn {
    background: var(--smartiz-accent);
    color: #fff;
    border-color: var(--smartiz-accent);
}

.smartiz-dashboard-user {
    display: flex;
    gap: 16px;
    align-items: center;
}

.smartiz-tabs {
    background: var(--smartiz-bg);
}

.smartiz-tab-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.smartiz-tab-panel {
    display: none;
}

.smartiz-tab-panel.is-active {
    display: block;
}

.smartiz-bell {
    position: relative;
    display: inline-block;
    z-index: 9999;
}

.smartiz-bell-floating {
    display: none !important;
}

.smartiz-bell-button {
    width: 54px;
    height: 54px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--smartiz-accent);
    color: #fff;
    border-color: var(--smartiz-accent);
    box-shadow: 0 16px 36px rgba(37, 99, 235, .28);
}

.smartiz-bell-icon {
    font-size: 22px;
}

.smartiz-bell-count {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
}

.smartiz-bell-count.is-empty {
    display: none;
}

.smartiz-bell-panel {
    display: none;
    position: absolute;
    top: calc(100% + 12px);
    bottom: auto;
    left: 50%;
    right: auto;
    width: min(360px, calc(100vw - 24px));
    border: 1px solid var(--smartiz-border);
    border-radius: 22px;
    background: var(--smartiz-bg);
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.18);
    overflow: hidden;
    z-index: 100000;
    transform: translateX(calc(-50% + var(--smartiz-bell-shift-x, 0px)));
    transform-origin: top center;
}

.smartiz-bell.is-open .smartiz-bell-panel {
    display: block;
}

.smartiz-bell-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px;
    border-bottom: 1px solid var(--smartiz-border);
}

.smartiz-bell-head button,
.smartiz-small-btn {
    padding: 7px 10px;
    font-size: 12px;
}

.smartiz-bell-list {
    max-height: 340px;
    overflow: auto;
    padding: 10px;
    display: grid;
    gap: 8px;
}

.smartiz-bell-item {
    display: grid;
    gap: 4px;
    padding: 12px;
    border-radius: 16px;
    border: 1px solid var(--smartiz-border);
    color: inherit;
    text-decoration: none;
}

.smartiz-bell-item small {
    color: var(--smartiz-muted);
}

.smartiz-profile-page-wrap {
    width: min(1120px, calc(100% - 32px));
    margin: 0 auto;
}

.smartiz-profile-cover {
    height: 130px;
    background: linear-gradient(135deg, rgba(37,99,235,.28), rgba(124,58,237,.24));
}

.smartiz-profile-main {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    padding: 0 24px 24px;
    margin-top: -44px;
}

.smartiz-profile-avatar img {
    border: 5px solid #fff;
    box-shadow: 0 12px 30px rgba(15,23,42,.16);
}

.smartiz-self-badge {
    display: inline-flex;
    padding: 10px 14px;
    border-radius: 999px;
    background: var(--smartiz-accent-soft);
    color: var(--smartiz-accent);
    font-weight: 800;
}

.smartiz-profile-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(280px, .8fr);
    gap: 16px;
}

.smartiz-profile-card {
    background: var(--smartiz-bg);
}

.smartiz-profile-summary {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 10px;
}

.smartiz-profile-summary li {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    border-radius: 14px;
    background: var(--smartiz-soft);
}

@media (max-width: 768px) {
    .smartiz-interactive-community-hero,
    .smartiz-dashboard-hero,
    .smartiz-profile-main {
        grid-template-columns: 1fr;
    }

    .smartiz-stats-grid,
    .smartiz-dashboard-stats,
    .smartiz-profile-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .smartiz-panel-head,
    .smartiz-comment-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .smartiz-profile-grid {
        grid-template-columns: 1fr;
    }
}

/* v0.5.0 - Gamification, leaderboard and hot discussions */
.smartiz-leaderboard,
.smartiz-leaderboard *,
.smartiz-hot-discussions,
.smartiz-hot-discussions * {
    box-sizing: border-box;
}

.smartiz-leaderboard,
.smartiz-hot-discussions {
    --smartiz-bg: #ffffff;
    --smartiz-soft: #f6f7fb;
    --smartiz-border: rgba(15, 23, 42, 0.10);
    --smartiz-text: #111827;
    --smartiz-muted: #6b7280;
    --smartiz-accent: #2563eb;
    --smartiz-accent-2: #7c3aed;
    --smartiz-accent-soft: rgba(37, 99, 235, 0.10);
    max-width: 1120px;
    margin: 32px auto;
    color: var(--smartiz-text);
    font-family: inherit;
}

.smartiz-section-hero,
.smartiz-achievement-panel {
    padding: 22px;
    margin-bottom: 16px;
    border: 1px solid var(--smartiz-border);
    border-radius: 24px;
    background: radial-gradient(circle at top right, rgba(124, 58, 237, 0.13), transparent 34%), var(--smartiz-bg);
    box-shadow: 0 18px 55px rgba(15, 23, 42, 0.07);
}

.smartiz-section-hero h2,
.smartiz-achievement-panel h2,
.smartiz-achievement-panel h3 {
    margin: 0 0 8px;
}

.smartiz-section-hero p,
.smartiz-achievement-panel p {
    margin: 0;
    color: var(--smartiz-muted);
    line-height: 1.9;
}

.smartiz-achievement-panel {
    display: grid;
    gap: 14px;
    background: linear-gradient(135deg, rgba(37, 99, 235, .07), rgba(124, 58, 237, .07)), var(--smartiz-bg);
}

.smartiz-dashboard-score em,
.smartiz-author-rank {
    display: inline-flex;
    margin-top: 8px;
    color: var(--smartiz-accent);
    font-style: normal;
    font-size: 12px;
    font-weight: 800;
}

.smartiz-author-rank {
    margin: 0 8px 0 0;
    padding: 3px 8px;
    border-radius: 999px;
    background: var(--smartiz-accent-soft);
    vertical-align: middle;
}

.smartiz-badge-list,
.smartiz-badges-mini {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.smartiz-badge {
    display: inline-flex;
    gap: 7px;
    align-items: center;
    padding: 8px 11px;
    border: 1px solid var(--smartiz-border);
    border-radius: 999px;
    background: rgba(255,255,255,.82);
    font-size: 13px;
    font-weight: 800;
}

.smartiz-badge b {
    font-size: 16px;
}

.smartiz-rank-pill {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-top: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--smartiz-accent-soft);
    color: var(--smartiz-accent);
    font-size: 12px;
    font-weight: 900;
}

.smartiz-rank-legend { background: rgba(245, 158, 11, .14); color: #b45309; }
.smartiz-rank-pro { background: rgba(124, 58, 237, .13); color: #6d28d9; }
.smartiz-rank-active { background: rgba(37, 99, 235, .12); color: #1d4ed8; }
.smartiz-rank-rising { background: rgba(16, 185, 129, .13); color: #047857; }
.smartiz-rank-new { background: rgba(100, 116, 139, .13); color: #475569; }

.smartiz-rank-list,
.smartiz-hot-list {
    display: grid;
    gap: 12px;
}

.smartiz-rank-card,
.smartiz-hot-card {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 16px;
    border: 1px solid var(--smartiz-border);
    border-radius: 22px;
    background: var(--smartiz-bg);
    box-shadow: 0 10px 30px rgba(15, 23, 42, .06);
}

.smartiz-hot-card {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.smartiz-rank-number,
.smartiz-hot-rank {
    display: grid;
    place-items: center;
    min-width: 42px;
    height: 42px;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--smartiz-accent), var(--smartiz-accent-2));
    color: #fff;
    font-weight: 900;
}

.smartiz-rank-avatar img {
    border-radius: 999px;
}

.smartiz-rank-info {
    display: grid;
    gap: 6px;
}

.smartiz-rank-info a,
.smartiz-hot-body a {
    color: inherit;
    text-decoration: none;
}

.smartiz-rank-stats,
.smartiz-hot-stats {
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 8px;
    align-items: center;
}

.smartiz-rank-stats div,
.smartiz-hot-stats span {
    min-width: 64px;
    padding: 9px 10px;
    border-radius: 14px;
    background: var(--smartiz-soft);
    text-align: center;
}

.smartiz-rank-stats strong {
    display: block;
    line-height: 1;
}

.smartiz-rank-stats span,
.smartiz-hot-meta {
    color: var(--smartiz-muted);
    font-size: 12px;
}

.smartiz-hot-body h3 {
    margin: 0 0 8px;
    font-size: 18px;
}

.smartiz-hot-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

@media (max-width: 768px) {
    .smartiz-rank-card,
    .smartiz-hot-card {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .smartiz-rank-stats,
    .smartiz-hot-stats {
        grid-template-columns: repeat(2, 1fr);
    }
}


/* v0.6.0 Discussion pages */
.smartiz-discussion-cta,
.smartiz-outline-link,
.smartiz-discussion-shortcode-link,
.smartiz-source-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 12px;
    padding: 9px 13px;
    border-radius: 999px;
    border: 1px solid var(--smartiz-border, rgba(15,23,42,.1));
    color: var(--smartiz-accent, #2563eb);
    background: rgba(255,255,255,.74);
    text-decoration: none;
    font-weight: 800;
}

.smartiz-discussion-page-wrap,
.smartiz-profile-page-wrap {
    max-width: 1480px;
    margin: 0 auto;
    padding: 28px 16px;
}

.smartiz-discussion-hero {
    position: relative;
    overflow: hidden;
    padding: 28px;
    border-radius: 28px;
    border: 1px solid var(--smartiz-border, rgba(15,23,42,.1));
    background: radial-gradient(circle at top right, rgba(37, 99, 235, .16), transparent 34%), #fff;
    box-shadow: 0 18px 55px rgba(15, 23, 42, .08);
}

.smartiz-discussion-hero h1 {
    margin: 8px 0 10px;
    font-size: clamp(26px, 4vw, 44px);
    line-height: 1.35;
}

.smartiz-discussion-hero p {
    max-width: 760px;
    color: var(--smartiz-muted, #6b7280);
}

.smartiz-discussion-crumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-bottom: 14px;
    font-size: 13px;
    color: var(--smartiz-muted, #6b7280);
}

.smartiz-discussion-crumbs a {
    color: inherit;
    text-decoration: none;
}

.smartiz-discussion-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin: 18px 0;
}

.smartiz-discussion-stats {
    max-width: 560px;
    grid-template-columns: repeat(4, minmax(86px, 1fr));
}

.smartiz-participants-card,
.smartiz-side-card {
    margin-top: 18px;
    padding: 18px;
    border-radius: 22px;
    border: 1px solid var(--smartiz-border, rgba(15,23,42,.1));
    background: #fff;
}

.smartiz-participants-card h2,
.smartiz-side-card h3 {
    margin: 0 0 12px;
}

.smartiz-participants-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.smartiz-participants-list a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 999px;
    background: var(--smartiz-soft, #f6f7fb);
    color: inherit;
    text-decoration: none;
    font-weight: 700;
}

.smartiz-participants-list img {
    border-radius: 999px;
}

.smartiz-discussion-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 18px;
    margin-top: 18px;
}

.smartiz-discussion-main {
    min-width: 0;
    padding: 20px;
    border-radius: 24px;
    border: 1px solid var(--smartiz-border, rgba(15,23,42,.1));
    background: var(--smartiz-soft, #f6f7fb);
}

.smartiz-discussion-sidebar {
    display: grid;
    align-content: start;
    gap: 0;
}

.smartiz-discussion-sidebar .smartiz-reaction-btn {
    width: 100%;
    margin-top: 8px;
}

.smartiz-discussion-toolbar {
    flex-wrap: wrap;
}

.smartiz-sort-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.smartiz-sort-links a,
.smartiz-discussion-pagination a,
.smartiz-discussion-pagination span {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    padding: 7px 11px;
    border-radius: 999px;
    border: 1px solid var(--smartiz-border, rgba(15,23,42,.1));
    color: var(--smartiz-muted, #6b7280);
    background: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
}

.smartiz-sort-links a.is-active {
    color: var(--smartiz-accent, #2563eb);
    background: var(--smartiz-accent-soft, rgba(37,99,235,.1));
    border-color: rgba(37,99,235,.32);
}

.smartiz-discussion-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
}

@media (max-width: 900px) {
    .smartiz-discussion-layout {
        grid-template-columns: 1fr;
    }
    .smartiz-discussion-stats {
        grid-template-columns: repeat(2, minmax(86px, 1fr));
    }
}


.smartiz-report-btn,
.smartiz-content-report-btn,
.smartiz-report-done {
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    padding: 7px 10px;
    border-radius: 999px;
    border: 1px solid var(--smartiz-border);
    background: #fff;
    color: var(--smartiz-muted);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.smartiz-report-btn:hover,
.smartiz-content-report-btn:hover {
    color: #b91c1c;
    border-color: rgba(185, 28, 28, .25);
    background: rgba(185, 28, 28, .06);
}

.smartiz-report-btn.is-reported,
.smartiz-content-report-btn.is-reported,
.smartiz-report-done {
    color: #64748b;
    background: #f8fafc;
    cursor: default;
}

.smartiz-admin-hint {
    margin: 12px 0 0;
    padding: 12px 14px;
    border: 1px dashed rgba(37, 99, 235, .35);
    border-radius: 14px;
    background: rgba(37, 99, 235, .08);
    color: #1e40af;
    font-size: 13px;
}


.smartiz-section-head {
    margin-bottom: 18px;
}

.smartiz-search-wrap {
    margin: 32px 0;
    padding: 22px;
    border: 1px solid var(--smartiz-border, rgba(15, 23, 42, 0.10));
    border-radius: 24px;
    background: var(--smartiz-soft, #f6f7fb);
}

.smartiz-search-form {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) repeat(3, minmax(120px, 160px)) auto;
    gap: 10px;
    margin-bottom: 18px;
}

.smartiz-search-form input,
.smartiz-search-form select {
    width: 100%;
    min-height: 42px;
    border: 1px solid var(--smartiz-border, rgba(15, 23, 42, 0.10));
    border-radius: 14px;
    padding: 9px 12px;
    background: #fff;
}

.smartiz-search-results {
    display: grid;
    gap: 12px;
}

.smartiz-search-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    padding: 16px;
    border: 1px solid var(--smartiz-border, rgba(15, 23, 42, 0.10));
    border-radius: 20px;
    background: #fff;
}

.smartiz-search-card h3 {
    margin: 8px 0;
    font-size: 18px;
}

.smartiz-pill {
    display: inline-flex;
    padding: 5px 9px;
    border-radius: 999px;
    background: var(--smartiz-accent-soft, rgba(37, 99, 235, 0.10));
    color: var(--smartiz-accent, #2563eb);
    font-size: 12px;
    font-weight: 800;
}

.smartiz-search-links {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.smartiz-search-links a {
    font-weight: 800;
    color: var(--smartiz-accent, #2563eb);
    text-decoration: none;
}

.smartiz-search-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(82px, 1fr));
    gap: 8px;
}

.smartiz-search-metrics span {
    display: block;
    min-width: 88px;
    padding: 10px;
    text-align: center;
    border-radius: 16px;
    background: var(--smartiz-soft, #f6f7fb);
    color: var(--smartiz-muted, #6b7280);
    font-size: 12px;
}

.smartiz-search-metrics strong {
    display: block;
    color: var(--smartiz-text, #111827);
    font-size: 18px;
}

@media (max-width: 900px) {
    .smartiz-search-form,
    .smartiz-search-card {
        grid-template-columns: 1fr;
    }

    .smartiz-search-metrics {
        grid-template-columns: repeat(2, 1fr);
    }
}


/* Social Feed X */
.smartiz-social-feed-page-wrap {
    max-width: 980px;
    margin: 0 auto;
    padding: 28px 16px;
}

.smartiz-social-feed {
    --smartiz-bg: #ffffff;
    --smartiz-soft: #f6f7fb;
    --smartiz-border: rgba(15, 23, 42, 0.10);
    --smartiz-text: #111827;
    --smartiz-muted: #6b7280;
    --smartiz-accent: #2563eb;
    --smartiz-accent-soft: rgba(37, 99, 235, 0.10);
    display: grid;
    gap: 16px;
    color: var(--smartiz-text);
}

.smartiz-social-hero,
.smartiz-feed-composer,
.smartiz-feed-card,
.smartiz-feed-login-box,
.smartiz-feed-notice {
    border: 1px solid var(--smartiz-border);
    border-radius: 24px;
    background: var(--smartiz-bg);
    box-shadow: 0 18px 55px rgba(15, 23, 42, 0.08);
}

.smartiz-social-hero {
    padding: 26px;
    background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.14), transparent 34%), #fff;
}

.smartiz-social-hero h1 {
    margin: 8px 0;
    font-size: clamp(26px, 4vw, 42px);
}

.smartiz-social-hero p {
    margin: 0;
    color: var(--smartiz-muted);
    line-height: 1.9;
}

.smartiz-feed-notice {
    padding: 14px 18px;
    box-shadow: none;
}

.smartiz-feed-notice.is-success {
    border-color: rgba(22, 163, 74, 0.25);
    background: rgba(22, 163, 74, 0.08);
}

.smartiz-feed-notice.is-error {
    border-color: rgba(220, 38, 38, 0.25);
    background: rgba(220, 38, 38, 0.08);
}

.smartiz-feed-login-box {
    padding: 18px;
    box-shadow: none;
}

.smartiz-feed-composer {
    padding: 18px;
}

.smartiz-composer-head,
.smartiz-feed-author {
    display: flex;
    align-items: center;
    gap: 12px;
}

.smartiz-composer-head img,
.smartiz-feed-author img {
    border-radius: 999px;
}

.smartiz-feed-composer textarea,
.smartiz-feed-reply-box textarea {
    width: 100%;
    margin-top: 14px;
    padding: 14px;
    border: 1px solid var(--smartiz-border);
    border-radius: 18px;
    resize: vertical;
}

.smartiz-composer-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
    flex-wrap: wrap;
}

.smartiz-file-control {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    padding: 9px 12px;
    border-radius: 999px;
    background: var(--smartiz-soft);
    cursor: pointer;
}

.smartiz-file-control input {
    max-width: 180px;
}

.smartiz-feed-tabs {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    padding: 8px;
    border: 1px solid var(--smartiz-border);
    border-radius: 999px;
    background: #fff;
}

.smartiz-feed-tabs a {
    padding: 9px 14px;
    border-radius: 999px;
    text-decoration: none;
    color: var(--smartiz-muted);
    font-weight: 800;
}

.smartiz-feed-tabs a.is-active {
    background: var(--smartiz-accent);
    color: #fff;
}

.smartiz-feed-list {
    display: grid;
    gap: 14px;
}

.smartiz-feed-card {
    padding: 18px;
}

.smartiz-feed-card-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.smartiz-feed-author a,
.smartiz-feed-content a {
    color: inherit;
    text-decoration: none;
}

.smartiz-feed-author small {
    display: block;
    margin-top: 4px;
    color: var(--smartiz-muted);
}

.smartiz-feed-thumb {
    display: block;
    overflow: hidden;
    margin-top: 14px;
    border-radius: 20px;
    background: var(--smartiz-soft);
}

.smartiz-feed-thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.smartiz-feed-content h2 {
    margin: 14px 0 8px;
    font-size: 20px;
}

.smartiz-feed-excerpt {
    color: #243041;
    line-height: 1.9;
}

.smartiz-feed-excerpt p:last-child {
    margin-bottom: 0;
}

.smartiz-feed-mini-comments {
    display: grid;
    gap: 8px;
    margin-top: 14px;
    padding: 12px;
    border-radius: 18px;
    background: var(--smartiz-soft);
}

.smartiz-feed-mini-comments a {
    color: var(--smartiz-text);
    text-decoration: none;
    font-size: 13px;
}

.smartiz-feed-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
}

.smartiz-feed-open-link,
.smartiz-feed-reply-box summary {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 9px 12px;
    border-radius: 999px;
    background: var(--smartiz-accent-soft);
    color: var(--smartiz-accent);
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.smartiz-feed-reply-box {
    flex-basis: 100%;
    margin-top: 6px;
}

.smartiz-feed-reply-box summary {
    width: max-content;
}

.smartiz-feed-reply-box form,
.smartiz-feed-reply-box p {
    margin-top: 10px;
}

.smartiz-feed-pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.smartiz-feed-pagination a {
    padding: 10px 16px;
    border-radius: 999px;
    background: var(--smartiz-accent);
    color: #fff;
    text-decoration: none;
    font-weight: 800;
}

@media (max-width: 700px) {
    .smartiz-feed-card-head,
    .smartiz-composer-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .smartiz-feed-tabs {
        border-radius: 22px;
    }
}


/* Full-width layout helper for Smartiz Interactive Community plugin pages */
body.smartiz-plugin-page-fullwidth .site-content,
body.smartiz-plugin-page-fullwidth .content-area,
body.smartiz-plugin-page-fullwidth .main-page-wrapper,
body.smartiz-plugin-page-fullwidth .container,
body.smartiz-plugin-page-fullwidth .page .container,
body.smartiz-plugin-page-fullwidth .entry-content,
body.smartiz-plugin-page-fullwidth .elementor-section-wrap,
body.smartiz-plugin-page-fullwidth .wd-content-area {
    max-width: none !important;
}

body.smartiz-plugin-page-fullwidth .site-content,
body.smartiz-plugin-page-fullwidth .content-area,
body.smartiz-plugin-page-fullwidth .main-page-wrapper,
body.smartiz-plugin-page-fullwidth .entry-content,
body.smartiz-plugin-page-fullwidth .wd-content-area {
    width: 100% !important;
}

body.smartiz-plugin-page-fullwidth .sidebar-container,
body.smartiz-plugin-page-fullwidth .wd-sidebar,
body.smartiz-plugin-page-fullwidth aside.sidebar {
    display: none !important;
}

body.smartiz-plugin-page-fullwidth .smartiz-social-feed-page-wrap,
body.smartiz-plugin-page-fullwidth .smartiz-discussion-page-wrap,
body.smartiz-plugin-page-fullwidth .smartiz-profile-page-wrap {
    width: min(100%, 1380px);
    margin-inline: auto;
    padding-inline: clamp(12px, 3vw, 32px);
}

body.smartiz-plugin-page-fullwidth .smartiz-social-feed,
body.smartiz-plugin-page-fullwidth .smartiz-discussion-page,
body.smartiz-plugin-page-fullwidth .smartiz-profile-page,
body.smartiz-plugin-page-fullwidth .smartiz-dashboard,
body.smartiz-plugin-page-fullwidth .smartiz-leaderboard,
body.smartiz-plugin-page-fullwidth .smartiz-hot-discussions,
body.smartiz-plugin-page-fullwidth .smartiz-interaction-search {
    width: 100%;
}


/* v1.0.4 forced full width fix for plugin virtual pages and WoodMart containers */
body.smartiz-plugin-page,
body.smartiz-plugin-page-fullwidth {
    overflow-x: hidden;
}

body.smartiz-plugin-page-fullwidth .website-wrapper,
body.smartiz-plugin-page-fullwidth .main-page-wrapper,
body.smartiz-plugin-page-fullwidth .main-page-wrapper > .container,
body.smartiz-plugin-page-fullwidth .main-page-wrapper .container,
body.smartiz-plugin-page-fullwidth .site-content,
body.smartiz-plugin-page-fullwidth .content-area,
body.smartiz-plugin-page-fullwidth .site-main,
body.smartiz-plugin-page-fullwidth .page-content,
body.smartiz-plugin-page-fullwidth .entry-content,
body.smartiz-plugin-page-fullwidth .wd-content-area,
body.smartiz-plugin-page-fullwidth .wd-page-content,
body.smartiz-plugin-page-fullwidth .content-with-products,
body.smartiz-plugin-page-fullwidth .content-layout-wrapper,
body.smartiz-plugin-page-fullwidth .wd-content-layout,
body.smartiz-plugin-page-fullwidth .container {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

body.smartiz-plugin-page-fullwidth .content-layout-wrapper,
body.smartiz-plugin-page-fullwidth .wd-content-layout,
body.smartiz-plugin-page-fullwidth .site-content,
body.smartiz-plugin-page-fullwidth .content-area {
    display: block !important;
}

body.smartiz-plugin-page-fullwidth .sidebar-container,
body.smartiz-plugin-page-fullwidth .wd-sidebar,
body.smartiz-plugin-page-fullwidth .site-sidebar,
body.smartiz-plugin-page-fullwidth .area-sidebar-container,
body.smartiz-plugin-page-fullwidth aside.sidebar,
body.smartiz-plugin-page-fullwidth .sidebar-left,
body.smartiz-plugin-page-fullwidth .sidebar-right {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    flex: 0 0 0 !important;
}

body.smartiz-plugin-page-fullwidth .smartiz-plugin-route-shell,
body.smartiz-plugin-page-fullwidth .smartiz-social-feed-page-wrap,
body.smartiz-plugin-page-fullwidth .smartiz-discussion-page-wrap,
body.smartiz-plugin-page-fullwidth .smartiz-profile-page-wrap {
    display: block !important;
    width: 100% !important;
    max-width: 1480px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: clamp(12px, 3vw, 36px) !important;
    padding-left: clamp(12px, 3vw, 36px) !important;
    clear: both !important;
}

body.smartiz-plugin-page-fullwidth .smartiz-discussion-page,
body.smartiz-plugin-page-fullwidth .smartiz-social-feed,
body.smartiz-plugin-page-fullwidth .smartiz-profile,
body.smartiz-plugin-page-fullwidth .smartiz-dashboard,
body.smartiz-plugin-page-fullwidth .smartiz-interaction-search,
body.smartiz-plugin-page-fullwidth .smartiz-leaderboard,
body.smartiz-plugin-page-fullwidth .smartiz-hot-discussions {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

body.smartiz-plugin-page-fullwidth .smartiz-discussion-page *,
body.smartiz-plugin-page-fullwidth .smartiz-social-feed *,
body.smartiz-plugin-page-fullwidth .smartiz-profile * {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: normal;
}

@media (min-width: 1101px) {
    body.smartiz-plugin-page-fullwidth .smartiz-discussion-layout {
        grid-template-columns: minmax(0, 1fr) 340px !important;
    }
}

@media (max-width: 1100px) {
    body.smartiz-plugin-page-fullwidth .smartiz-discussion-layout,
    body.smartiz-plugin-page-fullwidth .smartiz-profile-grid {
        grid-template-columns: 1fr !important;
    }
}


.smartiz-phone-auth-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(16, 185, 129, 0.12);
    color: #047857;
    font-size: 12px;
    font-weight: 800;
}
.smartiz-phone-auth-badge::before { content: "📱"; }

.smartiz-dashboard-avatar-wrap,
.smartiz-avatar-edit-preview .avatar,
.smartiz-auth-avatar {
    object-fit: cover;
}

.smartiz-dashboard-avatar-wrap img,
.smartiz-avatar-edit-preview img {
    border-radius: 999px;
}

.smartiz-avatar-edit-panel {
    display: grid;
    gap: 16px;
    margin: 18px 0;
    padding: 18px;
    border: 1px solid var(--smartiz-border, rgba(15, 23, 42, 0.10));
    border-radius: 22px;
    background: #fff;
}

.smartiz-avatar-edit-preview {
    display: flex;
    align-items: center;
    gap: 14px;
}

.smartiz-avatar-edit-preview h3 {
    margin: 0 0 6px;
    font-size: 18px;
}

.smartiz-avatar-edit-preview p {
    margin: 0;
    color: var(--smartiz-muted, #6b7280);
}

.smartiz-avatar-form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
}

.smartiz-avatar-form label {
    display: grid;
    gap: 8px;
    min-width: min(100%, 280px);
    font-weight: 800;
}

.smartiz-avatar-form input[type="file"] {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--smartiz-border, rgba(15, 23, 42, 0.10));
    border-radius: 14px;
    background: var(--smartiz-soft, #f6f7fb);
}

.smartiz-avatar-message {
    display: inline-flex;
    margin-top: 8px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}

.smartiz-avatar-message.is-success {
    background: rgba(16, 185, 129, 0.12);
    color: #047857;
}

.smartiz-avatar-message.is-error {
    background: rgba(239, 68, 68, 0.12);
    color: #b91c1c;
}

/* v1.1.8: نمایش تو‌در‌توی پاسخ‌ها و شمارنده بازدید کامنت */
.smartiz-comment-replies {
    margin: 10px 0 0 0;
    padding-right: 28px;
    border-right: 2px solid rgba(15, 23, 42, 0.08);
    display: grid;
    gap: 10px;
}

.smartiz-comment-replies .smartiz-comment-card {
    background: rgba(255, 255, 255, 0.82);
}

.smartiz-comment-views {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 31px;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.05);
    color: var(--smartiz-muted);
    font-size: 13px;
    line-height: 1;
}

.smartiz-comment-views small {
    font-size: 11px;
    color: inherit;
}

@media (max-width: 768px) {
    .smartiz-comment-replies {
        padding-right: 14px;
        margin-right: 0;
    }
}

/* v1.2.0 - Advanced social feed */
.smartiz-social-feed-page-wrap {
    max-width: 1480px;
}

.smartiz-social-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 18px;
    align-items: start;
}

.smartiz-social-main {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.smartiz-social-sidebar {
    position: sticky;
    top: 24px;
    display: grid;
    gap: 14px;
}

.smartiz-feed-side-card {
    display: grid;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--smartiz-border, rgba(15,23,42,.1));
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .06);
}

.smartiz-feed-side-card h3 {
    margin: 0;
    font-size: 17px;
}

.smartiz-feed-side-card a {
    color: var(--smartiz-text, #111827);
    text-decoration: none;
}

.smartiz-suggested-user {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px;
    border-radius: 16px;
    background: var(--smartiz-soft, #f6f7fb);
}

.smartiz-suggested-main {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.smartiz-suggested-main img {
    border-radius: 999px;
}

.smartiz-suggested-main span {
    display: grid;
    min-width: 0;
}

.smartiz-suggested-main strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.smartiz-suggested-main small,
.smartiz-composer-head small {
    color: var(--smartiz-muted, #6b7280);
    font-size: 12px;
}

.smartiz-feed-card-tools {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.smartiz-feed-author-follow,
.smartiz-mini-follow {
    padding: 7px 10px;
    font-size: 12px;
}

.smartiz-feed-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.smartiz-feed-metrics span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 10px;
    border-radius: 999px;
    background: var(--smartiz-soft, #f6f7fb);
    color: var(--smartiz-muted, #6b7280);
    font-size: 12px;
    font-weight: 800;
}

.smartiz-feed-share {
    appearance: none;
    border: 1px solid var(--smartiz-border, rgba(15,23,42,.1));
    border-radius: 999px;
    padding: 9px 12px;
    background: #fff;
    color: var(--smartiz-accent, #2563eb);
    font-weight: 800;
    cursor: pointer;
    font-family: inherit;
}

@media (max-width: 1024px) {
    .smartiz-social-layout {
        grid-template-columns: 1fr;
    }

    .smartiz-social-sidebar {
        position: static;
        order: -1;
    }
}

@media (max-width: 700px) {
    .smartiz-feed-card-tools {
        justify-content: flex-start;
    }

    .smartiz-feed-metrics {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .smartiz-feed-metrics span {
        justify-content: center;
        text-align: center;
    }
}


/* Stories */
.smartiz-stories{margin:18px 0 22px;padding:18px;border:1px solid var(--smartiz-border,rgba(15,23,42,.1));border-radius:24px;background:var(--smartiz-soft,#f6f7fb)}
.smartiz-stories-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.smartiz-stories-head h3{margin:0;font-size:22px}.smartiz-story-open-composer{border:0;border-radius:999px;background:var(--smartiz-accent,#2563eb);color:#fff;padding:10px 16px;font-weight:800;cursor:pointer}
.smartiz-story-composer{display:grid;gap:10px;margin-bottom:16px;padding:14px;border:1px solid var(--smartiz-border,rgba(15,23,42,.1));border-radius:18px;background:#fff}.smartiz-story-composer textarea,.smartiz-story-composer input[type=text]{width:100%;border:1px solid var(--smartiz-border,rgba(15,23,42,.1));border-radius:14px;padding:10px 12px}.smartiz-story-composer small{color:var(--smartiz-muted,#6b7280)}
.smartiz-stories-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 8px}.smartiz-story-card{flex:0 0 min(330px,88vw);scroll-snap-align:start;border:1px solid var(--smartiz-border,rgba(15,23,42,.1));border-radius:22px;background:#fff;box-shadow:0 14px 36px rgba(15,23,42,.07);overflow:hidden}.smartiz-story-author{display:flex;align-items:center;gap:10px;padding:12px}.smartiz-story-author img{border-radius:50%}.smartiz-story-author span{display:grid}.smartiz-story-author small{color:var(--smartiz-muted,#6b7280)}.smartiz-story-image{display:block;width:100%;aspect-ratio:9/13;object-fit:cover;background:#e5e7eb}.smartiz-story-caption{padding:12px 14px;line-height:1.8}.smartiz-story-caption p:last-child{margin-bottom:0}.smartiz-story-tag{display:inline-flex;margin:0 14px 12px;padding:7px 10px;border-radius:999px;background:var(--smartiz-accent-soft,rgba(37,99,235,.1));color:var(--smartiz-accent,#2563eb);font-size:13px;text-decoration:none;font-weight:800}.smartiz-story-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-top:1px solid var(--smartiz-border,rgba(15,23,42,.1))}.smartiz-story-actions .smartiz-reaction-btn{padding:7px 10px}.smartiz-story-view-count{display:inline-flex;align-items:center;min-height:32px;padding:7px 10px;border-radius:999px;background:#f8fafc;color:#475569;font-size:13px}.smartiz-story-comments{padding:0 14px 10px}.smartiz-story-comments p{margin:0 0 7px;font-size:13px;color:#334155}.smartiz-story-comment-box{padding:10px 14px 14px;border-top:1px solid var(--smartiz-border,rgba(15,23,42,.1))}.smartiz-story-comment-box summary{cursor:pointer;font-weight:800;color:var(--smartiz-accent,#2563eb)}.smartiz-story-comment-box textarea{width:100%;margin:10px 0;border:1px solid var(--smartiz-border,rgba(15,23,42,.1));border-radius:14px;padding:10px}
@media (max-width:640px){.smartiz-stories{padding:12px;border-radius:18px}.smartiz-stories-head{align-items:flex-start;flex-direction:column}.smartiz-story-card{flex-basis:86vw}}

/* v1.3.1 - Instagram-like story carousel and viewer */
.smartiz-social-feed > .smartiz-stories-railbox, .smartiz-social-feed > .smartiz-stories{margin:0 0 18px;padding:14px 18px;border:1px solid rgba(15,23,42,.08);border-radius:28px;background:#fff;box-shadow:0 16px 45px rgba(15,23,42,.06)}
.smartiz-stories-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.smartiz-stories-topline h3{margin:0;font-size:20px}.smartiz-stories-topline small{color:var(--smartiz-muted,#6b7280)}
.smartiz-stories-ring-rail{display:flex;align-items:flex-start;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding:3px 2px 10px;-webkit-overflow-scrolling:touch}.smartiz-stories-ring-rail::-webkit-scrollbar{height:6px}.smartiz-stories-ring-rail::-webkit-scrollbar-thumb{background:rgba(15,23,42,.16);border-radius:999px}
.smartiz-story-ring{flex:0 0 84px;display:grid;justify-items:center;gap:8px;border:0;background:transparent;text-decoration:none;color:var(--smartiz-text,#111827);cursor:pointer;scroll-snap-align:start;padding:0;font:inherit}.smartiz-story-ring-avatar{width:74px;height:74px;border-radius:999px;padding:3px;background:linear-gradient(135deg,#f97316,#ec4899,#7c3aed,#2563eb);display:grid;place-items:center;box-shadow:0 10px 22px rgba(15,23,42,.12)}.smartiz-story-ring-avatar img{width:68px;height:68px;border-radius:999px;object-fit:cover;border:3px solid #fff;background:#fff}.smartiz-story-ring span:last-child{max-width:82px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:800;text-align:center}.smartiz-story-add-ring .smartiz-story-ring-avatar{background:linear-gradient(135deg,#2563eb,#06b6d4)}.smartiz-story-add-ring .smartiz-story-ring-avatar b{width:68px;height:68px;border-radius:999px;border:3px solid #fff;background:rgba(255,255,255,.18);display:grid;place-items:center;color:#fff;font-size:36px;line-height:1}.smartiz-story-empty-inline{align-self:center;padding:12px 16px;border:1px dashed rgba(15,23,42,.14);border-radius:18px;color:var(--smartiz-muted,#6b7280);background:#f8fafc;white-space:nowrap}
.smartiz-story-viewer[hidden]{display:none!important}.smartiz-story-viewer{position:fixed;inset:0;z-index:999999;background:rgba(2,6,23,.82);display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(8px)}.smartiz-story-viewer-inner{position:relative;width:min(480px,96vw);height:min(860px,94vh);display:grid;grid-template-rows:minmax(0,1fr) auto;background:#050505;border-radius:28px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.14)}.smartiz-story-viewer iframe{width:100%;height:100%;border:0;background:#050505;display:block}.smartiz-story-viewer-close{position:absolute;top:10px;left:10px;z-index:3;width:40px;height:40px;border:0;border-radius:999px;background:rgba(0,0,0,.48);color:#fff;font-size:28px;line-height:40px;cursor:pointer}.smartiz-story-viewer-panel{background:#fff;color:#111827;max-height:38vh;overflow:auto;border-top:1px solid rgba(255,255,255,.08)}.smartiz-story-modal-panel{padding:12px}.smartiz-story-modal-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.smartiz-story-modal-actions .smartiz-reaction-btn{padding:8px 12px}.smartiz-story-comment-count,.smartiz-story-view-count{display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;border-radius:999px;background:#f8fafc;color:#475569;font-size:13px}.smartiz-story-modal-panel .smartiz-story-comments{padding:0;margin:8px 0}.smartiz-story-modal-panel .smartiz-story-comments p{margin:0 0 8px;font-size:13px;color:#334155}.smartiz-story-modal-panel .smartiz-story-comment-box{padding:10px 0 0;border-top:1px solid rgba(15,23,42,.08)}.smartiz-story-modal-panel textarea,.smartiz-story-modal-panel input[type="text"]{width:100%;border:1px solid rgba(15,23,42,.14);border-radius:14px;padding:10px 12px;margin-bottom:8px}.smartiz-story-viewer-open{overflow:hidden!important}
.smartiz-story-create-page{max-width:980px;margin:0 auto;padding:18px}.smartiz-back-link{display:inline-flex;margin-bottom:14px;text-decoration:none;color:var(--smartiz-accent,#2563eb);font-weight:800}.smartiz-story-create-form{display:grid;gap:14px;padding:20px;border:1px solid rgba(15,23,42,.10);border-radius:28px;background:#fff;box-shadow:0 18px 55px rgba(15,23,42,.07)}.smartiz-story-upload-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,280px);gap:16px;align-items:stretch}.smartiz-story-upload-drop{min-height:260px;border:2px dashed rgba(37,99,235,.28);border-radius:24px;background:linear-gradient(135deg,rgba(37,99,235,.06),rgba(236,72,153,.06));display:grid;place-items:center;text-align:center;gap:8px;cursor:pointer;padding:18px}.smartiz-story-upload-drop input{display:none}.smartiz-story-upload-plus{width:76px;height:76px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#ec4899);color:#fff;display:grid;place-items:center;font-size:46px;line-height:1}.smartiz-story-upload-preview{width:100%;height:260px;object-fit:cover;border-radius:24px;background:#e5e7eb}.smartiz-field-label{font-weight:800}.smartiz-story-create-form textarea,.smartiz-story-create-form input[type=text]{width:100%;border:1px solid rgba(15,23,42,.14);border-radius:16px;padding:12px 14px}.smartiz-help-text{color:var(--smartiz-muted,#6b7280)}.smartiz-story-submit{justify-self:start;padding:12px 22px}
@media(max-width:640px){.smartiz-social-feed > .smartiz-stories-railbox, .smartiz-social-feed > .smartiz-stories{border-radius:20px;padding:12px;margin-left:-8px;margin-right:-8px}.smartiz-stories-topline{align-items:flex-start;flex-direction:column}.smartiz-story-ring{flex-basis:72px}.smartiz-story-ring-avatar{width:64px;height:64px}.smartiz-story-ring-avatar img,.smartiz-story-add-ring .smartiz-story-ring-avatar b{width:58px;height:58px}.smartiz-story-viewer{padding:0}.smartiz-story-viewer-inner{width:100vw;height:100vh;border-radius:0;border:0}.smartiz-story-upload-card{grid-template-columns:1fr}.smartiz-story-create-page{padding:10px}.smartiz-story-create-form{border-radius:20px;padding:14px}}


/* Smartiz v1.3.2 story polish: fixed circular rings, full-cover viewer image, WhatsApp-like one-line comment bar */
.smartiz-stories .smartiz-stories-ring-rail{
    align-items:flex-start;
}
.smartiz-stories .smartiz-story-ring,
.smartiz-stories button.smartiz-story-ring{
    flex:0 0 84px!important;
    width:84px!important;
    min-width:84px!important;
    max-width:84px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    overflow:visible!important;
    line-height:1.3!important;
}
.smartiz-stories .smartiz-story-ring-avatar{
    width:74px!important;
    height:74px!important;
    min-width:74px!important;
    min-height:74px!important;
    max-width:74px!important;
    max-height:74px!important;
    aspect-ratio:1/1!important;
    border-radius:999px!important;
    overflow:hidden!important;
    display:block!important;
    position:relative!important;
    padding:3px!important;
    box-sizing:border-box!important;
}
.smartiz-stories .smartiz-story-ring-avatar > img,
.smartiz-stories .smartiz-story-ring-avatar .avatar{
    position:absolute!important;
    inset:3px!important;
    width:calc(100% - 6px)!important;
    height:calc(100% - 6px)!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
    object-position:center center!important;
    border-radius:999px!important;
    display:block!important;
}
.smartiz-stories .smartiz-story-ring > span:last-child{
    display:block!important;
    width:84px!important;
    max-width:84px!important;
    min-height:18px;
    text-align:center!important;
}
.smartiz-story-viewer-inner{
    position:relative!important;
    display:block!important;
    width:min(480px,96vw)!important;
    height:min(860px,94vh)!important;
    background:#050505!important;
}
.smartiz-story-viewer iframe{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    border:0!important;
    background:#050505!important;
}
.smartiz-story-viewer-panel{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:2!important;
    max-height:170px!important;
    overflow:visible!important;
    border-top:0!important;
    background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.42),transparent)!important;
    color:#fff!important;
    padding:44px 12px 12px!important;
}
.smartiz-story-modal-panel{
    padding:0!important;
    background:transparent!important;
    color:#fff!important;
}
.smartiz-story-modal-actions{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    flex-wrap:nowrap!important;
    margin:0 0 8px!important;
    min-height:32px!important;
}
.smartiz-story-modal-actions .smartiz-reaction-btn,
.smartiz-story-modal-actions .smartiz-story-view-count,
.smartiz-story-modal-actions .smartiz-story-comment-count{
    min-height:30px!important;
    height:30px!important;
    padding:5px 10px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.16)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.16)!important;
    font-size:12px!important;
    backdrop-filter:blur(8px);
}
.smartiz-story-modal-panel .smartiz-story-comments{
    max-height:44px!important;
    overflow:auto!important;
    padding:0!important;
    margin:0 0 8px!important;
    scrollbar-width:none;
}
.smartiz-story-modal-panel .smartiz-story-comments::-webkit-scrollbar{display:none}
.smartiz-story-modal-panel .smartiz-story-comments p{
    margin:0 0 4px!important;
    font-size:12px!important;
    line-height:1.6!important;
    color:rgba(255,255,255,.88)!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.smartiz-story-modal-panel .smartiz-story-comment-box{
    padding:0!important;
    margin:0!important;
    border-top:0!important;
}
.smartiz-story-modal-panel .smartiz-story-comment-box form{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
}
.smartiz-story-modal-panel .smartiz-story-comment-box textarea{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    resize:none!important;
    overflow:hidden!important;
    margin:0!important;
    padding:10px 14px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.22)!important;
    background:rgba(255,255,255,.16)!important;
    color:#fff!important;
    line-height:20px!important;
    box-shadow:none!important;
    backdrop-filter:blur(10px);
}
.smartiz-story-modal-panel .smartiz-story-comment-box textarea::placeholder{
    color:rgba(255,255,255,.72)!important;
}
.smartiz-story-modal-panel .smartiz-story-comment-box .smartiz-submit-btn{
    flex:0 0 auto!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0 16px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
}
@media(max-width:640px){
    .smartiz-stories .smartiz-story-ring,
    .smartiz-stories button.smartiz-story-ring{
        flex-basis:72px!important;
        width:72px!important;
        min-width:72px!important;
        max-width:72px!important;
    }
    .smartiz-stories .smartiz-story-ring-avatar{
        width:64px!important;
        height:64px!important;
        min-width:64px!important;
        min-height:64px!important;
        max-width:64px!important;
        max-height:64px!important;
    }
    .smartiz-stories .smartiz-story-ring > span:last-child{
        width:72px!important;
        max-width:72px!important;
    }
    .smartiz-story-viewer-panel{
        max-height:150px!important;
        padding:38px 10px 10px!important;
    }
}


/* v1.3.3 - tagged story creation on product/article pages */
.smartiz-stories-tagged-block .smartiz-stories-topline small {
    color: var(--smartiz-muted, #6b7280);
}
.smartiz-story-target-locked {
    display: grid;
    gap: 6px;
    padding: 12px 14px;
    border: 1px solid var(--smartiz-border, rgba(15,23,42,.1));
    border-radius: 16px;
    background: var(--smartiz-soft, #f6f7fb);
}
.smartiz-story-target-locked strong {
    color: var(--smartiz-text, #111827);
}
.smartiz-story-target-locked small {
    color: var(--smartiz-muted, #6b7280);
    line-height: 1.8;
}

/* v1.3.5: Ajax story comments, compact WhatsApp-style input */
.smartiz-story-modal-panel .smartiz-story-comment-box form{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important}
.smartiz-story-modal-panel .smartiz-story-comment-box input[name="comment_content"]{flex:1!important;height:42px!important;min-height:42px!important;margin:0!important;border-radius:999px!important;padding:0 14px!important}
.smartiz-story-modal-panel .smartiz-story-comment-box .smartiz-submit-btn{height:42px!important;min-width:70px!important;margin:0!important;border-radius:999px!important;padding:0 16px!important;white-space:nowrap!important}
.smartiz-story-comment-box.is-sending{opacity:.72;pointer-events:none}


/* v1.3.6 - no Slick dependency and WoodMart/Elementor tagged story hardening */
.smartiz-stories.smartiz-stories-railbox{
    direction:rtl;
}
.smartiz-stories.smartiz-stories-railbox .smartiz-stories-ring-rail,
.smartiz-stories .smartiz-stories-ring-rail{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    gap:14px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
}
.smartiz-stories.smartiz-stories-railbox .smartiz-stories-ring-rail > *,
.smartiz-stories .smartiz-stories-ring-rail > *{
    float:none!important;
}
.smartiz-stories .slick-list,
.smartiz-stories .slick-track{
    width:auto!important;
    transform:none!important;
}
.smartiz-stories .smartiz-story-ring.slick-slide{
    display:flex!important;
}


/* Social feed performance: lazy batches */
.smartiz-feed-loadmore-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin: 20px 0 6px;
}
.smartiz-feed-loadmore-wrap[hidden] {
    display: none !important;
}
.smartiz-feed-load-more {
    appearance: none;
    border: 1px solid var(--smartiz-border);
    background: var(--smartiz-bg);
    border-radius: 999px;
    padding: 11px 18px;
    font-weight: 800;
    cursor: pointer;
}
.smartiz-feed-load-more:disabled {
    opacity: .58;
    cursor: wait;
}
.smartiz-feed-loading {
    color: var(--smartiz-muted);
    font-size: 13px;
}
.smartiz-feed-card img {
    content-visibility: auto;
}
@media (max-width: 768px) {
    .smartiz-social-sidebar {
        content-visibility: auto;
        contain-intrinsic-size: 1px 420px;
    }
}


/* v1.3.9 - invisible Instagram-style story side tap zones (no visible arrows) */
.smartiz-story-viewer-inner{position:relative!important}
.smartiz-story-nav{
    position:absolute!important;
    top:22%!important;
    bottom:22%!important;
    width:38%!important;
    z-index:4!important;
    border:0!important;
    background:transparent!important;
    cursor:pointer!important;
    padding:0!important;
    margin:0!important;
    opacity:0!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    color:transparent!important;
    outline:none!important;
    box-shadow:none!important;
    text-indent:-9999px!important;
    overflow:hidden!important;
}
/* RTL UX requested by site owner: left side = next story, right side = previous story */
.smartiz-story-nav-next{left:0!important;right:auto!important}
.smartiz-story-nav-prev{right:0!important;left:auto!important}
.smartiz-story-nav:before,.smartiz-story-nav:after{content:none!important;display:none!important}
.smartiz-story-nav:hover,.smartiz-story-nav:focus,.smartiz-story-nav:active{background:transparent!important;opacity:0!important;box-shadow:none!important;outline:none!important}
.smartiz-story-nav:disabled{cursor:default!important;pointer-events:none!important;opacity:0!important}
.smartiz-story-viewer-close,.smartiz-story-viewer-panel{z-index:6!important}
@media (max-width:768px){.smartiz-story-nav{top:18%!important;bottom:18%!important;width:44%!important}}

/* v1.5.0: Aparat video stories */
.smartiz-story-type-switch {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 6px;
    border: 1px solid var(--smartiz-border, rgba(15,23,42,.12));
    border-radius: 999px;
    background: rgba(255,255,255,.72);
    margin: 0 0 18px;
}
.smartiz-story-type-switch label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 8px 16px;
    border-radius: 999px;
    cursor: pointer;
    font-weight: 800;
    color: var(--smartiz-muted, #6b7280);
    transition: background .18s ease, color .18s ease, box-shadow .18s ease;
}
.smartiz-story-type-switch label.is-active {
    color: #fff;
    background: var(--smartiz-accent, #2563eb);
    box-shadow: 0 10px 24px rgba(37,99,235,.22);
}
.smartiz-story-type-switch input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.smartiz-story-aparat-card {
    display: grid;
    gap: 12px;
    padding: 18px;
    border-radius: 22px;
    border: 1px solid var(--smartiz-border, rgba(15,23,42,.12));
    background: rgba(255,255,255,.72);
    margin-bottom: 18px;
}
.smartiz-story-aparat-card[hidden] {
    display: none !important;
}
.smartiz-story-aparat-card input[type="url"] {
    width: 100%;
    min-height: 48px;
    border: 1px solid var(--smartiz-border, rgba(15,23,42,.12));
    border-radius: 16px;
    padding: 10px 14px;
    background: #fff;
}
.smartiz-story-video-cover-card {
    margin-top: 4px;
}
.smartiz-story-ring-avatar {
    position: relative;
}
.smartiz-story-ring-video .smartiz-story-ring-avatar:after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(to top, rgba(0,0,0,.36), transparent 62%);
    pointer-events: none;
}
.smartiz-story-play-mark {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: rgba(0,0,0,.58);
    color: #fff;
    font-size: 13px;
    line-height: 1;
    padding-right: 2px;
    box-shadow: 0 6px 18px rgba(0,0,0,.28);
}
.smartiz-story-error {
    margin-bottom: 14px;
    border-color: rgba(239,68,68,.25) !important;
    color: #991b1b !important;
    background: rgba(254,242,242,.86) !important;
}


/* Popular social posts carousel - pro cards */
.smartiz-popular-social-carousel {
    --smartiz-card-bg: rgba(255,255,255,.88);
    --smartiz-card-border: rgba(255,255,255,.55);
    --smartiz-card-shadow: 0 24px 70px rgba(15,23,42,.14);
    margin: 34px 0;
    padding: clamp(18px,3vw,30px);
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 34px;
    background:
        radial-gradient(circle at 12% 0%, rgba(37,99,235,.22), transparent 28%),
        radial-gradient(circle at 92% 12%, rgba(236,72,153,.16), transparent 30%),
        linear-gradient(135deg, rgba(248,250,252,.98), rgba(255,255,255,.86));
    box-shadow: 0 22px 80px rgba(15,23,42,.10);
    overflow: hidden;
    position: relative;
}
.smartiz-popular-social-carousel:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(rgba(15,23,42,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(15,23,42,.035) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: radial-gradient(circle at center, #000, transparent 72%);
}
.smartiz-popular-social-carousel > * { position: relative; z-index: 1; }
.smartiz-popular-social-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}
.smartiz-popular-social-titlebox h2 { margin: 7px 0 6px; font-size: clamp(24px,3.4vw,38px); line-height: 1.35; letter-spacing: -.02em; }
.smartiz-popular-social-titlebox p { margin: 0; color: var(--smartiz-muted,#6b7280); line-height: 1.9; }
.smartiz-popular-social-head-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}
.smartiz-popular-social-nav,
.smartiz-popular-social-more,
.smartiz-popular-social-open {
    appearance: none;
    border: 0;
    text-decoration: none !important;
    white-space: nowrap;
}
.smartiz-popular-social-nav {
    width: 42px;
    height: 42px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: rgba(255,255,255,.78);
    color: #0f172a;
    box-shadow: 0 12px 30px rgba(15,23,42,.10);
    cursor: pointer;
    font-size: 28px;
    line-height: 1;
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.smartiz-popular-social-nav:hover { transform: translateY(-2px); background: #fff; box-shadow: 0 18px 42px rgba(15,23,42,.16); }
.smartiz-popular-social-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 16px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--smartiz-accent,#2563eb), #7c3aed);
    color: #fff !important;
    font-weight: 900;
    box-shadow: 0 14px 34px rgba(37,99,235,.25);
}
.smartiz-popular-social-track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(280px, 360px);
    gap: 18px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scroll-padding-inline: 4px;
    padding: 8px 3px 18px;
    scrollbar-width: thin;
}
.smartiz-popular-social-track::-webkit-scrollbar { height: 9px; }
.smartiz-popular-social-track::-webkit-scrollbar-thumb { background: rgba(15,23,42,.18); border-radius: 999px; }
.smartiz-popular-social-card {
    scroll-snap-align: start;
    border-radius: 30px;
    overflow: hidden;
    background: var(--smartiz-card-bg);
    border: 1px solid var(--smartiz-card-border);
    box-shadow: var(--smartiz-card-shadow);
    backdrop-filter: blur(18px);
    transform: translateZ(0);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.smartiz-popular-social-card:hover {
    transform: translateY(-6px);
    border-color: rgba(37,99,235,.22);
    box-shadow: 0 32px 90px rgba(15,23,42,.18);
}
.smartiz-popular-social-media {
    display: block;
    position: relative;
    aspect-ratio: 4 / 3;
    background: #0f172a;
    overflow: hidden;
}
.smartiz-popular-social-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1.01);
    transition: transform .45s ease, filter .45s ease;
}
.smartiz-popular-social-card:hover .smartiz-popular-social-media img { transform: scale(1.08); filter: saturate(1.08) contrast(1.04); }
.smartiz-popular-social-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15,23,42,.08), rgba(15,23,42,.10) 42%, rgba(15,23,42,.68));
    pointer-events: none;
}
.smartiz-popular-social-rank,
.smartiz-popular-social-hot {
    position: absolute;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.34);
    background: rgba(15,23,42,.55);
    color: #fff;
    backdrop-filter: blur(14px);
    box-shadow: 0 10px 28px rgba(0,0,0,.20);
}
.smartiz-popular-social-rank {
    top: 14px;
    right: 14px;
    min-width: 42px;
    height: 42px;
    border-radius: 999px;
    font-weight: 950;
}
.smartiz-popular-social-hot {
    left: 14px;
    bottom: 14px;
    min-height: 34px;
    padding: 7px 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
}
.smartiz-popular-social-placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    font-size: 72px;
    font-weight: 950;
    color: rgba(255,255,255,.90);
    background:
        radial-gradient(circle at top right, rgba(37,99,235,.65), transparent 34%),
        linear-gradient(135deg, #0f172a, #2563eb 48%, #7c3aed);
}
.smartiz-popular-social-body { padding: 16px; }
.smartiz-popular-social-author {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: -38px 0 14px;
    position: relative;
    z-index: 3;
}
.smartiz-popular-social-avatar {
    width: 46px;
    height: 46px;
    border-radius: 999px;
    padding: 3px;
    background: linear-gradient(135deg, #fff, rgba(255,255,255,.62));
    box-shadow: 0 12px 25px rgba(15,23,42,.18);
    flex: 0 0 auto;
}
.smartiz-popular-social-author img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 999px;
    display: block;
    object-fit: cover;
}
.smartiz-popular-social-author strong { display: block; font-size: 13px; line-height: 1.4; color: #111827; }
.smartiz-popular-social-author strong a { color: inherit; text-decoration: none; }
.smartiz-popular-social-author span { display: block; margin-top: 2px; color: #6b7280; font-size: 11px; }
.smartiz-popular-social-card h3 { margin: 0 0 9px; font-size: 17px; line-height: 1.65; }
.smartiz-popular-social-card h3 a { color: #111827; text-decoration: none; }
.smartiz-popular-social-card h3 a:hover { color: var(--smartiz-accent,#2563eb); }
.smartiz-popular-social-card p {
    margin: 0 0 14px;
    color: #4b5563;
    line-height: 1.9;
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.smartiz-popular-social-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    color: #475569;
    font-size: 12px;
    margin-bottom: 14px;
}
.smartiz-popular-social-stats span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 34px;
    padding: 7px 8px;
    border-radius: 14px;
    background: rgba(15,23,42,.055);
    border: 1px solid rgba(15,23,42,.055);
    font-weight: 800;
}
.smartiz-popular-social-stats b { font-weight: 400; }
.smartiz-popular-social-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 13px;
    border-top: 1px solid rgba(15,23,42,.08);
}
.smartiz-popular-social-score {
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
}
.smartiz-popular-social-open {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 9px 13px;
    border-radius: 999px;
    background: #0f172a;
    color: #fff !important;
    font-size: 12px;
    font-weight: 900;
    box-shadow: 0 12px 28px rgba(15,23,42,.18);
}
@media (max-width: 768px) {
    .smartiz-popular-social-head { align-items: flex-start; flex-direction: column; }
    .smartiz-popular-social-head-actions { width: 100%; flex-wrap: wrap; }
    .smartiz-popular-social-more { flex: 1 1 auto; }
    .smartiz-popular-social-track { grid-auto-columns: minmax(258px, 86vw); }
    .smartiz-popular-social-nav { display: none; }
    .smartiz-popular-social-card h3 { font-size: 16px; }
}


/* Single social post */
.smartiz-social-post-single {
    max-width: 980px;
    margin: 28px auto;
}
.smartiz-social-post-main-card,
.smartiz-social-post-comments {
    border: 1px solid var(--smartiz-border, rgba(15,23,42,.10));
    border-radius: 28px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 18px 55px rgba(15,23,42,.08);
    overflow: hidden;
}
.smartiz-social-post-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--smartiz-border, rgba(15,23,42,.10));
}
.smartiz-social-post-author {
    display: flex;
    align-items: center;
    gap: 12px;
}
.smartiz-social-post-author img { border-radius: 999px; }
.smartiz-social-post-author strong { display: block; }
.smartiz-social-post-author time { display: block; margin-top: 4px; color: var(--smartiz-muted,#6b7280); font-size: 12px; }
.smartiz-social-post-back {
    flex: 0 0 auto;
    padding: 9px 13px;
    border-radius: 999px;
    text-decoration: none;
    color: var(--smartiz-accent,#2563eb);
    background: rgba(37,99,235,.10);
    font-weight: 800;
}
.smartiz-social-post-featured { max-height: 560px; background: #0f172a; }
.smartiz-social-post-featured img {
    width: 100%;
    height: 100%;
    max-height: 560px;
    object-fit: cover;
    display: block;
}
.smartiz-social-post-content { padding: 22px; }
.smartiz-social-post-content h1 { margin: 0 0 12px; font-size: clamp(24px,4vw,38px); line-height: 1.45; }
.smartiz-social-post-text { line-height: 2; color: #243041; overflow-wrap: anywhere; }
.smartiz-social-post-stats,
.smartiz-social-post-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0 22px 18px;
}
.smartiz-social-post-stats span {
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(15,23,42,.05);
    color: var(--smartiz-muted,#6b7280);
    font-size: 13px;
}
.smartiz-social-post-comments { margin-top: 18px; padding: 20px; }
.smartiz-social-post-comments .smartiz-comments-list { margin-bottom: 18px; }
@media (max-width: 768px) {
    .smartiz-popular-social-head,
    .smartiz-social-post-hero { align-items: flex-start; flex-direction: column; }
    .smartiz-popular-social-track { grid-auto-columns: minmax(220px, 84vw); }
    .smartiz-social-post-single { margin: 18px 0; }
    .smartiz-social-post-comments { padding: 14px; }
}


/* v1.7.2: stable popular carousel for guests + full-width social post template */
.smartiz-popular-social-carousel,
.smartiz-popular-social-carousel * {
    box-sizing: border-box;
}
.smartiz-popular-social-carousel--pro {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    isolation: isolate;
}
.smartiz-popular-social-track {
    min-width: 0;
    width: 100%;
}
.smartiz-popular-social-card {
    min-width: 0;
    width: 100%;
    max-width: 100%;
}
.smartiz-popular-social-media,
.smartiz-popular-social-media img {
    min-width: 0;
}
.smartiz-popular-social-media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.smartiz-popular-social-author,
.smartiz-popular-social-footer,
.smartiz-popular-social-head,
.smartiz-popular-social-head-actions {
    min-width: 0;
}
.smartiz-popular-social-body,
.smartiz-popular-social-card h3,
.smartiz-popular-social-card p {
    overflow-wrap: anywhere;
}
body:not(.logged-in) .smartiz-popular-social-carousel--pro .smartiz-popular-social-track {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(280px, 360px) !important;
    align-items: stretch !important;
}
body:not(.logged-in) .smartiz-popular-social-card--pro {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}
body:not(.logged-in) .smartiz-popular-social-media {
    flex: 0 0 auto !important;
}
body:not(.logged-in) .smartiz-popular-social-body {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
}
body:not(.logged-in) .smartiz-popular-social-footer {
    margin-top: auto !important;
}
body.smartiz-plugin-page-social-post .site-content,
body.smartiz-plugin-page-social-post .content-area,
body.smartiz-plugin-page-social-post .site-main,
body.smartiz-plugin-page-social-post .main-page-wrapper,
body.smartiz-plugin-page-social-post .main-page-wrapper > .container,
body.smartiz-plugin-page-social-post .main-page-wrapper .container,
body.smartiz-plugin-page-social-post .wd-content-area,
body.smartiz-plugin-page-social-post .entry-content,
body.smartiz-plugin-page-social-post .content-layout-wrapper,
body.smartiz-plugin-page-social-post .wd-content-layout,
body.smartiz-plugin-page-social-post .container {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}
body.smartiz-plugin-page-social-post .sidebar-container,
body.smartiz-plugin-page-social-post .wd-sidebar,
body.smartiz-plugin-page-social-post .site-sidebar,
body.smartiz-plugin-page-social-post aside.sidebar {
    display: none !important;
}
.smartiz-social-post-template-shell,
.smartiz-social-post-page-wrap {
    width: 100%;
    max-width: 100%;
}
.smartiz-social-post-page-wrap {
    padding: clamp(16px, 3vw, 40px);
}
body.smartiz-plugin-page-social-post .smartiz-social-post-single {
    width: min(100%, 1280px) !important;
    max-width: 1280px !important;
    margin: 28px auto !important;
}
body.smartiz-plugin-page-social-post .smartiz-social-post-main-card,
body.smartiz-plugin-page-social-post .smartiz-social-post-comments {
    width: 100% !important;
}
@media (max-width: 768px) {
    body:not(.logged-in) .smartiz-popular-social-carousel--pro .smartiz-popular-social-track {
        grid-auto-columns: minmax(250px, 84vw) !important;
    }
    .smartiz-social-post-page-wrap {
        padding: 12px;
    }
}


/* v2.4.6: header notification bell opens downward; floating bell is disabled. */
.smartiz-bell { overflow: visible !important; }
.smartiz-bell.is-open .smartiz-bell-panel {
    animation: smartizBellOpenDown .16s ease-out both;
}
@keyframes smartizBellOpenDown {
    from { opacity: 0; transform: translateX(calc(-50% + var(--smartiz-bell-shift-x, 0px))) translateY(-6px); }
    to { opacity: 1; transform: translateX(calc(-50% + var(--smartiz-bell-shift-x, 0px))) translateY(0); }
}
@media (max-width: 767px) {
    .smartiz-bell-panel {
        width: min(340px, calc(100vw - 20px));
        max-height: min(70vh, 520px);
    }
    .smartiz-bell-list { max-height: min(55vh, 390px); }
}


/* v2.4.7: Smartiz Header Actions inline notification compatibility */
.smartiz-header-actions [data-smartiz-bell],
.smartiz-header-actions .smartiz-bell-inline {
    position: relative !important;
    overflow: visible !important;
}
.smartiz-header-actions .smartiz-bell-panel {
    top: calc(100% + 12px) !important;
    bottom: auto !important;
    transform-origin: top center !important;
}
.smartiz-header-actions .smartiz-bell.is-open .smartiz-bell-panel {
    display: block !important;
    animation: smartizBellOpenDown .16s ease-out both;
}
.smartiz-bell-floating { display: none !important; }

/* v2.4.8: Aparat direct upload story UX */
.smartiz-story-video-file-card {
    margin-bottom: 4px;
}
.smartiz-story-aparat-link-fallback {
    display: grid;
    gap: 8px;
}
.smartiz-story-aparat-card input[type="file"] {
    cursor: pointer;
}
.smartiz-story-aparat-card input[type="url"] {
    width: 100%;
}

/* v2.5.0 - Unified notifications from all Smartiz/izlift panels. */
.smartiz-bell-head > div{display:grid;gap:2px}.smartiz-bell-head > div small{font-size:11px;color:var(--smartiz-muted)}
.smartiz-bell-item{grid-template-columns:38px minmax(0,1fr);align-items:flex-start;gap:10px!important;position:relative;transition:.16s ease}
.smartiz-bell-item:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--smartiz-accent) 32%,var(--smartiz-border));background:color-mix(in srgb,var(--smartiz-accent) 3%,var(--smartiz-bg))}
.smartiz-bell-item.is-unread:after{content:"";position:absolute;top:12px;left:10px;width:7px;height:7px;border-radius:50%;background:var(--smartiz-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--smartiz-accent) 14%,transparent)}
.smartiz-bell-item-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:var(--smartiz-accent-soft);color:var(--smartiz-accent);font-size:18px;font-weight:900;flex:none}
.smartiz-bell-item-icon:before{content:"🔔"}.smartiz-bell-item-icon[data-icon="social"]:before{content:"💬"}.smartiz-bell-item-icon[data-icon="user"]:before{content:"👤"}.smartiz-bell-item-icon[data-icon="store"]:before{content:"🏪"}.smartiz-bell-item-icon[data-icon="expert"]:before{content:"🛠"}.smartiz-bell-item-icon[data-icon="contract"]:before{content:"📝"}.smartiz-bell-item-icon[data-icon="rfq"]:before{content:"📨"}.smartiz-bell-item-icon[data-icon="order"]:before{content:"📦"}
.smartiz-bell-item-body{min-width:0;display:grid;gap:5px}.smartiz-bell-item-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.smartiz-bell-item-meta b{font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smartiz-bell-item-meta em{font-style:normal;font-size:10px;font-weight:800;padding:3px 7px;border-radius:999px;background:var(--smartiz-soft);color:var(--smartiz-muted);white-space:nowrap}.smartiz-bell-item-message{font-size:12px;line-height:1.75;color:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.smartiz-bell-item-body small{font-size:10px}
.smartiz-bell-list{max-height:min(62vh,460px)}
@media(max-width:480px){.smartiz-bell-panel{width:calc(100vw - 20px)}.smartiz-bell-item{grid-template-columns:34px minmax(0,1fr);padding:10px}.smartiz-bell-item-icon{width:34px;height:34px;border-radius:11px;font-size:16px}}