/* объявляй.рф v3.1 — unified light theme and mobile repair layer */
:root {
    color-scheme: light;
    --bg: #f5f5f7;
    --surface: #ffffff;
    --surface-soft: #faf9fb;
    --surface-muted: #f0eff2;
    --text: #242128;
    --text-soft: #514c55;
    --muted: #77717c;
    --muted-strong: #625c66;
    --line: #e3e0e5;
    --line-strong: #d5d0d8;
    --primary: #7b2148;
    --primary-hover: #671a3b;
    --primary-2: #6d3ab2;
    --primary-soft: #f6edf2;
    --violet-soft: #f1edfb;
    --danger: #b92f48;
    --danger-soft: #fff0f3;
    --warning: #976214;
    --warning-soft: #fff7e5;
    --success: #286450;
    --success-soft: #eaf7f1;
    --info: #5148ad;
    --info-soft: #efedfc;
    --shadow: 0 16px 42px rgba(52, 40, 53, .08);
    --shadow-hover: 0 20px 52px rgba(52, 40, 53, .13);
    --radius: 18px;
    --radius-sm: 12px;
}

html { background: var(--bg); }
body {
    overflow-x: hidden;
    background:
        radial-gradient(circle at 8% 0%, rgba(123, 33, 72, .055), transparent 31rem),
        radial-gradient(circle at 96% 10%, rgba(109, 58, 178, .045), transparent 34rem),
        var(--bg);
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
body::before { opacity: .11; }
main, section, article, aside, nav, form, div { min-width: 0; }
a { color: inherit; }
p, li, dd { overflow-wrap: anywhere; }
::selection { color: #fff; background: rgba(123, 33, 72, .88); }

/* Typography and basic surfaces */
.section-heading h1,
.section-heading h2,
.auth-card h1,
.product-info h1,
.payment-stage h1,
.order-head h1 { color: var(--text); }
.section-heading p,
.product-card p,
.product-info .lead,
.detail-content,
.form-hint,
.meta-row,
.seller-line,
.order-head p,
.payment-stage > p,
.ticket-list small,
.notification-card p,
.notification-card small,
.profile-editor small,
.category-admin-list small,
.admin-brand small,
.order-card-main span,
.order-card-main p { color: var(--muted); }
.panel,
.product-card,
.cart-item,
.topic-card,
.post,
.payment-stage,
.notification-card,
.order-card-v3 {
    color: var(--text);
    border-color: var(--line);
    background: rgba(255, 255, 255, .97);
    box-shadow: var(--shadow);
}
.panel { overflow: visible; }
.panel-padding { padding: clamp(18px, 2.2vw, 26px); }
.empty-state {
    color: var(--muted);
    border-color: var(--line-strong);
    background: rgba(255, 255, 255, .72);
}
.empty-state h2, .empty-state strong { color: var(--text); }

/* Header */
.announcement-bar { background: #29262d; color: #f8f5f8; }
.announcement-inner,
.announcement-inner a,
.announcement-marquee b { color: #eee9ef; }
.announcement-marquee em { color: rgba(255, 255, 255, .33); }
.site-header {
    border-color: rgba(88, 76, 91, .13);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 7px 25px rgba(46, 37, 48, .055);
    backdrop-filter: blur(20px) saturate(1.15);
}
.brand { color: var(--text); }
.brand > span:last-child > span { color: var(--primary); }
.brand > span:last-child small { color: #8b858e; }
.main-nav { color: #514c55; }
.main-nav a { border-radius: 8px; }
.main-nav a:hover { color: var(--primary); }
.header-search,
.mobile-search {
    border-color: var(--line);
    background: #f6f5f7;
}
.header-search span,
.mobile-search span,
.header-search kbd { color: #827b86; }
.header-search input,
.mobile-search input { color: var(--text); }
.header-search input::placeholder,
.mobile-search input::placeholder,
.input::placeholder,
.textarea::placeholder { color: #a19ba4; opacity: 1; }
.cart-link,
.notification-bell,
.user-chip {
    color: var(--text);
    border-color: var(--line);
    background: #fff;
    box-shadow: 0 5px 15px rgba(45, 36, 47, .035);
}
.cart-link:hover,
.notification-bell:hover,
.user-chip:hover { border-color: rgba(123, 33, 72, .28); }
.notification-bell { color: var(--primary); }
.login-link { color: var(--text-soft); }
.login-link:hover { color: var(--primary); }
.nav-toggle { color: var(--text); border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.nav-toggle span { background: currentColor; }

/* Mobile menu is now part of the light design */
.mobile-drawer {
    max-height: calc(100vh - 98px);
    overflow-y: auto;
    border-top-color: var(--line);
    background: rgba(255, 255, 255, .985);
    box-shadow: 0 25px 55px rgba(45, 36, 47, .16);
    backdrop-filter: blur(20px);
}
.mobile-drawer nav a {
    color: var(--text-soft);
    border-color: var(--line);
    background: var(--surface-soft);
}
.mobile-drawer nav a:hover {
    color: var(--primary);
    border-color: rgba(123, 33, 72, .25);
    background: var(--primary-soft);
}
.mobile-search button { color: #fff; background: linear-gradient(135deg, var(--primary), var(--primary-2)); }

/* Buttons */
.button {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, var(--primary), var(--primary-2));
    box-shadow: 0 11px 25px rgba(123, 33, 72, .16);
}
.button:hover { filter: brightness(.98); box-shadow: 0 14px 30px rgba(123, 33, 72, .22); }
.button:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible { outline: 3px solid rgba(109, 58, 178, .22); outline-offset: 2px; }
.button-secondary {
    color: var(--text-soft);
    border-color: var(--line-strong);
    background: #fff;
    box-shadow: none;
}
.button-secondary:hover { color: var(--primary); border-color: rgba(123, 33, 72, .3); background: var(--primary-soft); }
.button-ghost { color: var(--primary); border-color: rgba(123, 33, 72, .2); background: transparent; box-shadow: none; }
.button-danger { color: #fff; background: linear-gradient(135deg, #c13b53, #a92843); box-shadow: 0 10px 24px rgba(185, 47, 72, .15); }
.text-link { color: var(--primary); }
.text-link:hover { color: var(--primary-hover); }
.remove-link { color: var(--danger); }

/* Forms */
.form-group label,
.checkbox { color: var(--text-soft); }
.input,
.select,
.textarea {
    color: var(--text);
    border-color: var(--line-strong);
    background: #fbfafc;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}
.input:hover,
.select:hover,
.textarea:hover { border-color: #c7c0ca; }
.input:focus,
.select:focus,
.textarea:focus {
    border-color: rgba(123, 33, 72, .55);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(123, 33, 72, .075);
}
.select option { color: var(--text); background: #fff; }
.form-error { color: var(--danger); }
.demo-box {
    color: var(--text-soft);
    border: 1px solid var(--line);
    background: var(--surface-soft);
}
.demo-box strong { color: var(--text); }
.file-input,
input[type="file"] { color: var(--text-soft); }
input[type="file"]::file-selector-button {
    margin-right: 10px;
    padding: 8px 12px;
    border: 1px solid var(--line-strong);
    border-radius: 9px;
    color: var(--primary);
    background: #fff;
    cursor: pointer;
}

/* Alerts, notices and notification visibility */
.flash-stack { top: 116px; padding-inline: 16px; }
.flash {
    width: min(100%, 440px);
    color: var(--text);
    border: 1px solid var(--line-strong);
    background: #fff;
    box-shadow: 0 18px 48px rgba(48, 37, 49, .16);
}
.flash::before {
    content: "";
    width: 9px;
    height: 9px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--info);
}
.flash > span { flex: 1; color: var(--text); font-weight: 650; }
.flash-success { border-color: #bcded0; background: #f4fbf8; }
.flash-success::before { background: var(--success); }
.flash-warning { border-color: #ead7ab; background: #fffaf0; }
.flash-warning::before { background: var(--warning); }
.flash-danger { border-color: #ebc3cb; background: #fff6f7; }
.flash-danger::before { background: var(--danger); }
.flash button { color: #77717c; }
.notice {
    color: #4d4651;
    border-color: var(--info);
    background: var(--info-soft);
}
.notice strong { color: var(--text); }

.notification-list { gap: 12px; }
.notification-card {
    grid-template-columns: 12px minmax(0, 1fr) 28px;
    padding: 18px 20px;
    border: 1px solid var(--line);
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.notification-card:hover {
    transform: translateY(-1px);
    border-color: rgba(123, 33, 72, .28);
    box-shadow: var(--shadow-hover);
}
.notification-card.unread {
    border-color: rgba(123, 33, 72, .3);
    background: linear-gradient(90deg, #fff8fc, #fff);
}
.notification-card strong { display: block; color: var(--text); font-size: 15px; line-height: 1.35; }
.notification-card p { color: var(--text-soft); line-height: 1.5; }
.notification-card small { color: var(--muted); }
.notification-card em { color: var(--primary); font-size: 20px; }
.notification-dot { background: #c7c1ca; }
.notification-card.unread .notification-dot { background: linear-gradient(135deg, var(--primary), var(--primary-2)); }

/* Status chips */
.status { color: var(--text-soft); border: 1px solid var(--line); background: var(--surface-muted); }
.status-pending_payment,
.status-pending { color: #7c5314; border-color: #ead7a8; background: var(--warning-soft); }
.status-paid,
.status-completed,
.status-active,
.status-closed { color: var(--success); border-color: #c4e1d5; background: var(--success-soft); }
.status-processing,
.status-in_progress { color: #5544a4; border-color: #d7d0f2; background: var(--violet-soft); }
.status-awaiting_confirmation,
.status-answered { color: #742b55; border-color: #e7c8d8; background: var(--primary-soft); }
.status-disputed,
.status-blocked,
.status-failed { color: #963246; border-color: #ebc5cd; background: var(--danger-soft); }
.status-refunded,
.status-cancelled,
.status-draft { color: #615c65; border-color: #dcd8df; background: #f1f0f2; }

/* Marketplace cards and content */
.product-card,
.category-card,
.topic-card,
.order-card-v3,
.ticket-list a { border-color: var(--line); background: #fff; }
.category-card { color: var(--text); }
.category-card p { color: var(--muted); }
.category-card:hover,
.product-card:hover,
.topic-card:hover,
.order-card-v3:hover,
.ticket-list a:hover { border-color: rgba(123, 33, 72, .27); box-shadow: var(--shadow-hover); }
.product-cover,
.product-icon,
.order-card-icon,
.topic-icon,
.table-thumb.placeholder,
.order-item-placeholder { background: linear-gradient(135deg, #f2e9ee, #eeebf7); color: var(--primary); }
.badge { color: #fff; }
.rating { color: #a66c13; }
.verified-mark,
.free-label { color: var(--success); }
.product-info .lead,
.detail-content { color: var(--text-soft); }
.detail-content h2,
.detail-content h3 { color: var(--text); }
.purchase-box,
.cart-summary { background: #fff; }
.summary-line { color: var(--muted); }
.summary-line strong,
.summary-line.total { color: var(--text); }
.summary-trust { color: var(--text-soft); background: var(--success-soft); }
.meta-row strong { color: var(--text); }

/* Forum */
.forum-category-list a { color: var(--text-soft); }
.forum-category-list a:hover { color: var(--primary); background: var(--primary-soft); }
.post-author { color: var(--text); background: var(--surface-soft); }
.post-body { color: var(--text-soft); }
.post-time,
.topic-meta,
.topic-stats { color: var(--muted); }

/* Orders, support and chat */
.order-head-right strong,
.order-item-v3 > b,
.order-card-main strong,
.order-card-side strong { color: var(--text); }
.order-item-v3 code { color: #5f2745; background: #f8f2f6; }
.chat-message > div { color: var(--text); border-color: var(--line); background: #f7f6f8; }
.chat-message.mine > div { color: #fff; background: linear-gradient(135deg, var(--primary), var(--primary-2)); }
.chat-message.mine strong,
.chat-message.mine p { color: #fff; }
.chat-meta strong { color: var(--text); }
.chat-meta span { color: var(--muted); }
.chat-message.mine .chat-meta strong { color: #fff; }
.chat-message.mine .chat-meta span { color: rgba(255, 255, 255, .78); }
.chat-system { color: var(--text-soft); background: var(--surface-muted); }
.chat-system small { color: var(--muted); }
.dispute-box { color: var(--text-soft); border-color: #e8c3cc; background: #fff5f7; }
.dispute-box summary { color: var(--danger); }
.status-timeline div { color: #928c96; border-color: #ded9e0; }
.status-timeline .done { color: var(--text-soft); border-color: #9f5174; }
.ticket-list a strong { color: var(--text); }

/* Admin */
.admin-sidebar { background: #fff; }
.admin-sidebar nav a { color: var(--text-soft); }
.admin-sidebar nav a.active,
.admin-sidebar nav a:hover { color: var(--primary); background: var(--primary-soft); }
.panel-title-row h1,
.panel-title-row h2,
.admin-content h1,
.admin-content h2 { color: var(--text); }
.category-admin-list form { color: var(--text); border-color: var(--line); background: var(--surface-soft); }
.category-admin-list form:hover { border-color: rgba(123, 33, 72, .25); }

/* Tables */
.table-wrap {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 14px;
    overflow: auto;
    background: #fff;
    -webkit-overflow-scrolling: touch;
}
.table { min-width: 720px; background: #fff; }
.table th,
.table td { color: var(--text-soft); border-color: var(--line); vertical-align: middle; }
.table th {
    color: #706a74;
    background: #f7f6f8;
    font-size: 11px;
    letter-spacing: .02em;
    text-transform: uppercase;
}
.table td strong { color: var(--text); }
.table tbody tr:hover { background: #fcfafc; }

/* Pagination */
.pagination a,
.pagination span { color: var(--text-soft); border-color: var(--line); background: #fff; }
.pagination a:hover { color: var(--primary); border-color: rgba(123, 33, 72, .3); }
.pagination .active { color: #fff; border-color: transparent; background: linear-gradient(135deg, var(--primary), var(--primary-2)); }

/* Footer */
.site-footer { background: #29262d; color: #f3eff4; }
.site-footer .brand { color: #fff; }
.site-footer p,
.site-footer a,
.site-footer .footer-bottom,
.site-footer .footer-grid span { color: #c7c0c9; }
.site-footer h4,
.footer-trust span { color: #fff; }
.footer-trust small { color: #c0b9c3; }
.footer-badges span { color: #ddd6df; border-color: rgba(255, 255, 255, .16); }

/* Mobile bottom navigation */
.mobile-bottom-nav {
    border-color: rgba(88, 76, 91, .15) !important;
    background: rgba(255, 255, 255, .97) !important;
    box-shadow: 0 18px 48px rgba(45, 36, 47, .16) !important;
}
.mobile-bottom-nav a { color: #77717c !important; }
.mobile-bottom-nav a:hover { color: var(--primary) !important; }
.mobile-bottom-nav .mobile-nav-main { color: var(--primary) !important; }
.mobile-bottom-nav .mobile-nav-main > span {
    color: #fff !important;
    border-color: #fff !important;
    background: linear-gradient(135deg, var(--primary), var(--primary-2)) !important;
}

/* Desktop / tablet layout corrections */
@media (max-width: 1180px) {
    .container { width: min(calc(100% - 36px), var(--container)); }
    .dashboard-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1050px) {
    .order-layout,
    .support-layout,
    .admin-shell,
    .admin-two-col { grid-template-columns: 1fr; }
    .admin-sidebar { position: static; }
    .admin-sidebar nav {
        display: flex;
        gap: 7px;
        overflow-x: auto;
        padding-bottom: 4px;
        scrollbar-width: thin;
    }
    .admin-sidebar nav a { flex: 0 0 auto; white-space: nowrap; }

    /* Keep every category-management field available on tablets */
    .category-admin-list form {
        grid-template-columns: 58px minmax(220px, 1fr) 86px 105px minmax(150px, .7fr) auto;
        overflow-x: auto;
    }
    .category-admin-list form > .sort-input,
    .category-admin-list form > label,
    .category-admin-list form > input[type="file"] { display: block !important; }
}

@media (max-width: 980px) {
    .site-header { position: sticky; }
    .header-actions { gap: 8px; }
    .header-actions .cart-link,
    .header-actions .notification-bell { display: inline-flex; }
    .mobile-drawer { display: none; }
    .mobile-drawer.open { display: block; }
    .dashboard-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .filters > :first-child { grid-column: 1 / -1; }
}

@media (max-width: 720px) {
    body { padding-bottom: calc(80px + env(safe-area-inset-bottom)); }
    .container,
    .narrow-container { width: min(calc(100% - 24px), var(--container)); }
    .section { padding: 44px 0; }
    .section-sm { padding: 26px 0; }
    .panel-padding { padding: 17px; }

    .announcement-bar { display: none; }
    .site-header { top: 0; }
    .header-row { min-height: 62px; gap: 8px; }
    .brand { gap: 8px; font-size: 19px; letter-spacing: -.5px; }
    .brand-mark { width: 34px; height: 34px; border-radius: 10px; }
    .header-actions { margin-left: auto; gap: 6px; }
    .cart-link,
    .notification-bell,
    .nav-toggle { width: 38px; min-width: 38px; height: 38px; min-height: 38px; padding: 0; display: grid; place-items: center; }
    .cart-link b { display: none; }
    .cart-link .cart-icon { font-size: 18px; }
    .cart-link em { position: absolute; top: -5px; right: -5px; border: 2px solid #fff; }
    .cart-link { position: relative; }
    .notification-bell em { top: -6px; right: -6px; }
    .nav-toggle { margin-left: 0; }

    .mobile-drawer { top: 100%; max-height: calc(100vh - 62px); }
    .mobile-drawer .container { padding: 14px 12px 18px; }
    .mobile-drawer nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mobile-drawer nav a { min-height: 48px; padding: 11px; }
    .mobile-account-row { grid-template-columns: 1fr 1fr; }

    .flash-stack { top: 72px; padding-inline: 12px; }
    .flash { width: 100%; padding: 12px 13px; }

    .section-heading { flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 19px; }
    .section-heading h1,
    .section-heading h2 { font-size: clamp(28px, 9vw, 38px); letter-spacing: -1.3px; line-height: 1.08; }
    .section-heading > form,
    .section-heading > .button { width: 100%; }
    .section-heading > form .button,
    .section-heading > .button { width: 100%; }

    .hero-copy { text-align: left; }
    .hero-actions,
    .hero-proof { justify-content: flex-start; }
    .hero-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .hero-stage { min-height: 480px; }

    .category-grid { margin-right: -12px; padding-right: 12px; }
    .category-card { flex-basis: 84%; }
    .product-card { grid-template-columns: 116px minmax(0, 1fr); }
    .product-cover,
    .product-cover img { min-height: 100%; height: 100%; }
    .product-body { padding: 14px; }
    .product-footer { align-items: center; }

    .filters { grid-template-columns: 1fr; }
    .filters > :first-child { grid-column: auto; }
    .filters .button { width: 100%; }

    .cart-layout,
    .checkout-layout,
    .account-grid,
    .forum-layout,
    .product-page,
    .order-layout,
    .support-layout,
    .admin-shell,
    .admin-two-col { gap: 14px; }
    .cart-item { grid-template-columns: 54px minmax(0, 1fr); gap: 12px; }
    .cart-item-main h3 { margin-top: 4px; }
    .cart-item-price { grid-column: 2; }
    .cart-actions { display: grid; grid-template-columns: 1fr; }
    .cart-actions .button { width: 100%; }
    .cart-summary { padding: 17px; }

    .checkout-step { align-items: flex-start; }
    .payment-stage { margin-top: 4px; }
    .payment-amount { font-size: 34px; }
    .payment-summary { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); font-size: 13px; }
    .payment-summary span,
    .payment-summary strong { padding: 11px 12px; }

    .order-head { gap: 10px; }
    .order-head-right { width: 100%; justify-items: start; }
    .order-head-right .button { width: 100%; }
    .order-item-v3 { grid-template-columns: 52px minmax(0, 1fr); }
    .order-item-v3 > b { grid-column: 2; }
    .chat-message { max-width: 96%; }
    .chat-message > img { width: 31px; height: 31px; }
    .chat-message > div { padding: 10px 11px; }
    .chat-form { grid-template-columns: 1fr; }
    .chat-form .button { width: 100%; }
    .order-card-v3 { grid-template-columns: 42px minmax(0, 1fr); padding: 14px; }
    .order-card-icon { width: 42px; height: 42px; }
    .order-card-side { grid-column: 2; justify-items: start; }

    .notification-card { grid-template-columns: 10px minmax(0, 1fr) 20px; gap: 10px; padding: 15px; }
    .notification-card strong { font-size: 14px; }
    .notification-card p { font-size: 13px; }

    .ticket-list a { flex-direction: column; }
    .inline-admin-form { grid-template-columns: 1fr; }
    .inline-admin-form .button { width: 100%; }

    .profile-editor { flex-direction: column; align-items: flex-start; }
    .profile-editor .button { width: 100%; }
    .avatar-xl { width: 80px; height: 80px; }

    .dashboard-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
    .metric-card { padding: 15px; }
    .metric-card strong { font-size: 21px; }
    .panel-title-row { flex-direction: column; align-items: stretch; }
    .panel-title-row .button { width: 100%; }

    .admin-sidebar { padding: 10px; }
    .admin-brand { padding-bottom: 12px; }
    .admin-sidebar nav { margin-right: -10px; padding-right: 10px; }
    .admin-sidebar nav a { padding: 9px 11px; border: 1px solid var(--line); background: #fff; }

    .category-admin-list form {
        display: grid;
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 10px;
        overflow: visible;
        padding: 13px;
    }
    .category-admin-list form > div { grid-column: 2; }
    .category-admin-list form > .sort-input,
    .category-admin-list form > label,
    .category-admin-list form > input[type="file"],
    .category-admin-list form > button { grid-column: 1 / -1; width: 100%; display: block !important; }
    .category-admin-list form > label.checkbox { display: flex !important; }

    /* Tables become readable stacked cards on phones. Labels are injected by app.js. */
    .table-wrap {
        border: 0;
        border-radius: 0;
        overflow: visible;
        background: transparent;
    }
    .table,
    .table thead,
    .table tbody,
    .table tr,
    .table th,
    .table td { display: block; width: 100%; min-width: 0; }
    .table { background: transparent; }
    .table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    .table tbody { display: grid; gap: 11px; }
    .table tr {
        padding: 13px 14px;
        border: 1px solid var(--line);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 8px 24px rgba(45, 36, 47, .055);
    }
    .table td {
        display: grid;
        grid-template-columns: minmax(88px, .8fr) minmax(0, 1.2fr);
        gap: 10px;
        align-items: center;
        padding: 8px 0;
        border-bottom: 1px solid #efedf0;
        text-align: right;
    }
    .table td:last-child { border-bottom: 0; }
    .table td::before {
        content: attr(data-label);
        color: var(--muted);
        font-size: 10px;
        font-weight: 750;
        letter-spacing: .02em;
        text-align: left;
        text-transform: uppercase;
    }
    .table td:empty { display: none; }
    .table td[colspan] { display: block; text-align: center; }
    .table td[colspan]::before { display: none; }
    .table td .user-cell { justify-content: flex-end; }
    .table td .status,
    .table td .text-link { justify-self: end; }
    .table-thumb { margin-left: auto; }

    .post { grid-template-columns: 1fr; }
    .post-author {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr) auto;
        gap: 8px 11px;
        align-items: center;
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }
    .post-author .avatar { grid-row: 1 / 3; }
    .post-author .form-hint { grid-column: 2 / -1; margin-top: 0 !important; }

    .cta-strip { grid-template-columns: 1fr; padding: 22px; }
    .cta-strip .button { width: 100%; }

    .footer-grid { grid-template-columns: 1fr 1fr; }
    .footer-about { grid-column: 1 / -1; }
    .footer-bottom { font-size: 10px; }
}

@media (max-width: 460px) {
    .container,
    .narrow-container { width: min(calc(100% - 18px), var(--container)); }
    .brand > span:last-child { max-width: 105px; overflow: hidden; }
    .brand > span:last-child small { display: none; }
    .mobile-drawer nav,
    .mobile-account-row { grid-template-columns: 1fr; }
    .hero h1 { font-size: clamp(39px, 12vw, 50px); }
    .hero-stats { grid-template-columns: 1fr; }
    .stat { display: flex; justify-content: space-between; align-items: center; text-align: left; }
    .stat span { font-size: 10px; }
    .hero-stage { min-height: 450px; padding: 12px; }
    .stage-activity > div { grid-template-columns: 36px minmax(0, 1fr) auto; }
    .stage-activity b { font-size: 11px; }
    .category-card { flex-basis: 91%; }
    .product-card { grid-template-columns: 102px minmax(0, 1fr); }
    .product-card p { display: none; }
    .product-price { font-size: 17px; }
    .seller-line { max-width: none; white-space: normal; }
    .dashboard-cards { grid-template-columns: 1fr; }
    .payment-summary { grid-template-columns: 1fr; }
    .payment-summary span,
    .payment-summary strong { border-bottom: 1px solid var(--line); }
    .order-card-main > div { flex-direction: column; }
    .footer-grid { grid-template-columns: 1fr; }
    .footer-grid > div:last-child { grid-column: auto; }
    .mobile-bottom-nav { left: 6px; right: 6px; bottom: calc(6px + env(safe-area-inset-bottom)); }
    .mobile-bottom-nav small { font-size: 8px; }
}

/* Home, product and checkout components inherited from the former dark skin */
.section-kicker,
.eyebrow { color: var(--primary); }
.eyebrow { border-color: rgba(123, 33, 72, .22); background: var(--primary-soft); }
.eyebrow i { background: var(--primary-2); box-shadow: 0 0 12px rgba(109, 58, 178, .35); }
.hero h1 span {
    color: transparent;
    background: linear-gradient(90deg, var(--primary) 5%, var(--primary-2) 80%);
    -webkit-background-clip: text;
    background-clip: text;
}
.hero p { color: var(--text-soft); }
.proof-avatars span { border-color: #fff; }
.hero-proof strong { color: var(--text); }
.hero-proof small { color: var(--muted); }
.stat { border-color: var(--line); background: rgba(255, 255, 255, .78); box-shadow: 0 8px 24px rgba(45, 36, 47, .04); }
.stat strong { color: var(--text); }
.stat span { color: var(--muted); }

.brand-cloud-section { border-color: var(--line); background: rgba(255, 255, 255, .62); }
.brand-cloud > span { color: var(--muted); }
.brand-cloud b { color: var(--text-soft); }

.category-card {
    border-color: var(--line);
    background: linear-gradient(145deg, #fff, #faf8fb);
    box-shadow: 0 10px 30px rgba(45, 36, 47, .05);
}
.category-card:hover { border-color: rgba(123, 33, 72, .28); background: #fff; box-shadow: var(--shadow-hover); }
.category-card .icon { border-color: var(--line); background: linear-gradient(135deg, #f4edf1, #f0edf8); }
.category-card-top > span { color: #aaa3ad; }
.category-card h3 { color: var(--text); }
.category-card p { color: var(--muted); }
.category-meta { color: var(--primary); }

.product-card h3 { color: var(--text); }
.product-label-row .badge { color: #fff; border-color: transparent; background: linear-gradient(135deg, var(--primary), var(--primary-2)); }
.product-topline,
.product-label-row { color: var(--text-soft); }
.custom-card-note { color: var(--muted); }

.custom-showcase-section::before { border-color: var(--line); background: linear-gradient(180deg, rgba(123, 33, 72, .025), transparent); }
.custom-showcase-banner { border-color: rgba(123, 33, 72, .18); background: linear-gradient(115deg, #f8f1f5, #f2eff9); }
.custom-showcase-copy span { color: var(--primary); }
.custom-showcase-copy strong { color: var(--text); }
.custom-showcase-copy p { color: var(--muted); }
.custom-showcase-steps span { color: var(--text-soft); border-color: var(--line); background: #fff; }
.custom-showcase-steps .active { color: #fff; border-color: transparent; background: linear-gradient(135deg, var(--primary), var(--primary-2)); }
.custom-showcase-result small { color: var(--muted); }
.custom-showcase-result strong { color: var(--primary); }

.experience-grid { border-color: var(--line); background: linear-gradient(135deg, #fff, #f7f3f8); box-shadow: var(--shadow); }
.experience-copy h2 { color: var(--text); }
.experience-copy p { color: var(--text-soft); }
.experience-steps > div { border-color: var(--line); background: #fff; }
.experience-steps > div > span { color: var(--primary); background: var(--primary-soft); }
.experience-steps section strong { color: var(--text); }
.experience-steps section small { color: var(--muted); }

.cta-strip { border-color: rgba(123, 33, 72, .18); background: linear-gradient(135deg, #f8eff4, #f2eff9); }
.cta-strip h2 { color: var(--text); }
.cta-strip p { color: var(--text-soft); }

.purchase-custom { color: var(--text); border-color: rgba(123, 33, 72, .2); background: linear-gradient(145deg, #fff, #faf7fb); }
.purchase-kicker { color: var(--muted); }
.price-range-label,
.stock-pill { color: var(--text-soft); border-color: var(--line); background: var(--surface-soft); }
.amount-input-wrap > span { color: var(--muted); }
.amount-presets button { color: var(--text-soft); border-color: var(--line); background: #fff; }
.amount-presets button:hover,
.amount-presets button.active { color: #fff; border-color: transparent; background: linear-gradient(135deg, var(--primary), var(--primary-2)); }
.reward-preview { border-color: #d8d0ef; background: var(--violet-soft); }
.reward-preview span { color: var(--text-soft); }
.reward-preview strong { color: var(--primary-2); }
.purchase-guarantee > span { color: #fff; background: var(--success); }
.purchase-guarantee strong { color: var(--text); }
.purchase-guarantee small { color: var(--muted); }
.product-benefits > div { border-color: var(--line); background: #fff; }
.product-benefits > div > span { background: var(--primary-soft); }
.product-benefits strong { color: var(--text); }
.product-benefits small { color: var(--muted); }
.detail-title span { color: var(--primary); }
.detail-content > p { color: var(--text-soft); }

.cart-item-labels span { color: var(--primary); }
.cart-item-labels em { color: var(--info); background: var(--info-soft); }
.quantity-control label,
.cart-custom-control label,
.cart-reward { color: var(--muted); }
.cart-reward strong { color: var(--primary-2); }
.summary-kicker { color: var(--primary); }
.summary-trust { padding: 11px; border-radius: 12px; }
.summary-trust p { color: var(--text-soft); font-size: 10px; }
.summary-trust strong { color: var(--text); font-size: 11px; }

.checkout-step > span { color: var(--primary); background: var(--primary-soft); }
.checkout-step strong { color: var(--text); }
.checkout-step small { color: var(--muted); }
.payment-option { color: var(--text); border-color: var(--line); background: var(--surface-soft); }
.payment-option.selected { border-color: rgba(123, 33, 72, .4); background: var(--primary-soft); }
.payment-option > span { background: #fff; }
.payment-option small { color: var(--muted); }
.checkout-product { border-color: var(--line); }
.checkout-product strong,
.checkout-product b { color: var(--text); }
.checkout-product small { color: var(--muted); }

.pricing-type-switch label > span { color: var(--text); border-color: var(--line); background: var(--surface-soft); }
.pricing-type-switch input:checked + span { border-color: rgba(123, 33, 72, .4); background: var(--primary-soft); box-shadow: 0 0 0 3px rgba(123, 33, 72, .05); }
.pricing-type-switch small { color: var(--muted); }

.site-footer .footer-grid > div { color: #c7c0c9; font-size: 12px; }
.site-footer .footer-grid h4 { color: #fff; font-size: 13px; }
.site-footer .footer-grid a { line-height: 1.55; }
.site-footer .footer-bottom { color: #aaa3ad; font-size: 10px; }
.site-footer .footer-badges span { font-size: 9px; }

@media (max-width: 720px) {
    .brand { order: 1; }
    .header-actions { order: 2; }
    .nav-toggle {
        order: 3;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 3px;
    }
    .nav-toggle span { width: 18px; height: 2px; margin: 0; flex: 0 0 auto; background: var(--text); }
    .header-actions > .notification-bell { display: grid !important; }
    .header-actions > .cart-link { display: grid !important; }
    .hero-proof { align-items: center; }
    .footer-grid > div { font-size: 12px; }
}

/* Explicit text colors inside intentionally dark showcase islands */
.hero-stage,
.hero-stage .stage-main-card,
.hero-stage .stage-activity > div,
.hero-stage .stage-float { color: #f7f8ff; }
.hero-stage .stage-product-copy strong,
.hero-stage .stage-amount strong,
.hero-stage .stage-activity strong,
.hero-stage .stage-float strong { color: #f7f8ff; }
.hero-stage .stage-product-copy span,
.hero-stage .stage-amount small,
.hero-stage .stage-activity small,
.hero-stage .stage-float small,
.hero-stage .stage-header { color: #8f98b7; }
.hero-stage .stage-main-card > a { color: #c3baff; }
.product-price,
.product-price-from { color: var(--text); }

/* ===== объявляй.рф 3.2 banner and media-card update ===== */
.hero-banner-shell {
    padding: 28px 0 16px;
}
.hero-image-banner {
    display: block;
    border: 1px solid rgba(123, 33, 72, .12);
    border-radius: 34px;
    overflow: hidden;
    background: #f6f4fb;
    box-shadow: 0 18px 60px rgba(54, 39, 60, .10);
}
.hero-image-banner img {
    display: block;
    width: 100%;
    height: auto;
}

.category-grid.premium-category-grid,
.product-grid,
.product-grid-featured {
    align-items: stretch;
}

.category-card,
.product-card {
    overflow: hidden;
}

.category-card {
    display: flex;
    flex-direction: column;
    padding: 0;
    min-height: 100%;
}
.category-cover {
    position: relative;
    min-height: 220px;
    overflow: hidden;
    background: linear-gradient(145deg, #ede8f8, #f7f3f6);
}
.category-cover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(13, 11, 28, 0) 42%, rgba(13, 11, 28, .46) 100%);
}
.category-cover img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.category-cover-fallback {
    display: grid;
    place-items: center;
    background: linear-gradient(145deg, #6b5ef5, #49b9ff);
}
.category-cover-icon {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 88px;
    height: 88px;
    border-radius: 28px;
    color: #fff;
    background: rgba(255, 255, 255, .14);
    box-shadow: 0 20px 40px rgba(0, 0, 0, .18);
    backdrop-filter: blur(8px);
    font-size: 40px;
}
.category-card-top {
    position: absolute;
    inset: 14px 14px auto;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}
.category-card-index,
.category-card-counter {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    color: #fff;
    background: rgba(12, 11, 30, .55);
    border: 1px solid rgba(255, 255, 255, .14);
    backdrop-filter: blur(10px);
}
.category-card-index {
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1px;
}
.category-card-counter {
    font-size: 11px;
    font-weight: 700;
}
.category-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 18px 18px 20px;
}
.category-card h3 {
    margin: 0 0 8px;
}
.category-card p {
    margin: 0;
    min-height: 40px;
}
.category-meta {
    margin-top: auto;
    padding-top: 14px;
}

.product-card {
    display: flex !important;
    flex-direction: column;
    grid-template-columns: none !important;
}
.product-cover {
    position: relative;
    min-height: 220px;
    height: 220px;
    display: block;
    overflow: hidden;
    background: linear-gradient(145deg, #2f2a54, #14172e);
    isolation: isolate;
}
.product-cover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(7, 8, 18, 0) 30%, rgba(7, 8, 18, .68) 100%);
    z-index: 0;
}
.product-cover img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.product-cover-icon,
.cover-orb,
.product-cover-meta,
.product-cover-bottom {
    position: absolute;
    z-index: 1;
}
.product-cover-icon {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.product-cover-meta {
    top: 12px;
    left: 12px;
    right: 12px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
}
.product-cover .badge {
    position: static;
}
.product-cover-bottom {
    left: 14px;
    right: 14px;
    bottom: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.product-category,
.delivery-dot {
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    padding: 0 12px;
    border-radius: 999px;
    backdrop-filter: blur(10px);
}
.product-category {
    color: #fff;
    background: rgba(12, 10, 28, .55);
    border: 1px solid rgba(255, 255, 255, .14);
    font-size: 10px;
}
.delivery-dot {
    color: #eef2ff;
    background: rgba(12, 10, 28, .55);
    border: 1px solid rgba(255, 255, 255, .14);
    font-size: 10px;
}
.delivery-dot::before {
    margin-right: 4px;
}
.product-body {
    padding: 16px 16px 18px;
}
.product-card h3 {
    min-height: 0;
    margin: 0 0 8px;
    font-size: 17px;
    line-height: 1.3;
}
.product-card p {
    min-height: 40px;
}
.product-footer {
    margin-top: auto;
}

@media (max-width: 1023px) {
    .hero-banner-shell {
        padding: 20px 0 10px;
    }
    .hero-image-banner {
        border-radius: 26px;
    }
    .category-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        margin-right: 0;
        padding-right: 0;
        overflow: visible;
    }
    .category-card {
        min-width: 0;
        flex: initial;
    }
    .product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .product-cover,
    .category-cover {
        min-height: 200px;
        height: 200px;
    }
}

@media (max-width: 767px) {
    .hero-banner-shell {
        padding: 16px 0 10px;
    }
    .hero-image-banner {
        border-radius: 20px;
    }
    .category-grid,
    .product-grid {
        grid-template-columns: 1fr;
    }
    .category-card,
    .product-card {
        width: 100%;
    }
    .category-cover,
    .product-cover {
        min-height: 190px;
        height: 190px;
    }
    .category-card-top,
    .product-cover-bottom {
        left: 12px;
        right: 12px;
    }
    .category-card-counter,
    .product-category,
    .delivery-dot {
        font-size: 10px;
    }
    .product-card p {
        display: block !important;
        min-height: 0;
    }
}

/* ===== объявляй.рф 3.3 vivid refresh ===== */
:root {
    --text-strong: #1f1720;
}

body {
    background:
        radial-gradient(circle at top right, rgba(125, 68, 126, .06), transparent 26%),
        radial-gradient(circle at bottom left, rgba(77, 187, 234, .05), transparent 20%),
        #f6f3f7;
}

.announcement-bar,
.site-header {
    backdrop-filter: blur(14px);
}

.hero-banner-full {
    padding: 0 0 18px;
}
.hero-image-banner-full {
    width: min(100%, 1700px);
    margin: 0 auto;
    border-radius: 0 0 34px 34px;
    border: 0;
    overflow: hidden;
    box-shadow: 0 24px 80px rgba(46, 28, 50, .12);
}
.hero-image-banner-full img {
    width: 100%;
    min-height: 360px;
    object-fit: cover;
    object-position: center;
}
.hero-pulse-strip { padding: 0 0 8px; }
.pulse-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.pulse-card, .alive-feature-card, .trust-mini-grid > div {
    border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.84); box-shadow: 0 12px 32px rgba(45,36,47,.05);
}
.pulse-card { display: grid; gap: 6px; padding: 18px; }
.pulse-card span, .alive-feature-card span {
    width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; color: #fff; background: linear-gradient(135deg, var(--primary), var(--primary-2)); box-shadow: 0 12px 24px rgba(123, 33, 72, .22);
}
.pulse-card strong, .alive-feature-card h3, .trust-mini-grid strong, .profile-mini strong, .user-chip b, .admin-brand strong, .metric-card strong, .section-heading h1, .section-heading h2, .admin-content h1, .admin-content h2, .sidebar-nav a, .main-nav a, .brand, .footer-grid h4 { color: var(--text-strong); }
.pulse-card small, .alive-feature-card p, .trust-mini-grid span, .admin-brand small, .profile-email, .profile-mini .form-hint, .section-kicker, .section-heading p, .footer-grid p, .footer-grid span, .footer-grid a, .sidebar-nav a span { color: #655f69; }
.trust-mini-section { padding-top: 4px; }
.trust-mini-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.trust-mini-grid > div { display: grid; gap: 6px; padding: 18px; }
.trust-mini-grid strong { font-size: 24px; letter-spacing: -.6px; }
.alive-features-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.alive-feature-card { padding: 22px; }
.alive-feature-card h3 { margin: 14px 0 8px; }
.alive-feature-card p { margin: 0; }
.favorite-link, .favorite-mini-button, .favorite-product-button, .role-chip { display: inline-flex; align-items: center; justify-content: center; gap: 6px; border-radius: 999px; border: 1px solid var(--line); background: #fff; color: var(--text-strong); }
.favorite-link { padding: 6px 10px; box-shadow: 0 5px 15px rgba(45,36,47,.035); }
.favorite-link span { color: var(--primary); font-size: 16px; }
.favorite-link em { min-width: 22px; height: 22px; display: inline-grid; place-items: center; border-radius: 999px; color: #fff; background: linear-gradient(135deg,var(--primary),var(--primary-2)); font-style: normal; font-size: 11px; }
.favorite-mini-form, .favorite-product-form { margin: 0; }
.favorite-mini-button, .favorite-product-button { min-height: 34px; padding: 0 12px; backdrop-filter: blur(10px); background: rgba(255,255,255,.92); cursor: pointer; }
.favorite-mini-button.is-active, .favorite-product-button.is-active { color: #fff; border-color: transparent; background: linear-gradient(135deg, var(--primary), var(--primary-2)); }
.favorite-product-button { margin-left: auto; }
.product-label-row { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.role-chip { min-height: 30px; padding: 0 12px; border-color: rgba(123, 33, 72, .15); background: linear-gradient(135deg, #fbf0f5, #f1eef8); color: var(--primary); font-size: 12px; font-weight: 800; }
.role-chip-inline { margin-top: 6px; }
.profile-email { margin-top: 4px; display: block; }
.user-chip { border-color: rgba(123, 33, 72, .16); }
.user-chip:hover, .favorite-link:hover, .favorite-mini-button:hover, .favorite-product-button:hover, .admin-sidebar nav a:hover, .sidebar-nav a:hover { box-shadow: 0 10px 28px rgba(64, 39, 66, .08); }
.admin-sidebar, .panel, .metric-card, .empty-state, .order-card-v3, .category-admin-list form, .table-wrap, .order-head, .purchase-box, .detail-content, .site-footer, .sidebar { background: rgba(255,255,255,.92) !important; }
.profile-mini, .admin-brand { color: var(--text-strong); }
.admin-sidebar nav a, .sidebar-nav a, .login-link, .main-nav a, .footer-grid a { color: #4d4750; }
.admin-sidebar nav a.active, .admin-sidebar nav a:hover, .sidebar-nav a.active, .sidebar-nav a:hover, .main-nav a:hover, .footer-grid a:hover, .login-link:hover { color: var(--primary); }
.site-footer { margin-top: 26px; border-top: 1px solid var(--line); }
.footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 20px; padding: 26px 0 36px; }
.footer-brand { margin-bottom: 10px; }
@media (max-width: 1100px) { .pulse-grid, .trust-mini-grid, .alive-features-grid, .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
    .hero-image-banner-full { border-radius: 0 0 22px 22px; }
    .hero-image-banner-full img { min-height: 250px; object-position: 62% center; }
    .pulse-grid, .trust-mini-grid, .alive-features-grid, .footer-grid { grid-template-columns: 1fr; }
    .favorite-link b { display: none; }
    .favorite-link { padding-inline: 9px; }
    .header-actions .favorite-link { display: none; }
    .main-nav a { font-size: 14px; }
    .pulse-card, .trust-mini-grid > div, .alive-feature-card { padding: 16px; }
    .product-label-row { align-items: stretch; }
    .favorite-product-button { width: 100%; margin-left: 0; }
}

.product-card-actions { margin: 10px 0 4px; }
.product-card-actions .favorite-mini-button { min-height: 36px; }

/* ===== объявляй.рф 3.4 final polish ===== */
.brand > span:last-child > span { color: var(--primary); }
.brand > span:last-child small { letter-spacing: .2px; }

/* Strong footer */
.footer-trust-band { padding: 28px 0 0; }
.footer-trust-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.footer-trust-grid > div { display:flex; gap:12px; align-items:flex-start; padding:17px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 10px 28px rgba(45,36,47,.04); }
.footer-trust-grid > div > span { flex:0 0 auto; width:38px; height:38px; display:grid; place-items:center; border-radius:12px; color:#fff; background:linear-gradient(135deg,var(--primary),var(--primary-2)); }
.footer-trust-grid strong,.footer-trust-grid small { display:block; }
.footer-trust-grid strong { color:var(--text); font-size:13px; }
.footer-trust-grid small { margin-top:4px; color:var(--muted); font-size:11px; line-height:1.45; }
.site-footer-premium { padding-top:22px; background:linear-gradient(180deg,rgba(255,255,255,.72),#fff); }
.footer-cta-panel { display:grid; grid-template-columns:minmax(0,1.4fr) auto; gap:28px; align-items:center; padding:28px; border:1px solid rgba(123,33,72,.16); border-radius:25px; background:linear-gradient(135deg,#f9f0f5,#f0eef9); }
.footer-cta-panel h2 { margin:6px 0 8px; color:var(--text); font-size:clamp(27px,4vw,40px); letter-spacing:-1.5px; }
.footer-cta-panel p { max-width:700px; margin:0; color:var(--text-soft); }
.footer-cta-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.footer-grid-strong { padding-top:34px; }
.footer-about-column p { max-width:420px; line-height:1.65; }
.footer-status { display:inline-flex; align-items:center; gap:8px; margin-top:12px; padding:8px 11px; border:1px solid #d9ebe0; border-radius:999px; color:#3e755b; background:#f2fbf6; font-size:11px; font-weight:750; }
.footer-status i { width:7px; height:7px; border-radius:50%; background:#44b97b; box-shadow:0 0 0 5px rgba(68,185,123,.11); }
.footer-grid-strong > div:not(:first-child) { display:flex; flex-direction:column; gap:9px; }
.footer-grid-strong h4 { margin:0 0 4px; }
.footer-bottom { display:grid; grid-template-columns:auto 1fr auto; gap:18px; align-items:center; padding:17px 0 25px; border-top:1px solid var(--line); color:var(--muted); font-size:11px; }
.footer-bottom span:nth-child(2) { text-align:center; }
.footer-bottom a { color:var(--primary); font-weight:750; }

/* Selling About page */
.about-hero { position:relative; overflow:hidden; }
.about-hero::before { content:""; position:absolute; width:420px; height:420px; right:-120px; top:-130px; border-radius:50%; background:radial-gradient(circle,rgba(109,58,178,.14),transparent 68%); pointer-events:none; }
.about-hero-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr); gap:38px; align-items:center; }
.about-hero-copy h1 { max-width:780px; margin:18px 0 18px; color:var(--text); font-size:clamp(44px,7vw,78px); line-height:.98; letter-spacing:-4px; }
.about-hero-copy > p { max-width:740px; color:var(--text-soft); font-size:18px; line-height:1.72; }
.about-hero-actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:24px; }
.about-proof-line { display:flex; gap:10px; align-items:flex-start; margin-top:20px; color:var(--muted); font-size:13px; }
.about-proof-line span { display:grid; place-items:center; width:23px; height:23px; border-radius:50%; color:#fff; background:linear-gradient(135deg,var(--primary),var(--primary-2)); }
.about-hero-panel { padding:24px; border:1px solid var(--line); border-radius:28px; background:linear-gradient(145deg,#fff,#f7f3f8); box-shadow:0 28px 70px rgba(55,39,58,.12); }
.about-panel-header { display:flex; justify-content:space-between; align-items:center; color:var(--text); font-weight:850; }
.about-panel-header i { width:9px; height:9px; border-radius:50%; background:#4bc487; box-shadow:0 0 0 7px rgba(75,196,135,.12); }
.about-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:20px; }
.about-metrics > div { padding:17px; border:1px solid var(--line); border-radius:17px; background:#fff; }
.about-metrics strong,.about-metrics span { display:block; }
.about-metrics strong { color:var(--text); font-size:25px; }
.about-metrics span { margin-top:3px; color:var(--muted); font-size:11px; }
.about-live-row { display:flex; justify-content:space-between; gap:12px; margin-top:16px; padding:13px 15px; border-radius:15px; background:#f5faf7; color:#3e755b; font-size:11px; }
.about-live-row span { display:flex; align-items:center; gap:8px; font-weight:800; }
.about-live-row i { width:7px; height:7px; border-radius:50%; background:#4bc487; }
.about-live-row small { color:#668374; }
.about-value-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.about-value-grid article { min-height:230px; padding:22px; border:1px solid var(--line); border-radius:22px; background:#fff; box-shadow:0 12px 34px rgba(45,36,47,.05); }
.about-value-grid article > span { display:inline-flex; padding:7px 10px; border-radius:999px; color:var(--primary); background:var(--primary-soft); font-size:11px; font-weight:900; }
.about-value-grid h3 { margin:36px 0 10px; color:var(--text); font-size:20px; }
.about-value-grid p { margin:0; color:var(--muted); line-height:1.65; }
.about-flow-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:34px; padding:34px; border:1px solid var(--line); border-radius:28px; background:linear-gradient(135deg,#fff,#f8f4f8); }
.about-flow-copy h2 { margin:8px 0 12px; color:var(--text); font-size:clamp(32px,5vw,52px); letter-spacing:-2.5px; }
.about-flow-copy p { color:var(--text-soft); line-height:1.7; }
.about-flow-steps { display:grid; gap:10px; }
.about-flow-steps > div { display:grid; grid-template-columns:45px 1fr; gap:12px; align-items:center; padding:13px; border:1px solid var(--line); border-radius:17px; background:#fff; }
.about-flow-steps > div > span { width:45px; height:45px; display:grid; place-items:center; border-radius:14px; color:#fff; background:linear-gradient(135deg,var(--primary),var(--primary-2)); font-weight:900; }
.about-flow-steps strong,.about-flow-steps small { display:block; }
.about-flow-steps strong { color:var(--text); }
.about-flow-steps small { margin-top:3px; color:var(--muted); }
.about-audiences-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.about-audience-card { padding:30px; border:1px solid var(--line); border-radius:26px; }
.about-audience-card.buyer { background:linear-gradient(145deg,#fff,#f8f3f6); }
.about-audience-card.seller { background:linear-gradient(145deg,#27203d,#171328); color:#fff; }
.about-audience-card h2 { margin:8px 0 18px; font-size:clamp(30px,4vw,46px); letter-spacing:-2px; }
.about-audience-card.buyer h2 { color:var(--text); }
.about-audience-card.seller h2 { color:#fff; }
.about-audience-card ul { display:grid; gap:10px; margin:0 0 24px; padding:0; list-style:none; }
.about-audience-card li { position:relative; padding-left:24px; color:var(--text-soft); }
.about-audience-card.seller li { color:#c9c5d8; }
.about-audience-card li::before { content:"✓"; position:absolute; left:0; color:var(--primary-2); font-weight:900; }
.about-category-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.about-category-list a { display:grid; grid-template-columns:48px 1fr auto; gap:12px; align-items:center; padding:15px; border:1px solid var(--line); border-radius:18px; background:#fff; transition:.2s ease; }
.about-category-list a:hover { transform:translateY(-3px); border-color:rgba(123,33,72,.25); box-shadow:0 16px 36px rgba(45,36,47,.08); }
.about-category-list a > span { width:48px; height:48px; display:grid; place-items:center; border-radius:15px; background:linear-gradient(135deg,#f2eaf0,#efecf8); font-size:23px; }
.about-category-list strong,.about-category-list small { display:block; }
.about-category-list strong { color:var(--text); }
.about-category-list small { margin-top:3px; color:var(--muted); }
.about-category-list i { color:var(--primary); font-style:normal; font-size:20px; }
.about-final-cta { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:30px; align-items:center; padding:32px; border-radius:27px; color:#fff; background:linear-gradient(135deg,#7b2148,#6d3ab2); box-shadow:0 25px 65px rgba(92,40,92,.22); }
.about-final-cta h2 { margin:7px 0 8px; color:#fff; font-size:clamp(30px,5vw,50px); letter-spacing:-2px; }
.about-final-cta p { margin:0; color:#e6ddea; }
.about-final-cta > div:last-child { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.about-final-cta .button-secondary { color:#fff; border-color:rgba(255,255,255,.28); background:rgba(255,255,255,.09); }

/* Seller cards and trust */
.seller-card-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.seller-card-public { display:flex; flex-direction:column; min-height:300px; padding:20px; border:1px solid var(--line); border-radius:23px; background:#fff; box-shadow:0 12px 34px rgba(45,36,47,.05); transition:.2s ease; }
.seller-card-public:hover { transform:translateY(-5px); border-color:rgba(123,33,72,.26); box-shadow:0 22px 50px rgba(45,36,47,.1); }
.seller-card-avatar,.product-seller-avatar,.seller-public-avatar { overflow:hidden; display:grid; place-items:center; border-radius:22px; color:#fff; background:linear-gradient(135deg,var(--primary),var(--primary-2)); font-weight:900; }
.seller-card-avatar { width:68px; height:68px; font-size:25px; }
.seller-card-avatar img,.product-seller-avatar img,.seller-public-avatar img { width:100%; height:100%; object-fit:cover; }
.seller-card-copy { margin-top:16px; }
.seller-verified-chip { display:inline-flex; align-items:center; min-height:27px; padding:0 10px; border-radius:999px; color:#397157; background:#edf9f2; border:1px solid #d5eddf; font-size:10px; font-weight:850; }
.seller-card-copy h3 { margin:9px 0 4px; color:var(--text); font-size:20px; }
.seller-card-copy p { margin:0; color:var(--muted); font-size:11px; }
.seller-card-metrics { display:grid; gap:7px; margin-top:18px; }
.seller-card-metrics span { display:flex; justify-content:space-between; color:var(--muted); font-size:11px; }
.seller-card-metrics b { color:var(--text); }
.seller-card-public > em { margin-top:auto; padding-top:18px; color:var(--primary); font-style:normal; font-weight:800; font-size:12px; }
.product-benefits-strong { grid-template-columns:repeat(4,minmax(0,1fr)); }
.product-seller-card { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(350px,.9fr) auto; gap:22px; align-items:center; margin-top:18px; padding:22px; }
.product-seller-identity { display:flex; gap:15px; align-items:center; }
.product-seller-avatar { width:70px; height:70px; font-size:27px; }
.product-seller-identity h2 { margin:7px 0 2px; color:var(--text); }
.product-seller-identity p { margin:0; color:var(--muted); font-size:12px; }
.product-seller-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.product-seller-stats > div { padding:11px; border:1px solid var(--line); border-radius:14px; background:#faf8fb; text-align:center; }
.product-seller-stats strong,.product-seller-stats span { display:block; }
.product-seller-stats strong { color:var(--text); font-size:18px; }
.product-seller-stats span { margin-top:2px; color:var(--muted); font-size:9px; }
.product-trust-panel { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:18px 0; }
.product-trust-panel > div { padding:18px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.product-trust-panel > div > span { display:inline-flex; padding:6px 9px; border-radius:999px; color:var(--primary); background:var(--primary-soft); font-size:10px; font-weight:900; }
.product-trust-panel strong { display:block; margin-top:18px; color:var(--text); }
.product-trust-panel p { margin:6px 0 0; color:var(--muted); line-height:1.55; font-size:12px; }
.seller-public-hero { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr); gap:26px; align-items:center; padding:28px; }
.seller-public-main { display:flex; gap:18px; align-items:center; }
.seller-public-avatar { width:92px; height:92px; font-size:34px; }
.seller-public-main h1 { margin:9px 0 5px; color:var(--text); font-size:clamp(31px,5vw,49px); letter-spacing:-2px; }
.seller-public-main p { margin:0; color:var(--muted); }
.seller-public-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.seller-public-stats > div { padding:14px; border:1px solid var(--line); border-radius:16px; background:#faf8fb; text-align:center; }
.seller-public-stats strong,.seller-public-stats span { display:block; }
.seller-public-stats strong { color:var(--text); font-size:21px; }
.seller-public-stats span { margin-top:3px; color:var(--muted); font-size:9px; }
.seller-trust-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:16px 0 36px; }
.seller-trust-row > div { display:grid; grid-template-columns:44px 1fr; gap:12px; align-items:center; padding:16px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.seller-trust-row > div > span { grid-row:1/3; width:44px; height:44px; display:grid; place-items:center; border-radius:14px; background:linear-gradient(135deg,#f1e9f0,#efedf8); }
.seller-trust-row strong { color:var(--text); }
.seller-trust-row small { color:var(--muted); }
.seller-products-heading { margin-top:18px; }

/* Final admin polish */
.admin-shell-polished { grid-template-columns:250px minmax(0,1fr); gap:22px; }
.admin-page-section { padding-top:26px; }
.admin-sidebar { overflow:hidden; border-radius:22px; box-shadow:0 18px 45px rgba(45,36,47,.07); }
.admin-brand { padding:14px 10px 18px; }
.admin-brand > span { width:43px; height:43px; border-radius:14px; font-size:18px; }
.admin-profile-mini { display:flex; align-items:center; gap:10px; margin:12px 0; padding:12px; border:1px solid var(--line); border-radius:15px; background:#faf8fb; }
.admin-profile-mini strong,.admin-profile-mini span { display:block; }
.admin-profile-mini strong { color:var(--text); font-size:12px; }
.admin-profile-mini span { margin-top:2px; color:var(--primary); font-size:10px; font-weight:800; }
.admin-sidebar nav a { align-items:center; }
.admin-sidebar nav a > span { color:inherit; }
.admin-sidebar-footer { display:grid; gap:7px; margin-top:12px; padding-top:12px; border-top:1px solid var(--line); }
.admin-sidebar-footer a { padding:8px 10px; color:var(--muted); font-size:10px; }
.admin-sidebar-footer a:hover { color:var(--primary); }
.admin-page-header { display:flex; justify-content:space-between; gap:20px; align-items:flex-end; margin-bottom:22px; }
.admin-page-header h1 { margin:5px 0 6px; color:var(--text); font-size:clamp(33px,5vw,52px); letter-spacing:-2.5px; }
.admin-page-header p { margin:0; color:var(--muted); }
.admin-header-actions { display:flex; gap:9px; flex-wrap:wrap; justify-content:flex-end; }
.admin-metric-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; margin-bottom:16px; }
.admin-metric-card { display:grid; grid-template-columns:48px 1fr; gap:12px; align-items:center; padding:18px; border:1px solid var(--line); border-radius:19px; background:#fff; box-shadow:0 10px 28px rgba(45,36,47,.045); }
.admin-metric-card .metric-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:15px; color:#fff; background:linear-gradient(135deg,var(--primary),var(--primary-2)); font-size:19px; font-weight:900; }
.admin-metric-card.warning .metric-icon { background:linear-gradient(135deg,#ba4960,#e37f75); }
.admin-metric-card.support .metric-icon { background:linear-gradient(135deg,#397bb8,#6f70cf); }
.admin-metric-card small,.admin-metric-card strong,.admin-metric-card em { display:block; }
.admin-metric-card small { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.8px; }
.admin-metric-card strong { margin-top:2px; color:var(--text); font-size:23px; }
.admin-metric-card em { margin-top:3px; color:#8a838d; font-size:9px; font-style:normal; }
.admin-dashboard-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:16px; }
.admin-dashboard-grid-secondary { align-items:stretch; }
.admin-live-badge { display:inline-flex; align-items:center; gap:7px; padding:7px 10px; border-radius:999px; color:#397157; background:#edf9f2; border:1px solid #d5eddf; font-size:10px; font-weight:850; }
.admin-live-badge i { width:7px; height:7px; border-radius:50%; background:#4bc487; }
.admin-health-list { display:grid; gap:8px; margin-top:16px; }
.admin-health-list a { display:flex; justify-content:space-between; gap:15px; padding:12px 13px; border:1px solid var(--line); border-radius:13px; color:var(--text-soft); background:#faf9fb; }
.admin-health-list a:hover { border-color:rgba(123,33,72,.22); }
.admin-health-list strong { color:var(--text); }
.danger-text { color:#b83b55 !important; font-weight:850; }
.admin-quick-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:16px; }
.admin-quick-grid a { display:grid; grid-template-columns:39px 1fr; gap:10px; padding:13px; border:1px solid var(--line); border-radius:14px; background:#faf9fb; }
.admin-quick-grid a > span { grid-row:1/3; width:39px; height:39px; display:grid; place-items:center; border-radius:12px; color:var(--primary); background:var(--primary-soft); }
.admin-quick-grid strong { color:var(--text); font-size:12px; }
.admin-quick-grid small { color:var(--muted); font-size:9px; }
.admin-status-list { display:grid; gap:11px; margin-top:16px; }
.admin-status-list > div { display:grid; grid-template-columns:150px 1fr 35px; gap:10px; align-items:center; }
.admin-status-list > div > span { color:var(--text-soft); font-size:11px; }
.admin-status-list > div > div { height:9px; overflow:hidden; border-radius:999px; background:#eee9ef; }
.admin-status-list > div > div i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--primary),var(--primary-2)); }
.admin-status-list strong { color:var(--text); text-align:right; }
.admin-seller-list,.admin-recent-users { display:grid; gap:8px; margin-top:14px; }
.admin-seller-list a,.admin-recent-users > div { display:grid; grid-template-columns:40px 1fr auto; gap:10px; align-items:center; padding:10px; border:1px solid var(--line); border-radius:13px; background:#faf9fb; }
.admin-seller-list strong,.admin-seller-list small,.admin-recent-users strong,.admin-recent-users small { display:block; }
.admin-seller-list strong,.admin-recent-users strong { color:var(--text); font-size:11px; }
.admin-seller-list small,.admin-recent-users small { margin-top:2px; color:var(--muted); font-size:9px; }
.admin-seller-list b { color:var(--primary); }
.admin-note-panel { display:flex; flex-direction:column; justify-content:center; background:linear-gradient(145deg,#fff,#f8f3f7) !important; }
.admin-note-panel h2 { margin:7px 0 9px; color:var(--text); }
.admin-note-panel p { color:var(--text-soft); line-height:1.65; }
.admin-note-panel .button { align-self:flex-start; margin-top:6px; }
.admin-orders-panel { margin-top:2px; }
.admin-count-badge { display:inline-flex; min-height:31px; align-items:center; padding:0 11px; border-radius:999px; color:var(--primary); background:var(--primary-soft); font-size:10px; font-weight:850; }
.admin-create-category h2 { margin:7px 0 7px; color:var(--text); }
.admin-create-category > p { margin:0 0 8px; }
.admin-table .user-cell { align-items:center; }
.admin-table .user-cell > div strong,.admin-table .user-cell > div small { display:block; }
.admin-table .user-cell > div small { margin-top:2px; color:var(--muted); font-size:9px; }
.priority-chip { display:inline-flex; align-items:center; min-height:27px; padding:0 9px; border-radius:999px; font-size:9px; font-weight:850; }
.priority-normal { color:#5d6770; background:#f1f3f5; }
.priority-high { color:#916223; background:#fff5dd; }
.priority-urgent { color:#a63850; background:#fff0f3; }

@media (max-width:1180px) {
    .footer-trust-grid,.about-value-grid,.seller-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .product-seller-card { grid-template-columns:1fr; }
    .product-seller-stats { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .seller-public-hero { grid-template-columns:1fr; }
    .admin-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:900px) {
    .about-hero-grid,.about-flow-grid,.about-audiences-grid { grid-template-columns:1fr; }
    .about-category-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .footer-cta-panel { grid-template-columns:1fr; }
    .footer-cta-actions { justify-content:flex-start; }
    .footer-bottom { grid-template-columns:1fr; text-align:left; }
    .footer-bottom span:nth-child(2) { text-align:left; }
    .product-benefits-strong,.product-trust-panel,.seller-trust-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .admin-shell-polished { grid-template-columns:1fr; }
    .admin-dashboard-grid { grid-template-columns:1fr; }
}
@media (max-width:650px) {
    .footer-trust-grid,.about-value-grid,.seller-card-grid,.about-category-list,.admin-metric-grid,.admin-quick-grid { grid-template-columns:1fr; }
    .footer-cta-panel,.about-flow-grid,.about-final-cta,.seller-public-hero { padding:20px; }
    .about-hero-copy h1 { font-size:43px; letter-spacing:-2.6px; }
    .about-metrics { grid-template-columns:1fr 1fr; }
    .about-final-cta { grid-template-columns:1fr; }
    .about-final-cta > div:last-child { justify-content:flex-start; }
    .product-benefits-strong,.product-trust-panel,.seller-trust-row { grid-template-columns:1fr; }
    .product-seller-stats,.seller-public-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .seller-public-main,.product-seller-identity { align-items:flex-start; }
    .seller-public-main { flex-direction:column; }
    .admin-page-header { align-items:flex-start; flex-direction:column; }
    .admin-header-actions { justify-content:flex-start; width:100%; }
    .admin-header-actions .button { flex:1; }
    .admin-status-list > div { grid-template-columns:110px 1fr 28px; }
}
.hero-image-banner-full { width:100%; max-width:none; }

/* ===== объявляй.рф 3.5 logo, glass ui, mobile nav, cookies ===== */
:root {
    --glass-bg: rgba(255, 255, 255, .54);
    --glass-bg-strong: rgba(255, 255, 255, .72);
    --glass-border: rgba(255, 255, 255, .48);
    --glass-shadow: 0 20px 50px rgba(63, 33, 63, .10);
}
body {
    padding-bottom: 0;
}
body.menu-open {
    overflow: hidden;
}
body.page-ready .page-shell {
    opacity: 1;
}
.page-shell {
    opacity: 1;
}
.glass-surface,
.glass-pill,
.glass-bar,
.glass-header,
.glass-drawer,
.strong-glass-panel {
    backdrop-filter: blur(18px) saturate(1.2);
    -webkit-backdrop-filter: blur(18px) saturate(1.2);
    border: 1px solid var(--glass-border);
    box-shadow: var(--glass-shadow);
}
.glass-surface,
.glass-pill,
.glass-drawer,
.strong-glass-panel {
    background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.56));
}
.glass-bar,
.glass-header {
    background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.60));
}

.site-preloader {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 24px;
    background: radial-gradient(circle at top, rgba(163, 77, 165, .10), transparent 32%), rgba(247, 244, 248, .92);
    transition: opacity .35s ease, visibility .35s ease;
}
.site-preloader.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.preloader-core {
    width: min(360px, 100%);
    display: grid;
    justify-items: center;
    gap: 12px;
    padding: 28px 24px;
    border-radius: 28px;
    text-align: center;
}
.preloader-core img {
    width: 88px;
    height: 88px;
    object-fit: contain;
}
.preloader-core strong {
    font-size: 22px;
    color: var(--text-strong, #1f1720);
}
.preloader-core span {
    color: #766f79;
    font-size: 14px;
}
.preloader-spinner {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 3px solid rgba(123, 33, 72, .14);
    border-top-color: var(--primary);
    animation: preloader-spin 0.9s linear infinite;
}
@keyframes preloader-spin { to { transform: rotate(360deg); } }

.site-header {
    overflow: visible;
}
.brand-image-only {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}
.brand-image {
    display: block;
    width: auto;
    height: 54px;
    max-width: min(420px, 42vw);
    object-fit: contain;
}
.footer-brand-image {
    max-width: 340px;
    height: auto;
}
.main-nav.glass-pill-nav {
    padding: 6px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.45);
    background: linear-gradient(180deg, rgba(255,255,255,.70), rgba(255,255,255,.48));
    backdrop-filter: blur(18px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 18px 38px rgba(50,35,52,.06);
}
.main-nav.glass-pill-nav a {
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
}
.main-nav.glass-pill-nav a.active,
.main-nav.glass-pill-nav a:hover {
    color: var(--primary);
    background: rgba(255,255,255,.82);
    box-shadow: 0 8px 20px rgba(50,35,52,.06);
}
.header-search.glass-pill,
.favorite-link.glass-pill,
.cart-link.glass-pill,
.notification-bell.glass-pill,
.user-chip.glass-pill {
    background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.58));
    border-color: rgba(255,255,255,.45);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 16px 34px rgba(50,35,52,.05);
}
.button-glass,
.button,
.button-secondary,
.favorite-mini-button,
.favorite-product-button,
.favorite-link,
.cart-link,
.notification-bell,
.user-chip {
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
.button,
.button-glass {
    background: linear-gradient(135deg, rgba(123,33,72,.92), rgba(173,29,148,.82) 50%, rgba(102,67,219,.84));
    border: 1px solid rgba(255,255,255,.22);
    box-shadow: 0 14px 34px rgba(123,33,72,.18), inset 0 1px 0 rgba(255,255,255,.25);
}
.button-secondary {
    background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.62));
    border-color: rgba(255,255,255,.44);
    box-shadow: 0 12px 28px rgba(50,35,52,.06), inset 0 1px 0 rgba(255,255,255,.7);
}
.button-ghost {
    background: rgba(255,255,255,.34);
}
.nav-toggle.glass-icon-button {
    background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.66));
    border: 1px solid rgba(255,255,255,.5);
    box-shadow: 0 14px 28px rgba(45,36,47,.08);
}
.mobile-drawer-brand {
    margin-bottom: 10px;
}
.mobile-drawer-brand img {
    display: block;
    height: 42px;
    width: auto;
    max-width: 100%;
}
.mobile-drawer.glass-drawer {
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.76));
    border-top: 1px solid rgba(255,255,255,.46);
}
.flash.glass-surface {
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
}

.cookie-banner {
    position: fixed;
    left: 20px;
    right: 20px;
    bottom: 20px;
    z-index: 1100;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
    align-items: center;
    padding: 16px 18px;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.76));
    box-shadow: 0 22px 55px rgba(45,36,47,.14);
}
.cookie-banner[hidden] {
    display: none !important;
}
.cookie-banner.is-visible {
    display: grid;
}
.cookie-banner-text {
    display: grid;
    gap: 6px;
}
.cookie-banner-text strong {
    color: var(--text-strong, #1f1720);
}
.cookie-banner-text span {
    color: #625b64;
    font-size: 14px;
    line-height: 1.45;
}
.cookie-banner-actions {
    display: flex;
    gap: 10px;
    align-items: center;
}

.footer-bottom-links {
    display: inline-flex;
    gap: 16px;
    flex-wrap: wrap;
}
.legal-article h2 + p,
.legal-article p + h2 {
    margin-top: 14px;
}
.legal-article a {
    color: var(--primary);
}

.mobile-bottom-nav {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 1050;
    display: none;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    padding: 10px;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.70));
    border: 1px solid rgba(255,255,255,.54);
    box-shadow: 0 20px 50px rgba(45,36,47,.16);
    backdrop-filter: blur(22px) saturate(1.2);
    -webkit-backdrop-filter: blur(22px) saturate(1.2);
}
.mobile-bottom-nav a {
    min-width: 0;
    min-height: 58px;
    display: grid;
    place-items: center;
    gap: 2px;
    padding: 6px 4px;
    border-radius: 18px;
    color: #68616b;
    text-align: center;
}
.mobile-bottom-nav a span {
    display: block;
    font-size: 18px;
    line-height: 1;
}
.mobile-bottom-nav a b {
    font-size: 10px;
    line-height: 1.1;
    font-weight: 800;
}
.mobile-bottom-nav a.active {
    color: var(--primary);
    background: rgba(255,255,255,.88);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 10px 22px rgba(50,35,52,.08);
}

.footer-brand.brand-image-only {
    margin-bottom: 12px;
}
.footer-status {
    background: linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,.12));
    border: 1px solid rgba(255,255,255,.12);
}

@media (max-width: 1180px) {
    .brand-image {
        height: 48px;
        max-width: min(360px, 36vw);
    }
    .main-nav.glass-pill-nav {
        display: none;
    }
}

@media (max-width: 980px) {
    .header-search {
        display: none;
    }
    .brand-image {
        height: 44px;
        max-width: min(280px, 54vw);
    }
}

@media (max-width: 767px) {
    body {
        padding-bottom: 96px;
    }
    .announcement-bar {
        display: none;
    }
    .site-header {
        top: 0;
    }
    .header-row {
        min-height: 74px;
    }
    .brand-image {
        height: 38px;
        max-width: 210px;
    }
    .mobile-bottom-nav {
        display: grid;
    }
    .cookie-banner {
        left: 10px;
        right: 10px;
        bottom: 92px;
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 14px;
        border-radius: 18px;
    }
    .cookie-banner-actions {
        width: 100%;
        justify-content: stretch;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .cookie-banner-actions .button {
        width: 100%;
    }
    .footer-bottom {
        padding-bottom: 10px;
    }
    .footer-bottom-links {
        width: 100%;
        justify-content: flex-start;
    }
    .footer-brand-image {
        max-width: 230px;
    }
}

/* ===== объявляй.рф 3.5.1 header redesign ===== */
.site-header.glass-header {
    position: sticky;
    top: 0;
    z-index: 90;
    background:
        radial-gradient(circle at top left, rgba(155, 70, 171, .08), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #fbf8fc 100%);
    border: 0;
    border-bottom: 1px solid rgba(123, 33, 72, .10);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: 0 12px 30px rgba(45, 36, 47, .06);
    overflow: visible;
}
.site-header.glass-header::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4px;
    background: linear-gradient(90deg, #7b2148 0%, #c3359a 48%, #7b53df 100%);
}
.header-row {
    min-height: 92px;
    gap: 14px;
}
.brand-image-only {
    padding: 10px 14px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid rgba(123, 33, 72, .10);
    box-shadow: 0 12px 28px rgba(45, 36, 47, .05);
}
.brand-image {
    height: 48px;
    max-width: 320px;
}
.main-nav.glass-pill-nav {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px;
    border-radius: 24px;
    border: 1px solid rgba(123, 33, 72, .12);
    background: linear-gradient(180deg, #ffffff 0%, #f7f2f8 100%);
    box-shadow: 0 14px 30px rgba(45, 36, 47, .05);
    backdrop-filter: none;
}
.main-nav.glass-pill-nav a {
    min-height: 42px;
    padding: 0 18px;
    border-radius: 16px;
    font-weight: 800;
    color: #4f4953;
    transition: .18s ease;
}
.main-nav.glass-pill-nav a.active,
.main-nav.glass-pill-nav a:hover {
    color: #7b2148;
    background: linear-gradient(135deg, rgba(123, 33, 72, .11), rgba(173, 29, 148, .08));
    box-shadow: inset 0 0 0 1px rgba(123, 33, 72, .10);
}
.header-search.glass-pill {
    min-width: 280px;
    background: #fff;
    border: 1px solid rgba(123, 33, 72, .12);
    box-shadow: 0 12px 28px rgba(45, 36, 47, .04);
}
.header-search.glass-pill span,
.header-search.glass-pill kbd {
    color: #8b8390;
}
.favorite-link.glass-pill,
.cart-link.glass-pill,
.notification-bell.glass-pill,
.user-chip.glass-pill {
    background: #fff;
    border: 1px solid rgba(123, 33, 72, .12);
    box-shadow: 0 12px 26px rgba(45, 36, 47, .05);
}
.favorite-link.glass-pill,
.cart-link.glass-pill,
.user-chip.glass-pill {
    min-height: 58px;
    border-radius: 20px;
}
.notification-bell.glass-pill {
    width: 58px;
    height: 58px;
    border-radius: 18px;
}
.favorite-link b,
.cart-link b,
.user-chip b {
    color: #2d2630;
}
.favorite-link em,
.cart-link em,
.notification-bell em {
    box-shadow: none;
}
.user-chip.glass-pill {
    padding-right: 18px;
}
.user-chip > span:first-child,
.user-chip-image {
    background: linear-gradient(135deg, #7b2148, #a92dab 55%, #6a4bd5);
    color: #fff;
}
.login-link {
    color: #5f5863;
    font-weight: 800;
}
.login-link:hover {
    color: #7b2148;
}
.nav-toggle.glass-icon-button {
    background: #fff;
    border: 1px solid rgba(123, 33, 72, .12);
    box-shadow: 0 12px 26px rgba(45, 36, 47, .05);
}
.nav-toggle.glass-icon-button span {
    background: #5a4252;
}
.mobile-drawer.glass-drawer {
    background: #fff;
    border-top: 1px solid rgba(123, 33, 72, .10);
    box-shadow: 0 18px 40px rgba(45, 36, 47, .08);
}
.mobile-drawer .container {
    padding-top: 16px;
    padding-bottom: 18px;
}
.mobile-drawer-brand {
    padding: 10px 12px;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff, #f7f2f8);
    border: 1px solid rgba(123, 33, 72, .10);
}
.mobile-search {
    background: #fff;
    border-color: rgba(123, 33, 72, .10);
    box-shadow: 0 12px 24px rgba(45, 36, 47, .04);
}
.mobile-drawer nav a {
    border-radius: 14px;
}
.mobile-drawer nav a:hover {
    background: rgba(123, 33, 72, .06);
}
@media (max-width: 1180px) {
    .brand-image {
        max-width: 280px;
        height: 44px;
    }
}
@media (max-width: 980px) {
    .site-header.glass-header {
        box-shadow: 0 8px 24px rgba(45, 36, 47, .06);
    }
    .header-row {
        min-height: 80px;
        gap: 10px;
    }
    .brand-image-only {
        padding: 8px 10px;
        border-radius: 16px;
    }
    .brand-image {
        height: 40px;
        max-width: 220px;
    }
}
@media (max-width: 767px) {
    .site-header.glass-header::before {
        height: 3px;
    }
    .header-row {
        min-height: 74px;
        gap: 8px;
    }
    .brand-image-only {
        box-shadow: 0 8px 20px rgba(45, 36, 47, .05);
    }
    .brand-image {
        height: 34px;
        max-width: 190px;
    }
    .header-actions .cart-link,
    .header-actions .favorite-link,
    .header-actions .notification-bell,
    .header-actions .user-chip,
    .header-actions .login-link,
    .header-actions > .button {
        display: none;
    }
    .nav-toggle.glass-icon-button {
        width: 46px;
        height: 46px;
        border-radius: 14px;
    }
}

/* ===== объявляй.рф 3.5.2 clean unified header ===== */
.announcement-bar {
    min-height: 34px;
    background: #fbf8fb !important;
    border-bottom: 1px solid rgba(123, 33, 72, .08);
    box-shadow: none !important;
    backdrop-filter: none !important;
}
.announcement-inner {
    min-height: 34px;
}
.announcement-inner span,
.announcement-marquee,
.announcement-marquee b,
.announcement-inner a {
    color: #b7b1bb !important;
    font-size: 12px;
}
.announcement-inner a:hover {
    color: #7b2148 !important;
}

.site-header.glass-header {
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(123, 33, 72, .08) !important;
    box-shadow: 0 8px 22px rgba(45, 36, 47, .05) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
.site-header.glass-header::before {
    display: none !important;
}
.header-row {
    min-height: 70px !important;
    gap: 18px !important;
}
.brand-image-only {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.brand-image {
    height: 40px !important;
    max-width: 250px !important;
}

.main-nav.glass-pill-nav {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.main-nav.glass-pill-nav a {
    min-height: auto !important;
    padding: 0 0 2px !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #47414a !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    border-bottom: 2px solid transparent;
}
.main-nav.glass-pill-nav a.active,
.main-nav.glass-pill-nav a:hover {
    color: #7b2148 !important;
    border-bottom-color: #7b2148;
}

.header-search.glass-pill {
    min-width: 320px;
    min-height: 46px;
    border-radius: 12px !important;
    background: #f7f5f8 !important;
    border: 1px solid rgba(123, 33, 72, .08) !important;
    box-shadow: none !important;
}
.header-search input {
    color: #372f38;
}
.header-search input::placeholder,
.header-search span,
.header-search kbd {
    color: #9a939d !important;
}
.header-search kbd {
    background: transparent;
    box-shadow: none;
}

.header-actions {
    gap: 16px !important;
}
.favorite-link.glass-pill,
.cart-link.glass-pill,
.notification-bell.glass-pill,
.user-chip.glass-pill,
.nav-toggle.glass-icon-button {
    min-height: auto !important;
    width: auto;
    height: auto;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.favorite-link,
.cart-link,
.notification-bell,
.user-chip,
.login-link {
    color: #47414a !important;
    font-weight: 700;
}
.favorite-link:hover,
.cart-link:hover,
.notification-bell:hover,
.user-chip:hover,
.login-link:hover {
    color: #7b2148 !important;
}
.favorite-link b,
.cart-link b,
.user-chip b {
    color: inherit !important;
    font-weight: 700;
}
.favorite-link span,
.cart-link .cart-icon,
.notification-bell > span {
    color: #7b2148 !important;
}
.favorite-link em,
.cart-link em,
.notification-bell em {
    min-width: 20px;
    height: 20px;
    display: inline-grid;
    place-items: center;
    margin-left: 6px;
    border-radius: 999px;
    color: #fff !important;
    background: #7b2148 !important;
    font-style: normal;
    font-size: 11px;
    font-weight: 700;
}
.notification-bell > span {
    font-size: 18px;
}
.user-chip {
    gap: 10px;
}
.user-chip > span:first-child,
.user-chip-image {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #7b2148, #a92dab 58%, #6f54df) !important;
    color: #fff !important;
    box-shadow: none !important;
}
.login-link {
    white-space: nowrap;
}
.button-sm.button-glass {
    min-height: 40px;
    padding-inline: 14px;
    border-radius: 10px;
    background: linear-gradient(135deg, #7b2148, #8f2e7f 60%, #6f54df) !important;
    border: 0 !important;
    box-shadow: none !important;
}

.nav-toggle.glass-icon-button {
    display: none;
}
.nav-toggle.glass-icon-button span {
    background: #514a53 !important;
}

@media (max-width: 1180px) {
    .header-row {
        gap: 12px !important;
    }
    .main-nav.glass-pill-nav {
        gap: 14px;
    }
    .header-search.glass-pill {
        min-width: 250px;
    }
    .brand-image {
        max-width: 220px !important;
    }
}

@media (max-width: 980px) {
    .announcement-bar {
        display: none;
    }
    .header-row {
        min-height: 64px !important;
        gap: 10px !important;
    }
    .brand-image {
        height: 34px !important;
        max-width: 190px !important;
    }
    .main-nav.glass-pill-nav,
    .header-search,
    .header-actions .favorite-link,
    .header-actions .cart-link,
    .header-actions .notification-bell,
    .header-actions .login-link,
    .header-actions > .button,
    .header-actions .user-chip {
        display: none !important;
    }
    .nav-toggle.glass-icon-button {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        margin-left: auto;
    }
}

@media (max-width: 767px) {
    .site-header.glass-header {
        box-shadow: 0 6px 18px rgba(45, 36, 47, .05) !important;
    }
    .header-row {
        min-height: 60px !important;
    }
    .brand-image {
        height: 30px !important;
        max-width: 170px !important;
    }
    .mobile-drawer.glass-drawer {
        background: #fff !important;
        border-top: 1px solid rgba(123, 33, 72, .08) !important;
        box-shadow: 0 14px 32px rgba(45, 36, 47, .08) !important;
    }
    .mobile-drawer-brand {
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }
}

/* ===== объявляй.рф 3.5.3 stable header layout ===== */
.site-header .header-row {
    display: grid !important;
    grid-template-columns: auto auto minmax(180px, 1fr) auto;
    align-items: center;
    column-gap: 18px;
    min-width: 0;
}
.site-header .brand-image-only,
.site-header .main-nav,
.site-header .header-search,
.site-header .header-actions {
    min-width: 0;
}
.site-header .main-nav.glass-pill-nav {
    justify-self: start;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
}
.site-header .header-search.glass-pill {
    width: 100%;
    min-width: 0;
    max-width: 480px;
}
.site-header .header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    min-width: 0;
    white-space: nowrap;
}
.site-header .favorite-link,
.site-header .cart-link,
.site-header .notification-bell,
.site-header .user-chip,
.site-header .login-link,
.site-header .button-sm {
    flex: 0 0 auto;
}
.site-header .user-chip {
    max-width: 170px;
}
.site-header .user-chip b {
    display: block;
    max-width: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.site-header .favorite-link b,
.site-header .cart-link b {
    white-space: nowrap;
}
.site-header .brand-image {
    max-width: 215px !important;
}

@media (max-width: 1560px) {
    .site-header .header-row {
        grid-template-columns: auto auto minmax(160px, 1fr) auto;
        column-gap: 14px;
    }
    .site-header .main-nav.glass-pill-nav {
        gap: 14px;
    }
    .site-header .main-nav.glass-pill-nav a {
        font-size: 14px;
    }
    .site-header .header-search.glass-pill {
        max-width: 360px;
    }
    .site-header .header-actions {
        gap: 12px;
    }
    .site-header .user-chip {
        max-width: 148px;
    }
    .site-header .user-chip b {
        max-width: 78px;
    }
}

@media (max-width: 1440px) {
    .site-header .main-nav.glass-pill-nav a:nth-child(4),
    .site-header .main-nav.glass-pill-nav a:nth-child(5) {
        display: none;
    }
    .site-header .header-search.glass-pill {
        max-width: 300px;
    }
    .site-header .favorite-link b,
    .site-header .cart-link b {
        display: none;
    }
    .site-header .favorite-link,
    .site-header .cart-link {
        gap: 6px;
    }
    .site-header .user-chip {
        max-width: 132px;
    }
    .site-header .user-chip b {
        max-width: 62px;
    }
}

@media (max-width: 1280px) {
    .site-header .header-row {
        grid-template-columns: auto auto auto;
        column-gap: 12px;
    }
    .site-header .header-search.glass-pill {
        display: none !important;
    }
    .site-header .main-nav.glass-pill-nav {
        gap: 12px;
    }
    .site-header .main-nav.glass-pill-nav a:nth-child(1),
    .site-header .main-nav.glass-pill-nav a:nth-child(2),
    .site-header .main-nav.glass-pill-nav a:nth-child(3) {
        display: inline-flex;
    }
    .site-header .header-actions {
        gap: 10px;
    }
    .site-header .user-chip {
        max-width: 112px;
    }
    .site-header .user-chip b {
        max-width: 46px;
    }
}

@media (max-width: 1100px) {
    .site-header .header-row {
        grid-template-columns: auto 1fr auto;
    }
    .site-header .main-nav.glass-pill-nav,
    .site-header .header-actions {
        display: none !important;
    }
    .site-header .nav-toggle.glass-icon-button {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        margin-left: auto;
    }
}

@media (max-width: 767px) {
    .site-header .header-row {
        grid-template-columns: auto 1fr auto;
        min-height: 60px !important;
        column-gap: 10px;
    }
    .site-header .brand-image {
        max-width: 170px !important;
    }
}

/* ===== объявляй.рф 3.6 typography, icons, product, admin and forum ===== */
html,
body,
button,
input,
textarea,
select {
    font-family: "Onest", "Segoe UI", Arial, sans-serif;
}
h1,
h2,
h3,
.section-heading h1,
.section-heading h2,
.product-price,
.price-big,
.metric-card strong,
.admin-metric-card strong {
    font-family: "Geologica", "Onest", "Segoe UI", sans-serif;
    font-variation-settings: "slnt" 0;
}
body {
    letter-spacing: -.01em;
}

.header-icon-actions {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 8px !important;
}
.header-icon-link {
    position: relative;
    width: 42px;
    height: 42px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 42px;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 13px !important;
    color: #5c5360 !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: color .18s ease, background .18s ease, transform .18s ease;
}
.header-icon-link:hover {
    color: var(--primary) !important;
    background: #f6f0f5 !important;
    transform: translateY(-1px);
}
.header-icon-link svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.header-icon-link em {
    position: absolute;
    right: 0;
    top: 0;
    min-width: 18px !important;
    height: 18px !important;
    display: grid !important;
    place-items: center;
    margin: 0 !important;
    padding: 0 4px;
    border: 2px solid #fff;
    border-radius: 999px;
    color: #fff !important;
    background: var(--primary) !important;
    font-size: 9px !important;
    font-style: normal;
    font-weight: 800;
    line-height: 1;
}
.user-icon-link {
    color: #fff !important;
    background: linear-gradient(135deg, #7b2148, #a92dab 58%, #6f54df) !important;
}
.user-icon-link:hover {
    color: #fff !important;
    background: linear-gradient(135deg, #8c2855, #b733ac 58%, #7659e8) !important;
}
.user-icon-link svg {
    width: 22px;
    height: 22px;
}

.product-page-refined {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(390px, .95fr);
    gap: 38px;
    align-items: start;
}
.product-media-card {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 22px 55px rgba(45, 36, 47, .08);
}
.product-media-stage {
    position: relative;
    min-height: 560px;
    display: grid;
    place-items: center;
    padding: 34px;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 14%, rgba(160, 83, 180, .12), transparent 30%),
        linear-gradient(145deg, #f7f3f8, #f1eef7);
}
.product-media-stage.has-product-image {
    background: #f7f5f8;
}
.product-media-stage.has-product-image::before {
    content: "";
    position: absolute;
    inset: 20px;
    border-radius: 22px;
    border: 1px dashed rgba(123, 33, 72, .09);
    pointer-events: none;
}
.product-main-image {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 500px;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 18px;
}
.product-media-badges {
    position: absolute;
    z-index: 3;
    left: 22px;
    right: 22px;
    top: 20px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}
.media-delivery-chip {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 11px;
    border-radius: 999px;
    color: #5d5360;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(123,33,72,.10);
    font-size: 10px;
    font-weight: 800;
}
.product-media-footer {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    border-top: 1px solid var(--line);
    background: #fff;
}
.product-media-footer > div {
    min-width: 0;
    padding: 16px 18px;
    border-right: 1px solid var(--line);
}
.product-media-footer > div:last-child {
    border-right: 0;
}
.product-media-footer span,
.product-media-footer strong {
    display: block;
}
.product-media-footer span {
    color: var(--muted);
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .7px;
}
.product-media-footer strong {
    margin-top: 4px;
    overflow: hidden;
    color: var(--text);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-media-footer a {
    color: var(--primary);
}
.product-info-refined {
    position: sticky;
    top: 112px;
}
.product-info-refined h1 {
    margin: 16px 0 12px;
    color: var(--text);
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.04;
    letter-spacing: -2.2px;
}
.product-social-proof {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}
.product-social-proof > span {
    display: inline-flex;
    align-items: center;
    min-height: 29px;
    padding: 0 10px;
    border-radius: 999px;
    color: #706873;
    background: #f6f3f7;
    font-size: 10px;
    font-weight: 700;
}
.product-social-proof .rating {
    color: #8c6317;
    background: #fff6dd;
}
.product-info-refined .lead {
    margin: 0 0 20px;
    color: var(--text-soft);
    font-size: 15px;
    line-height: 1.65;
}
.product-label-row {
    justify-content: space-between;
}
.favorite-product-button {
    gap: 7px;
}
.favorite-product-button svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.purchase-box-refined {
    padding: 22px;
    border: 1px solid rgba(123,33,72,.11);
    border-radius: 23px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(45,36,47,.07);
}
.purchase-box-refined.purchase-custom {
    background: linear-gradient(145deg, #fff, #fbf7fb);
}
.purchase-box-refined .price-big {
    color: var(--text);
}
.purchase-box-refined .price-range-label,
.purchase-box-refined .stock-pill {
    color: var(--primary);
    border-color: rgba(123,33,72,.12);
    background: var(--primary-soft);
}
.purchase-facts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin: 18px 0;
}
.purchase-facts > div {
    padding: 13px 14px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #faf9fb;
}
.purchase-facts span,
.purchase-facts strong {
    display: block;
}
.purchase-facts span {
    color: var(--muted);
    font-size: 9px;
}
.purchase-facts strong {
    margin-top: 3px;
    color: var(--text);
    font-size: 11px;
}
.purchase-box-refined .button-purchase {
    min-height: 54px;
    border-radius: 15px;
    font-weight: 800;
}
.purchase-box-refined .purchase-guarantee {
    margin-top: 16px;
}

.admin-user-editor-list {
    display: grid;
    gap: 12px;
    margin-top: 16px;
}
.admin-user-editor {
    display: grid;
    grid-template-columns: 145px minmax(210px,1fr) 150px 150px 130px auto;
    gap: 12px;
    align-items: end;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 17px;
    background: #faf9fb;
}
.admin-user-editor > label,
.admin-user-primary > label {
    display: grid;
    gap: 6px;
}
.admin-user-editor label > span,
.admin-user-primary label > span {
    color: var(--muted);
    font-size: 9px;
    font-weight: 700;
}
.admin-user-avatar-block {
    display: flex;
    align-items: center;
    gap: 9px;
}
.admin-user-avatar-preview {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    flex: 0 0 54px;
    overflow: hidden;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(135deg,var(--primary),var(--primary-2));
    font-weight: 800;
}
.admin-user-avatar-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.admin-avatar-upload {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.admin-avatar-upload > span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    color: var(--primary) !important;
    background: #fff;
    font-size: 9px !important;
    font-weight: 800;
}
.admin-avatar-upload input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}
.admin-user-primary small {
    display: block;
    margin-top: 6px;
    color: var(--muted);
    font-size: 9px;
}
.admin-user-editor .button {
    min-height: 38px;
}

.forum-knowledge-base {
    margin: 8px 0 24px;
    padding: 22px;
    border: 1px solid rgba(123,33,72,.10);
    border-radius: 24px;
    background: linear-gradient(145deg,#fff,#faf6fa);
    box-shadow: 0 16px 38px rgba(45,36,47,.05);
}
.forum-knowledge-heading h2 {
    margin: 6px 0 7px;
    color: var(--text);
    font-size: 26px;
}
.forum-knowledge-heading p {
    margin: 0;
    color: var(--muted);
}
.forum-knowledge-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
    margin-top: 18px;
}
.forum-knowledge-grid a {
    display: grid;
    grid-template-columns: 44px 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 15px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: #fff;
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.forum-knowledge-grid a:hover {
    transform: translateY(-2px);
    border-color: rgba(123,33,72,.22);
    box-shadow: 0 12px 28px rgba(45,36,47,.06);
}
.forum-knowledge-grid a > span {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: var(--primary-soft);
    font-size: 19px;
}
.forum-knowledge-grid small,
.forum-knowledge-grid strong,
.forum-knowledge-grid em {
    display: block;
}
.forum-knowledge-grid small {
    color: var(--primary);
    font-size: 9px;
    font-weight: 800;
}
.forum-knowledge-grid strong {
    margin-top: 3px;
    color: var(--text);
    font-size: 12px;
    line-height: 1.35;
}
.forum-knowledge-grid em {
    margin-top: 5px;
    color: var(--muted);
    font-size: 9px;
    font-style: normal;
}
.forum-knowledge-grid b {
    color: var(--primary);
}
.topic-card {
    grid-template-columns: 50px minmax(0,1fr) auto;
    padding: 16px;
    border-radius: 17px;
}
.topic-main h3 {
    margin: 0 0 8px;
}
.topic-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}
.topic-meta i {
    color: #b6afb8;
    font-style: normal;
}
.topic-author-avatar {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(135deg,var(--primary),var(--primary-2));
    font-size: 9px;
    font-weight: 800;
}
.topic-author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1180px) {
    .product-page-refined {
        grid-template-columns: 1fr;
    }
    .product-info-refined {
        position: static;
    }
    .admin-user-editor {
        grid-template-columns: 130px minmax(190px,1fr) 135px 135px;
    }
    .admin-user-editor > label:nth-of-type(3),
    .admin-user-editor > .button {
        grid-column: auto;
    }
}
@media (max-width: 900px) {
    .product-media-stage {
        min-height: 460px;
    }
    .product-main-image {
        max-height: 400px;
    }
    .admin-user-editor {
        grid-template-columns: 1fr 1fr;
        align-items: end;
    }
    .admin-user-avatar-block,
    .admin-user-primary {
        grid-column: span 1;
    }
    .forum-knowledge-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 650px) {
    .header-icon-actions {
        display: none !important;
    }
    .product-page-refined {
        gap: 20px;
    }
    .product-media-stage {
        min-height: 330px;
        padding: 20px;
    }
    .product-main-image {
        max-height: 290px;
        border-radius: 12px;
    }
    .product-media-badges {
        left: 12px;
        right: 12px;
        top: 12px;
    }
    .product-media-footer {
        grid-template-columns: 1fr;
    }
    .product-media-footer > div {
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }
    .product-media-footer > div:last-child {
        border-bottom: 0;
    }
    .product-info-refined h1 {
        font-size: 34px;
        letter-spacing: -1.5px;
    }
    .purchase-facts,
    .admin-user-editor {
        grid-template-columns: 1fr;
    }
    .admin-user-avatar-block,
    .admin-user-primary {
        grid-column: auto;
    }
    .admin-user-avatar-block {
        justify-content: space-between;
    }
    .admin-user-editor .button {
        width: 100%;
    }
    .forum-knowledge-base {
        padding: 16px;
    }
    .forum-knowledge-grid a {
        grid-template-columns: 38px 1fr;
    }
    .forum-knowledge-grid a > span {
        width: 38px;
        height: 38px;
    }
    .forum-knowledge-grid b {
        display: none;
    }
    .topic-card {
        grid-template-columns: 42px 1fr;
    }
    .topic-stats {
        grid-column: 2;
        text-align: left;
    }
}
@media (max-width: 1100px) {
    .header-icon-actions { display: none !important; }
}

/* ===== объявляй.рф 3.6.2 cart product images ===== */
.cart-product-media {
    position: relative;
    width: 78px;
    height: 78px;
    display: block;
    overflow: hidden;
    align-self: start;
    border: 1px solid rgba(123, 33, 72, .10);
    border-radius: 17px;
    background: #f6f3f7;
    box-shadow: 0 8px 20px rgba(45, 36, 47, .05);
}
.cart-product-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform .22s ease;
}
.cart-product-media:hover img {
    transform: scale(1.035);
}
.cart-product-media-fallback {
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 28px;
}
.cart-product-media-fallback span {
    position: relative;
    z-index: 1;
}
.cart-item {
    grid-template-columns: 78px minmax(0, 1fr) auto !important;
}

@media (max-width: 700px) {
    .cart-item {
        grid-template-columns: 64px minmax(0, 1fr) !important;
    }
    .cart-product-media {
        width: 64px;
        height: 64px;
        border-radius: 14px;
    }
    .cart-item-price {
        grid-column: 2 !important;
    }
}

/* ===== объявляй.рф 3.7 checkout and Telegram payment ===== */
.checkout-product {
    grid-template-columns: 58px minmax(0,1fr) auto !important;
    gap: 12px !important;
    min-height: 72px;
}
.checkout-product-media {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 14px;
    background: #f3eff4;
}
.checkout-product-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.checkout-product-media-fallback span {
    font-size: 24px;
}
.checkout-product strong {
    font-size: 13px !important;
    line-height: 1.35;
}
.checkout-product small {
    font-size: 11px !important;
}
.checkout-product b {
    font-size: 13px !important;
    white-space: nowrap;
}
.telegram-payment-option {
    display: grid;
    grid-template-columns: 52px minmax(0,1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 17px;
    border: 1px solid rgba(39, 152, 218, .22);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(39,152,218,.08), rgba(255,255,255,.95));
}
.telegram-payment-option strong,
.telegram-payment-option small {
    display: block;
}
.telegram-payment-option strong {
    color: var(--text);
    font-size: 15px;
}
.telegram-payment-option small {
    margin-top: 4px;
    color: var(--muted);
    font-size: 12px;
}
.telegram-payment-option em {
    padding: 7px 10px;
    border-radius: 999px;
    color: #1675a8;
    background: rgba(39,152,218,.10);
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    white-space: nowrap;
}
.telegram-payment-icon,
.telegram-payment-logo {
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(135deg,#31a8e0,#168bd1);
}
.telegram-payment-icon {
    width: 52px;
    height: 52px;
}
.telegram-payment-icon svg,
.telegram-payment-logo svg {
    width: 27px;
    height: 27px;
    fill: currentColor;
}
.telegram-checkout-notice code {
    padding: 2px 6px;
    border-radius: 6px;
    color: var(--primary);
    background: rgba(123,33,72,.08);
}
.telegram-payment-layout {
    display: grid;
    grid-template-columns: minmax(0,1.25fr) minmax(320px,.75fr);
    gap: 22px;
    align-items: start;
    max-width: 1120px;
}
.telegram-payment-main,
.telegram-payment-summary {
    border-radius: 24px;
}
.telegram-payment-brand {
    display: grid;
    grid-template-columns: 68px minmax(0,1fr);
    gap: 16px;
    align-items: center;
}
.telegram-payment-logo {
    width: 68px;
    height: 68px;
    border-radius: 20px;
    box-shadow: 0 16px 34px rgba(39,152,218,.22);
}
.telegram-payment-brand h1 {
    margin: 4px 0;
    color: var(--text);
    font-size: clamp(30px,5vw,48px);
    letter-spacing: -2px;
}
.telegram-payment-brand p {
    margin: 0;
    color: var(--muted);
}
.telegram-order-number-card {
    margin: 24px 0;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: var(--surface-soft);
}
.telegram-order-number-card > span,
.telegram-order-number-card small {
    display: block;
    color: var(--muted);
    font-size: 12px;
}
.telegram-order-number-card > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 8px 0;
}
.telegram-order-number-card strong {
    color: var(--text);
    font-size: clamp(23px,4vw,34px);
    letter-spacing: .4px;
    word-break: break-word;
}
.telegram-order-number-card button {
    min-height: 42px;
    padding: 0 15px;
    border: 0;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(135deg,#7b2148,#7d49d8);
    font-weight: 800;
}
.telegram-payment-steps {
    display: grid;
    gap: 10px;
    margin-bottom: 20px;
}
.telegram-payment-steps > div {
    display: grid;
    grid-template-columns: 40px minmax(0,1fr);
    gap: 12px;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid var(--line);
}
.telegram-payment-steps > div > span {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--primary);
    background: var(--primary-soft);
    font-weight: 900;
}
.telegram-payment-steps strong,
.telegram-payment-steps small {
    display: block;
}
.telegram-payment-steps strong {
    color: var(--text);
}
.telegram-payment-steps small {
    margin-top: 4px;
    color: var(--muted);
}
.telegram-open-button {
    justify-content: space-between;
    background: linear-gradient(135deg,#31a8e0,#168bd1) !important;
}
.telegram-status-row,
.telegram-payment-confirmed {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 13px 0 18px;
    padding: 13px 15px;
    border-radius: 14px;
    background: var(--surface-soft);
}
.telegram-status-pending,
.telegram-admin-status.pending {
    color: #9a6a13;
}
.telegram-admin-status.confirmed {
    color: #277451;
}
.telegram-admin-status {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: var(--surface-soft);
    font-size: 11px;
    font-weight: 850;
    white-space: nowrap;
}
.telegram-payment-confirmed {
    justify-content: flex-start;
    color: #277451;
    background: #edf8f2;
}
.telegram-payment-confirmed > span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #3b966c;
}
.telegram-payment-confirmed strong,
.telegram-payment-confirmed small {
    display: block;
}
.telegram-payment-confirmed small {
    margin-top: 3px;
    color: #57806c;
}
.telegram-payment-summary h2 {
    margin: 7px 0 18px;
    color: var(--text);
    font-size: 34px;
}
.telegram-order-items {
    margin-top: 12px;
}
@media (max-width: 900px) {
    .telegram-payment-layout {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 600px) {
    .telegram-payment-option {
        grid-template-columns: 48px minmax(0,1fr);
    }
    .telegram-payment-option em {
        grid-column: 1 / -1;
        justify-self: start;
    }
    .telegram-order-number-card > div {
        align-items: stretch;
        flex-direction: column;
    }
    .telegram-order-number-card button {
        width: 100%;
    }
    .telegram-payment-brand {
        grid-template-columns: 56px minmax(0,1fr);
    }
    .telegram-payment-logo {
        width: 56px;
        height: 56px;
    }
    .checkout-product {
        grid-template-columns: 52px minmax(0,1fr) !important;
    }
    .checkout-product-media {
        width: 52px;
        height: 52px;
    }
    .checkout-product > b {
        grid-column: 2;
    }
}


/* ===== объявляй.рф 3.7.2 audience, seller stats and promo ticker ===== */
.promo-announcement {
    position: relative;
    z-index: 95;
    min-height: 38px;
    overflow: hidden;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.13);
    background: linear-gradient(90deg, #4f1635 0%, #7b2148 38%, #8b2c7b 68%, #5b3da8 100%) !important;
    color: #fff;
    box-shadow: none !important;
    backdrop-filter: none !important;
}
.promo-ticker {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.promo-ticker-track {
    width: max-content;
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 28px;
    padding-left: 100%;
    animation: obyavlyay-promo-scroll 28s linear infinite;
    will-change: transform;
}
.promo-ticker-track span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255,255,255,.94);
    font-size: 13px;
    font-weight: 650;
    letter-spacing: .01em;
}
.promo-ticker-track b {
    color: #fff;
    font-family: 'Geologica', 'Onest', sans-serif;
    font-weight: 800;
    letter-spacing: .03em;
}
.promo-ticker-track i {
    color: rgba(255,255,255,.45);
    font-style: normal;
}
@keyframes obyavlyay-promo-scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
.seller-public-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
@media (prefers-reduced-motion: reduce) {
    .promo-ticker-track {
        width: 100%;
        justify-content: center;
        padding-left: 0;
        animation: none;
        transform: none;
    }
    .promo-ticker-track span:nth-of-type(n+2),
    .promo-ticker-track i {
        display: none;
    }
}
@media (max-width: 980px) {
    .announcement-bar.promo-announcement {
        display: block !important;
        min-height: 34px;
    }
    .promo-ticker-track {
        min-height: 34px;
        gap: 22px;
        animation-duration: 22s;
    }
    .promo-ticker-track span {
        font-size: 12px;
    }
}
@media (max-width: 640px) {
    .seller-public-stats {
        grid-template-columns: 1fr !important;
    }
}

/* Страница «О платформе»: три показателя после удаления счётчика пользователей */
.about-metrics > div:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

/* obyavlyay-contact-links-v3.8.1 */
.header-contact-bar {
    border-bottom: 1px solid rgba(126, 30, 108, .10);
    background: linear-gradient(90deg, rgba(126, 30, 108, .045), rgba(83, 60, 198, .04));
}
.header-contact-links {
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.header-contact-link {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 11px;
    border: 1px solid rgba(126, 30, 108, .11);
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    color: #514a54;
    box-shadow: 0 7px 20px rgba(57, 38, 59, .035);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: transform .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.header-contact-link:hover {
    color: var(--primary);
    border-color: rgba(126, 30, 108, .28);
    box-shadow: 0 10px 24px rgba(95, 35, 87, .08);
    transform: translateY(-1px);
}
.header-contact-link svg {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.header-contact-cooperation strong { color: var(--primary); }

.footer-grid.footer-grid-strong {
    grid-template-columns: 1.35fr repeat(4, minmax(0, 1fr));
}
.footer-contact-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 9px;
}
.footer-contact-link {
    width: 100%;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    padding: 10px 11px;
    border: 1px solid rgba(126, 30, 108, .11);
    border-radius: 12px;
    background: rgba(126, 30, 108, .035);
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.footer-contact-link:hover {
    border-color: rgba(126, 30, 108, .28);
    background: rgba(126, 30, 108, .07);
    transform: translateY(-1px);
}
.footer-contact-link span {
    color: #817984 !important;
    font-size: 10px;
    font-weight: 600;
}
.footer-contact-link strong {
    color: #3f3842;
    font-size: 11px;
    font-weight: 800;
}

@media (max-width: 1180px) {
    .footer-grid.footer-grid-strong { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .footer-about-column { grid-column: 1 / -1; }
}
@media (max-width: 820px) {
    .header-contact-links {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .header-contact-link {
        justify-content: center;
        padding: 7px 8px;
        font-size: 10px;
    }
    .header-contact-link:first-child { grid-column: 1 / -1; }
    .header-contact-cooperation span { overflow: hidden; text-overflow: ellipsis; }
    .footer-grid.footer-grid-strong { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .footer-contact-column { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
    .header-contact-links { grid-template-columns: 1fr; }
    .header-contact-link:first-child { grid-column: auto; }
    .header-contact-link { width: 100%; }
    .footer-grid.footer-grid-strong { grid-template-columns: 1fr; }
    .footer-about-column,
    .footer-contact-column { grid-column: auto; }
}

/* obyavlyay-header-font-sellers-v3.8.3:start */
@font-face {
    font-family: "Radiotechnika";
    src: url("../fonts/Radiotechnika.ttf?v=3.8.3") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

/* Акцентный кириллический шрифт оставляем заголовкам и навигации — основной текст остаётся читаемым. */
.page-shell h1,
.page-shell h2,
.section-heading h1,
.section-heading h2,
.admin-page-header h1,
.auth-panel h1,
.seller-header h1,
.seller-card-copy h3,
.main-nav.glass-pill-nav a {
    font-family: "Radiotechnika", "Geologica", "Onest", sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: .012em;
}

@media (min-width: 1101px) {
    .header-contact-links {
        width: min(calc(100% - 56px), 1480px) !important;
        min-height: 44px;
        display: grid !important;
        grid-template-columns: repeat(3, max-content);
        align-items: center;
        justify-content: center !important;
        gap: 12px;
        margin-inline: auto;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .header-contact-link {
        min-height: 34px;
        padding: 8px 13px;
        border-color: rgba(126, 30, 108, .10);
        background: rgba(255, 255, 255, .88);
        box-shadow: 0 7px 18px rgba(57, 38, 59, .035);
    }

    .site-header .header-row {
        width: min(calc(100% - 56px), 1480px) !important;
        min-height: 92px !important;
        display: grid !important;
        grid-template-columns: minmax(210px, 1fr) minmax(600px, 680px) minmax(210px, 1fr) !important;
        align-items: center;
        column-gap: 28px !important;
        margin-inline: auto;
    }

    .site-header .brand-image-only {
        grid-column: 1;
        justify-self: start;
        display: inline-flex;
        align-items: center;
    }

    .site-header .brand-image {
        width: auto;
        height: 42px !important;
        max-width: 230px !important;
        object-fit: contain;
    }

    .site-header .main-nav.glass-pill-nav {
        grid-column: 2;
        justify-self: stretch !important;
        width: 100% !important;
        min-width: 0;
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        align-items: center;
        gap: 5px !important;
        padding: 6px !important;
        overflow: visible !important;
        border: 1px solid rgba(123, 33, 72, .11) !important;
        border-radius: 20px !important;
        background: linear-gradient(180deg, #fbf9fb 0%, #f4eff4 100%) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 13px 30px rgba(45,36,47,.06) !important;
        white-space: nowrap;
    }

    .site-header .main-nav.glass-pill-nav a,
    .site-header .main-nav.glass-pill-nav a:nth-child(n) {
        min-width: 0;
        min-height: 48px !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        padding: 0 18px !important;
        border: 0 !important;
        border-radius: 14px !important;
        color: #514a53 !important;
        background: transparent !important;
        box-shadow: none !important;
        font-size: 15px !important;
        line-height: 1;
        transition: color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
    }

    .site-header .main-nav.glass-pill-nav a:hover {
        color: #7b2148 !important;
        background: rgba(123, 33, 72, .065) !important;
    }

    .site-header .main-nav.glass-pill-nav a.active {
        color: #7b2148 !important;
        background: #fff !important;
        box-shadow: 0 7px 20px rgba(73, 43, 65, .10), inset 0 0 0 1px rgba(123, 33, 72, .08) !important;
        transform: translateY(-1px);
    }

    .site-header .header-search,
    .site-header .header-search.glass-pill {
        display: none !important;
    }

    .site-header .header-actions.header-icon-actions {
        grid-column: 3;
        justify-self: end !important;
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        gap: 4px !important;
        min-width: 0;
        margin: 0 !important;
        padding: 6px;
        border: 1px solid rgba(123, 33, 72, .11);
        border-radius: 20px;
        background: linear-gradient(180deg, #fbf9fb 0%, #f4eff4 100%);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 13px 30px rgba(45,36,47,.06);
    }

    .site-header .header-icon-link {
        width: 46px;
        height: 46px;
        flex: 0 0 46px;
        border-radius: 14px !important;
    }

    .site-header .header-icon-link:hover {
        background: #fff !important;
        box-shadow: 0 6px 16px rgba(73, 43, 65, .09) !important;
    }

    .site-header .user-icon-link,
    .site-header .user-icon-link:hover {
        border-radius: 14px !important;
        box-shadow: 0 7px 18px rgba(123, 33, 72, .18) !important;
    }

    .site-header .nav-toggle.glass-icon-button {
        display: none !important;
    }
}

@media (min-width: 1101px) and (max-width: 1360px) {
    .header-contact-links,
    .site-header .header-row {
        width: min(calc(100% - 34px), 1280px) !important;
    }

    .site-header .header-row {
        grid-template-columns: minmax(175px, 1fr) minmax(500px, 580px) minmax(175px, 1fr) !important;
        column-gap: 14px !important;
    }

    .site-header .brand-image {
        height: 36px !important;
        max-width: 190px !important;
    }

    .site-header .main-nav.glass-pill-nav a,
    .site-header .main-nav.glass-pill-nav a:nth-child(n) {
        min-height: 44px !important;
        padding-inline: 12px !important;
        font-size: 13px !important;
    }

    .site-header .header-icon-link {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }
}

/* Четыре карточки продавцов сохраняют одинаковую высоту и аккуратное распределение метрик. */
.seller-card-grid {
    align-items: stretch;
}
.seller-card-public {
    height: 100%;
}
.seller-card-copy h3 {
    font-size: clamp(20px, 1.55vw, 27px);
    line-height: 1.05;
}
/* obyavlyay-header-font-sellers-v3.8.3:end */

/* obyavlyay-product-visibility-v3.8.4:start */
.product-visibility-title-row {
    align-items: flex-start;
    gap: 24px;
}
.product-visibility-title-row p {
    max-width: 760px;
}
.product-visibility-counters {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}
.product-visibility-counters span {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 13px;
    border: 1px solid #e5dfe7;
    border-radius: 14px;
    background: #fff;
    color: #6b646d;
    font-size: 12px;
    white-space: nowrap;
}
.product-visibility-counters strong {
    color: var(--primary);
    font-size: 17px;
}
.product-visibility-filters {
    display: grid;
    grid-template-columns: minmax(260px, 1.5fr) minmax(190px, .8fr) minmax(160px, .6fr) auto auto;
    align-items: end;
    gap: 12px;
    margin: 24px 0 14px;
    padding: 16px;
    border: 1px solid #e7e1e8;
    border-radius: 18px;
    background: linear-gradient(180deg, #fcfbfc 0%, #f7f4f7 100%);
}
.product-visibility-filters label {
    display: grid;
    gap: 7px;
}
.product-visibility-filters label > span {
    color: #5f5961;
    font-size: 11px;
    font-weight: 850;
}
.product-visibility-bulkbar {
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 12px;
    padding: 12px 15px;
    border: 1px solid rgba(123,33,72,.12);
    border-radius: 17px;
    background: rgba(123,33,72,.045);
}
.product-visibility-bulkbar > div:first-child {
    display: grid;
    gap: 2px;
}
.product-visibility-bulkbar span {
    color: #766f78;
    font-size: 12px;
}
.product-visibility-bulkbar > div:last-child {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}
.product-visibility-table-wrap {
    border: 1px solid #e8e3e9;
    border-radius: 18px;
}
.product-visibility-table {
    min-width: 1040px;
}
.product-visibility-table th,
.product-visibility-table td {
    vertical-align: middle;
}
.product-visibility-table .product-check-cell {
    width: 42px;
    text-align: center;
}
.product-visibility-table input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: var(--primary);
    cursor: pointer;
}
.product-visibility-slug {
    display: block;
    max-width: 300px;
    margin-top: 4px;
    overflow: hidden;
    color: #918a93;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-visibility-actions {
    min-width: 145px;
}
.product-visibility-actions form {
    margin-bottom: 5px;
}
.product-visibility-actions .button {
    min-width: 105px;
}
.product-visibility-row.status-row-draft {
    background: rgba(117,110,119,.035);
}
.product-visibility-row.status-row-blocked {
    background: rgba(193,59,83,.045);
}

@media (max-width: 1180px) {
    .product-visibility-filters {
        grid-template-columns: 1fr 1fr;
    }
    .product-visibility-search {
        grid-column: 1 / -1;
    }
}
@media (max-width: 720px) {
    .product-visibility-title-row,
    .product-visibility-bulkbar {
        align-items: stretch;
        flex-direction: column;
    }
    .product-visibility-counters,
    .product-visibility-bulkbar > div:last-child {
        justify-content: flex-start;
    }
    .product-visibility-filters {
        grid-template-columns: 1fr;
        padding: 12px;
    }
    .product-visibility-search {
        grid-column: auto;
    }
    .product-visibility-filters .button,
    .product-visibility-bulkbar .button {
        width: 100%;
    }
}
/* obyavlyay-product-visibility-v3.8.4:end */

/* obyavlyay-admin-support-v3.8.5:start */
.admin-support-toolbar{margin-bottom:18px}.admin-support-title-row{align-items:flex-start;gap:20px}.admin-support-title-row p{max-width:760px}.admin-support-summary{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.admin-support-summary span{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:8px 13px;border:1px solid #e7e1e8;border-radius:14px;background:#fff;color:#6c6570;font-size:12px;white-space:nowrap}.admin-support-summary strong{font-size:17px;color:var(--primary)}.admin-support-summary .urgent{border-color:#f1bfc5;background:#fff6f7;color:#a82e3f}.admin-support-summary .urgent strong{color:#b3293e}.admin-support-filters{display:grid;grid-template-columns:minmax(280px,1.5fr) minmax(170px,.65fr) minmax(160px,.6fr) auto auto;align-items:end;gap:12px;margin-top:22px;padding:15px;border:1px solid #e8e2e9;border-radius:18px;background:linear-gradient(180deg,#fcfbfc 0%,#f7f4f7 100%)}.admin-support-filters label{display:grid;gap:7px}.admin-support-filters label>span,.admin-support-reply label>span,.admin-support-status-form label>span{font-size:11px;font-weight:850;color:#5e5761}.admin-support-workspace{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(520px,1.55fr);gap:18px;align-items:start}.admin-support-list-panel{overflow:hidden;position:sticky;top:90px;max-height:calc(100vh - 115px)}.admin-support-list-head{min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #ebe6ec}.admin-support-list-head span{display:grid;place-items:center;min-width:30px;height:30px;border-radius:999px;background:rgba(123,33,72,.09);color:var(--primary);font-weight:900}.admin-support-ticket-list{max-height:calc(100vh - 175px);overflow:auto;padding:8px}.admin-support-ticket{display:block;margin-bottom:7px;padding:13px;border:1px solid transparent;border-radius:16px;color:inherit;text-decoration:none;transition:.18s ease}.admin-support-ticket:hover{background:#faf7fa;border-color:#e8dfe7}.admin-support-ticket.active{background:linear-gradient(135deg,rgba(123,33,72,.105),rgba(123,33,72,.045));border-color:rgba(123,33,72,.26);box-shadow:0 7px 22px rgba(82,29,53,.07)}.admin-support-ticket.needs-answer:not(.active){border-left:3px solid var(--primary)}.admin-support-ticket-top,.admin-support-ticket-user,.admin-support-ticket-bottom{display:flex;align-items:center;justify-content:space-between;gap:9px}.admin-support-ticket-top strong{max-width:75%;font-size:13px;line-height:1.35}.admin-support-ticket-top time,.admin-support-ticket-user small,.admin-support-ticket-bottom small{font-size:10px;color:#8a838c;white-space:nowrap}.admin-support-ticket-user{margin-top:7px}.admin-support-ticket-user span{font-size:12px;font-weight:800}.admin-support-ticket p{min-height:32px;margin:8px 0;color:#6d6670;font-size:11px;line-height:1.45}.admin-support-ticket-bottom{justify-content:flex-start}.admin-support-ticket-bottom small{margin-left:auto}.admin-support-thread-panel{min-height:620px}.admin-support-thread-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:17px;border-bottom:1px solid #ebe6ec}.admin-support-customer{display:flex;align-items:center;gap:13px}.admin-support-customer h2{margin:3px 0 5px;font-size:21px}.admin-support-customer p{margin:0;color:#6d6570;font-size:12px}.admin-support-customer a{color:var(--primary)}.admin-support-thread-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.admin-support-conversation{display:flex;flex-direction:column;gap:13px;max-height:520px;overflow:auto;margin:18px 0;padding:4px 5px 8px}.admin-support-message{display:flex;align-items:flex-end;gap:9px;max-width:86%}.admin-support-message.from-admin{align-self:flex-end;flex-direction:row-reverse}.admin-support-message-avatar{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#eee7ed;color:var(--primary);font-size:12px;font-weight:900}.admin-support-message-avatar img{width:100%;height:100%;object-fit:cover}.admin-support-message-bubble{min-width:150px;padding:11px 13px;border:1px solid #e7e1e8;border-radius:16px 16px 16px 5px;background:#faf8fa}.admin-support-message.from-admin .admin-support-message-bubble{border-color:rgba(123,33,72,.18);border-radius:16px 16px 5px 16px;background:linear-gradient(135deg,rgba(123,33,72,.1),rgba(123,33,72,.055))}.admin-support-message-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:6px}.admin-support-message-meta strong{font-size:11px}.admin-support-message-meta time{font-size:9px;color:#8c858e;white-space:nowrap}.admin-support-message-bubble p{margin:0;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.admin-support-reply{margin-top:16px;padding:15px;border:1px solid rgba(123,33,72,.14);border-radius:18px;background:rgba(123,33,72,.035)}.admin-support-reply label{display:grid;gap:8px}.admin-support-reply .textarea{min-height:125px;resize:vertical}.admin-support-reply>div{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px}.admin-support-reply small{color:#817983;font-size:10px}.admin-support-status-form{display:flex;align-items:end;gap:11px;margin-top:13px;padding-top:13px;border-top:1px solid #eee8ef}.admin-support-status-form label{display:grid;gap:7px;min-width:190px}.admin-support-status-form .text-link{margin-left:auto;align-self:center}.admin-support-placeholder{min-height:510px;display:grid;place-items:center;align-content:center;text-align:center;color:#77707a}.admin-support-placeholder span{font-size:42px}.admin-support-placeholder h2{margin:11px 0 5px}.admin-support-placeholder p{max-width:470px;margin:0;line-height:1.6}
@media(max-width:1180px){.admin-support-workspace{grid-template-columns:minmax(285px,.75fr) minmax(440px,1.25fr)}.admin-support-filters{grid-template-columns:1fr 1fr 1fr}.admin-support-filters .admin-support-search{grid-column:1/-1}.admin-support-filters .button{width:100%}}
@media(max-width:900px){.admin-support-workspace{grid-template-columns:1fr}.admin-support-list-panel{position:static;max-height:none}.admin-support-ticket-list{max-height:410px}.admin-support-thread-panel{min-height:0}.admin-support-summary{justify-content:flex-start}.admin-support-title-row{display:grid}.admin-support-filters{grid-template-columns:1fr 1fr}.admin-support-filters .admin-support-search{grid-column:1/-1}}
@media(max-width:620px){.admin-support-filters{grid-template-columns:1fr}.admin-support-filters .admin-support-search{grid-column:auto}.admin-support-thread-head,.admin-support-status-form,.admin-support-reply>div{align-items:stretch;flex-direction:column}.admin-support-thread-badges{justify-content:flex-start}.admin-support-message{max-width:96%}.admin-support-status-form label{min-width:0}.admin-support-status-form .text-link{margin-left:0}.admin-support-customer{align-items:flex-start}.admin-support-customer .avatar{display:none}}
/* obyavlyay-admin-support-v3.8.5:end */