@layer gx-refined {
/* GRAM-X: one neutral palette, quiet interactions, regular mobile grids. */
html:root:has(body.gx-refined) {background:var(--bg)!important;scroll-behavior:auto!important;}
html:root:has(body.gx-refined[data-theme="dim"]) {background:#161a21!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] {color-scheme:light!important;--bg:#dfe4ea!important;--bg-2:#eceff3!important;--surface:#ffffff!important;--surface-rgb:255,255,255!important;--surface-2:#f0f2f6!important;--surface-3:#e8ecf2!important;--text:#202632!important;--muted:#5d6878!important;--muted-2:#677383!important;--line:#e1e5eb!important;--line-strong:#bdc5d0!important;--input-line:#8793a4!important;--accent:#2858b8!important;--accent-soft:#eaf0fc!important;--primary:#315fca!important;--primary-hover:#274fae!important;--success:#187044!important;--danger:#b73749!important;--amber:#8f5b10!important;--green:var(--accent)!important;--green-hover:var(--primary-hover)!important;--purple:var(--accent)!important;--purple-2:var(--primary-hover)!important;--cyan:var(--accent)!important;--pink:var(--accent)!important;--lime:var(--accent)!important;--neon:var(--accent)!important;--brand-grad:var(--primary)!important;--shadow:none!important;--glow:none!important;--green-glow:transparent!important;--topbar-bg:var(--surface)!important;background:var(--bg)!important;color:var(--text)!important;font-family:Arial,system-ui,sans-serif!important;-webkit-font-smoothing:antialiased;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme][data-theme="dim"] {color-scheme:dark!important;--bg:#161a21!important;--bg-2:#1b2029!important;--surface:#202630!important;--surface-rgb:32,38,48!important;--surface-2:#29313d!important;--surface-3:#343e4d!important;--text:#dfe6ef!important;--muted:#bac3d1!important;--muted-2:#a9b5c6!important;--line:#363f4d!important;--line-strong:#515e73!important;--input-line:#8995a8!important;--accent:#b4caff!important;--accent-soft:#2b3b5b!important;--primary:#3862ca!important;--primary-hover:#3057b8!important;--success:#86d1a5!important;--danger:#ffa1aa!important;--amber:#e9c487!important;--green:var(--accent)!important;--green-hover:var(--primary-hover)!important;--purple:var(--accent)!important;--purple-2:var(--primary-hover)!important;--cyan:var(--accent)!important;--pink:var(--accent)!important;--lime:var(--accent)!important;--neon:var(--accent)!important;--brand-grad:var(--primary)!important;--shadow:none!important;--glow:none!important;--green-glow:transparent!important;--topbar-bg:var(--surface)!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(button,input,select,textarea) {font-family:inherit!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.panel,.sidebar,.market-header,.hero-right-content,.instant-delivery-banner,.catalog-page-head,.legal-content-card,.product-card,.dip-product-card,.product-main-card,.product-buy-card,.dx-product-main,.dx-product-section,.seller-page-card,.profile-card,.dipx-profile-card,.dipx-profile-panels,.auth-card,.dx-chat-layout,.modal-content,.how-deal-dialog,.mobile-filter-panel,.notify-popover,.dx-edit-dialog,.description-box,.seller-detail,.reviews-box,.similar-box) {background:var(--surface)!important;background-image:none!important;color:var(--text)!important;border-color:transparent!important;box-shadow:none!important;border-radius:12px!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.filter-block,.range-card,.side-profile,.seller-card,.stat-item,.stats-bar,.toolbar,.product-card-body,.product-art,.dip-product-art,.product-seller-row,.quality-list span,.dx-similar-card,.seo-product-mini,.seo-catalog-card,.auth-flow-card,.podium-prod-card,.deal-chat-card,.deal-product-chip,.deal-seller-chip) {background:var(--surface-2)!important;background-image:none!important;color:var(--text)!important;border-color:transparent!important;box-shadow:none!important;border-radius:8px!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.topbar,.bottom-dock) {background:var(--surface)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .topbar {border-bottom:1px solid var(--line)!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.brand-mark,.auth-logo-mark) {background:var(--primary)!important;color:#fff!important;box-shadow:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.bg-app-icons,.market-header::before,.market-header::after,.hero-right-content::before,.hero-right-content::after) {display:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.hero-feature-row span,.eyebrow,.auth-benefits span,.podium-prod-badge) {background:var(--accent-soft)!important;color:var(--accent)!important;border-color:transparent!important;box-shadow:none!important;border-radius:4px!important;text-shadow:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.hero-left-content h1,.hero-mobile-title,.hero-desktop-title,.market-header h1) {color:var(--text)!important;background:none!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.subline,.catalog-page-head p:not(.eyebrow),.podium-prod-category,.product-price s,.price-line s,.brand-copy small,.stat-item small) {color:var(--muted)!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.podium-prod-price,.product-price strong,.seo-product-price,.price-val,.competitor-card-rank,.instant-banner-icon,.sidebar .text-button,#resetFilters) {color:var(--accent)!important;text-shadow:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .podium-display {align-items:stretch!important;gap:12px!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .podium-place {margin-top:0!important;transform:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .podium-pedestal {height:28px!important;min-height:28px!important;background:var(--surface-3)!important;color:var(--muted)!important;border-radius:0 0 8px 8px!important;box-shadow:none!important;text-shadow:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .place-1 .podium-pedestal {background:var(--accent-soft)!important;color:var(--accent)!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.podium-prod-title,.competitor-card-rank) {font-family:inherit!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :where(.primary-button,.secondary-button,.ghost-button,.guest-login-btn,.guest-register-btn,.icon-button,.top-action-icon,.profile-pill,.wallet-pill,.nav-link,.dock-item,.dock-main,.chip,.segmented,.service-choice,.market-category,.mobile-service-tile,.mf-chip,.google-auth-button,.telegram-auth-button,.auth-tabs button,.dx-message-top-tabs button,.dx-message-subtabs button,.payment-methods button,.legal-nav-btn) {background:var(--surface-2)!important;background-image:none!important;color:var(--text)!important;border-color:transparent!important;box-shadow:none!important;transform:none!important;text-shadow:none!important;filter:none!important;border-radius:8px!important;min-height:44px!important;transition:background-color 120ms ease,color 120ms ease!important;animation:none!important;will-change:auto!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :where(.primary-button,.secondary-button,.ghost-button,.guest-login-btn,.guest-register-btn,.icon-button,.top-action-icon,.profile-pill,.wallet-pill,.nav-link,.dock-item,.dock-main,.chip,.segmented,.service-choice,.market-category,.mobile-service-tile,.mf-chip,.google-auth-button,.telegram-auth-button,.auth-tabs button,.dx-message-top-tabs button,.dx-message-subtabs button,.payment-methods button,.legal-nav-btn):is(:hover,:active,:focus) {transform:none!important;box-shadow:none!important;filter:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.primary-button,.guest-register-btn,.hero-catalog-btn,.dipx-pay-submit,.dipx-pay,.dipx-empty-btn):not(:disabled) {background:var(--primary)!important;background-image:none!important;color:#fff!important;border-color:transparent!important;box-shadow:none!important;font-weight:600!important;transform:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.primary-button,.guest-register-btn,.hero-catalog-btn,.dipx-pay-submit,.dipx-pay,.dipx-empty-btn):not(:disabled) :is(span,strong,b) {color:inherit!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.nav-link.active,.dock-item.active,.dock-main.active,.chip.active,.segmented.active,.service-choice.active,.market-category.active,.mobile-service-tile.active,.mf-chip.active,.legal-nav-btn.active,.auth-tabs button.active,.dx-message-top-tabs button.active,.dx-message-subtabs button.active,.payment-methods button.active) {background:var(--accent-soft)!important;color:var(--accent)!important;border-color:transparent!important;box-shadow:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.nav-link.active,.dock-item.active,.dock-main.active,.chip.active,.segmented.active,.service-choice.active,.market-category.active,.mobile-service-tile.active,.mf-chip.active,.legal-nav-btn.active,.auth-tabs button.active,.dx-message-top-tabs button.active,.dx-message-subtabs button.active,.payment-methods button.active) :is(span,strong,b,.chat-svg-ic) {color:inherit!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.nav-link,.dock-item,.dock-main,.segmented,.auth-tabs button,.dx-message-top-tabs button,.dx-message-subtabs button)::before {display:none!important;content:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.nav-link,.dock-item,.dock-main,.segmented,.auth-tabs button,.dx-message-top-tabs button,.dx-message-subtabs button)::after {display:none!important;content:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.view.active,.auth-mode-copy,.auth-benefits span,.auth-flow-card,.online-dot,.instant-banner-icon,.notify-popover,.modal-overlay,.modal-content,.dx-chat-layout,.dx-bubble,.dx-chat-context-menu,.dx-edit-dialog,.dipx-profile-panels article,.dipx-create__stock-fields,.deal-delivery-card,.deal-delivery-icon,.deal-delivery-item,.product-card,.seo-catalog-card,.competitor-card,.fav-btn,.bg-icon-item,.dock-item span,.dock-main span) {animation:none!important;transition-property:background-color,color,opacity!important;transition-duration:120ms!important;filter:none!important;text-shadow:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.dock-item span,.dock-main span)::before {animation:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.dock-item span,.dock-main span)::after {animation:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.online-dot,.online-dot.online,.stock-dot) {background:var(--success)!important;box-shadow:none!important;animation:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.online-badge,.online-widget,.wallet-pill) {background-color:var(--surface-2)!important;background-image:linear-gradient(135deg,rgba(46,229,157,.22),rgba(56,189,248,.16))!important;color:#2ee59d!important;border-color:rgba(46,229,157,.4)!important;box-shadow:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.command-search,.mobile-search-bar) {background:var(--surface-2)!important;border-color:transparent!important;box-shadow:none!important;border-radius:8px!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(input,select,textarea) {background:var(--surface)!important;color:var(--text)!important;border-color:var(--input-line)!important;border-radius:8px!important;box-shadow:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.command-search,.mobile-search-bar) input {background:transparent!important;border:0!important;box-shadow:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(input,textarea)::placeholder {color:var(--muted)!important;opacity:1;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(a,button,input,select,textarea,[tabindex]):focus-visible {outline:2px solid var(--accent)!important;outline-offset:3px!important;box-shadow:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme][data-input-mode="pointer"] :is(a,button,[role="button"],[tabindex]):focus {outline:none!important;box-shadow:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme][data-input-mode="keyboard"] :is(a,button,[role="button"],[tabindex]):focus-visible {outline:2px solid var(--accent)!important;outline-offset:3px!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.dx-chat-sidebar,.dx-chat-head,.dx-chat-input-area,.dx-message-top-tabs,.dx-message-subtabs,.dx-message-row,.dx-bubble-other) {background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.dx-chat-main,.dx-chat-messages,.deal-chat-messages-container) {background:var(--surface-2)!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.dx-message-row.active,.dx-bubble-own) {background:var(--accent-soft)!important;color:var(--text)!important;border-color:transparent!important;box-shadow:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .dx-bubble-own :is(p,time,b) {color:var(--text)!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .dx-message-subtabs {border-bottom-color:transparent!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .auth-tabs {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;padding:4px!important;background:var(--surface-2)!important;border-radius:8px!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .auth-tabs button {min-width:0!important;width:100%!important;border-radius:8px!important;font-size:14px!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.google-auth-button,.telegram-auth-button) {min-height:48px!important;font-size:14px!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.top-actions .icon-button,.top-actions .top-action-icon,#themeToggle,.top-actions .profile-pill) {width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border-radius:8px!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .gx-nav-icon {position:relative!important;display:grid!important;place-items:center!important;flex:0 0 24px!important;width:24px!important;height:24px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;transform:none!important;animation:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .gx-nav-icon::before {content:none!important;display:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .gx-nav-icon::after {content:none!important;display:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .gx-nav-icon svg {display:block!important;width:24px!important;height:24px!important;stroke-width:1.75!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .gx-nav-icon img {width:24px!important;height:24px!important;object-fit:cover!important;border-radius:4px!important;}
@media (hover:hover) and (pointer:fine) {
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :where(.primary-button,.secondary-button,.ghost-button,.guest-login-btn,.guest-register-btn,.icon-button,.top-action-icon,.profile-pill,.wallet-pill,.nav-link,.dock-item,.dock-main,.chip,.segmented,.service-choice,.market-category,.mobile-service-tile,.mf-chip,.google-auth-button,.telegram-auth-button,.auth-tabs button,.dx-message-top-tabs button,.dx-message-subtabs button,.payment-methods button,.legal-nav-btn):hover {background:var(--surface-3)!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.primary-button,.guest-register-btn,.hero-catalog-btn,.dipx-pay-submit,.dipx-pay,.dipx-empty-btn):not(:disabled):hover {background:var(--primary-hover)!important;color:#fff!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.nav-link.active,.dock-item.active,.dock-main.active,.chip.active,.segmented.active,.service-choice.active,.market-category.active,.mobile-service-tile.active,.mf-chip.active,.legal-nav-btn.active,.auth-tabs button.active,.dx-message-top-tabs button.active,.dx-message-subtabs button.active,.payment-methods button.active):hover {background:var(--accent-soft)!important;color:var(--accent)!important;}
}
@media (max-width:760px) {
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .topbar {grid-template-columns:minmax(0,1fr) auto!important;padding:10px 12px!important;gap:8px!important;min-height:64px!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .top-actions {display:flex!important;gap:8px!important;align-items:center!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .brand-wrapper {min-width:0!important;gap:4px!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .brand {min-width:0!important;padding:0!important;gap:8px!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .brand-copy {min-width:0!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .brand-copy strong {font-size:16px!important;letter-spacing:0!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .brand-copy small {font-size:10px!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .brand-mark {display:grid!important;place-items:center!important;width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;border-radius:8px!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .bottom-dock {display:grid!important;position:fixed!important;inset:auto 0 0!important;width:100%!important;max-width:none!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important;gap:0!important;padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;transform:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .bottom-dock>button {display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0!important;width:100%!important;min-height:60px!important;height:60px!important;margin:0!important;padding:6px 2px!important;align-self:stretch!important;border:0!important;border-radius:8px!important;background:transparent!important;background-image:none!important;color:var(--muted)!important;box-shadow:none!important;transform:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .bottom-dock>button.active {background:var(--accent-soft)!important;color:var(--accent)!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .bottom-dock>button b {display:block!important;width:100%!important;max-width:none!important;font-size:14px!important;line-height:18px!important;font-weight:500!important;letter-spacing:-.3px!important;text-align:center!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .toolbar-controls {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .toolbar-controls>button {width:100%!important;min-width:0!important;min-height:44px!important;padding:10px 12px!important;display:inline-flex!important;justify-content:center!important;align-items:center!important;font-size:14px!important;white-space:normal!important;line-height:20px!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.quick-tabs,#categoryChips) {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.quick-tabs,#categoryChips)>.chip {min-width:0!important;width:100%!important;min-height:44px!important;padding:10px 12px!important;justify-content:center!important;font-size:14px!important;white-space:normal!important;line-height:20px!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.quick-tabs,#categoryChips)>.chip:last-child:nth-child(odd) {grid-column:1/-1!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .mobile-services-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:8px!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .mobile-service-tile {display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;min-height:72px!important;padding:12px!important;text-align:left!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .mobile-service-tile .tile-icon {flex:0 0 32px!important;width:32px!important;height:32px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .mobile-service-tile .tile-info {min-width:0!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .mobile-service-tile .tile-info :is(strong,small) {font-size:14px!important;line-height:20px!important;overflow:visible!important;white-space:normal!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .mobile-service-tile .tile-info small {color:var(--muted)!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .mobile-service-tile.filter-tile {grid-column:1/-1!important;justify-content:center!important;min-height:52px!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .mobile-service-tile.filter-tile .tile-info {display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .market-actions {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .market-actions>button {min-width:0!important;width:100%!important;min-height:48px!important;font-size:14px!important;white-space:normal!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .market-actions>button:last-child:nth-child(odd) {grid-column:1/-1!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .dx-message-top-tabs {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;padding:12px!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .dx-message-top-tabs button {min-width:0!important;width:100%!important;min-height:48px!important;padding:8px 4px!important;justify-content:center!important;gap:4px!important;font-size:14px!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .dx-message-subtabs {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr)) 44px!important;gap:8px!important;padding:8px 12px!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .dx-message-subtabs button {width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:8px!important;justify-content:center!important;font-size:14px!important;gap:4px!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .mobile-filter-actions {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .mobile-filter-actions>button {min-width:0!important;width:100%!important;min-height:44px!important;font-size:14px!important;}
}
@media (max-width:359px) {
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .dx-message-top-tabs {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .brand-wrapper .online-badge {font-size:12px!important;}
}
@media (prefers-reduced-motion:reduce) {
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] *, html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] *::before, html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] *::after {animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
}

/* Final integration: preserve desktop account labels and native states. */
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(a,button,[role="button"]) {-webkit-tap-highlight-color:transparent!important;}
@media(min-width:761px){html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] #profilePill {width:auto!important;max-width:220px!important;min-width:44px!important;padding:0 12px!important;}}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(#howDealDialog,#notifyPopover,#googleAuthButton) {background:var(--surface)!important;background-image:none!important;color:var(--text)!important;box-shadow:none!important;border-color:transparent!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] #mobileFilterApply:not(:disabled) {background:var(--primary)!important;color:#fff!important;box-shadow:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .podium-medal {display:none!important;}

/* Remove the remaining decorative gradients, not uploaded avatar images. */
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.profile-pill-avatar,.dx-message-avatar,.side-profile .avatar):not([style*="url("]) {background-color:var(--primary)!important;background-image:none!important;color:#fff!important;box-shadow:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .auth-visual {background:var(--surface)!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .market-header::before, html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .market-header::after, html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .hero-right-content::before, html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .hero-right-content::after, html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .auth-visual::before, html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .auth-visual::after {content:none!important;display:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] #messageList {background:var(--surface-2)!important;background-image:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] .dx-discount {background:var(--surface-2)!important;color:var(--danger)!important;border-color:transparent!important;box-shadow:none!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] #googleAuthButton {min-height:48px!important;font-size:14px!important;}
html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] :is(.product-card,.seo-catalog-card,.competitor-card,.fav-btn,.bg-icon-item,.dock-item span,.dock-main span,.auth-flow-card,.auth-benefits span,.instant-banner-icon,.online-dot) {transform:none!important;}
@media(min-width:761px){html:root body.gx-refined[data-theme][data-theme][data-theme][data-theme] #profilePill b {min-width:0!important;max-width:140px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}}

/* GRAM-X visual bug fixes, 2026-09-07.
 * Kept in the existing refinement stylesheet: no extra runtime dependency.
 * A named important layer wins over legacy, unlayered !important rules
 * without another round of ever-longer selectors. Business logic is unchanged.
 */
@layer gx-visual-fixes {
  body.gx-refined {
    --muted-2: #5d6878 !important;
    --control-border: #7b8799 !important;
    --success-soft: #e8f4ed !important;
    --danger-soft: #fcecef !important;
    --amber-soft: #fff3df !important;
    --badge-fill: #b72c42 !important;
    --popover-shadow: 0 8px 28px rgba(24, 35, 52, .14) !important;
  }
  body.gx-refined[data-theme="dim"] {
    --muted-2: #bac3d1 !important;
    --control-border: #8998ae !important;
    --success-soft: #233d32 !important;
    --danger-soft: #482d37 !important;
    --amber-soft: #3f3527 !important;
    --badge-fill: #b72c42 !important;
    --popover-shadow: 0 8px 28px rgba(0, 0, 0, .35) !important;
  }

  /* Restore boundaries only where there is a real surface or control. */
  body.gx-refined :is(.market-header, .sidebar, .product-card, .catalog-page-head,
    .seo-catalog-card, .product-main-card, .dx-product-section, .auth-card,
    .auth-visual, .profile-card, .dipx-profile-card, .dipx-create,
    .legal-content-card, .modal-content, .how-deal-dialog) {
    border: 1px solid var(--line) !important;
    border-radius: 12px !important;
    background-color: var(--surface) !important;
    color: var(--text) !important;
  }
  body.gx-refined :is(h1, h2, h3, strong, b) {
    -webkit-text-fill-color: currentColor !important;
  }
  body.gx-refined :is(.secondary-button, .ghost-button, .guest-login-btn,
    .google-auth-button, .telegram-auth-button, .chip, .segmented,
    .service-choice, .mf-chip, .mobile-service-tile, .mobile-filter-toggle,
    .payment-methods button) {
    border: 1px solid var(--control-border) !important;
    border-radius: 8px !important;
  }
  body.gx-refined :is(.primary-button, .guest-register-btn):not(:disabled) {
    border: 1px solid var(--primary) !important;
    border-radius: 8px !important;
  }
  body.gx-refined :is(.chip, .segmented, .service-choice, .mf-chip,
    .mobile-service-tile, .payment-methods button).active {
    border-color: var(--accent) !important;
    background: var(--accent-soft) !important;
    color: var(--accent) !important;
    font-weight: 700 !important;
  }
  body.gx-refined :is(input, textarea, select) {
    border-color: var(--control-border) !important;
  }
  body.gx-refined :is(input, textarea, select):focus {
    border-color: var(--accent) !important;
  }
  body.gx-refined :is(button, input, select, textarea):disabled {
    cursor: not-allowed !important;
    opacity: 1 !important;
    color: var(--muted) !important;
    background-color: var(--surface-3) !important;
    border-color: var(--line-strong) !important;
    box-shadow: none !important;
  }
  body.gx-refined :is(.secondary-button, .ghost-button, .guest-login-btn):hover:not(:disabled) {
    border-color: var(--accent) !important;
  }

  /* A card has one shell, not three independently rounded rectangles. */
  body.gx-refined .product-card { overflow: hidden !important; }
  body.gx-refined .product-card-body {
    background: var(--surface) !important;
    border-radius: 0 !important;
  }
  body.gx-refined .product-art {
    background: var(--surface-2) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--line) !important;
    border-radius: 0 !important;
  }
  body.gx-refined .product-seller-row {
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid var(--line) !important;
    border-radius: 0 !important;
  }
  body.gx-refined .fav-btn {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border: 1px solid var(--control-border) !important;
    border-radius: 8px !important;
    background: var(--surface) !important;
    color: var(--muted) !important;
  }
  body.gx-refined .fav-btn.fav-active {
    background: var(--danger-soft) !important;
    color: var(--danger) !important;
    border-color: var(--danger) !important;
  }
  body.gx-refined .ps-star { color: var(--amber) !important; }
  body.gx-refined .badge.green {
    color: var(--success) !important;
    background: var(--success-soft) !important;
    border-color: var(--success) !important;
  }
  body.gx-refined .badge.amber {
    color: var(--amber) !important;
    background: var(--amber-soft) !important;
    border-color: var(--amber) !important;
  }
  body.gx-refined .dx-discount {
    color: var(--danger) !important;
    background: var(--danger-soft) !important;
  }
  body.gx-refined :is(.balance-warning-box, .auth-error) {
    color: var(--danger) !important;
    background: var(--danger-soft) !important;
    border-color: var(--danger) !important;
  }
  body.gx-refined .balance-warning-box.success {
    color: var(--success) !important;
    background: var(--success-soft) !important;
    border-color: var(--success) !important;
  }
  body.gx-refined :is(.seo-market-copy p, .dx-top-specs small,
    .dx-quantity-row small, .dx-price-block small, .dx-secure-note) {
    color: var(--muted) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  body.gx-refined .seo-market-copy h2 { color: var(--text) !important; }
  body.gx-refined .site-footer {
    background: var(--surface) !important;
    border: 1px solid var(--line) !important;
    border-radius: 12px !important;
  }

  body.gx-refined .mini-checks span {
    background: var(--surface-3) !important;
    color: var(--muted) !important;
    border-color: var(--line) !important;
  }
  body.gx-refined .product-category-row > b { color: var(--muted) !important; }
  body.gx-refined .seo-product-avatar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 32px !important;
    height: 32px !important;
    overflow: hidden !important;
    background: var(--primary) !important;
    color: #fff !important;
    border-radius: 8px !important;
  }
  body.gx-refined .seo-product-avatar img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* Notifications were light cards with near-white text in the dark theme. */
  body.gx-refined #notifyBadge {
    background: var(--badge-fill) !important;
    color: #fff !important;
    border: 2px solid var(--surface) !important;
    min-width: 20px !important;
    height: 20px !important;
    line-height: 16px !important;
    border-radius: 8px !important;
  }
  body.gx-refined #notifyPopover {
    width: 360px !important;
    max-width: calc(100vw - 32px) !important;
    background: var(--surface) !important;
    color: var(--text) !important;
    border: 1px solid var(--line-strong) !important;
    border-radius: 12px !important;
    box-shadow: var(--popover-shadow) !important;
    padding: 12px !important;
    max-height: calc(100dvh - 100px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
  }
  body.gx-refined :is(.notify-row, .notify-row-item) {
    background: var(--surface-2) !important;
    color: var(--text) !important;
    border: 1px solid var(--line) !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  body.gx-refined .notify-row-item {
    padding: 12px 48px 12px 12px !important;
    overflow-wrap: anywhere !important;
  }
  body.gx-refined .notify-row-item > div {
    padding-right: 0 !important;
    font-size: 14px !important;
  }
  body.gx-refined .notify-dismiss {
    top: 2px !important;
    right: 2px !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    color: var(--muted) !important;
    font-size: 20px !important;
    border-radius: 8px !important;
  }
  body.gx-refined #clearNotifications {
    min-height: 44px !important;
    font-size: 14px !important;
    color: var(--accent) !important;
  }
  body.gx-refined .notify-head {
    gap: 8px !important;
    flex-wrap: wrap !important;
  }

  /* Keep login and account controls mutually exclusive at every breakpoint. */
  body.gx-refined.is-registered #authGuestActions { display: none !important; }
  body.gx-refined .brand-copy { display: grid !important; }
  body.gx-refined .gx-reset-link {
    color: var(--accent) !important;
    min-height: 44px !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
  }
  body.gx-refined .auth-brand {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
  }
  body.gx-refined .auth-brand > span { flex-basis: 100% !important; }
  body.gx-refined :is(#googleAuthButton, #telegramAuthButton) {
    background: var(--surface-2) !important;
    color: var(--text) !important;
    border: 1px solid var(--control-border) !important;
    border-radius: 8px !important;
    margin: 8px 0 !important;
  }
  body.gx-refined .auth-form input {
    font-size: 16px !important;
    min-height: 48px !important;
  }
  body.gx-refined .legal-nav-btn.active .legal-nav-icon {
    background: var(--accent-soft) !important;
    color: var(--accent) !important;
  }
  body.gx-refined #createPreviewArt {
    background-color: var(--surface-2) !important;
    color: var(--muted) !important;
  }

  /* Consistent chat tab sizing; the old four-column labels did not fit. */
  body.gx-refined .dx-chat-layout {
    border-radius: 0 !important;
    border-color: var(--line) !important;
  }
  body.gx-refined .dx-message-top-tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 12px !important;
  }
  body.gx-refined .dx-message-top-tabs button {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 8px !important;
    font-size: 14px !important;
  }
  body.gx-refined .dx-message-subtabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) 44px !important;
    gap: 8px !important;
    padding: 8px 12px !important;
    border-bottom: 1px solid var(--line) !important;
  }
  body.gx-refined .dx-message-subtabs button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 8px 4px !important;
    font-size: 14px !important;
  }
  body.gx-refined .dx-chat-input-area button {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }
  body.gx-refined :is(.mobile-filter-head, .mobile-filter-actions) {
    background: var(--surface) !important;
    border-color: var(--line) !important;
  }
  body.gx-refined .mobile-filter-panel { border-radius: 16px 16px 0 0 !important; }

  /* Do not let flex-start shrink seller/recommendation panels to their text. */
  body.gx-refined .dx-product-page > * {
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  body.gx-refined .dx-product-visual {
    background: var(--surface-2) !important;
    border-radius: 8px !important;
  }
  body.gx-refined .dx-product-section :is(.seller-detail, .reviews-box) {
    border-radius: 0 !important;
    background: transparent !important;
  }
  @media (min-width: 761px) {
    body.gx-refined:not(.is-registered) #profilePill { display: none !important; }
    body.gx-refined:not(.is-registered) #authGuestActions { display: flex !important; }
    body.gx-refined.is-registered #profilePill { display: inline-flex !important; }
    body.gx-refined .dx-product-page {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) minmax(260px, 320px) !important;
      gap: 16px !important;
      align-items: start !important;
    }
    body.gx-refined .dx-product-page > .dx-product-main {
      grid-column: 1 !important;
      grid-row: 1 / span 2 !important;
    }
    body.gx-refined .dx-product-page > .seller-page-card {
      grid-column: 2 !important;
      grid-row: 1 !important;
    }
    body.gx-refined .dx-product-page > .dx-similar-section {
      grid-column: 2 !important;
      grid-row: 2 !important;
    }
  }
  @media (max-width: 1100px) and (min-width: 761px) {
    body.gx-refined .topbar {
      grid-template-columns: auto minmax(0, 1fr) auto !important;
      gap: 12px !important;
    }
    body.gx-refined .topbar .command-search { min-width: 0 !important; }
    body.gx-refined .topbar .desktop-nav {
      grid-row: 2 !important;
      grid-column: 1 / -1 !important;
      justify-content: center !important;
      padding-bottom: 8px !important;
    }
  }
  @media (max-width: 760px) {
    body.gx-refined #authGuestActions { display: none !important; }
    body.gx-refined #profilePill { display: inline-flex !important; }
    body.gx-refined .brand-copy small { display: none !important; }
    body.gx-refined #notifyPopover {
      position: fixed !important;
      top: 73px !important;
      left: 12px !important;
      right: 12px !important;
      width: auto !important;
      max-width: none !important;
      max-height: calc(100dvh - 170px - env(safe-area-inset-bottom)) !important;
      transform: none !important;
    }
    body.gx-refined .market-actions { display: flex !important; flex-wrap: wrap !important; }
    body.gx-refined .market-actions > .hero-catalog-btn { width: 100% !important; flex: 1 1 100% !important; }
    body.gx-refined .dx-product-page {
      display: flex !important;
      flex-direction: column !important;
      align-items: stretch !important;
      gap: 16px !important;
    }
    body.gx-refined .dx-product-page > * {
      margin: 0 !important;
      grid-column: auto !important;
      grid-row: auto !important;
    }
    body.gx-refined .mobile-search-bar input { min-width: 0 !important; font-size: 16px !important; }
    body.gx-refined .mobile-filter-toggle { width: 44px !important; height: 44px !important; flex: 0 0 44px !important; }
  }
}
}

/* UI-ITEM: product photo gallery (multi-image products) — unlayered, new classes only */
.dx-product-visual { display: grid; }
.dx-product-visual .dx-gallery-thumbs {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 2px;
  margin: 0;
  scrollbar-width: thin;
  z-index: 2;
}
.dx-product-visual .dx-gallery-thumb {
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  padding: 0;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  background: var(--surface-2, #f0f2f6);
  cursor: pointer;
  overflow: hidden;
  transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}
.dx-product-visual .dx-gallery-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  display: block;
  filter: none;
}
.dx-product-visual .dx-gallery-thumb:hover { transform: translateY(-2px); border-color: rgba(255, 255, 255, 0.9); }
.dx-product-visual .dx-gallery-thumb.active {
  border-color: var(--purple, #059669);
  box-shadow: 0 2px 10px rgba(5, 150, 105, 0.45);
}
.dx-product-visual .dx-gallery-thumb:focus-visible {
  outline: 2px solid var(--purple, #059669);
  outline-offset: 2px;
}
@media (max-width: 760px) {
  .dx-product-visual .dx-gallery-thumb { width: 46px; height: 46px; border-radius: 8px; }
  .dx-product-visual .dx-gallery-thumb img { border-radius: 4px; }
}
/* UI-CART: длинные суммы/цены/сток не должны вываливаться из блоков чекаута */
.gx-product-checkout { min-width: 0; }
.gx-product-checkout .deal-economy strong,
.gx-product-checkout .dx-price-block strong,
.gx-product-checkout .dx-quantity-row small,
.gx-product-checkout .dx-stock-line,
.gx-product-checkout .balance-warning-box {
  overflow-wrap: anywhere;
  min-width: 0;
}
/* GAP-PAGINATION: кнопка «Показать ещё» в конце каталога */
.product-grid .catalog-load-more {
  grid-column: 1 / -1;
  justify-self: center;
  min-height: 48px;
  padding: 12px 28px;
  border-radius: 12px;
  border: 1px solid var(--border, rgba(148, 163, 184, 0.25));
  background: var(--card, rgba(30, 41, 59, 0.55));
  color: inherit;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, transform 0.15s ease;
}
.product-grid .catalog-load-more:hover {
  border-color: var(--purple, #059669);
  background: var(--card-hover, rgba(30, 41, 59, 0.8));
}
.product-grid .catalog-load-more:focus-visible {
  outline: 2px solid var(--purple, #059669);
  outline-offset: 2px;
}
.product-grid .catalog-load-more:disabled,
.product-grid .catalog-load-more.loading {
  opacity: 0.6;
  cursor: progress;
}
