/* STD page — Sales Tracker Details (/sales-tracker-details) */

.add-popup {
        position: fixed !important;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100% !important;
        height: 100% !important;
    }

    tr:hover {
        background-color: #f4f4f4 !important;
    }
    

            .engagement-overview {
                padding: 34px;
                background-color: #fff;
                border-radius: 8px;
                min-width: 0;
                max-width: 100%;
                box-sizing: border-box;
            }

            .engagement-content {
                padding: 0;
                /* Removed extra padding since parent has padding */
                display: none;
            }

            .engagement-title {
                font-size: 1.5rem;
                font-weight: 700;
                color: #111827;
            }

            .engagement-subtitle {
                font-size: 0.875rem;
                /* Smaller subtitle */
                font-weight: 500;
                color: #6B7280;
                margin-bottom: 24px;
                /* Increased space below subtitle */
            }

            .engagement-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 24px;
                /* Reduced gap */
                margin: 0;
                /* Removed margin since parent has padding */
            }

            .engagement-item {
                display: flex;
                align-items: center;
                padding: 16px;
                /* Added padding */
                border-radius: 8px;
                transition: background-color 0.2s;
            }

            .engagement-item:hover {
                background-color: #F9FAFB;
                /* Light hover effect */
            }

            .icon-wrapper {
                margin-right: 16px;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 40px;
                height: 40px;
                background-color: #F3F4F6;
                border-radius: 8px;
            }

            .icon-wrapper svg {
                width: 20px;
                /* Smaller icons */
                height: 20px;
                color: #4B5563;
                /* Slightly darker gray */
            }

            .stat-wrapper {
                display: flex;
                flex-direction: column;
                /* Stack title and value */
                gap: 4px;
                width: 100%;
            }

            .stat-title {
                font-size: 0.875rem;
                /* Smaller title */
                color: #6B7280;
                font-weight: 500;
                margin: 0;
            }

            .stat-value {
                font-size: 1.125rem;
                /* Slightly larger value */
                font-weight: 600;
                color: #111827;
                /* Darker text */
                margin: 0;
            }

            /* Responsive adjustments */
            @media screen and (max-width: 768px) {
                .engagement-grid {
                    grid-template-columns: repeat(2, 1fr);
                    /* 2 columns on tablet */
                    gap: 16px;
                }
            }

            @media screen and (max-width: 480px) {
                .engagement-grid {
                    grid-template-columns: 1fr;
                    /* 1 column on mobile */
                }

                .std-geo-eng-combined {
                    padding: 20px;
                }
            }
            

            .visitors-overview {
                padding: 34px;
                background-color: #fff;
                border-radius: 8px;
            }

            .visitors-content {
                padding: 0;
                display: none;
            }

            .visitors-title {
                font-size: 1.5rem;
                font-weight: 700;
                color: #111827;
            }

            .visitors-header-row {
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
                gap: 12px;
                margin-bottom: 12px;
                flex-wrap: wrap;
            }

            .std-vis-traffic-title-row {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 12px;
                flex: 1;
                min-width: 0;
            }

            /* Vertical rhythm between KPI tiles, charts, and products/tech rows */
            .std-store-hero-body {
                display: flex;
                flex-direction: column;
                gap: 12px;
            }

            .std-vis-geo-block {
                display: flex;
                flex-direction: column;
                gap: 10px;
                min-width: 0;
                overflow: visible;
            }

            .std-vis-geo-country-heading {
                font-size: 0.6875rem;
                font-weight: 600;
                color: #000000;
                text-transform: uppercase;
                letter-spacing: 0.04em;
                margin: 0 0 2px;
            }

            .std-vis-geo-country-wrap {
                margin-top: 12px;
                padding: 10px 12px;
                background: #f3f5f7;
                border: 1px solid #e7ebf0;
                border-radius: 10px;
                overflow: visible;
            }

            .std-vis-geo-country-wrap .std-vis-geo-country-line {
                margin-top: 8px;
            }

            .visitors-graph {
                width: 100%;
                height: 196px;
                padding-top: 4px;
                box-sizing: border-box;
            }

            .std-visitors-amchart {
                width: 100%;
                height: 100%;
                min-height: 160px;
            }

            /* Scoped overrides live under .std-v3-split--vis-geo above */

            .visitors-content .visitors-title {
                margin-bottom: 0;
            }

            .visitors-current-card {
                display: flex;
                flex-direction: column;
                gap: 3px;
                padding: 4px 0 10px;
            }

            .visitors-current-value {
                display: flex;
                align-items: center;
                gap: 8px;
                color: #18181b;
                font-size: 30px;
                font-weight: 800;
                letter-spacing: -0.03em;
                line-height: 1;
            }

            .std-metric-labeled {
                display: inline-flex;
                align-items: center;
                gap: 6px;
            }

            .std-metric-icon {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                flex-shrink: 0;
                line-height: 1;
            }

            .std-metric-icon--emoji {
                font-size: 0.92em;
            }

            .std-metric-icon--img {
                width: 16px;
                height: 16px;
                object-fit: contain;
                opacity: 0.92;
            }

            .visitors-current-value .std-metric-icon--emoji {
                font-size: 22px;
            }

            .visitors-current-value .std-metric-icon--img {
                width: 22px;
                height: 22px;
            }

            .std-v3-kpi-label.std-metric-labeled .std-metric-icon--emoji {
                font-size: 12px;
            }

            .visitors-current-revenue {
                color: #18181b;
                font-size: 24px;
                font-weight: 800;
                letter-spacing: 0;
                line-height: 1;
                white-space: nowrap;
            }

            .visitors-current-dot {
                width: 5px;
                height: 5px;
                border-radius: 999px;
                background: #a1a1aa;
                transform: translateY(-4px);
                flex-shrink: 0;
            }

            .visitors-current-change {
                color: #16a34a;
                font-size: 13px;
                font-weight: 800;
                letter-spacing: 0;
                white-space: nowrap;
            }

            .visitors-current-change--down {
                color: #dc2626;
            }

            .visitors-current-label {
                color: #71717a;
                font-size: 11px;
                font-weight: 600;
            }

            .visitors-current-meta-row {
                display: flex;
                align-items: center;
                gap: 8px;
                flex-wrap: wrap;
            }

            .visitors-est-revenue-inline {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                color: #3f3f46;
                font-size: 11px;
                font-weight: 600;
            }

            .visitors-est-revenue-inline-dot {
                width: 5px;
                height: 5px;
                border-radius: 999px;
                background: #a1a1aa;
                flex-shrink: 0;
            }

            .visitors-est-revenue-daily {
                margin-top: 2px;
                color: #9ca3af;
                font-size: 11px;
                font-weight: 500;
            }

            .visitors-chart-explainer {
                margin-top: 8px;
                font-size: 12px;
                line-height: 1.4;
                color: #52525b;
            }

            .visitors-chart-stats {
                display: flex;
                flex-wrap: wrap;
                gap: 6px;
                margin-top: 8px;
            }

            .visitors-chart-stat {
                display: inline-flex;
                align-items: center;
                gap: 4px;
                padding: 3px 8px;
                border: 1px solid #e7ebf0;
                border-radius: 999px;
                background: #f1f4f7;
                color: #667085;
                font-size: 11px;
                line-height: 1.25;
                white-space: nowrap;
            }

            .visitors-chart-stat strong {
                color: #3f3f46;
                font-weight: 700;
            }

            .visitors-chart-stat--good {
                border-color: #d1f0db;
                background: #ecfdf3;
                color: #15803d;
            }

            .visitors-chart-stat--good strong {
                color: #166534;
            }

            .visitors-chart-stat--bad {
                border-color: #f4d3d3;
                background: #fef3f3;
                color: #b91c1c;
            }

            .visitors-chart-stat--bad strong {
                color: #991b1b;
            }

            .visitors-country-label {
                font-size: 11px;
                color: #000000;
                margin-top: 10px;
            }

            .std-active-ads-country-panel,
            .visitors-ad-countries-group {
                display: none;
                margin-top: 12px;
                padding: 10px 12px;
                background: #f3f5f7;
                border: 1px solid #e7ebf0;
                border-radius: 10px;
                overflow: visible;
            }

            .std-active-ads-country-panel .visitors-country-shares--inline,
            .visitors-ad-countries-group .visitors-country-shares--inline {
                margin-top: 0;
                justify-content: flex-start;
            }

            .visitors-country-shares--inline {
                margin-top: 6px;
                justify-content: flex-end;
            }

            .visitors-country-shares {
                margin-top: 10px;
                display: flex;
                justify-content: flex-start;
                gap: 12px;
                align-items: center;
                flex-wrap: wrap;
            }

            .visitors-country-item {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                font-size: 0.875rem;
                color: #0f172a;
                font-weight: 600;
            }

            .visitors-country-flag {
                width: 18px;
                height: 18px;
                border-radius: 9999px;
                object-fit: cover;
                border: 1px solid #dbeafe;
            }

            .std-vis-geo-country-wrap .visitors-country-flag,
            .std-active-ads-country-panel .visitors-country-flag,
            #std-vis-geo-country-line .visitors-country-flag,
            #ads-country-distribution .visitors-country-flag,
            #ads-reach-country-distribution .visitors-country-flag {
                width: 13px;
                height: 13px;
                border-width: 1px;
            }

            .std-vis-geo-country-wrap .visitors-country-item,
            .std-active-ads-country-panel .visitors-country-item,
            #std-vis-geo-country-line .visitors-country-item,
            #ads-country-distribution .visitors-country-item,
            #ads-reach-country-distribution .visitors-country-item {
                gap: 3px;
                font-size: 0.6875rem;
                line-height: 1;
                flex-shrink: 0;
            }

            .std-vis-geo-country-wrap .visitors-country-pct,
            .std-active-ads-country-panel .visitors-country-pct,
            #std-vis-geo-country-line .visitors-country-pct,
            #ads-country-distribution .visitors-country-pct,
            #ads-reach-country-distribution .visitors-country-pct {
                font-size: 0.6875rem;
                font-weight: 600;
                font-variant-numeric: tabular-nums;
                letter-spacing: -0.01em;
            }

            /* Outer line stays overflow:visible; scroll lives on the inner wrapper only */
            .std-vis-geo-country-wrap .visitors-country-shares,
            .std-active-ads-country-panel .visitors-country-shares,
            #std-vis-geo-country-line.visitors-country-shares,
            #ads-country-distribution,
            #ads-reach-country-distribution {
                overflow: visible;
                flex-wrap: nowrap;
                gap: 6px;
                position: relative;
                z-index: 3;
            }

            .visitors-country-shares-scroll {
                display: flex;
                flex-wrap: nowrap;
                align-items: center;
                gap: 6px;
                min-width: 0;
                width: 100%;
                overflow-x: auto;
                overflow-y: hidden;
                scrollbar-width: none;
                -ms-overflow-style: none;
            }

            .visitors-country-shares-scroll::-webkit-scrollbar {
                display: none;
            }

            /* Active ads by country: wrap pills on multiple lines instead of horizontal scroll */
            .std-active-ads-country-panel #ads-country-distribution,
            .std-active-ads-country-panel #ads-reach-country-distribution {
                flex-wrap: wrap;
            }

            .std-active-ads-country-panel .visitors-country-shares-scroll {
                flex-wrap: wrap;
                overflow: visible;
                row-gap: 6px;
            }

            .std-country-distribution-cols {
                display: flex;
                flex-wrap: wrap;
                gap: 14px 24px;
                align-items: flex-start;
            }

            .std-country-distribution-col {
                flex: 1 1 0;
                min-width: 0;
                overflow: visible;
            }

            .std-country-distribution-col .std-vis-geo-country-heading {
                margin-bottom: 4px;
            }

            .std-vis-geo-country-line {
                position: relative;
            }

            .visitors-country-popup {
                position: absolute;
                left: 0;
                top: calc(100% + 8px);
                min-width: 220px;
                max-width: 320px;
                padding: 8px;
                background: #ffffff;
                border: 1px solid #e2e8f0;
                border-radius: 10px;
                box-shadow: 0 10px 28px rgba(15, 23, 42, 0.16);
                display: flex;
                flex-direction: column;
                gap: 4px;
                opacity: 0;
                visibility: hidden;
                transform: translateY(-4px);
                transition: opacity 0.12s ease, transform 0.12s ease, visibility 0.12s ease;
                pointer-events: none;
                z-index: 120;
            }

            /* Invisible bridge so moving from pills into the popup does not drop hover */
            .visitors-country-popup::before {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                bottom: 100%;
                height: 12px;
            }

            .visitors-country-popup::after {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 18px;
                border: 6px solid transparent;
                border-bottom-color: #ffffff;
                filter: drop-shadow(0 -1px 0 #e2e8f0);
            }

            .std-vis-geo-country-wrap:hover .visitors-country-popup,
            .std-vis-geo-country-line:hover .visitors-country-popup,
            .std-vis-geo-country-line:focus-within .visitors-country-popup,
            .std-vis-geo-country-line.is-country-hover .visitors-country-popup,
            .visitors-country-shares-scroll:hover + .visitors-country-popup,
            .visitors-country-popup:hover,
            #ads-country-distribution:hover .visitors-country-popup,
            #ads-country-distribution:focus-within .visitors-country-popup,
            #ads-country-distribution.is-country-hover .visitors-country-popup,
            #ads-reach-country-distribution:hover .visitors-country-popup,
            #ads-reach-country-distribution:focus-within .visitors-country-popup,
            #ads-reach-country-distribution.is-country-hover .visitors-country-popup {
                opacity: 1;
                visibility: visible;
                transform: translateY(0);
                pointer-events: auto;
            }

            #ads-country-distribution,
            #ads-reach-country-distribution {
                position: relative;
            }

            .std-vis-geo-country-wrap .visitors-country-popup-flag,
            .std-active-ads-country-panel .visitors-country-popup-flag {
                width: 12px;
                height: 12px;
            }


            .std-active-ads-country-panel .visitors-country-popup {
                max-height: min(360px, 60vh);
                overflow-y: auto;
                overscroll-behavior: contain;
            }

            .std-active-ads-country-panel .visitors-country-popup.visitors-country-popup--multi-col {
                display: grid;
                grid-template-columns: repeat(2, minmax(148px, 1fr));
                gap: 2px 20px;
                max-width: min(420px, 92vw);
                min-width: 300px;
                max-height: min(360px, 60vh);
                overflow-x: hidden;
                overflow-y: auto;
                overscroll-behavior: contain;
                padding: 10px 12px;
            }

            .std-active-ads-country-panel .visitors-country-popup.visitors-country-popup--multi-col .visitors-country-popup-row {
                display: grid;
                grid-template-columns: 14px minmax(0, 1fr);
                grid-template-rows: auto auto;
                column-gap: 7px;
                row-gap: 2px;
                align-items: start;
                padding: 5px 0;
                min-height: 38px;
                font-size: 0.75rem;
            }

            .std-active-ads-country-panel .visitors-country-popup.visitors-country-popup--multi-col .visitors-country-popup-flag {
                grid-row: 1 / -1;
                align-self: center;
            }

            .std-active-ads-country-panel .visitors-country-popup.visitors-country-popup--multi-col .visitors-country-popup-name {
                grid-column: 2;
                font-size: 0.75rem;
                min-width: 0;
            }

            .std-active-ads-country-panel .visitors-country-popup.visitors-country-popup--multi-col .visitors-country-popup-pct {
                grid-column: 2;
                margin-left: 0;
                font-size: 0.6875rem;
                white-space: nowrap;
            }

            .visitors-country-item--more {
                color: #64748b;
                font-weight: 600;
                cursor: default;
            }

            .visitors-country-popup-row {
                display: flex;
                align-items: center;
                gap: 8px;
                font-size: 0.8125rem;
                line-height: 1.2;
            }

            .visitors-country-popup-flag {
                width: 16px;
                height: 16px;
                border-radius: 9999px;
                object-fit: cover;
                border: 1px solid #dbeafe;
                flex-shrink: 0;
            }

            .visitors-country-popup-name {
                color: #0f172a;
                font-weight: 600;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .visitors-country-popup-pct {
                margin-left: auto;
                color: #475569;
                font-weight: 700;
                font-variant-numeric: tabular-nums;
            }

            .geography-overview {
                padding: 34px;
                background-color: #f7f9fb;
                border-radius: 8px;
                min-width: 0;
                max-width: 100%;
                box-sizing: border-box;
            }

            .geography-content {
                padding: 0;
                display: none;
                min-width: 0;
                max-width: 100%;
                overflow-x: hidden;
            }

            .geography-title {
                font-size: 1.5rem;
                font-weight: 700;
                color: #111827;
            }

            .geography-subtitle {
                font-size: 0.875rem;
                font-weight: 500;
                margin-bottom: 24px;
                color: #6B7280;
            }

            .std-geo-eng-combined {
                padding: 34px;
                min-width: 0;
                max-width: 100%;
                overflow-x: hidden;
                box-sizing: border-box;
            }

            .std-geo-eng-row {
                display: grid;
                grid-template-columns: minmax(280px, 1fr) minmax(0, 1.45fr);
                gap: 32px;
                align-items: start;
                min-width: 0;
            }

            .std-geo-eng-combined .geography-overview,
            .std-geo-eng-combined .engagement-overview {
                padding: 0;
                background: transparent;
                border-radius: 0;
            }

            .std-geo-eng-combined .geography-grid {
                margin: 16px 0 0;
            }

            /* Single-row metrics: five equal columns (overrides legacy 2-col) */
            .std-geo-eng-combined .engagement-grid {
                grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
            }

            .geography-grid {
                display: grid;
                grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
                gap: 24px;
                margin: 16px 0;
                min-width: 0;
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
            }

            .map-container {
                background: #f7f9fb;
                border-radius: 8px;
                width: 100%;
                min-height: 240px;
                overflow: hidden;
            }

            .country-list {
                padding: 16px;
                height: 100%;
                /* Take full height */
                display: flex;
                flex-direction: column;
                width: 100%;
                min-width: 0;
                max-width: 100%;
                box-sizing: border-box;
            }

            .country-table {
                width: 100%;
                border-collapse: collapse;
                height: 100%;
                /* Take full height */
            }

            .country-table th {
                text-align: left;
                padding: 16px;
                /* Increased padding */
                font-size: 12px;
                font-weight: 600;
                color: #6b7280;
                border-bottom: 1px solid #e5e7eb;
                font-size: 18px;
                font-weight: 700;
            }

            .country-table td {
                padding: 12px 24px;
            }



            .country-table tr {
                padding: 12px;
            }

            .country-item {
                display: flex;
                align-items: center;
                padding: 12px;
                /* Increased padding */
                border-bottom: 1px solid #e5e7eb;
            }

            .country-info {
                display: flex;
                align-items: center;
                gap: 12px;
                flex: 1;
            }

            .country-rank {
                font-size: 14px;
                font-weight: 600;
                color: #6b7280;
                width: 24px;
            }

            .country-name {
                font-size: 14px;
                font-weight: 500;
            }

            .country-stats {
                display: flex;
                align-items: center;
                gap: 12px;
                min-width: 140px;
            }

            .percentage-bar-wrapper {
                flex: 1;
                height: 4px;
                background-color: #e5e7eb;
                border-radius: 0;
                /* Removed border radius */
            }

            .percentage-bar {
                height: 100%;
                background-color: #2563eb;
                border-radius: 0;
                /* Removed border radius */
                transition: width 0.3s ease;
            }

            .country-value {
                font-size: 14px;
                font-weight: 600;
                color: #2563eb;
                min-width: 60px;
                text-align: right;
            }

            .country-flag {
                width: 20px;
                height: 15px;
                object-fit: cover;
                border-radius: 2px;
                margin-right: 8px;
            }

            .country-name-wrapper {
                display: flex;
                align-items: center;
            }



            /* Add media query for responsive layout */
            @media screen and (max-width: 991px) {
                .std-geo-eng-combined {
                    padding: 24px 16px;
                }

                .std-geo-eng-row {
                    grid-template-columns: 1fr;
                    gap: 28px;
                }

                .geography-grid {
                    grid-template-columns: 1fr;
                    /* Stack items vertically */
                    gap: 32px;
                    /* Increase gap between stacked items */
                    margin: 16px 0;
                }

                .country-table td {
                    padding: 6px 2px;
                }

                .country-table tr {
                    padding: 6px;
                }

                .map-container {
                    width: 100%;
                }

                .country-list {
                    padding: 0;
                    width: 100%;
                }
            }

            /* Ensure table remains scrollable on mobile if needed */
            @media screen and (max-width: 479px) {
                .country-table {
                    font-size: 13px;
                    /* Slightly reduce font size */
                }

                .country-table td {
                    padding: 6px 2px;
                }

                .country-table th,
                .country-item {
                    padding: 12px;
                    /* Reduce padding slightly */
                }
            }
            

            /* Skeleton loaders — hero shimmer (matches active ads / explore shops) */
            .skeleton-loader,
            .std-visitors-skel-block {
                background: linear-gradient(90deg, #f1f5f9 0%, #e8edf3 45%, #f8fafc 55%, #f1f5f9 100%);
                background-size: 200% 100%;
                animation: std-hero-shimmer 1.35s ease-in-out infinite;
                border-radius: 6px;
                border: none;
            }

            .skeleton-map {
                width: 100%;
                height: 400px;
            }

            .engagement-skeleton {
                padding: 24px;
            }

            .engagement-stat-skeleton {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 36px;
                margin: 16px 0;
            }

            .stat-skeleton-item {
                height: 80px;
                margin-bottom: 16px;
            }

            .empty-data-container {
                padding: 16px;
                display: none;
            }

            .empty-data-container .ali-empty-description {
                font-size: 14px;
                font-weight: 500;
            }

            .title-bar {
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                margin-bottom: 0.25rem;
                padding: 0.75rem 0;
                gap: 12px;
            }

            .title-bar-right {
                flex-shrink: 0;
                min-width: 0;
                max-width: 100%;
                padding-top: 2px;
            }

            .std-title-bar-actions {
                display: flex;
                align-items: flex-start;
                justify-content: flex-end;
            }

            .std-adlibrary-menu {
                position: relative;
                display: inline-flex;
            }

            .std-adlibrary-menu-toggle {
                cursor: pointer;
                font-family: inherit;
                appearance: none;
                -webkit-appearance: none;
                margin: 0;
                white-space: nowrap;
            }

            .std-adlibrary-menu-toggle svg {
                width: 12px;
                height: 12px;
                flex-shrink: 0;
                transition: transform 0.15s ease;
            }

            .std-adlibrary-menu.is-open .std-adlibrary-menu-toggle svg {
                transform: rotate(180deg);
            }

            .std-adlibrary-menu-panel {
                position: absolute;
                right: 0;
                top: calc(100% + 6px);
                z-index: 90;
                display: none;
                min-width: 220px;
                padding: 6px;
                border-radius: 10px;
                border: 1px solid #e2e8f0;
                background: #fff;
                box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14);
            }

            .std-adlibrary-menu.is-open .std-adlibrary-menu-panel {
                display: block;
            }

            .std-adlibrary-menu-item {
                display: flex;
                align-items: center;
                gap: 8px;
                padding: 8px 10px;
                border-radius: 8px;
                color: #374151;
                font-size: 0.75rem;
                font-weight: 600;
                text-decoration: none !important;
                line-height: 1.2;
                white-space: nowrap;
            }

            .std-adlibrary-menu-item:hover {
                background: #f3f4f6;
                color: #111827;
            }

            .std-adlibrary-menu-item img,
            .std-adlibrary-menu-item svg {
                width: 14px;
                height: 14px;
                flex-shrink: 0;
            }
            

            /* --- Data accuracy modal --- */
            .accuracy-modal-title {
                font-size: 1.125rem;
                font-weight: 600;
                color: #111827;
            }
            .accuracy-modal-close {
                color: #9ca3af;
                transition: color 0.15s ease;
            }
            .accuracy-modal-close:hover {
                color: #4b5563;
            }
            .accuracy-modal-body {
                font-size: 0.875rem;
                line-height: 1.6;
                color: #4b5563;
            }
            .accuracy-modal-body p {
                margin-bottom: 1rem;
            }
            .accuracy-modal-body p:last-child {
                margin-bottom: 0;
            }
            .accuracy-modal-body b {
                color: #1a202c;
                font-weight: 600;
            }

            .accuracy-info-btn {
                font-size: 0.625rem;
                color: #6B7280;
                padding: 0.5rem 0.75rem;
                border-radius: 0.375rem;
                border: none;
                background: #F3F4F6;
                cursor: pointer;
                transition: all 0.2s ease;
                display: flex;
                align-items: center;
                gap: 0.5rem;
                text-transform: capitalize;
            }

            .accuracy-info-btn:hover {
                color: #111827;
                background: #E5E7EB;
            }

            .accuracy-info-btn:focus {
                outline: none;
                box-shadow: 0 0 0 2px #fff, 0 0 0 4px #9CA3AF;
            }

            .accuracy-info-btn svg {
                width: 16px;
                height: 16px;
            }

            .std-title-bar-actions a.std-title-ad-link,
            .std-title-bar-actions button.std-title-ad-link {
                font-size: 0.625rem;
                color: #6b7280;
                padding: 0.5rem 0.75rem;
                border-radius: 0.375rem;
                border: none;
                background: #f3f4f6;
                cursor: pointer;
                transition: color 0.2s ease, background 0.2s ease;
                display: inline-flex;
                align-items: center;
                gap: 0.5rem;
                text-transform: capitalize;
                text-decoration: none !important;
                font-weight: 500;
                box-sizing: border-box;
                line-height: 1.2;
            }

            .std-title-bar-actions a.std-title-ad-link:hover,
            .std-title-bar-actions button.std-title-ad-link:hover {
                color: #111827;
                background: #e5e7eb;
            }

            .std-title-bar-actions a.std-title-ad-link:focus,
            .std-title-bar-actions button.std-title-ad-link:focus {
                outline: none;
                box-shadow: 0 0 0 2px #fff, 0 0 0 4px #9ca3af;
            }

            .std-title-bar-actions a.std-title-ad-link:focus:not(:focus-visible),
            .std-title-bar-actions button.std-title-ad-link:focus:not(:focus-visible) {
                box-shadow: none;
            }

            .std-viewed-info {
                display: inline-flex;
                align-items: center;
                gap: 0.375rem;
                padding: 0.5rem 0.75rem;
                border-radius: 0.375rem;
                background: #f1f5f9;
                color: #00000;
                font-size: 0.625rem;
                font-weight: 600;
                border: 1px solid #e2e8f0;
                margin-right: 4px;
                line-height: 1.2;
                height: 32px;
                box-sizing: border-box;
                position: relative;
                cursor: default;
            }

            .std-viewed-info svg {
                width: 14px;
                height: 14px;
                color: #000000;
            }

            .std-viewed-info > span:not(.std-viewed-info-tooltip) {
                white-space: nowrap;
            }

            .std-viewed-info-tooltip {
                position: absolute;
                left: 50%;
                bottom: calc(100% + 10px);
                transform: translate(-50%, 4px);
                z-index: 300;
                width: max-content;
                max-width: min(320px, 92vw);
                padding: 10px 12px;
                background: #0f172a;
                color: #f8fafc;
                font-size: 12px;
                font-weight: 500;
                line-height: 1.5;
                letter-spacing: 0.01em;
                border-radius: 8px;
                border: 1px solid rgba(148, 163, 184, 0.35);
                box-shadow: 0 14px 30px rgba(15, 23, 42, 0.28);
                backdrop-filter: blur(4px);
                pointer-events: none;
                opacity: 0;
                visibility: hidden;
                transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
                word-break: break-word;
                white-space: normal;
                text-align: left;
            }

            .std-viewed-info-tooltip::after {
                content: "";
                position: absolute;
                top: calc(100% - 1px);
                left: 50%;
                width: 10px;
                height: 10px;
                margin-left: -5px;
                background: #0f172a;
                border-right: 1px solid rgba(148, 163, 184, 0.35);
                border-bottom: 1px solid rgba(148, 163, 184, 0.35);
                transform: rotate(45deg);
            }

            .std-viewed-info:hover .std-viewed-info-tooltip,
            .std-viewed-info:focus .std-viewed-info-tooltip,
            .std-viewed-info:focus-within .std-viewed-info-tooltip {
                opacity: 1;
                visibility: visible;
                transform: translate(-50%, 0);
            }

            .std-title-bar-actions .std-title-ask-claude-btn.wh-btn-primary {
                --wh-primary-bg: #cc785c;
                --wh-primary-hover: #b86a50;
                --wh-primary-shadow: inset 0 1px 1px 0 hsla(0, 0%, 100%, .2), inset 0 6px 12px 0 hsla(0, 0%, 100%, .12), 0 1px 2px 0 rgba(8, 8, 8, .2), 0 4px 4px 0 rgba(8, 8, 8, .08);
                flex-shrink: 0;
                min-height: 28px;
                height: auto;
                padding: 0 8px;
                gap: 5px;
                font-size: 12px;
                font-weight: 600;
                letter-spacing: 0;
                line-height: 1;
                border-radius: 8px;
                white-space: nowrap;
                border: 1px solid transparent;
                background: var(--wh-primary-bg);
                background-color: var(--wh-primary-bg);
                box-shadow: var(--wh-primary-shadow);
                transition: background 0.3s ease, transform 0.12s ease, color 0.15s ease, box-shadow 0.12s ease;
            }

            .std-title-bar-actions .std-title-ask-claude-btn.wh-btn-primary:hover {
                background: var(--wh-primary-hover);
                background-color: var(--wh-primary-hover);
                color: #fff;
            }

            .std-title-bar-actions .std-title-ask-claude-btn.wh-btn-primary:active {
                transform: translateY(1px);
            }

            .std-title-ask-claude-icon {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 11px;
                height: 11px;
                flex-shrink: 0;
            }

            .std-title-ask-claude-icon svg {
                width: 11px;
                height: 11px;
            }

            .std-tracked-info {
                display: inline-flex;
                align-items: center;
                gap: 0.375rem;
                padding: 0.5rem 0.75rem;
                border-radius: 0.375rem;
                background: #f1f5f9;
                color: #00000;
                font-size: 0.625rem;
                font-weight: 600;
                border: 1px solid #e2e8f0;
                margin-right: 4px;
                line-height: 1.2;
                height: 32px;
                box-sizing: border-box;
            }

            .std-tracked-info svg {
                width: 14px;
                height: 14px;
                color: #000000;
            }

            .std-tracked-info span {
                white-space: nowrap;
            }

            .std-title-bar-actions .std-hero-loaded,
            .std-title-bar-actions .std-hero-skeleton-shell {
                display: inline-flex !important;
                flex-direction: row !important;
                flex-wrap: wrap !important;
                align-items: center !important;
                justify-content: flex-end !important;
                gap: 6px !important;
                width: auto !important;
                max-width: 100% !important;
            }

            body:not(.std-hero-ready) .std-title-bar-actions .std-hero-skeleton-shell {
                display: inline-flex !important;
            }

            /* Height consistency for all action elements */
            .std-title-bar-actions a.std-title-ad-link,
            .std-title-bar-actions button.std-title-ad-link,
            .std-title-bar-actions .accuracy-info-btn {
                height: 32px;
                box-sizing: border-box;
            }

            .std-title-bar-actions a.std-title-ad-link img,
            .std-title-bar-actions button.std-title-ad-link img {
                width: 16px !important;
                height: 16px !important;
                object-fit: contain;
                flex-shrink: 0;
            }

            .modal__content {
                max-height: 80vh;
                /* Limit height to 80% of viewport height */
                overflow: auto;
                /* Enable scrolling */
                margin: 2rem auto;
                /* Add some margin */
            }

            .accuracy-modal-body::-webkit-scrollbar {
                width: 8px;
            }

            .accuracy-modal-body::-webkit-scrollbar-track {
                background: #f1f1f1;
                border-radius: 4px;
            }

            .accuracy-modal-body::-webkit-scrollbar-thumb {
                background: #888;
                border-radius: 4px;
            }

            .accuracy-modal-body::-webkit-scrollbar-thumb:hover {
                background: #555;
            }

            .accuracy-modal-body p {
                margin-bottom: 0.2rem;
                line-height: 1.6;
            }

            .accuracy-modal-body .section-title {
                font-weight: 600;
                color: #111827;
                margin-top: 1.25rem;
                margin-bottom: 0.2rem;
            }

            .accuracy-modal-body ul {
                list-style: none;
                padding-left: 1.5rem;
                margin-bottom: 0.2rem;
            }

            .accuracy-modal-body li {
                position: relative;
                padding-left: 1rem;
                margin-bottom: 0.5rem;
                line-height: 1.5;
            }

            .accuracy-modal-body li::before {
                content: "•";
                position: absolute;
                left: -1rem;
                color: #6B7280;
            }
            

            .title-bar-left {
                display: flex;
                align-items: flex-start;
                gap: 0.5rem;
                flex: 1;
                min-width: 0;
            }

            .title-bar-left-store-info {
                flex: 1;
                min-width: 0;
            }

            .std-store-icon-wrap {
                position: relative;
                flex-shrink: 0;
                width: 36px;
                height: 36px;
            }

            .std-store-icon-skel {
                display: block;
                width: 36px;
                height: 36px;
                border-radius: 2px;
            }

            body.std-hero-ready .std-store-icon-skel {
                display: none !important;
            }

            .storeicon {
                width: 36px;
                height: 36px;
                object-fit: contain;
                border-radius: 2px;
                margin: 0 6px;
                /* no shadow */
                box-shadow: none !important;
                border: none !important;

            }

            .title-bar-left-category-trustpilot-info {
                display: flex;
                align-items: center;
                gap: 0.25rem;
            }

            .title-bar-left-category-trustpilot-info.std-title-meta-row {
                display: none;
            }

            body.std-hero-ready .title-bar-left-category-trustpilot-info.std-title-meta-row {
                display: flex;
                flex-wrap: wrap;
            }

            .std-title-meta-sep {
                color: #cbd5e1;
                user-select: none;
                flex-shrink: 0;
            }

            .std-title-meta-row #std-title-trustpilot-link,
            .std-title-meta-row #std-title-trustpilot-sep {
                display: none !important;
            }

            .std-store-url-anchor {
                display: inline-flex;
                align-items: center;
                gap: 5px;
                flex-shrink: 0;
                max-width: 100%;
                min-width: 0;
            }

            .std-title-meta-row .std-hero-url-skel {
                width: 140px;
                height: 14px;
                margin: 0;
                flex-shrink: 0;
            }

            .std-store-info-value.is-muted {
                color: #94a3b8;
                font-weight: 500;
            }

            .std-store-info-value-link {
                color: #1d4ed8;
                text-decoration: none;
            }

            .std-store-info-value-link:hover {
                text-decoration: underline;
            }

            .std-store-top-tabs-row {
                display: flex;
                align-items: stretch;
                flex-wrap: wrap;
                gap: 0;
                margin: 0 0 14px;
                width: 100%;
                position: relative;
            }

            /* Fade affordance when the tab list overflows horizontally;
               .is-overflow-left / .is-overflow-right are toggled by JS on scroll. */
            .std-store-top-tabs-row::before,
            .std-store-top-tabs-row::after {
                content: "";
                position: absolute;
                top: 0;
                bottom: 1px; /* keep the tab-list bottom border visible */
                width: 36px;
                pointer-events: none;
                opacity: 0;
                transition: opacity 0.15s ease;
                z-index: 3;
            }

            .std-store-top-tabs-row::before {
                left: 0;
                background: linear-gradient(to right, var(--std2-surface, #fff) 20%, rgba(255, 255, 255, 0));
            }

            .std-store-top-tabs-row::after {
                right: 0;
                background: linear-gradient(to left, var(--std2-surface, #fff) 20%, rgba(255, 255, 255, 0));
            }

            .std-store-top-tabs-row.is-overflow-left::before {
                opacity: 1;
            }

            .std-store-top-tabs-row.is-overflow-right::after {
                opacity: 1;
            }

            .std-store-top-tabs {
                display: flex;
                align-items: stretch;
                flex-wrap: nowrap;
                gap: 0;
                margin: 0;
                padding: 0;
                width: 100%;
                max-width: 100%;
                overflow-x: auto;
                overflow-y: hidden;
                -webkit-overflow-scrolling: touch;
                border: none;
                border-radius: 0;
                background: transparent;
                border-bottom: 1px solid #e2e8f0;
            }

            .std-store-top-tab {
                position: relative;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 6px;
                flex-shrink: 0;
                padding: 9px 10px 7px;
                margin: 0 1px -1px 0;
                border-radius: 0;
                font-size: 0.75rem;
                font-weight: 600;
                line-height: 1.2;
                color: #000000;
                text-decoration: none;
                white-space: nowrap;
                background: transparent;
                border: none;
                box-shadow: none;
                transition: color 0.18s ease, border-color 0.18s ease;
            }

            .std-store-top-tab::after {
                content: "";
                position: absolute;
                left: 5px;
                right: 5px;
                bottom: -1px;
                height: 2px;
                border-radius: 2px 2px 0 0;
                background: transparent;
                opacity: 0;
                transition: background-color 0.18s ease, opacity 0.18s ease;
            }

            button.std-store-top-tab {
                border: none;
                margin: 0 1px -1px 0;
                background: transparent;
                cursor: pointer;
                font-family: inherit;
                box-sizing: border-box;
            }

            a.std-store-top-tab {
                cursor: pointer;
            }

            .std-store-top-tab:hover {
                color: #0f172a;
                background: transparent;
            }

            .std-store-top-tab.is-disabled,
            .std-store-top-tab:disabled {
                opacity: 0.58;
                cursor: not-allowed;
                pointer-events: none;
            }

            .std-store-top-tab.is-disabled:hover,
            .std-store-top-tab:disabled:hover {
                color: inherit;
                background: transparent;
            }

            .std-store-top-tab.is-active {
                color: #225aea;
                background: transparent;
                box-shadow: none;
                font-weight: 700;
            }

            .std-store-top-tab.is-active::after {
                opacity: 1;
                background: #225aea;
            }

            button.std-store-top-tab.is-active[data-std-hero-tab] {
                pointer-events: none;
            }

            .std-store-top-tab-ext-icon {
                width: 13px;
                height: 13px;
                opacity: 0.72;
                flex-shrink: 0;
            }

            .std-store-top-tab--external:hover .std-store-top-tab-ext-icon {
                opacity: 1;
            }

            .std-store-top-tab-icon {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                flex-shrink: 0;
            }

            .std-store-top-tab-icon svg {
                width: 14px;
                height: 14px;
                display: block;
                opacity: 0.88;
            }

            .std-store-top-tab.is-active .std-store-top-tab-icon svg,
            .std-store-top-tab:hover .std-store-top-tab-icon svg {
                opacity: 1;
            }

            .std-store-top-tab-label {
                min-width: 0;
            }

            /* Compact detail tabs for brand tracker insights */
            .std-store-top-tab--detail {
                font-size: 11px;
                padding: 5px 10px;
                white-space: nowrap;
                gap: 4px;
                height: 30px;
            }
            .std-store-top-tab--detail .std-store-top-tab-icon svg,
            .std-store-top-tab--detail .std-store-top-tab-icon img {
                width: 12px;
                height: 12px;
            }

            .std-store-top-tab-icon img {
                display: block;
                object-fit: contain;
                flex-shrink: 0;
                opacity: 0.88;
            }

            .std-store-top-tab.is-active .std-store-top-tab-icon img,
            .std-store-top-tab:hover .std-store-top-tab-icon img {
                opacity: 1;
            }
            .std-store-top-tab--detail .std-store-top-tab-label {
                font-size: 11px;
            }

            .std-hero-pane:not(.is-active) {
                display: none !important;
            }

            .std-hero-pane.is-active {
                display: block !important;
            }

            /* Store hero: same vertical rhythm as .std-hero-main / .std-hero-layout (14px) */
            #std-hero-pane-store.std-hero-pane.is-active {
                display: flex !important;
                flex-direction: column;
                gap: 14px;
                align-items: stretch;
            }

            /* Similar stores hero tab: hide Store info sub-panes; full table lives in #std-hero-pane-similar */
            body.std-similar-mode #std-details-tab-overview {
                display: none !important;
            }
            body.std-similar-mode #std-details-tab-brand-gate {
                display: none !important;
            }
            body.std-similar-mode #std-hero-pane-store .std-store-hero-body {
                display: none !important;
            }

            /* Landers hero tab: same layout rules as Similar stores */
            body.std-landers-mode #std-details-tab-overview {
                display: none !important;
            }
            body.std-landers-mode #std-details-tab-brand-gate {
                display: none !important;
            }
            body.std-landers-mode #std-hero-pane-store .std-store-hero-body {
                display: none !important;
            }

            /* TikTok Shop hero tab: same layout rules as Similar stores */
            body.std-tiktok-shop-mode #std-details-tab-overview {
                display: none !important;
            }
            body.std-tiktok-shop-mode #std-details-tab-brand-gate {
                display: none !important;
            }
            body.std-tiktok-shop-mode #std-hero-pane-store .std-store-hero-body {
                display: none !important;
            }

            /* Emails hero tab: same layout rules as Similar stores */
            body.std-emails-mode #std-details-tab-overview {
                display: none !important;
            }
            body.std-emails-mode #std-details-tab-brand-gate {
                display: none !important;
            }
            body.std-emails-mode #std-hero-pane-store .std-store-hero-body {
                display: none !important;
            }

            #std-hero-pane-emails {
                margin-top: 4px;
            }

            #std-hero-pane-emails.is-active {
                display: block !important;
            }

            /* Meta ads hero tab: native Brand Tracker mount (no iframe) */
            body.std-meta-ads-mode #std-details-tab-overview {
                display: none !important;
            }
            body.std-meta-ads-mode #std-hero-pane-store .std-store-hero-body {
                display: none !important;
            }
            body.std-meta-ads-mode #std-hero-pane-store {
                display: none !important;
            }

            #std-hero-pane-meta-ads {
                margin-top: 4px;
                width: 100%;
            }
            #std-hero-pane-meta-ads.is-active {
                display: flex !important;
                flex-direction: column;
                align-items: stretch;
                gap: 14px;
            }
            #std-hero-pane-meta-ads[hidden] {
                display: none !important;
            }
            .std-meta-ads-pages-bar {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 10px 14px;
                margin: 0 0 12px;
            }
            .std-meta-ads-pages-bar[hidden] {
                display: none !important;
            }
            .std-meta-ads-pages-bar__label {
                font-size: 12px;
                font-weight: 600;
                letter-spacing: 0.02em;
                text-transform: uppercase;
                color: var(--std2-text-muted, #6b7280);
            }
            .std-meta-ads-pages-bar .std-active-ads-pages {
                min-width: min(280px, 100%);
            }
            .std-meta-ads-brand-root {
                width: 100%;
            }
            .std-meta-ads-brand-root[hidden] {
                display: none !important;
            }
            body.std-meta-ads-mode.std-meta-ads-mounted #std-details-tab-brand-gate {
                display: none !important;
            }
            body.std-meta-ads-mode .std-meta-ads-brand-root .brand-detail-back,
            body.std-meta-ads-mode .std-meta-ads-brand-root .entity-detail-mode-nav,
            body.std-meta-ads-mode .std-meta-ads-brand-root .brand-details-value-banner {
                display: none !important;
            }

            /* Meta-only / no-storefront STD shell */
            .std-page-only-empty {
                display: none;
                flex-direction: column;
                align-items: flex-start;
                gap: 14px;
                padding: 32px 28px;
                margin: 8px 0 8px;
                border: 1px solid var(--std2-border, #d8dee6);
                border-radius: 14px;
                background: var(--std2-surface-alt, #f7f8fa);
                max-width: 520px;
            }
            body.std-page-only .std-page-only-empty {
                display: flex;
            }
            body.std-page-only #std-hero-pane-store .std-store-hero-body > :not(.std-page-only-empty) {
                display: none !important;
            }
            body.std-page-only #std-hero-pane-similar > :not(.std-page-only-empty) {
                display: none !important;
            }
            body.std-page-only #std-similar-shops,
            body.std-page-only #std-top-ads-card {
                display: none !important;
            }
            .std-page-only-empty__icon {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 40px;
                height: 40px;
                border-radius: 10px;
                background: rgba(37, 99, 235, 0.1);
                color: #2563eb;
                flex-shrink: 0;
            }
            .std-page-only-empty__icon svg {
                width: 20px;
                height: 20px;
            }
            .std-page-only-empty__copy {
                display: flex;
                flex-direction: column;
                gap: 6px;
            }
            .std-page-only-empty__title {
                font-size: 16px;
                font-weight: 700;
                color: var(--std2-text, #111827);
                margin: 0;
            }
            .std-page-only-empty__sub {
                font-size: 13px;
                line-height: 1.5;
                color: var(--std2-text-muted, #6b7280);
                margin: 0;
                max-width: 42ch;
            }
            .std-page-only-empty__cta {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                margin-top: 2px;
                padding: 9px 14px;
                border: none;
                border-radius: 9px;
                background: #2563eb;
                color: #fff;
                font-size: 13px;
                font-weight: 600;
                cursor: pointer;
                line-height: 1.2;
            }
            .std-page-only-empty__cta:hover {
                background: #1d4ed8;
            }
            .std-page-only-empty__cta:focus-visible {
                outline: 2px solid #93c5fd;
                outline-offset: 2px;
            }
            html[data-theme="dark"] .std-page-only-empty {
                background: rgba(255, 255, 255, 0.04);
                border-color: rgba(255, 255, 255, 0.1);
            }
            html[data-theme="dark"] .std-page-only-empty__icon {
                background: rgba(59, 130, 246, 0.16);
                color: #93c5fd;
            }
            html[data-theme="dark"] .std-page-only-empty__cta {
                background: #3b82f6;
            }
            html[data-theme="dark"] .std-page-only-empty__cta:hover {
                background: #2563eb;
            }

            .std-bt-embed-loading {
                display: flex;
                align-items: center;
                justify-content: center;
                min-height: 240px;
                color: #64748b;
                font-size: 0.875rem;
            }
            html[data-theme="dark"] .std-bt-embed-loading {
                color: #ffffff;
            }

            .std-meta-ads-mount-skel {
                width: 100%;
                padding: 4px 0 12px;
            }
            .std-meta-ads-mount-skel__tabs {
                display: flex;
                flex-wrap: wrap;
                gap: 10px 14px;
                margin: 0 0 14px;
                padding: 0 2px 10px;
                border-bottom: 1px solid var(--std2-border, #e2e8f0);
            }
            .std-meta-ads-mount-skel__tabs .std-skel-bar {
                border-radius: 999px;
            }
            .std-meta-ads-mount-skel__card {
                min-height: 0;
            }
            .std-meta-ads-mount-skel__stats {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 12px;
                margin-bottom: 14px;
            }
            .std-meta-ads-mount-skel__stat .std-skel-bar + .std-skel-bar {
                margin-top: 10px;
            }
            .std-meta-ads-mount-skel__rows .std-skel-bar {
                height: 14px;
            }
            .std-meta-ads-mount-skel__rows .std-skel-bar + .std-skel-bar {
                margin-top: 10px;
            }
            .std-meta-ads-mount-skel__graph-head,
            .std-meta-ads-mount-skel__card-head {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 12px;
                margin-bottom: 12px;
            }
            .std-meta-ads-mount-skel__chips,
            .std-meta-ads-mount-skel__pills,
            .std-meta-ads-mount-skel__thumbs {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
            }
            .std-meta-ads-mount-skel__chips .std-skel-bar,
            .std-meta-ads-mount-skel__pills .std-skel-bar {
                border-radius: 999px;
            }
            .std-meta-ads-mount-skel__chart {
                height: 160px;
                border-radius: 10px;
                margin-bottom: 14px;
                background: linear-gradient(90deg, #f1f5f9 0%, #e8edf3 45%, #f8fafc 55%, #f1f5f9 100%);
                background-size: 200% 100%;
                animation: std-hero-shimmer 1.35s ease-in-out infinite;
            }
            .std-meta-ads-mount-skel__ads {
                margin-top: 12px;
            }
            .std-meta-ads-mount-skel__thumb {
                width: 96px;
                height: 96px;
                border-radius: 8px;
            }
            html[data-theme="dark"] .std-meta-ads-mount-skel__chart {
                background: linear-gradient(90deg, #1e293b 0%, #334155 45%, #1e293b 55%, #1e293b 100%);
                background-size: 200% 100%;
            }

            #std-hero-pane-tiktok-shop {
                margin-top: 4px;
                width: 100%;
            }

            #std-hero-pane-tiktok-shop.is-active {
                display: flex !important;
                flex-direction: column;
                align-items: center;
            }

            #std-hero-pane-tiktok-shop[hidden] {
                display: none !important;
            }

            .std-tiktok-shop-embed-stage {
                margin: 0 auto;
                padding: 0;
                width: 100%;
                max-width: 1300px;
                min-height: 320px;
            }

            .std-tiktok-shop-embed-stage .std-ts-embed-frame {
                width: 100%;
                max-width: 1300px;
                margin-left: auto;
                margin-right: auto;
            }

            .std-bt-embed-frame.std-ts-embed-frame {
                display: block;
                width: 100%;
                border: none;
                background: transparent;
            }

            .std-tiktok-shop-embed-stage [hidden] {
                display: none !important;
            }

            .std-ts-embed-skel {
                width: 100%;
                display: flex;
                flex-direction: column;
                gap: 12px;
                padding: 4px 0 12px;
            }

            .std-ts-embed-skel__header {
                display: flex;
                align-items: flex-start;
                gap: 16px;
                padding: 14px 16px;
                border-radius: 12px;
                border: 1px solid var(--std2-border, #e2e8f0);
                background: #fff;
            }

            .std-ts-embed-skel__avatar {
                width: 96px;
                height: 96px;
                border-radius: 8px;
                flex-shrink: 0;
            }

            .std-ts-embed-skel__header-body {
                flex: 1;
                min-width: 0;
                display: flex;
                flex-direction: column;
                gap: 8px;
            }

            .std-ts-embed-skel__meta {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
            }

            .std-ts-embed-skel__date {
                flex-shrink: 0;
            }

            .std-ts-embed-skel__metrics {
                display: grid;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                gap: 10px;
            }

            .std-ts-embed-skel__metric {
                display: flex;
                flex-direction: column;
                gap: 8px;
                padding: 12px 14px;
                border-radius: 8px;
                border: 1px solid var(--std2-border, #e2e8f0);
                background: #fff;
            }

            .std-ts-embed-skel__chart {
                padding: 16px;
                border-radius: 12px;
                border: 1px solid var(--std2-border, #e2e8f0);
                background: #fff;
            }

            .std-ts-embed-skel__chart-head {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 12px;
                margin-bottom: 12px;
            }

            .std-ts-embed-skel__chips {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
            }

            .std-ts-embed-skel__chart-area {
                height: 220px;
                border-radius: 10px;
                background: linear-gradient(90deg, #f1f5f9 0%, #e8edf3 45%, #f8fafc 55%, #f1f5f9 100%);
                background-size: 200% 100%;
                animation: std-hero-shimmer 1.35s ease-in-out infinite;
            }

            .std-ts-embed-skel__table {
                padding: 16px;
                border-radius: 12px;
                border: 1px solid var(--std2-border, #e2e8f0);
                background: #fff;
            }

            .std-ts-embed-skel__table-head {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 12px;
                margin-bottom: 14px;
            }

            .std-ts-embed-skel__table-row {
                display: grid;
                grid-template-columns: 34px minmax(0, 1fr) 72px 64px;
                align-items: center;
                gap: 12px;
                padding: 12px 0;
                border-bottom: 1px solid rgba(226, 232, 240, 0.85);
            }

            .std-ts-embed-skel__table-row:last-child {
                border-bottom: none;
                padding-bottom: 0;
            }

            .std-ts-embed-skel__table-text {
                min-width: 0;
            }

            html[data-theme="dark"] .std-ts-embed-skel__header,
            html[data-theme="dark"] .std-ts-embed-skel__metric,
            html[data-theme="dark"] .std-ts-embed-skel__chart,
            html[data-theme="dark"] .std-ts-embed-skel__table {
                background: var(--std2-surface, #0f172a);
                border-color: rgba(148, 163, 184, 0.22);
            }

            html[data-theme="dark"] .std-ts-embed-skel__chart-area {
                background: linear-gradient(90deg, #1e293b 0%, #334155 45%, #1e293b 55%, #1e293b 100%);
                background-size: 200% 100%;
            }

            html[data-theme="dark"] .std-ts-embed-skel__table-row {
                border-bottom-color: rgba(148, 163, 184, 0.16);
            }

            @media (max-width: 900px) {
                .std-ts-embed-skel__metrics {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }

                .std-ts-embed-skel__date {
                    display: none;
                }
            }

            @media (max-width: 640px) {
                .std-ts-embed-skel__header {
                    flex-direction: column;
                }

                .std-ts-embed-skel__table-row {
                    grid-template-columns: 34px minmax(0, 1fr);
                }

                .std-ts-embed-skel__table-row > .std-skel-bar:nth-child(n+3) {
                    display: none;
                }
            }

            .std-tiktok-shop-embed-status {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 10px;
                padding: 28px 16px;
                text-align: center;
                color: #64748b;
                font-size: 0.875rem;
                line-height: 1.5;
            }

            .std-tiktok-shop-embed-status.is-error {
                color: #b45309;
            }

            .std-tiktok-shop-embed-search-link {
                color: #225aea;
                font-weight: 600;
                text-decoration: none;
            }

            .std-tiktok-shop-embed-search-link:hover {
                text-decoration: underline;
            }

            #std-hero-pane-landers {
                margin-top: 4px;
            }

            .std-landers-tab-sub {
                font-size: 0.8125rem;
                color: #000000;
                margin: 0 0 12px;
                line-height: 1.45;
            }

            .std-landers-tab-empty {
                font-size: 0.875rem;
                color: #64748b;
                padding: 28px 16px;
                text-align: center;
                line-height: 1.5;
            }

            .std-landers-filters-bar,
            .std-similar-explore-mount .filters-bar {
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;
                align-items: stretch;
                gap: 8px;
                margin-bottom: 12px;
            }

            .std-similar-explore-mount .filters-bar > .filters-bar-left {
                display: flex;
                width: 100%;
                max-width: 100%;
                justify-content: center;
                align-items: center;
            }

            .std-similar-explore-mount .filters-bar > .filters-group {
                display: flex;
                flex-wrap: wrap;
                width: 100%;
            }

            .std-similar-filters-mount {
                margin-bottom: 8px;
            }

            #std-landers-table-wrapper {
                overflow-x: auto;
            }

            /* Brandtracker insight tabs: hide whole Store-info overview (tiktok shell + top ads + horizontal similar shops). */
            body.std-store-detail-gate #std-details-tab-overview {
                display: none !important;
            }

            /* Brand-gate active: hide store hero content */
            #std-hero-pane-store:has(#std-details-tab-brand-gate.is-active) .std-store-hero-body {
                display: none !important;
            }

            /* Skeleton loader for the Similar stores table.
               Renders inside .shops-table tbody, so it inherits the same
               column widths & padding as real rows — no layout shift. */
            #std-similar-shops-table tr.std-skel-row td {
                padding: 14px 16px;
                vertical-align: middle;
            }

            .std-skel-bar {
                display: block;
                height: 12px;
                border-radius: 4px;
                background: linear-gradient(90deg, #f1f5f9 0%, #e8edf3 45%, #f8fafc 55%, #f1f5f9 100%);
                background-size: 200% 100%;
                animation: std-hero-shimmer 1.35s ease-in-out infinite;
            }

            .std-skel-bar + .std-skel-bar {
                margin-top: 6px;
            }

            .std-skel-circle {
                display: inline-block;
                width: 34px;
                height: 34px;
                border-radius: 8px;
                background: linear-gradient(90deg, #f1f5f9 0%, #e8edf3 45%, #f8fafc 55%, #f1f5f9 100%);
                background-size: 200% 100%;
                animation: std-hero-shimmer 1.35s ease-in-out infinite;
                vertical-align: middle;
                flex-shrink: 0;
            }

            .std-skel-thumb {
                width: 76px;
                height: 76px;
                border-radius: 6px;
                background: linear-gradient(90deg, #f1f5f9 0%, #e8edf3 45%, #f8fafc 55%, #f1f5f9 100%);
                background-size: 200% 100%;
                animation: std-hero-shimmer 1.35s ease-in-out infinite;
            }

            .std-skel-store {
                display: flex;
                align-items: center;
                gap: 12px;
            }

            .std-skel-store-text {
                flex: 1;
                min-width: 0;
            }

            .std-skel-best-row {
                display: flex;
                gap: 8px;
                justify-content: center;
            }

            .std-skel-stack {
                display: flex;
                flex-direction: column;
                gap: 6px;
                align-items: center;
            }

            #std-hero-pane-similar {
                margin-top: 4px;
            }

            .std-similar-tab-sub {
                font-size: 0.8125rem;
                color: #000000;
                margin: 0 0 12px;
                line-height: 1.45;
            }

            .std-similar-pagination {
                margin-top: 12px;
                padding: 10px 12px;
                border: 1px solid #e7ebf0;
                border-radius: 10px;
                background: #f3f5f7;
            }

            .std-similar-pagination-row {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: space-between;
                gap: 10px 14px;
            }

            .std-similar-page-summary {
                font-size: 0.8125rem;
                color: #00000;
                font-weight: 500;
            }

            .std-similar-pagination-controls {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 8px;
            }

            .std-similar-page-size-label {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                font-size: 0.75rem;
                font-weight: 600;
                color: #000000;
            }

            .std-similar-page-size {
                height: 30px;
                padding: 0 8px;
                border-radius: 6px;
                border: 1px solid #e1e6ed;
                background: #f7f9fb;
                font-size: 0.75rem;
                font-weight: 600;
                color: #0f172a;
            }

            .std-similar-page-btn {
                height: 30px;
                padding: 0 12px;
                border-radius: 6px;
                border: 1px solid #e1e6ed;
                background: #f7f9fb;
                font-size: 0.75rem;
                font-weight: 600;
                color: #0f172a;
                cursor: pointer;
            }

            .std-similar-page-btn:hover:not(:disabled) {
                border-color: #d0d7e2;
                background: #edf1f5;
            }

            .std-similar-page-btn:disabled {
                opacity: 0.45;
                cursor: not-allowed;
            }

            @media (max-width: 767px) {
                .std-store-top-tabs-row {
                    width: 100%;
                }

                .std-store-top-tabs {
                    width: 100%;
                    justify-content: flex-start;
                }

                .std-store-top-tab {
                    padding: 8px 10px 6px;
                    font-size: 0.8125rem;
                }

                .std-store-top-tab--detail {
                    padding: 4px 6px;
                    font-size: 10px;
                    height: 26px;
                }

                .std-store-top-tab::after {
                    left: 4px;
                    right: 4px;
                }

                .std-store-info-strip:not(.std-store-info-strip--inline) .std-store-info-chip {
                    min-width: calc(50% - 8px);
                    flex: 1 1 calc(50% - 8px);
                    border-right: none;
                    padding-right: 0;
                    margin-right: 0;
                }
            }

            @media (max-width: 520px) {
                .std-store-info-strip:not(.std-store-info-strip--inline) .std-store-info-chip {
                    min-width: 100%;
                    flex: 1 1 100%;
                }
            }

            /* Long Shopify theme: ellipsis in row; full value in custom tooltip */
            .std-shopify-theme-truncate-wrap {
                position: relative;
                display: none;
                align-items: center;
                max-width: min(220px, 34vw);
                min-width: 0;
                flex-shrink: 1;
                vertical-align: middle;
                outline: none;
                cursor: default;
            }
            .std-shopify-theme-truncate-wrap.is-visible {
                display: inline-flex;
            }
            .std-shopify-theme-truncate-wrap.is-theme-truncated {
                cursor: pointer;
            }
            .std-shopify-theme-truncate-wrap .std-shopify-theme-truncate {
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                min-width: 0;
            }
            .std-shopify-theme-tooltip {
                position: absolute;
                left: 50%;
                bottom: calc(100% + 10px);
                transform: translate(-50%, 4px);
                z-index: 300;
                max-width: min(460px, 92vw);
                padding: 10px 12px;
                background: #0f172a;
                color: #f8fafc;
                font-size: 12px;
                font-weight: 500;
                line-height: 1.5;
                letter-spacing: 0.01em;
                border-radius: 8px;
                border: 1px solid rgba(148, 163, 184, 0.35);
                box-shadow: 0 14px 30px rgba(15, 23, 42, 0.28);
                backdrop-filter: blur(4px);
                pointer-events: none;
                opacity: 0;
                visibility: hidden;
                transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
                word-break: break-word;
                white-space: normal;
                text-align: left;
            }
            .std-shopify-theme-tooltip::after {
                content: "";
                position: absolute;
                top: calc(100% - 1px);
                left: 50%;
                width: 10px;
                height: 10px;
                margin-left: -5px;
                background: #0f172a;
                border-right: 1px solid rgba(148, 163, 184, 0.35);
                border-bottom: 1px solid rgba(148, 163, 184, 0.35);
                transform: rotate(45deg);
            }
            .std-shopify-theme-truncate-wrap.is-theme-truncated:hover .std-shopify-theme-tooltip,
            .std-shopify-theme-truncate-wrap.is-theme-truncated:focus .std-shopify-theme-tooltip,
            .std-shopify-theme-truncate-wrap.is-theme-truncated:focus-within .std-shopify-theme-tooltip {
                opacity: 1;
                visibility: visible;
                transform: translate(-50%, 0);
            }

            /* Truncated text tooltip — portaled to body so it escapes scroll/overflow clipping */
            .std-truncate-hover-tooltip-portal {
                position: fixed;
                top: 0;
                left: 0;
                z-index: 2147483000;
                max-width: min(460px, 92vw);
                padding: 10px 12px;
                background: #0f172a;
                color: #f8fafc;
                font-size: 12px;
                font-weight: 500;
                line-height: 1.5;
                letter-spacing: 0.01em;
                border-radius: 8px;
                border: 1px solid rgba(148, 163, 184, 0.35);
                box-shadow: 0 14px 30px rgba(15, 23, 42, 0.28);
                backdrop-filter: blur(4px);
                pointer-events: none;
                opacity: 0;
                visibility: hidden;
                transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
                transform: translateY(4px);
                word-break: break-word;
                white-space: normal;
                text-align: left;
            }
            .std-truncate-hover-tooltip-portal.is-open {
                opacity: 1;
                visibility: visible;
                transform: translateY(0);
            }
            

            .top-competitors {
                padding: 34px;
                background-color: #fff;
                border-radius: 8px;
            }

            .std-people-viewed-row {
                padding: 18px 20px;
                background-color: #fff;
                border-radius: 8px;
            }

            .std-people-viewed-row .top-competitors-header {
                margin-bottom: 10px !important;
            }

            .std-people-viewed-row .top-competitors-header h2 {
                font-size: 1rem;
            }

            #std-people-also-viewed-list.std-competitors-carousel {
                display: flex;
                flex-wrap: nowrap;
                gap: 12px;
                width: 100%;
                align-items: stretch;
                overflow-x: auto;
                overflow-y: hidden;
                padding-bottom: 4px;
                margin: 0;
                scrollbar-width: thin;
            }

            #std-people-also-viewed-list.std-competitors-carousel::-webkit-scrollbar {
                height: 6px;
            }

            #std-people-also-viewed-list.std-competitors-carousel::-webkit-scrollbar-thumb {
                background: #cbd5e1;
                border-radius: 99px;
            }

            #std-people-also-viewed-list.std-competitors-carousel .std-prod-ccard--competitor {
                flex: 0 0 230px;
                width: 230px;
            }

            #std-people-also-viewed-list.std-competitors-carousel .std-comp-rating-row {
                flex-wrap: nowrap;
            }

            .std-similar-shops-see-all {
                flex: 0 0 auto;
                margin-left: auto;
                padding: 5px 12px;
                border: 1px solid #e2e8f0;
                border-radius: 6px;
                background: #fff;
                color: #334155;
                font-size: 12px;
                font-weight: 600;
                line-height: 1.2;
                white-space: nowrap;
                cursor: pointer;
                transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
            }

            .std-similar-shops-see-all:hover {
                border-color: #cbd5e1;
                background: #f8fafc;
                color: #225aea;
            }

            .std-similar-shops-see-all:focus-visible {
                outline: 2px solid #225aea;
                outline-offset: 2px;
            }

            /* Similar shops — simple card strip */
            .std-simshops {
                margin: 0 0 16px;
                padding: 16px 16px 14px;
                border: 1px solid #e2e8f0;
                border-radius: 12px;
                background: #fff;
            }

            .std-simshops__header {
                display: flex;
                align-items: center;
                gap: 12px;
                margin-bottom: 14px;
            }

            .std-simshops__title {
                margin: 0;
                font-size: 1.0625rem;
                font-weight: 650;
                line-height: 1.3;
                color: #0f172a;
                letter-spacing: -0.01em;
            }

            .std-simshops__list {
                display: flex;
                gap: 14px;
                overflow-x: auto;
                overflow-y: hidden;
                padding-bottom: 8px;
                scroll-snap-type: x proximity;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: thin;
            }

            .std-simshops__list::-webkit-scrollbar {
                height: 6px;
            }

            .std-simshops__list::-webkit-scrollbar-thumb {
                background: #cbd5e1;
                border-radius: 99px;
            }

            .std-simshops__card {
                flex: 0 0 222px;
                width: 222px;
                display: flex;
                flex-direction: column;
                min-width: 0;
                border: 1px solid #e2e8f0;
                border-radius: 11px;
                background: #fff;
                overflow: hidden;
                scroll-snap-align: start;
            }

            .std-simshops__media {
                position: relative;
                aspect-ratio: 4 / 3;
                background: #f1f5f9;
                overflow: hidden;
            }

            .std-simshops__media img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: top center;
            }

            .std-simshops__media--icon {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
            }

            .std-simshops__media--icon img {
                width: 42%;
                height: 42%;
                object-fit: contain;
            }

            .std-simshops__media--empty {
                background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
            }

            .std-simshops__media--product {
                display: flex;
                align-items: center;
                justify-content: center;
                background:
                    linear-gradient(45deg, #f8fafc 25%, transparent 25%),
                    linear-gradient(-45deg, #f8fafc 25%, transparent 25%),
                    linear-gradient(45deg, transparent 75%, #f8fafc 75%),
                    linear-gradient(-45deg, transparent 75%, #f8fafc 75%);
                background-size: 16px 16px;
                background-position: 0 0, 0 8px, 8px -8px, -8px 0;
                background-color: #fff;
            }

            .std-simshops__media--product img {
                width: auto;
                max-width: calc(100% - 20px);
                height: auto;
                max-height: calc(100% - 20px);
                object-fit: contain;
                object-position: center;
                background: transparent;
            }

            .std-simshops__bs {
                display: grid;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                gap: 4px;
                padding: 7px 8px 0;
                background: #fff;
            }

            .std-simshops__bs-thumb {
                position: relative;
                z-index: 1;
                display: block;
                width: 100%;
                aspect-ratio: 1;
                padding: 0;
                border-radius: 6px;
                overflow: hidden;
                background: #fff;
                border: 1px solid #e2e8f0;
                cursor: pointer;
                pointer-events: auto;
                transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
            }

            .std-simshops__bs-thumb:hover {
                border-color: #93c5fd;
                transform: translateY(-1px);
            }

            .std-simshops__bs-thumb.is-active {
                border-color: #2563eb;
                box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.35);
            }

            .std-simshops__bs-thumb--empty {
                cursor: default;
                pointer-events: none;
                border-style: dashed;
                background: #fff;
                transform: none;
            }

            .std-simshops__bs-thumb img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
                pointer-events: none;
            }

            .std-simshops__body {
                display: flex;
                flex-direction: column;
                gap: 5px;
                padding: 11px 11px 9px;
                min-width: 0;
            }

            .std-simshops__name {
                display: flex;
                align-items: flex-start;
                gap: 6px;
                margin: 0;
                min-width: 0;
                font-size: 0.9rem;
                font-weight: 650;
                line-height: 1.3;
                color: #0f172a;
                letter-spacing: -0.01em;
            }

            .std-simshops__name span {
                min-width: 0;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
            }

            .std-simshops__flag {
                width: 16px;
                height: 11px;
                margin-top: 3px;
                flex: 0 0 auto;
                object-fit: cover;
                border-radius: 2px;
            }

            .std-simshops__meta {
                display: flex;
                flex-direction: column;
                gap: 2px;
                min-width: 0;
            }

            .std-simshops__chip {
                font-size: 0.72rem;
                font-weight: 650;
                color: #334155;
            }

            .std-simshops__host {
                font-size: 0.72rem;
                color: #64748b;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .std-simshops__actions {
                position: relative;
                z-index: 1;
                display: flex;
                gap: 7px;
                padding: 0 11px 11px;
                margin-top: auto;
            }

            .std-simshops__btn {
                flex: 1 1 0;
                min-width: 0;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 31px;
                padding: 5px 9px;
                border: 1px solid #e2e8f0;
                border-radius: 7px;
                background: #fff;
                color: #334155;
                font-size: 0.72rem;
                font-weight: 650;
                text-decoration: none;
                line-height: 1.2;
                cursor: pointer;
                pointer-events: auto;
            }

            .std-simshops__btn:hover {
                border-color: #cbd5e1;
                background: #f8fafc;
                color: #0f172a;
            }

            .std-simshops__btn--primary {
                border-color: #bfdbfe;
                background: #eff6ff;
                color: #1d4ed8;
            }

            .std-simshops__btn--primary:hover {
                border-color: #93c5fd;
                background: #dbeafe;
            }

            .std-simshops__skel {
                background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 37%, #f1f5f9 63%);
                background-size: 400% 100%;
                animation: std-simshops-shimmer 1.2s ease-in-out infinite;
            }

            .std-simshops__skel--line {
                height: 12px;
                border-radius: 4px;
                margin-top: 2px;
            }

            .std-simshops__skel--short {
                width: 55%;
            }

            @keyframes std-simshops-shimmer {
                0% { background-position: 100% 0; }
                100% { background-position: 0 0; }
            }

            .top-competitors-content {
                min-width: 0;
                overflow: visible;
            }

            .std-prod-ccard--competitor {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: none;
                min-width: 0;
            }

            .std-prod-ccard--competitor > .std-prod-ccard-link {
                flex: 0 0 auto;
                display: flex;
                flex-direction: column;
                min-height: 0;
            }

            .std-prod-ccard--competitor > [data-std-comp-media],
            .std-prod-ccard--competitor > .std-prod-ccard-imgwrap--competitor {
                flex: 1 1 auto;
                min-height: 0;
            }

            .std-prod-ccard-imgwrap--competitor {
                padding: 10px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .std-prod-ccard-imgwrap--competitor img {
                width: 60px;
                height: 60px;
                border-radius: 999px;
                object-fit: cover;
            }

            .std-prod-ccard-imgwrap--competitor.std-prod-ccard-imgwrap--products {
                padding: 8px 10px 6px;
                align-items: stretch;
            }

            .std-comp-product-gallery {
                --std-comp-substrip-h: 34px;
                display: flex;
                flex-direction: column;
                gap: 6px;
                width: 100%;
            }

            .std-comp-product-stage {
                position: relative;
                z-index: 1;
                width: 100%;
                aspect-ratio: 1;
                flex: 0 0 auto;
                border-radius: 8px;
                overflow: hidden;
                border: 1px solid #e2e8f0;
                background: #f8fafc;
            }

            .std-comp-product-main {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100%;
            }

            .std-comp-product-main--icon {
                background: #fff;
            }

            .std-comp-product-main--screenshot {
                display: block;
                width: 100%;
                height: 100%;
                overflow: hidden;
                background: #fff;
                line-height: 0;
            }

            .std-comp-gallery-slide-img--screenshot {
                display: block;
                width: 100%;
                height: 100%;
                max-width: none;
                object-fit: cover;
                object-position: top center;
                transform: scale(var(--wh-screenshot-thumb-zoom, 1.12));
                transform-origin: top center;
                border-radius: 0;
            }

            .std-comp-product-nav {
                position: absolute;
                top: 50%;
                z-index: 5;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 26px;
                height: 26px;
                padding: 0;
                border: none;
                border-radius: 999px;
                background: rgba(255, 255, 255, 0.95);
                color: #334155;
                box-shadow: 0 1px 4px rgba(15, 23, 42, 0.18);
                cursor: pointer;
                transform: translateY(-50%);
                pointer-events: auto;
                opacity: 0.92;
            }

            .std-comp-product-nav:hover {
                background: #fff;
                color: #0f172a;
                opacity: 1;
            }

            .std-comp-product-nav:focus-visible {
                outline: 2px solid #3b82f6;
                outline-offset: 1px;
            }

            .std-comp-product-nav--prev {
                left: 6px;
            }

            .std-comp-product-nav--next {
                right: 6px;
            }

            .std-prod-ccard--es-similar .std-comp-product-stage .std-comp-product-nav {
                z-index: 6;
            }

            .std-comp-product-substrip,
            .std-comp-product-carousel {
                display: flex;
                gap: 5px;
                width: 100%;
                height: var(--std-comp-substrip-h);
                min-height: var(--std-comp-substrip-h);
                flex: 0 0 var(--std-comp-substrip-h);
                align-items: stretch;
                position: relative;
                z-index: 8;
                pointer-events: auto;
            }

            .std-comp-product-carousel .std-comp-product-subthumb {
                flex: 1 1 0;
                width: auto;
                min-width: 0;
                height: var(--std-comp-substrip-h);
                min-height: var(--std-comp-substrip-h);
            }

            .std-comp-product-subthumb {
                flex: 0 0 var(--std-comp-substrip-h);
                width: var(--std-comp-substrip-h);
                height: var(--std-comp-substrip-h);
                min-width: 0;
                border-radius: 5px;
                overflow: hidden;
                border: 1px solid #e2e8f0;
                background: #f8fafc;
                display: block;
                padding: 0;
                cursor: pointer;
                transition: border-color 0.15s ease, box-shadow 0.15s ease;
            }

            .std-comp-product-subthumb.is-active,
            .std-comp-product-subthumb:hover {
                border-color: #3b82f6;
                box-shadow: 0 0 0 1px #3b82f6;
            }

            .std-comp-product-subthumb--empty {
                visibility: hidden;
                pointer-events: none;
            }

            .std-comp-product-subthumb--placeholder {
                pointer-events: none;
                background: #f1f5f9;
            }

            .std-comp-gallery-placeholder {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100%;
                background: #f1f5f9;
            }

            .std-comp-gallery-placeholder svg {
                width: 46%;
                height: 46%;
                max-width: 16px;
                max-height: 16px;
            }

            .std-comp-product-main .std-comp-gallery-placeholder svg {
                max-width: 44px;
                max-height: 44px;
            }

            .std-comp-product-subthumb .std-comp-gallery-placeholder svg {
                max-width: 14px;
                max-height: 14px;
            }

            button.std-comp-product-subthumb {
                appearance: none;
                font: inherit;
                display: block;
                padding: 0;
                overflow: hidden;
            }

            .std-comp-product-main--product {
                background: #fff;
            }

            .std-comp-product-subthumb .std-comp-gallery-slide-img--screenshot,
            .std-comp-product-subthumb .std-comp-gallery-slide-img--product,
            .std-comp-product-subthumb .std-comp-gallery-slide-img:not(.std-comp-gallery-slide-img--icon) {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: top center;
            }

            .std-comp-product-subthumb .std-comp-gallery-slide-img--screenshot {
                transform: scale(var(--wh-screenshot-thumb-zoom, 1.12));
                transform-origin: top center;
            }

            .std-comp-product-subthumb .std-comp-gallery-slide-img--product {
                object-position: center center;
            }

            .std-prod-ccard-imgwrap--competitor.std-prod-ccard-imgwrap--products img {
                width: 100%;
                height: 100%;
                border-radius: 0;
                object-fit: cover;
            }

            .std-comp-gallery-slide-img--icon {
                width: 58%;
                height: 58%;
                max-width: 72px;
                max-height: 72px;
                object-fit: contain;
                border-radius: 999px;
            }

            .std-comp-product-subthumb--icon img,
            .std-comp-product-subthumb--icon .std-comp-gallery-slide-img--icon {
                object-fit: contain;
                padding: 4px;
                box-sizing: border-box;
                width: 100%;
                height: 100%;
            }

            .std-prod-ccard-imgwrap--competitor.std-prod-ccard-imgwrap--products .std-comp-product-main .std-comp-gallery-slide-img--icon {
                border-radius: 999px;
            }

            .std-comp-product-no-bestsellers {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: var(--std-comp-substrip-h);
                min-height: var(--std-comp-substrip-h);
                flex: 0 0 var(--std-comp-substrip-h);
                padding: 0 4px;
                text-align: center;
                box-sizing: border-box;
            }

            .std-comp-product-no-bestsellers-text {
                margin: 0;
                font-size: 0.5625rem;
                line-height: 1.25;
                color: #64748b;
                font-weight: 500;
            }

            .std-comp-gallery-loader-stage,
            .std-comp-gallery-loader-thumb {
                background: linear-gradient(90deg, #f1f5f9 0%, #e8edf3 45%, #f8fafc 55%, #f1f5f9 100%);
                background-size: 200% 100%;
                animation: std-hero-shimmer 1.35s ease-in-out infinite;
            }

            .std-comp-gallery-loader-stage {
                width: 100%;
                aspect-ratio: 1;
                border-radius: 8px;
                border: 1px solid #e2e8f0;
            }

            .std-comp-gallery-loader-substrip {
                display: flex;
                gap: 5px;
                width: 100%;
                height: var(--std-comp-substrip-h, 34px);
                min-height: var(--std-comp-substrip-h, 34px);
                align-items: stretch;
            }

            .std-comp-gallery-loader-thumb {
                flex: 1 1 0;
                width: auto;
                min-width: 0;
                height: var(--std-comp-substrip-h, 34px);
                border-radius: 5px;
                border: 1px solid #e2e8f0;
            }

            .std-prod-ccard--competitor .std-prod-ccard-title {
                font-size: 0.8125rem;
            }

            .std-prod-ccard-imgwrap--competitor svg {
                color: #94a3b8;
            }

            .std-prod-ccard-meta--domain span {
                color: #000000;
                font-weight: 500;
                font-size: 0.625rem;
                word-break: break-all;
            }

            .std-comp-store-url {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 6px;
                width: 100%;
                padding: 7px 10px;
                border-radius: 6px;
                border: 1px solid #e2e8f0;
                background: #f8fafc;
                text-decoration: none !important;
                color: #334155;
                min-height: 34px;
                font-size: 0.6875rem;
                font-weight: 700;
                line-height: 1;
                transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
            }

            .std-comp-store-url:hover {
                border-color: #cbd5e1;
                background: #f1f5f9;
                color: #1d4ed8;
            }

            .std-comp-store-url .std-visit-link-icon {
                flex-shrink: 0;
            }

            .std-comp-store-url-text {
                display: inline;
                max-width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: inherit;
                font-weight: inherit;
                letter-spacing: 0.01em;
            }

            .std-prod-ccard-title--with-flag {
                display: flex !important;
                align-items: center;
                gap: 5px;
                -webkit-line-clamp: unset;
                overflow: visible;
            }

            .std-prod-ccard-title-text {
                min-width: 0;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .std-comp-rating-row {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                gap: 4px 6px;
                margin-top: 6px;
            }

            /* Similar-shop carousel: compact header (name row + badge row) */
            .std-prod-ccard-body--es-similar {
                padding: 5px 6px 4px;
                gap: 2px;
            }

            .std-es-similar-head {
                display: flex;
                flex-direction: column;
                gap: 3px;
                min-width: 0;
            }

            .std-es-similar-meta-row {
                display: flex;
                align-items: center;
                gap: 4px;
                flex-wrap: nowrap;
                min-width: 0;
                overflow: hidden;
            }

            .std-prod-ccard--es-similar .std-prod-ccard-imgwrap--competitor {
                aspect-ratio: auto;
                border-bottom: none;
                background: transparent;
            }

            /* Screenshot stage — explore-shops fill parity (tall captures cover 16:9 frame) */
            .std-prod-ccard--es-similar .std-comp-product-stage {
                background: #eef2f7;
            }

            .std-prod-ccard--es-similar .std-comp-product-stage .std-comp-product-main {
                position: absolute;
                inset: 0;
                display: block;
                overflow: hidden;
                background: transparent;
            }

            .std-prod-ccard--es-similar .std-comp-product-main--screenshot {
                background: transparent;
            }

            .std-prod-ccard--es-similar .std-comp-product-main--product {
                background: #fff;
            }

            .std-prod-ccard--es-similar .std-comp-product-stage .std-comp-gallery-slide-img--screenshot {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: auto;
                min-height: 100%;
                max-width: 100%;
                object-fit: cover;
                object-position: top center;
                transform: scale(var(--wh-screenshot-thumb-zoom, 1.12));
                transform-origin: top center;
            }

            .std-prod-ccard--es-similar .std-comp-product-stage .std-comp-gallery-slide-img--product {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                max-width: 100%;
                max-height: 100%;
                margin: auto;
                object-fit: contain;
                object-position: center center;
            }

            .std-prod-ccard--es-similar .std-comp-product-stage .std-comp-gallery-slide-img--icon {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                max-width: none;
                max-height: none;
                margin: 0;
                object-fit: contain;
                padding: 14%;
                box-sizing: border-box;
            }

            .std-prod-ccard--es-similar .std-comp-product-stage .std-comp-gallery-placeholder {
                position: absolute;
                inset: 0;
                background: #eef2f7;
            }

            .std-prod-ccard--es-similar .std-comp-product-stage.is-preview-unavailable::after {
                content: "Preview unavailable";
                position: absolute;
                inset: 0;
                z-index: 2;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 8px;
                font-size: 10px;
                font-weight: 600;
                line-height: 1.25;
                color: #64748b;
                text-align: center;
                pointer-events: none;
            }

            .std-prod-ccard--es-similar .std-comp-product-stage.is-preview-unavailable .std-comp-gallery-slide-img {
                opacity: 0.12;
            }

            .std-prod-ccard--es-similar .std-prod-ccard-title--with-flag {
                margin: 0;
                gap: 4px;
                flex-wrap: nowrap;
                min-width: 0;
            }

            .std-es-similar-title-icon {
                width: 16px;
                height: 16px;
                border-radius: 4px;
                object-fit: cover;
                flex-shrink: 0;
            }

            .std-shop-country-flag--carousel {
                width: 13px;
                height: 9px;
                border-radius: 2px;
                object-fit: cover;
                flex-shrink: 0;
                box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
            }

            .std-comp-product-main--placeholder {
                background: #f8fafc;
            }

            .std-comp-product-main--placeholder .std-comp-gallery-placeholder {
                width: 100%;
                height: 100%;
            }

            .std-prod-ccard--es-similar .std-prod-ccard-title-text {
                flex: 1 1 auto;
                min-width: 0;
            }

            .std-prod-ccard--es-similar .std-es-sim-badge--created {
                flex-shrink: 0;
                font-size: 9px;
                padding: 2px 6px;
                min-height: 18px;
            }

            .std-es-similar-stats-row {
                display: flex;
                align-items: center;
                gap: 4px;
                min-width: 0;
                flex-wrap: nowrap;
                overflow: hidden;
            }

            .std-es-similar-stat--domain {
                flex: 1 1 auto;
                min-width: 0;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 0.625rem;
                font-weight: 500;
                color: #64748b;
            }

            .std-prod-ccard--es-similar .std-es-sim-badge {
                min-height: 18px;
                padding: 2px 6px;
                font-size: 9px;
            }

            .std-prod-ccard--es-similar .std-es-sim-badge--visits {
                flex-shrink: 0;
            }

            .std-prod-ccard--es-similar .std-es-similar-meta-row .std-es-sim-badge--visits {
                margin-left: auto;
            }

            .std-prod-ccard--es-similar .std-prod-ccard-imgwrap--products {
                padding: 2px 6px 4px;
            }

            /* Similar-shop hero screenshot: landscape, compact height */
            .std-prod-ccard--es-similar .std-comp-product-stage,
            .std-prod-ccard--es-similar .std-comp-gallery-loader-stage {
                aspect-ratio: 16 / 9;
            }

            .std-prod-ccard--es-similar .std-comp-product-gallery {
                gap: 3px;
                --std-comp-substrip-h: 34px;
            }

            .std-prod-ccard--es-similar .std-comp-gallery-loader-substrip,
            .std-prod-ccard--es-similar .std-comp-gallery-loader-thumb {
                height: var(--std-comp-substrip-h, 34px);
                min-height: var(--std-comp-substrip-h, 34px);
            }

            .std-prod-ccard--es-similar .std-prod-ccard-bs--competitor {
                flex-direction: row;
                gap: 4px;
                padding: 3px 6px 5px;
            }

            .std-prod-ccard--es-similar .std-comp-store-url,
            .std-prod-ccard--es-similar .std-comp-std-link,
            .std-prod-ccard--es-similar .std-comp-track-link {
                flex: 1 1 0;
                min-width: 0;
                min-height: 24px;
                padding: 3px 6px;
                font-size: 0.625rem;
            }

            .std-es-similar-chips {
                display: flex;
                flex-direction: column;
                gap: 4px;
                margin-top: 8px;
                min-width: 0;
            }

            .std-es-similar-meta {
                display: flex;
                align-items: center !important;
                gap: 4px !important;
                min-width: 0;
                flex-wrap: nowrap;
            }

            .std-es-similar-meta--created {
                flex-wrap: wrap;
            }

            .std-es-similar-meta--stats {
                flex-wrap: nowrap;
            }

            .std-es-sim-badge {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 20px;
                box-sizing: border-box;
                max-width: 100%;
                padding: 3px 8px;
                border-radius: var(--std2-radius-sm, 6px);
                font-size: 10px;
                font-weight: 600;
                line-height: 1.25;
                letter-spacing: 0.02em;
                color: #00000;
                text-transform: none;
                border: 1px solid #e2e8f0;
                background: linear-gradient(180deg, #fff 0%, #f4f6fb 100%);
                box-shadow: 0 1px 1px rgba(15, 23, 42, 0.04);
                vertical-align: middle;
            }

            .std-es-sim-badge--visits {
                color: #334155;
                border-color: #e2e8f0;
                background: linear-gradient(180deg, #fafbff 0%, #f1f5f9 100%);
                flex-shrink: 0;
            }

            .std-es-sim-badge--created {
                color: #1e293b;
                border-color: #cbd5e1;
                background: linear-gradient(180deg, #ffffff 0%, #eef2ff 100%);
                flex-shrink: 0;
                font-size: 11px;
                font-weight: 700;
                letter-spacing: 0.01em;
                white-space: nowrap;
            }

            .std-es-sim-badge--category {
                color: #00000;
                flex: 1 1 0;
                min-width: 0;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                max-width: none;
            }

            .std-es-sim-category {
                display: inline-flex;
                align-items: center;
                justify-content: flex-start;
                align-self: center;
                min-height: 20px;
                flex: 1 1 0;
                min-width: 0;
                overflow: hidden;
            }

            .std-es-sim-category .niche-badges {
                display: inline-flex;
                align-items: center;
                flex-wrap: nowrap;
                gap: 0;
                max-width: 100%;
                overflow: hidden;
                line-height: 1.25;
            }

            .std-es-sim-category .niche-badges-pill,
            .std-es-sim-category .niche-tag.is-empty {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                box-sizing: border-box;
                min-height: 20px;
                max-width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 10px;
                font-weight: 600;
                line-height: 1.25;
                padding: 3px 8px;
                border-radius: var(--std2-radius-sm, 6px);
            }

            .std-es-sim-category .niche-badges-pill {
                border: 1px solid transparent;
            }

            .std-tp-mini {
                margin-top: 8px;
                min-width: 0;
            }

            .std-tp-mini-brand {
                display: inline-flex;
                align-items: center;
                gap: 5px;
                font-size: 10px;
                font-weight: 700;
                color: #047857;
                letter-spacing: 0.01em;
            }

            .std-tp-mini-brand-mark {
                width: 14px;
                height: 14px;
                border-radius: 999px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                background: #00b67a;
                color: #fff;
                font-size: 9px;
                font-weight: 800;
                line-height: 1;
                flex-shrink: 0;
            }

            .std-tp-mini-scoreline {
                display: inline-flex;
                align-items: center;
                flex-wrap: wrap;
                gap: 5px;
                min-width: 0;
                row-gap: 2px;
            }

            .std-tp-mini-stars {
                display: inline-flex;
                align-items: center;
                gap: 1px;
                flex-shrink: 0;
            }

            .std-tp-mini-star {
                display: inline-flex;
                line-height: 0;
            }

            .std-tp-mini-star--empty {
                opacity: 0.9;
            }

            .std-tp-mini-score-num {
                font-size: 0.75rem;
                font-weight: 800;
                color: #0f172a;
            }

            .std-tp-mini-score-max {
                font-size: 0.6875rem;
                font-weight: 700;
                color: #000000;
            }

            .std-tp-mini-reviews {
                font-size: 0.6875rem;
                font-weight: 600;
                color: #64748b;
                white-space: nowrap;
            }

            .std-tp-mini-reviews::before {
                content: "·";
                margin-right: 5px;
                color: #cbd5e1;
                font-weight: 700;
            }

            .std-comp-stars {
                display: inline-flex;
                align-items: center;
                gap: 2px;
            }

            .std-comp-star {
                display: inline-flex;
                line-height: 0;
            }

            .std-comp-rating-num {
                font-size: 0.6875rem;
                font-weight: 700;
                color: #0f172a;
            }

            .std-comp-reviews {
                font-size: 0.625rem;
                font-weight: 600;
                color: #000000;
            }

            .std-prod-ccard-bs--competitor {
                margin-top: auto;
                padding: 6px 8px 8px;
                border-top: 1px solid #eef2f7;
                justify-content: stretch;
                display: flex;
                flex-direction: column;
                gap: 6px;
            }

            .std-comp-track-link {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 6px;
                width: 100%;
                padding: 5px 8px;
                border-radius: 6px;
                font-size: 0.6875rem;
                font-weight: 700;
                line-height: 1;
                color: #334155;
                text-decoration: none !important;
                border: 1px solid #e2e8f0;
                background: #fff;
                font-family: inherit;
                cursor: pointer;
                transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
            }

            .std-comp-track-link:hover {
                border-color: #cbd5e1;
                background: #f8fafc;
                color: #225aea;
            }

            .std-comp-std-link {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 6px;
                width: 100%;
                padding: 5px 8px;
                border-radius: 6px;
                font-size: 0.6875rem;
                font-weight: 700;
                line-height: 1;
                color: #1e3a8a;
                text-decoration: none !important;
                border: 1px solid #bfdbfe;
                background: #eff6ff;
                font-family: inherit;
                cursor: pointer;
                transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
            }

            .std-comp-std-link:hover {
                border-color: #93c5fd;
                background: #dbeafe;
                color: #1d4ed8;
            }

            .std-prod-ccard--es-similar .std-comp-product-gallery {
                position: relative;
                z-index: 1;
                isolation: isolate;
                overflow: visible;
            }

            .std-prod-ccard--es-similar .std-comp-product-substrip {
                z-index: 8;
                pointer-events: auto;
            }

            .std-prod-ccard--es-similar .std-comp-product-subthumb {
                position: relative;
                z-index: 9;
                pointer-events: auto;
                touch-action: manipulation;
            }

            .std-prod-ccard--es-similar .std-comp-product-subthumb img,
            .std-prod-ccard--es-similar .std-comp-product-subthumb svg,
            .std-prod-ccard--es-similar .std-comp-product-subthumb .std-comp-gallery-placeholder {
                pointer-events: none;
            }

            

            .shadow-backdrop {
                background: #fff !important;
                border: 1px solid #e2e8f0 !important;
                border-radius: 10px !important;
                box-shadow: none !important;
            }

            .div-block-35.shadow-backdrop,
            .std-products-panel.shadow-backdrop,
            .std-hero-card.shadow-backdrop,
            .details-wrapper.shadow-backdrop,
            .top-competitors.shadow-backdrop,
            #std-similar-shops.shadow-backdrop,
            #std-top-ads-card.shadow-backdrop,
            .visitors-overview.shadow-backdrop {
                border-radius: 10px !important;
                background: #fff !important;
                box-shadow: none !important;
            }

            /* #sales-table: layout lives in .std-sales-table + wrapper rules below */
            #sales-table {
                width: 100% !important;
                border: none !important;
                border-radius: 0 !important;
                border-collapse: separate !important;
                border-spacing: 0 !important;
                box-shadow: none !important;
            }

            .title-bar-left-store-info #store-name {
                font-size: 1.05rem !important;
                font-weight: 700 !important;
                color: #1e293b !important;
            }

            .title-bar-left-category-trustpilot-info #store-category {
                display: inline-flex !important;
                align-items: center !important;
                max-width: 100% !important;
                padding: 0 !important;
                margin: 0 !important;
                border: none !important;
                background: transparent !important;
                box-shadow: none !important;
                font-size: inherit !important;
                font-weight: inherit !important;
                color: inherit !important;
                text-transform: none !important;
                line-height: 1.35 !important;
            }

            /* Typography hierarchy alignment with /explore-shops and /store-tracker */
            .title-bar,
            .div-block-35,
            .std-hero-page-block,
            .details-wrapper,
            .top-competitors,
            .engagement-overview,
            .visitors-overview,
            .geography-overview,
            .modal__content {
                font-family: Inter, "Plus Jakarta Sans", sans-serif !important;
            }

            .title-bar-left-store-info #store-name {
                font-size: 1.125rem !important;
                line-height: 1.3 !important;
                font-weight: 700 !important;
                color: #1e293b !important;
            }

            .title-bar-left-category-trustpilot-info {
                font-size: 0.75rem !important;
                line-height: 1.35 !important;
                font-weight: 500 !important;
                color: #111827 !important;
            }

            /* SimilarWeb metrics: hidden from store info strip */
            .title-bar .std-store-info-chip.std-store-info-chip--sw {
                display: none !important;
            }

            .title-bar .std-store-info-value--eng {
                position: relative;
                display: block;
                min-height: 1.125rem;
            }

            .title-bar .std-store-info-eng-skel {
                display: block;
                width: 100%;
                max-width: 4.5rem;
                height: 0.875rem;
                border-radius: 4px;
                margin-top: 2px;
                background: linear-gradient(90deg, #f1f5f9 0%, #e8edf3 45%, #f8fafc 55%, #f1f5f9 100%);
                background-size: 200% 100%;
                animation: std-hero-shimmer 1.35s ease-in-out infinite;
            }

            .title-bar .std-store-info-eng-value {
                display: block;
                font-variant-numeric: tabular-nums;
            }

            .title-bar .std-store-info-eng-value .text-sm {
                font-size: 0.625rem;
                font-weight: 700;
                margin-left: 2px;
            }

            .description-title,
            .engagement-title,
            .visitors-title,
            .geography-title {
                font-size: 1rem !important;
                line-height: 1.35 !important;
                font-weight: 600 !important;
                color: #1e293b !important;
                margin: 0 !important;
            }

            .engagement-subtitle,
            .visitors-subtitle,
            .geography-subtitle {
                font-size: 0.75rem !important;
                line-height: 1.35 !important;
                font-weight: 500 !important;
                color: #111827 !important;
            }

            .text-block-4 {
                font-size: 0.675rem !important;
                line-height: 1.35 !important;
                font-weight: 600 !important;
                letter-spacing: 0.04em !important;
                text-transform: uppercase !important;
                color: #111827 !important;
                margin-bottom: 0.2rem !important;
            }

            .text-block-9.revenue-title,
            .trackedby,
            .country,
            .product_amount,
            .collection_amount,
            .averageordervalue,
            .data-since-text {
                font-size: 0.875rem !important;
                line-height: 1.35 !important;
                font-weight: 600 !important;
                color: #1e293b !important;
            }

            .stat-title {
                font-size: 0.75rem !important;
                line-height: 1.35 !important;
                font-weight: 500 !important;
                color: #111827 !important;
            }

            .stat-value {
                font-size: 0.95rem !important;
                line-height: 1.35 !important;
                font-weight: 600 !important;
                color: #1e293b !important;
            }

            .country-table th {
                font-size: 0.675rem !important;
                font-weight: 600 !important;
                letter-spacing: 0.04em !important;
                text-transform: uppercase !important;
                color: #111827 !important;
            }

            .country-name,
            .country-value {
                font-size: 0.75rem !important;
                line-height: 1.35 !important;
                font-weight: 600 !important;
            }

            /* Store hero: multi-card layout */
            .std-hero-page-block {
                display: flex;
                flex-direction: column;
                gap: 14px;
            }

            .std-hero-layout {
                display: flex;
                flex-direction: column;
                gap: 14px;
            }

            .std-hero-metrics-grid {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
                gap: 14px;
                align-items: stretch;
            }

            @media (min-width: 1100px) {
                .std-hero-metrics-grid {
                    grid-template-columns: repeat(4, 1fr);
                }
            }

            .std-hero-card {
                padding: 11px 12px !important;
                min-width: 0;
            }

            .std-hero-card-head {
                display: flex;
                align-items: center;
                gap: 8px;
                margin-bottom: 8px;
            }

            .std-hero-card-head--split {
                justify-content: space-between;
                flex-wrap: wrap;
                gap: 6px 10px;
            }

            .std-hero-card-head-row {
                display: flex;
                align-items: center;
                gap: 8px;
                min-width: 0;
            }

            .std-hero-card-ic {
                flex-shrink: 0;
                width: 28px;
                height: 28px;
                border-radius: 7px;
                background: #f1f5f9;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #00000;
            }

            .std-hero-card-ic svg {
                width: 15px;
                height: 15px;
            }

            /* Match /explore-shops: full-color header glyphs, no grey tile behind */
            .std-hero-card-ic--explore-bitmap {
                background: transparent;
                width: 22px;
                height: 22px;
            }

            .std-hero-card-ic--explore-bitmap img {
                width: 20px;
                height: 20px;
                display: block;
                object-fit: contain;
            }

            .std-hero-card-ic--explore-bitmap svg {
                width: 20px;
                height: auto;
                max-height: 20px;
            }

            .std-hero-card-ic--tp-star svg {
                width: 20px;
                height: auto;
                max-height: 19px;
            }

            .std-profile-two-col {
                display: none;
                grid-template-columns: 1fr 1fr;
                gap: 14px;
                align-items: stretch;
            }

            .std-profile-two-col > .std-profile-card {
                height: 100%;
                min-height: 0;
                display: flex;
                flex-direction: column;
            }

            .std-profile-two-col.stacked-divs {
                padding: 0;
                border-bottom: none;
                margin-bottom: 0;
                justify-content: unset;
            }

            #std-hero-pane-store .std-profile-two-col.stacked-divs {
                padding-bottom: 0;
            }

            /* Keep the visitors chart card at content height (avoid equal-height stretch). */
            .std-profile-two-col.stacked-divs > .std-profile-card:first-child {
                height: auto;
                align-self: start;
            }

            @media (max-width: 900px) {
                .std-profile-two-col {
                    grid-template-columns: 1fr;
                }
            }

            .std-profile-card {
                padding: 14px 16px !important;
                min-width: 0;
            }

            .std-profile-section-heading {
                margin: 12px 0 8px;
                font-size: 1rem;
                font-weight: 600;
                color: #1e293b;
                letter-spacing: -0.01em;
                line-height: 1.3;
            }

            .std-profile-card > .std-profile-section-heading:first-child {
                margin-top: 0;
            }

            .std-hero-description-block {
                margin-bottom: 14px;
            }

            .std-hero-description-block .std-profile-section-heading {
                margin-top: 0;
            }

            .std-channels-toggle-wrap {
                margin-bottom: 12px;
            }

            .std-channels-toggle-wrap--solo {
                margin-bottom: 10px;
            }

            .std-channels-toggle {
                display: flex;
                width: 100%;
                padding: 3px;
                background: #f1f5f9;
                border-radius: 8px;
                gap: 2px;
            }

            .std-channels-toggle-btn {
                flex: 1;
                margin: 0;
                border: none;
                cursor: pointer;
                padding: 8px 10px;
                font-size: 0.6875rem;
                font-weight: 600;
                color: #111827;
                background: transparent;
                border-radius: 6px;
                line-height: 1.2;
                transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
                font-family: inherit;
            }

            .std-channels-toggle-btn:hover {
                color: #111827;
            }

            .std-channels-toggle-btn.is-active {
                background: #fff;
                color: #0f172a;
                box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
            }

            .std-channel-panel {
                min-height: 48px;
                max-height: 220px;
                overflow-y: auto;
                scrollbar-width: thin;
            }

            .std-channel-panel::-webkit-scrollbar {
                width: 5px;
            }

            .std-channel-panel::-webkit-scrollbar-thumb {
                background: #cbd5e1;
                border-radius: 99px;
            }

            .std-channel-grid {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 8px;
            }

            @media (max-width: 520px) {
                .std-channel-grid {
                    grid-template-columns: 1fr;
                }
            }

            .std-channel-cell {
                display: flex;
                align-items: center;
                gap: 10px;
                padding: 10px 12px;
                border: 1px solid #e2e8f0;
                border-radius: 8px;
                background: #fff;
                min-height: 44px;
            }

            .std-channel-cell a {
                display: flex;
                align-items: center;
                gap: 10px;
                text-decoration: none !important;
                color: inherit;
                flex: 1;
                min-width: 0;
            }

            .std-channel-cell img {
                width: 22px;
                height: 22px;
                object-fit: contain;
                flex-shrink: 0;
            }

            .std-channel-cell-name {
                font-size: 0.75rem;
                font-weight: 600;
                color: #111827;
                line-height: 1.3;
                word-break: break-word;
            }

            .std-channel-empty {
                margin: 8px 0 0;
                font-size: 0.75rem;
                font-weight: 500;
                color: #111827;
                line-height: 1.45;
            }

            .std-profile-card .std-desc-wrap {
                margin-top: 0;
            }

            /* Override global #description { min-height: 100px; padding-bottom: 20px } from styles.css */
            .std-profile-card #description {
                min-height: 0;
                padding-bottom: 0;
            }

            .std-desc-text--collapsible:not(.is-expanded) {
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                line-clamp: 3;
                overflow: hidden;
            }

            .std-desc-text.is-expanded {
                display: block;
                -webkit-line-clamp: unset;
                line-clamp: unset;
            }

            .std-desc-more-btn {
                display: inline-block;
                margin: 6px 0 0;
                padding: 0;
                border: none;
                background: none;
                font-size: 0.75rem;
                font-weight: 600;
                color: #2563eb;
                cursor: pointer;
                font-family: inherit;
            }

            .std-desc-more-btn:hover {
                text-decoration: underline;
            }

            .std-desc-more-btn:focus-visible {
                outline: 2px solid #93c5fd;
                outline-offset: 2px;
                border-radius: 2px;
            }

            .std-desc-more-btn[hidden] {
                display: none !important;
            }

            .std-hero-rev-toggle {
                display: inline-flex;
                padding: 3px;
                background: #f1f5f9;
                border-radius: 8px;
                gap: 2px;
                flex-shrink: 0;
            }

            .std-hero-rev-toggle-btn {
                margin: 0;
                border: none;
                cursor: pointer;
                padding: 5px 10px;
                font-size: 0.625rem;
                font-weight: 700;
                letter-spacing: 0.03em;
                color: #111827;
                background: transparent;
                border-radius: 5px;
                line-height: 1.2;
                transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
            }

            .std-hero-rev-toggle-btn:hover {
                color: #111827;
            }

            .std-hero-rev-toggle-btn.is-active {
                background: #fff;
                color: #0f172a;
                box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
            }

            .std-hero-rev-panel .std-hero-metric-value-row .std-kpi-value {
                font-size: 0.8125rem;
                font-weight: 700;
                letter-spacing: -0.01em;
                line-height: 1.45;
            }

            .std-hero-rev-sources {
                position: absolute;
                width: 1px;
                height: 1px;
                padding: 0;
                margin: -1px;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                white-space: nowrap;
                border: 0;
            }

            .std-hero-card-title {
                font-size: 0.625rem;
                font-weight: 700;
                letter-spacing: 0.06em;
                text-transform: uppercase;
                color: #111827;
                line-height: 1.25;
            }

            .std-hero-metric-value-row {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 4px 8px;
            }

            .std-hero-metric-value-row .std-kpi-value {
                font-size: 0.8125rem;
                font-weight: 700;
                letter-spacing: -0.01em;
                line-height: 1.45;
            }

            .std-hero-metrics-grid .std-kpi-value#std-kpi-catalog {
                font-size: 0.8125rem;
                font-weight: 700;
                letter-spacing: -0.01em;
                line-height: 1.45;
            }

            /* Top ads styles: public/css/top-ads-section.css */

            .std-hero-metric-value-row .std-mom-badge {
                font-size: 0.6875rem;
            }

            .std-title-meta-row #store-url {
                font-size: 0.75rem !important;
                font-weight: 600 !important;
                color: #2563eb !important;
            }

            .std-shopify-icon-link {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                flex-shrink: 0;
                padding: 2px;
                border-radius: 6px;
                line-height: 0;
                transition: background 0.15s ease, opacity 0.15s ease;
            }

            .std-shopify-icon-link:hover {
                background: #f1f5f9;
            }

            .std-shopify-icon-link:focus-visible {
                outline: 2px solid #93c5fd;
                outline-offset: 2px;
            }

            .std-shopify-icon-link img {
                display: block;
                width: 18px;
                height: 18px;
                object-fit: contain;
            }

            .std-new-tab svg {
                width: 14px;
                height: 14px;
                color: #94a3b8;
            }

            .std-hero-actions {
                display: flex;
                align-items: center;
                gap: 8px;
                flex-wrap: wrap;
            }

            .std-hero-link {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                padding: 6px 10px;
                border-radius: 8px;
                border: 1px solid #e2e8f0;
                background: #f8fafc;
                font-size: 0.6875rem;
                font-weight: 600;
                color: #00000;
                text-decoration: none !important;
                transition: background 0.15s ease, border-color 0.15s ease;
            }

            .std-hero-link:hover {
                background: #f1f5f9;
                border-color: #cbd5e1;
                color: #1e293b;
            }

            .std-hero-link img {
                width: 18px;
                height: 18px;
                object-fit: contain;
            }

            .std-store-title-row {
                display: flex;
                align-items: center;
                gap: 8px;
                flex-wrap: wrap;
            }

            .std-store-title-name-group {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                flex-shrink: 0;
                max-width: 100%;
            }

            .std-store-title-name-group #store-name {
                min-width: auto;
            }

            .std-header-store-search {
                position: relative;
                flex-shrink: 0;
                max-width: 100%;
            }

            .std-header-store-search-display {
                display: inline-flex;
                align-items: center;
                gap: 2px;
                max-width: 100%;
                padding: 1px 4px 1px 10px;
                border: 1px solid #e2e8f0;
                border-radius: 8px;
                background: #fff;
                cursor: pointer;
                transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
                box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
            }

            .std-header-store-search-display:hover {
                border-color: #cbd5e1;
                background: #f8fafc;
                box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
            }

            .std-header-store-search-label {
                display: block;
                white-space: normal;
                word-break: break-word;
                min-width: 0;
            }

            .std-header-store-search-edit-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 24px;
                height: 24px;
                flex-shrink: 0;
                padding: 0;
                border: none;
                border-radius: 5px;
                background: transparent;
                color: #94a3b8;
                cursor: pointer;
                transition: background 0.15s ease, color 0.15s ease;
                box-shadow: none;
            }

            .std-header-store-search-display:hover .std-header-store-search-edit-btn {
                color: #64748b;
            }

            .std-header-store-search-edit-btn:hover,
            .std-header-store-search-edit-btn:focus-visible {
                background: rgba(15, 23, 42, 0.06);
                color: #334155;
                outline: none;
                box-shadow: none;
            }

            .std-header-store-search-edit-btn svg {
                width: 14px;
                height: 14px;
            }

            .std-header-store-search-panel {
                position: relative;
                min-width: min(360px, 72vw);
            }

            .std-header-store-search-field {
                position: relative;
            }

            .std-header-store-search-input {
                display: block;
                width: 100%;
                min-width: 240px;
                max-width: 100%;
                padding: 6px 12px;
                border: 1px solid #cbd5e1;
                border-radius: 8px;
                background: #fff;
                font-size: 1rem;
                font-weight: 700;
                line-height: 1.3;
                color: #1e293b;
                box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
            }

            .std-header-store-search-input:focus {
                outline: none;
                border-color: #225aea;
                box-shadow: 0 0 0 3px rgba(34, 90, 234, 0.12);
            }

            .std-header-store-search-field.is-dropdown-open .std-header-store-search-input {
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
            }

            .std-header-store-search .search-suggestions {
                min-width: 100%;
            }

            .std-header-store-search.is-open .std-header-store-search-display {
                display: none;
            }

            .std-store-title-flag {
                width: 14px;
                height: 10px;
                object-fit: cover;
                border-radius: 2px;
                box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08);
                flex-shrink: 0;
                display: none;
            }

            .std-kpi--trust .std-tp-card-body--kpi-inline {
                margin-top: 0;
                width: 100%;
            }

            .std-kpi-strong {
                font-weight: 600;
                color: #1e293b;
            }

            .std-kpi-sep {
                color: #cbd5e1;
                margin: 0 5px;
                font-weight: 500;
            }

            .std-kpi {
                min-width: 0;
            }

            .std-kpi-label {
                display: block;
                font-size: 0.675rem;
                font-weight: 600;
                letter-spacing: 0.04em;
                text-transform: uppercase;
                color: #000000;
                margin-bottom: 4px;
                line-height: 1.35;
            }

            .std-kpi-value {
                font-size: 0.875rem;
                font-weight: 600;
                color: #1e293b;
                line-height: 1.35;
            }

            .std-kpi-value-row {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 2px 6px;
            }

            .std-kpi-hint {
                display: block;
                font-size: 0.625rem;
                font-weight: 500;
                color: #94a3b8;
                margin-top: 3px;
                line-height: 1.3;
            }

            .std-kpi-muted {
                color: #94a3b8;
                font-weight: 600;
                font-size: 0.8125rem;
            }

            .std-mom-badge {
                display: inline-flex;
                align-items: center;
                gap: 3px;
                padding: 2px 6px;
                border-radius: 4px;
                font-size: 0.6rem;
                font-weight: 600;
                line-height: 1.2;
            }

            .std-mom-badge .std-mom-mom {
                font-size: 0.45rem;
                font-weight: 700;
                letter-spacing: 0.05em;
                opacity: 0.85;
            }

            .std-mom-badge.up {
                color: #15803d;
                background: #dcfce7;
            }

            .std-mom-badge.down {
                color: #b91c1c;
                background: #fee2e2;
            }

            .std-mom-badge.flat {
                color: #000000;
                background: #f1f5f9;
            }

            .std-tp-card-head {
                margin-bottom: 10px;
            }

            .std-tp-card-head--kpi-inline {
                margin-bottom: 0;
            }

            .std-tp-brand {
                display: flex;
                align-items: center;
                gap: 10px;
                min-width: 0;
            }

            .std-tp-brand-mark {
                flex-shrink: 0;
                width: 36px;
                height: 36px;
                border-radius: 10px;
                background: linear-gradient(145deg, #00b67a 0%, #00a06c 100%);
                display: flex;
                align-items: center;
                justify-content: center;
                box-shadow: 0 1px 3px rgba(0, 182, 122, 0.35);
            }

            .std-tp-brand-mark svg {
                width: 20px;
                height: 20px;
                display: block;
            }

            .std-tp-brand-text {
                display: flex;
                flex-direction: column;
                gap: 2px;
                min-width: 0;
            }

            .std-tp-brand-title {
                font-size: 0.8125rem;
                font-weight: 800;
                letter-spacing: -0.02em;
                color: #0f172a;
                line-height: 1.15;
            }

            .std-tp-brand-sub {
                font-size: 0.625rem;
                font-weight: 600;
                text-transform: uppercase;
                letter-spacing: 0.06em;
                color: #000000;
            }

            .std-tp-card-body {
                min-width: 0;
            }

            .std-tp-scoreboard {
                display: flex;
                flex-direction: column;
                gap: 8px;
            }

            .std-tp-stars-row {
                display: flex;
                align-items: center;
                gap: 3px;
            }

            a.std-tp-scoreboard-link {
                text-decoration: none;
                color: inherit;
                cursor: pointer;
            }

            a.std-tp-scoreboard-link:hover .std-tp-score-num,
            a.std-tp-scoreboard-link:hover .std-tp-reviews-line {
                text-decoration: underline;
                text-underline-offset: 2px;
            }

            a.std-tp-scoreboard-link:focus-visible {
                outline: 2px solid #00b67a;
                outline-offset: 3px;
                border-radius: 6px;
            }

            .std-tp-stars-row .std-tp-star {
                flex-shrink: 0;
            }

            .std-tp-star {
                display: block;
                color: #00b67a;
            }

            .std-tp-star--empty {
                color: #e2e8f0;
            }

            .std-tp-score-line {
                display: flex;
                align-items: baseline;
                flex-wrap: wrap;
                gap: 6px 10px;
            }

            .std-tp-score-num {
                font-size: 1.5rem;
                font-weight: 800;
                letter-spacing: -0.03em;
                color: #0f172a;
                line-height: 1;
            }

            .std-tp-score-max {
                font-size: 0.8125rem;
                font-weight: 600;
                color: #94a3b8;
            }

            .std-tp-reviews-line {
                font-size: 0.75rem;
                font-weight: 600;
                color: #000000;
            }

            .std-tp-linkline {
                margin-top: 2px;
            }

            .std-tp-linkline a {
                font-size: 0.6875rem;
                font-weight: 600;
                color: #00b67a;
                text-decoration: none;
            }

            .std-tp-linkline a:hover {
                text-decoration: underline;
            }

            .std-tp-empty {
                font-size: 0.75rem;
                font-weight: 500;
                color: #94a3b8;
            }

            .std-tp-row {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                gap: 6px 8px;
            }

            .std-tp-stars {
                display: inline-flex;
                align-items: center;
                gap: 1px;
            }

            .std-tp-rating {
                font-size: 0.8125rem;
                font-weight: 700;
                color: #1e293b;
            }

            .std-tp-reviews {
                font-size: 0.8125rem;
                font-weight: 500;
                color: #000000;
            }


            /* Hero load: skeleton mirrors description + socials + KPI row + confidence */
            @keyframes std-hero-shimmer {
                0% { background-position: 200% 0; }
                100% { background-position: -200% 0; }
            }

            body:not(.std-hero-ready) .std-hero-loaded {
                display: none !important;
            }

            body:not(.std-hero-ready) .std-title-bar-actions .std-hero-skeleton-shell {
                display: inline-flex !important;
            }

            /* Main hero (tabs + panes): separate class so it is not conflated with title-bar .std-hero-loaded */
            body:not(.std-hero-ready) .std-hero-main {
                display: none !important;
            }

            /* Overview (top ads, similar shops, legacy adspy shell) stays hidden until hero data
               has loaded — avoids a “half-loaded” strip below the hero skeleton. */
            body:not(.std-hero-ready) #std-details-tab-overview {
                display: none !important;
            }

            body.std-hero-ready .std-hero-layout > .std-hero-skeleton-shell,
            body.std-hero-ready .std-title-bar-actions .std-hero-skeleton-shell {
                display: none !important;
            }

            .std-hero-main {
                display: flex;
                flex-direction: column;
            }

            .std-hero-layout > .std-hero-skeleton-shell {
                display: flex;
                flex-direction: column;
                gap: 14px;
            }

            .std-hero-skeleton-shell .std-hero-skel-profile {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 14px;
            }

            @media (max-width: 900px) {
                .std-hero-skeleton-shell .std-hero-skel-profile {
                    grid-template-columns: 1fr;
                }
            }

            /* —— Store details v3: KPI metric cards —— */
            .std-v3-kpi-row {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 6px;
                align-items: stretch;
            }

            @media (max-width: 1200px) {
                .std-v3-kpi-row {
                    grid-template-columns: 1fr 1fr;
                }
            }

            @media (max-width: 1024px) {
                .std-v3-kpi-row .std-v3-card--social {
                    grid-column: 1 / -1;
                }
            }

            @media (max-width: 640px) {
                .std-v3-kpi-row {
                    grid-template-columns: 1fr;
                }
                .std-v3-kpi-row .std-v3-card--social {
                    grid-column: auto;
                }
            }

            .std-chart-head {
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
                gap: 12px;
                margin-bottom: 8px;
                flex-wrap: wrap;
            }

            .std-chart-head-main {
                flex: 1 1 200px;
                min-width: 0;
            }

            .std-chart-head-aside {
                display: flex;
                flex-direction: column;
                align-items: flex-end;
                gap: 8px;
                flex-shrink: 0;
            }

            .std-chart-metric-block {
                display: flex;
                flex-direction: column;
                gap: 4px;
                padding: 0;
            }

            .std-chart-metric-label {
                display: block;
                margin: 0 0 2px;
                font-size: 0.6875rem;
                font-weight: 600;
                letter-spacing: 0.04em;
                text-transform: uppercase;
                color: var(--std2-text-muted, #64748b);
                line-height: 1.2;
            }

            .std-chart-metric-block .visitors-current-value {
                font-size: 1.625rem;
                font-weight: 800;
                letter-spacing: -0.03em;
                line-height: 1.1;
                flex-wrap: wrap;
            }

            .std-chart-metric-block .visitors-current-value .std-metric-icon--emoji,
            .std-chart-metric-block .visitors-current-value .std-metric-icon--img {
                display: none;
            }

            .std-chart-revenue-row {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                gap: 6px 8px;
                margin-top: 2px;
            }

            .std-chart-revenue-label {
                font-size: 0.6875rem;
                font-weight: 600;
                letter-spacing: 0.04em;
                text-transform: uppercase;
                color: var(--std2-text-muted, #64748b);
            }

            .std-chart-revenue-value {
                font-size: 0.8125rem;
                font-weight: 600;
                color: var(--std2-text, #0f172a);
                font-variant-numeric: tabular-nums;
            }

            .std-chart-rev-toggle {
                margin-left: auto;
            }

            .visitors-title--compact {
                font-size: 0.6875rem !important;
                font-weight: 600 !important;
                letter-spacing: 0.04em;
                text-transform: uppercase;
                color: var(--std2-text-muted, #64748b) !important;
                margin: 0;
            }

            .std-v3-split--vis-geo .visitors-current-card:not(.std-chart-metric-block) {
                display: none !important;
            }

            .std-v3-kpi-row .std-kpi-trend {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 6px;
                margin-top: 2px;
                min-height: 16px;
            }

            .std-v3-kpi-row .std-kpi-trend .std-visitors-growth,
            .std-v3-kpi-row .std-kpi-trend .std-active-ads-growth {
                gap: 6px;
            }

            .std-v3-kpi-row .std-kpi-trend .std-visitors-growth-item,
            .std-v3-kpi-row .std-kpi-trend .std-active-ads-growth-item {
                font-size: 10px;
            }

            .std-kpi-empty-compact {
                font-size: 11px !important;
                font-weight: 500 !important;
                line-height: 1.3 !important;
            }

            .std-title-more-menu {
                position: relative;
                display: inline-flex;
            }

            .std-title-more-toggle {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 32px;
                height: 32px;
                padding: 0;
                border: 1px solid var(--std2-border, #e2e8f0);
                border-radius: 8px;
                background: var(--std2-surface-alt, #f8fafc);
                color: var(--std2-text-muted, #64748b);
                cursor: pointer;
                font-family: inherit;
            }

            .std-title-more-toggle:hover {
                background: var(--std2-surface-hover, #f1f5f9);
                color: var(--std2-text, #0f172a);
            }

            .std-title-more-toggle svg {
                width: 16px;
                height: 16px;
            }

            .std-title-more-panel {
                position: absolute;
                right: 0;
                top: calc(100% + 6px);
                z-index: 90;
                display: none;
                min-width: 240px;
                padding: 6px;
                border-radius: 10px;
                border: 1px solid #e2e8f0;
                background: #fff;
                box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14);
            }

            .std-title-more-menu.is-open .std-title-more-panel {
                display: block;
            }

            .std-title-more-item {
                display: flex;
                align-items: center;
                gap: 8px;
                width: 100%;
                padding: 8px 10px;
                border: none;
                border-radius: 8px;
                background: transparent;
                color: inherit;
                font-size: 12px;
                font-weight: 500;
                text-align: left;
                text-decoration: none;
                cursor: pointer;
                font-family: inherit;
            }

            .std-title-more-item:hover {
                background: #f1f5f9;
            }

            .std-title-more-item svg {
                flex-shrink: 0;
                width: 14px;
                height: 14px;
                opacity: 0.7;
            }

            .std-title-more-divider {
                height: 1px;
                margin: 4px 6px;
                background: #e2e8f0;
            }

            .std-title-more-heading {
                padding: 4px 10px 2px;
                font-size: 10px;
                font-weight: 700;
                letter-spacing: 0.06em;
                text-transform: uppercase;
                color: #64748b;
            }

            .std-v3-card {
                background: #fff;
                border: 1px solid #e2e8f0;
                border-radius: 8px;
                padding: 8px 10px;
                box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
            }

            .std-v3-card-head {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-bottom: 8px;
            }

            .std-v3-card-title {
                font-size: 10px;
                font-weight: 600;
                letter-spacing: 0.04em;
                text-transform: uppercase;
                color: #000000;
            }

            /* KPI row cards — compact left-aligned */
            .std-v3-kpi-row > .std-v3-kpi-card {
                padding: 8px 10px !important;
                border-radius: 8px !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: flex-start !important;
                min-width: 0 !important;
                text-align: left !important;
                gap: 4px !important;
                min-height: 52px !important;
            }

            /* Card label row */
            .std-v3-kpi-label {
                font-size: 10px;
                font-weight: 600;
                letter-spacing: 0.04em;
                text-transform: uppercase;
                color: #000000;
            }

            .std-v3-kpi-label--trustpilot {
                display: inline-flex;
                align-items: center;
                line-height: 1;
            }

            .std-v3-kpi-label-logo {
                height: 15px;
                width: auto;
                display: block;
            }

            /* Card value wrap */
            .std-v3-kpi-val-wrap {
                display: flex;
                flex-direction: column;
                gap: 2px;
                min-width: 0;
                width: 100%;
            }

            .std-v3-kpi-row > .std-v3-kpi-card .std-v3-kpi-val-wrap {
                flex: 1;
            }

            .std-v3-kpi-val-wrap.is-kpi-empty {
                justify-content: center;
                align-items: center;
                text-align: center;
            }

            .std-v3-kpi-val-wrap.is-kpi-empty .std-v3-muted-empty {
                margin: 0 !important;
                width: 100%;
            }

            .std-v3-kpi-val-wrap.is-kpi-empty .std-v3-social-strip,
            .std-v3-kpi-val-wrap.is-kpi-empty .std-tp-card-body--kpi-inline {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                min-height: 0;
            }

            .std-v3-kpi-val-wrap .std-kpi-value {
                font-size: 14px !important;
                font-weight: 600 !important;
                color: #0f172a !important;
                line-height: 1.3 !important;
                font-variant-numeric: tabular-nums;
            }

            /* Revenue toggle */
            .std-v3-kpi-row .std-hero-rev-toggle {
                padding: 2px !important;
                border-radius: 6px !important;
            }

            .std-v3-kpi-row .std-hero-rev-toggle-btn {
                padding: 3px 7px !important;
                font-size: 10px !important;
                border-radius: 4px !important;
            }

            /* Revenue card */
            .std-v3-rev-title-row {
                display: flex;
                align-items: center;
                justify-content: space-between;
                width: 100%;
                gap: 8px;
            }

            .std-v3-card--revenue .std-v3-rev-block {
                border-top: none;
                padding-top: 0;
                margin-top: 0;
                display: flex;
                flex-direction: column;
                width: 100%;
            }

            .std-v3-card--revenue .std-v3-rev-head {
                justify-content: flex-start;
            }

            .std-v3-card--revenue .std-v3-rev-value {
                font-size: 14px !important;
                font-weight: 600 !important;
                line-height: 1.3 !important;
                font-variant-numeric: tabular-nums;
            }

            /* Trustpilot card */
            .std-v3-kpi-row .std-tp-brand {
                gap: 6px !important;
            }

            .std-v3-kpi-row .std-tp-brand-mark {
                width: 28px !important;
                height: 28px !important;
                border-radius: 7px !important;
            }

            .std-v3-kpi-row .std-tp-brand-mark svg {
                width: 15px !important;
                height: 15px !important;
            }

            .std-v3-kpi-row .std-tp-brand-title {
                font-size: 12px !important;
                line-height: 1.1 !important;
            }

            .std-v3-kpi-row .std-tp-brand-sub {
                font-size: 10px !important;
            }

            .std-v3-kpi-row .std-tp-scoreboard--h {
                display: flex !important;
                flex-direction: row !important;
                flex-wrap: wrap !important;
                align-items: center !important;
                gap: 4px 8px !important;
                width: 100% !important;
            }

            .std-v3-kpi-row .std-tp-stars-row {
                gap: 1px !important;
                flex-shrink: 0 !important;
            }

            .std-v3-kpi-row .std-tp-stars-row svg {
                width: 13px !important;
                height: 13px !important;
            }

            .std-v3-kpi-row .std-tp-score-num {
                font-size: 14px !important;
                line-height: 1 !important;
                font-weight: 600 !important;
                color: #0f172a !important;
            }

            .std-v3-kpi-row .std-tp-score-max {
                font-size: 10px !important;
            }

            .std-v3-kpi-row .std-tp-reviews-line {
                font-size: 11px !important;
                white-space: nowrap !important;
                color: #000000 !important;
            }

            .std-v3-kpi-row .std-tp-h-sep {
                width: 3px !important;
                height: 3px !important;
                border-radius: 50% !important;
                background: #cbd5e1 !important;
                flex-shrink: 0 !important;
            }

            .std-v3-kpi-row .std-tp-linkline {
                display: block !important;
                margin: 2px 0 0 !important;
            }

            .std-v3-kpi-row .std-tp-linkline a {
                font-size: 10px !important;
                white-space: nowrap !important;
            }

            .std-v3-kpi-row .std-tp-empty {
                font-size: 11px !important;
            }

            /* Social card */
            .std-v3-kpi-row .std-v3-soc-ic {
                width: 28px !important;
                height: 28px !important;
                border-radius: 6px !important;
            }

            .std-v3-kpi-row .std-v3-soc-ic img {
                width: 14px !important;
                height: 14px !important;
            }

            .std-v3-kpi-row .std-v3-soc-ic--with-stat {
                width: auto !important;
                min-width: 28px !important;
                height: 28px !important;
                padding: 0 8px 0 6px !important;
                gap: 4px !important;
            }

            .std-v3-kpi-row .std-v3-soc-stat {
                font-size: 11px !important;
            }

            .std-v3-card--social {
                position: relative;
            }

            .std-v3-kpi-label-row {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 8px;
                margin-bottom: 6px;
            }

            .std-v3-kpi-label-row .std-v3-kpi-label {
                margin-bottom: 0;
            }

            .std-tp-action-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 4px;
                height: 22px;
                padding: 0 8px;
                border: 1px solid #e2e8f0;
                border-radius: 6px;
                background: #f8fafc;
                color: #64748b;
                font-size: 10px;
                font-weight: 600;
                line-height: 1;
                cursor: pointer;
                transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
                flex-shrink: 0;
            }

            .std-tp-insights-btn-icon {
                width: 13px;
                height: 13px;
                flex-shrink: 0;
            }

            .std-tp-action-btn:hover {
                background: #fff;
                border-color: #cbd5e1;
                color: #334155;
            }

            .std-tp-action-row {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: space-between;
                gap: 6px 10px;
                margin-top: 4px;
                width: 100%;
            }

            .std-tp-reply-body {
                min-width: 0;
            }

            .std-tp-reply-empty {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                text-align: center;
                gap: 4px;
                padding: 6px 4px;
                min-height: 52px;
            }

            .std-tp-reply-empty-icon {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 28px;
                height: 28px;
                border-radius: 8px;
                background: #f1f5f9;
                color: #94a3b8;
                margin-bottom: 2px;
            }

            .std-tp-reply-empty-icon svg {
                width: 14px;
                height: 14px;
            }

            .std-tp-reply-empty-title {
                font-size: 11px;
                font-weight: 600;
                color: #64748b;
                margin: 0;
                line-height: 1.35;
            }

            .std-tp-reply-empty-hint {
                font-size: 10px;
                color: #94a3b8;
                margin: 0;
                line-height: 1.4;
                max-width: 14rem;
            }

            .std-v3-kpi-val-wrap.is-kpi-empty .std-tp-reply-body {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
            }

            .std-tp-reply-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 6px 8px;
            }

            .std-tp-reply-stat {
                min-width: 0;
            }

            .std-tp-reply-stat-label {
                display: block;
                font-size: 9px;
                font-weight: 600;
                letter-spacing: 0.04em;
                text-transform: uppercase;
                color: #94a3b8;
                line-height: 1.3;
                margin-bottom: 1px;
            }

            .std-tp-reply-stat-value {
                display: block;
                font-size: 11px;
                font-weight: 600;
                color: #1e293b;
                line-height: 1.35;
            }

            .std-tp-reply-stat-value--sub {
                font-size: 10px;
                font-weight: 500;
                color: #64748b;
            }

            .std-tp-reply-stat--full {
                grid-column: 1 / -1;
            }

            .std-tp-insights-reply-wrap {
                margin-bottom: 16px;
                padding-bottom: 14px;
                border-bottom: 1px solid #e2e8f0;
                flex-shrink: 0;
                width: 100%;
            }

            .std-tp-insights-reply-wrap[hidden] {
                display: none !important;
            }

            .std-tp-insights-reply-heading {
                font-size: 0.75rem;
                font-weight: 700;
                letter-spacing: 0.04em;
                text-transform: uppercase;
                color: #64748b;
                margin: 0 0 10px;
            }

            .std-tp-reply-body--modal .std-tp-reply-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 10px 16px;
                width: 100%;
            }

            .std-tp-reply-body--modal .std-tp-reply-stat-label {
                font-size: 10px;
            }

            .std-tp-reply-body--modal .std-tp-reply-stat-value {
                font-size: 13px;
            }

            .std-tp-modal-panel {
                position: fixed;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                z-index: 2;
                width: min(28rem, calc(100% - 32px));
                max-height: 90vh;
                min-height: 22rem;
                display: flex;
                flex-direction: column;
            }

            .std-tp-modal-panel--reviews {
                width: min(36rem, calc(100% - 32px));
            }

            .std-tp-modal--layer {
                position: fixed;
                inset: 0;
                z-index: 10250;
            }

            .std-tp-modal--layer .modal__overlay {
                position: fixed;
                inset: 0;
                z-index: 1;
                background: rgba(15, 23, 42, 0.55);
                transition: none;
            }

            .std-tp-modal--layer.out {
                opacity: 0;
                visibility: hidden;
                pointer-events: none;
            }

            .std-tp-modal--layer.in {
                opacity: 1;
                visibility: visible;
            }

            body.std-tp-modal-open {
                overflow: hidden;
            }

            .std-tp-modal-header {
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
                gap: 12px;
                margin-bottom: 6px;
                flex-shrink: 0;
            }

            .std-tp-modal-header-left {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 8px;
                min-width: 0;
            }

            .std-tp-modal-header-left .std-tp-modal-title {
                margin: 0;
            }

            .std-tp-modal-header .std-tp-action-btn {
                height: 24px;
                padding: 0 9px;
                font-size: 10px;
            }

            .std-tp-modal-title {
                font-size: 1.0625rem;
                font-weight: 600;
                color: #1e293b;
                margin: 0;
                line-height: 1.3;
            }

            .std-tp-modal-close {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                padding: 4px;
                border: none;
                background: transparent;
                color: #64748b;
                cursor: pointer;
                border-radius: 6px;
                flex-shrink: 0;
            }

            .std-tp-modal-close:hover {
                background: #f1f5f9;
                color: #334155;
            }

            .std-tp-modal-intro {
                font-size: 0.8125rem;
                color: #64748b;
                margin: 0 0 14px;
                line-height: 1.45;
                flex-shrink: 0;
            }

            .std-tp-modal-scroll {
                flex: 1;
                min-height: 16rem;
                max-height: min(52vh, 28rem);
                overflow-y: auto;
                position: relative;
            }

            .std-tp-modal-scroll::-webkit-scrollbar {
                width: 6px;
            }

            .std-tp-modal-scroll::-webkit-scrollbar-thumb {
                background: #cbd5e1;
                border-radius: 3px;
            }

            .std-tp-modal-skeleton {
                display: flex;
                flex-direction: column;
                gap: 12px;
                padding: 2px 0;
            }

            .std-tp-modal-skeleton[hidden] {
                display: none !important;
            }

            .std-tp-skel-shimmer {
                background: linear-gradient(90deg, #f1f5f9 0%, #e8edf3 45%, #f1f5f9 90%);
                background-size: 200% 100%;
                animation: stdTpModalShimmer 1.15s ease-in-out infinite;
            }

            @keyframes stdTpModalShimmer {
                0% { background-position: 100% 0; }
                100% { background-position: -100% 0; }
            }

            .std-tp-insight-skel {
                display: flex;
                align-items: flex-start;
                gap: 10px;
                padding: 10px 12px;
                border: 1px solid #e2e8f0;
                border-radius: 8px;
                background: #f8fafc;
            }

            .std-tp-insight-skel-dot {
                width: 5px;
                height: 5px;
                border-radius: 50%;
                margin-top: 6px;
                flex-shrink: 0;
            }

            .std-tp-insight-skel-lines {
                flex: 1;
                display: flex;
                flex-direction: column;
                gap: 6px;
                min-width: 0;
            }

            .std-tp-review-skel {
                padding-bottom: 16px;
                border-bottom: 1px solid #f1f5f9;
            }

            .std-tp-review-skel:last-child {
                padding-bottom: 0;
                border-bottom: none;
            }

            .std-tp-review-skel-head {
                display: flex;
                align-items: flex-start;
                gap: 10px;
                margin-bottom: 10px;
            }

            .std-tp-review-skel-avatar {
                width: 36px;
                height: 36px;
                border-radius: 50%;
                flex-shrink: 0;
            }

            .std-tp-review-skel-meta {
                flex: 1;
                display: flex;
                flex-direction: column;
                gap: 6px;
                padding-top: 2px;
            }

            .std-tp-review-skel-stars {
                display: flex;
                gap: 2px;
                margin-bottom: 10px;
            }

            .std-tp-review-skel-stars span {
                width: 12px;
                height: 12px;
                border-radius: 2px;
            }

            .std-tp-skel-line {
                height: 10px;
                border-radius: 4px;
            }

            .std-tp-skel-line--name {
                width: 38%;
                height: 11px;
            }

            .std-tp-skel-line--date {
                width: 24%;
                height: 9px;
            }

            .std-tp-skel-line--md {
                width: 88%;
            }

            .std-tp-skel-line--sm {
                width: 62%;
            }

            .std-tp-skel-line--full {
                width: 100%;
                margin-bottom: 6px;
            }

            .std-tp-skel-line--short {
                width: 46%;
            }

            .std-tp-modal-empty {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                text-align: center;
                gap: 4px;
                min-height: 12rem;
                padding: 16px 12px;
                margin: 0;
            }

            .std-tp-modal-empty[hidden] {
                display: none !important;
            }

            .std-tp-modal-empty-title {
                font-size: 0.8125rem;
                font-weight: 600;
                color: #64748b;
                margin: 0;
            }

            .std-tp-modal-empty-hint {
                font-size: 0.75rem;
                color: #94a3b8;
                margin: 0;
                max-width: 16rem;
                line-height: 1.45;
            }

            .std-tp-insights-list {
                list-style: none;
                margin: 0;
                padding: 0;
                width: 100%;
            }

            .std-tp-insights-list .std-tp-insight-row {
                padding-left: 0;
                margin-top: 0;
            }

            .std-tp-insight-row {
                position: relative;
                margin-bottom: 6px;
                background: #f8fafc;
                border: 1px solid #e2e8f0;
                border-radius: 8px;
                width: 100%;
                box-sizing: border-box;
                overflow: hidden;
            }

            .std-tp-insight-row:last-child {
                margin-bottom: 0;
            }

            .std-tp-insight-row::before {
                content: "";
                position: absolute;
                left: 12px;
                top: 15px;
                width: 5px;
                height: 5px;
                border-radius: 50%;
                background: #00B67A;
                z-index: 1;
            }

            .std-tp-insight-head,
            .std-tp-insight-toggle {
                display: flex;
                align-items: center;
                gap: 8px;
                width: 100%;
                padding: 10px 12px 10px 26px;
                margin: 0;
                border: 0;
                background: transparent;
                font-size: 0.8125rem;
                color: #334155;
                line-height: 1.45;
                text-align: left;
                box-sizing: border-box;
            }

            .std-tp-insight-toggle {
                cursor: pointer;
            }

            .std-tp-insight-toggle:hover {
                background: #f1f5f9;
            }

            .std-tp-insight-text {
                flex: 1;
                min-width: 0;
            }

            .std-tp-insight-count {
                flex-shrink: 0;
                font-size: 0.6875rem;
                font-weight: 600;
                color: #475569;
                background: #e2e8f0;
                border-radius: 999px;
                padding: 2px 8px;
                white-space: nowrap;
            }

            .std-tp-insight-chevron {
                flex-shrink: 0;
                width: 8px;
                height: 8px;
                border-right: 1.5px solid #94a3b8;
                border-bottom: 1.5px solid #94a3b8;
                transform: rotate(45deg);
                margin-top: -2px;
                transition: transform 0.15s ease;
            }

            .std-tp-insight-row.is-expanded .std-tp-insight-chevron {
                transform: rotate(225deg);
                margin-top: 2px;
            }

            .std-tp-insight-reviews {
                border-top: 1px solid #e2e8f0;
                padding: 8px 10px 10px;
                background: #fff;
            }

            .std-tp-insight-reviews .std-tp-review-card {
                margin-bottom: 8px;
            }

            .std-tp-insight-reviews .std-tp-review-card:last-child {
                margin-bottom: 0;
            }

            .std-tp-insight-reviews-loading,
            .std-tp-insight-reviews-empty {
                font-size: 0.75rem;
                color: #64748b;
                padding: 4px 2px 6px;
            }

            .std-tp-modal-footer {
                flex-shrink: 0;
                padding-top: 12px;
                min-height: 46px;
            }

            .std-tp-modal-load-more-wrap {
                display: flex;
                justify-content: center;
            }

            .std-tp-modal-load-more-wrap[hidden] {
                display: none !important;
            }

            .std-tp-modal-load-more {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-width: 110px;
                height: 32px;
                padding: 0 14px;
                border: 1px solid #e2e8f0;
                border-radius: 8px;
                background: #fff;
                color: #475569;
                font-size: 0.8125rem;
                font-weight: 600;
                cursor: pointer;
            }

            .std-tp-modal-load-more:hover:not(:disabled) {
                border-color: #cbd5e1;
                color: #1e293b;
            }

            .std-tp-modal-load-more:disabled {
                opacity: 0.55;
                cursor: wait;
            }

            .std-tp-reviews-list {
                display: flex;
                flex-direction: column;
                gap: 16px;
            }

            .std-tp-review-card {
                padding-bottom: 16px;
                border-bottom: 1px solid #f1f5f9;
            }

            .std-tp-review-card:last-child {
                padding-bottom: 0;
                border-bottom: none;
            }

            .std-tp-review-head {
                display: flex;
                align-items: flex-start;
                gap: 10px;
                margin-bottom: 8px;
            }

            .std-tp-review-avatar {
                flex-shrink: 0;
                width: 36px;
                height: 36px;
                border-radius: 50%;
                background: #F5E6D3;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 14px;
                font-weight: 600;
                color: #1e293b;
                text-transform: uppercase;
            }

            .std-tp-review-meta {
                min-width: 0;
                flex: 1;
            }

            .std-tp-review-name-row {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 4px 6px;
            }

            .std-tp-review-name {
                font-size: 0.875rem;
                font-weight: 600;
                color: #1e293b;
                line-height: 1.3;
            }

            .std-tp-review-country {
                display: inline-flex;
                align-items: center;
                gap: 3px;
            }

            .std-tp-review-country-code {
                font-size: 10px;
                font-weight: 500;
                color: #94a3b8;
            }

            .std-tp-review-date {
                display: block;
                font-size: 0.75rem;
                color: #94a3b8;
                margin-top: 2px;
                line-height: 1.3;
            }

            .std-tp-review-stars {
                margin-bottom: 8px;
            }

            .std-tp-review-stars .std-tp-stars-row {
                gap: 1px;
            }

            .std-tp-review-text {
                font-size: 0.8125rem;
                color: #334155;
                line-height: 1.5;
                margin: 0;
            }

            .std-tp-review-likes {
                display: inline-flex;
                align-items: center;
                gap: 4px;
                margin-top: 8px;
                font-size: 0.75rem;
                color: #64748b;
            }

            .std-tp-review-likes svg,
            .std-tp-review-likes-icon {
                width: 14px;
                height: 14px;
                flex-shrink: 0;
            }

            .std-tp-action-row .std-tp-linkline {
                display: inline !important;
                margin: 0 !important;
            }

            .std-tp-action-row .std-tp-linkline a {
                font-size: 10px !important;
                white-space: nowrap !important;
            }

            .std-social-followers-chart-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 26px;
                height: 26px;
                border: 1px solid #e2e8f0;
                border-radius: 8px;
                background: #f8fafc;
                color: #64748b;
                cursor: pointer;
                transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
                flex-shrink: 0;
            }

            .std-social-followers-chart-btn:hover,
            .std-social-followers-chart-btn.is-open {
                background: #fff;
                border-color: #cbd5e1;
                color: #334155;
            }

            .std-social-followers-popover {
                position: fixed;
                top: 0;
                left: 0;
                z-index: 1200;
                width: min(520px, calc(100vw - 24px));
                padding: 14px 16px 12px;
                border: 1px solid #e2e8f0;
                border-radius: 14px;
                background: #fff;
                box-shadow: 0 24px 56px rgba(15, 23, 42, 0.18), 0 4px 12px rgba(15, 23, 42, 0.08);
            }

            .std-social-followers-popover__head {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 8px;
                margin-bottom: 10px;
            }

            .std-social-followers-popover__title {
                display: block;
                font-size: 0.875rem;
                font-weight: 700;
                color: #0f172a;
                line-height: 1.2;
            }

            .std-social-followers-page-switch {
                position: relative;
                margin-bottom: 10px;
            }

            .std-social-followers-page-switch[hidden] {
                display: none !important;
            }

            .std-social-followers-pages {
                position: relative;
            }

            .std-social-followers-pages .std-active-ads-pages-trigger {
                width: 100%;
                max-width: 100%;
                justify-content: space-between;
            }

            .std-social-followers-pages .std-active-ads-pages-menu {
                left: 0;
                right: 0;
                min-width: 0;
                width: 100%;
            }

            .std-social-followers-page-count {
                flex-shrink: 0;
                font-size: 0.6875rem;
                font-weight: 600;
                color: #94a3b8;
            }

            .std-social-followers-popover__close {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 28px;
                height: 28px;
                border: none;
                border-radius: 8px;
                background: transparent;
                color: #94a3b8;
                cursor: pointer;
            }

            .std-social-followers-popover__close:hover {
                background: #f1f5f9;
                color: #475569;
            }

            .std-social-followers-popover__legend {
                display: flex;
                flex-wrap: wrap;
                gap: 14px;
                margin-bottom: 10px;
            }

            .std-social-followers-legend-item {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                font-size: 0.6875rem;
                font-weight: 600;
                color: #475569;
            }

            .std-social-followers-legend-item::before {
                content: "";
                width: 10px;
                height: 10px;
                border-radius: 999px;
                flex-shrink: 0;
            }

            .std-social-followers-legend-item--fb::before {
                background: #3b82f6;
            }

            .std-social-followers-legend-item--ig::before {
                background: #e1306c;
            }

            .std-social-followers-chart {
                width: 100%;
                height: 260px;
            }

            .std-social-followers-popover__empty,
            .std-social-followers-popover__loading {
                margin: 36px 0 24px;
                text-align: center;
                font-size: 0.75rem;
                color: #94a3b8;
            }

            .std-v3-social-strip--vert {
                display: flex;
                flex-wrap: wrap;
                gap: 4px;
            }

            .std-v3-kpi-row .std-v3-muted-empty {
                margin: 0 !important;
                font-size: 11px !important;
            }

            .std-v3-kpi-big {
                font-size: 1.5rem !important;
                font-weight: 800 !important;
                line-height: 1.1 !important;
            }

            .std-v3-rev-inline {
                border-top: 1px solid #f1f5f9;
                padding-top: 8px;
                margin-top: 2px;
            }

            .std-v3-rev-block {
                min-width: 0;
            }

            .std-v3-rev-head {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 8px;
                margin-bottom: 4px;
            }

            .std-v3-rev-head--only-toggle {
                justify-content: center;
                margin-bottom: 6px;
            }

            .std-v3-muted-label {
                font-size: 0.625rem;
                font-weight: 600;
                color: #94a3b8;
                text-transform: uppercase;
                letter-spacing: 0.03em;
            }

            .std-v3-rev-value {
                font-size: 1rem !important;
            }

            .std-v3-catalog-foot {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 8px;
                margin-top: 8px;
                padding-top: 8px;
                border-top: 1px solid #f1f5f9;
            }

            .std-v3-catalog-val {
                font-size: 0.8125rem !important;
                font-weight: 700 !important;
                color: #0f172a !important;
            }

            .std-v3-social-strip {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
                align-items: center;
                min-height: 36px;
            }

            .std-v3-soc-ic {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 36px;
                height: 36px;
                border-radius: 10px;
                border: 1px solid #e2e8f0;
                background: #f8fafc;
                transition: background 0.15s ease, border-color 0.15s ease, transform 0.12s ease;
            }

            .std-v3-soc-ic:hover {
                background: #fff;
                border-color: #cbd5e1;
                transform: translateY(-1px);
            }

            .std-v3-soc-ic img {
                width: 18px;
                height: 18px;
                object-fit: contain;
            }

            .std-v3-soc-ic--with-stat {
                width: auto;
                min-width: 36px;
                height: 36px;
                padding: 0 10px 0 8px;
                gap: 6px;
                justify-content: flex-start;
            }

            .std-v3-soc-stat {
                font-size: 0.75rem;
                font-weight: 700;
                color: #334155;
                line-height: 1;
                letter-spacing: -0.01em;
                white-space: nowrap;
            }

            .std-v3-muted-empty {
                font-size: 0.75rem;
                color: #94a3b8;
                margin: 4px 0 0;
            }

            /* KPI row empty state — shown when all metric cards have no data */
            .std-kpi-empty-state {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                padding: 32px 24px;
                margin: 8px 0 16px;
                background: #f8fafc;
                border: 1px dashed #e2e8f0;
                border-radius: 12px;
                text-align: center;
            }

            .std-kpi-empty-icon {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 64px;
                height: 64px;
                margin-bottom: 12px;
                color: #94a3b8;
            }

            .std-kpi-empty-text {
                font-size: 1rem;
                font-weight: 600;
                color: #334155;
                margin: 0 0 4px;
            }

            .std-kpi-empty-hint {
                font-size: 0.8125rem;
                color: #94a3b8;
                margin: 0;
            }

            .std-v3-split {
                display: grid;
                gap: 10px;
                align-items: stretch;
            }

            .std-v3-split--vis-geo {
                --std-vis-geo-chart-height: 196px;
                grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
                overflow: visible;
            }

            .std-v3-split--vis-geo > .std-v3-card {
                overflow: visible;
            }

            .std-v3-split--vis-geo .visitors-graph,
            .std-v3-split--vis-geo .std-vis-geo-chart-wrap {
                width: 100%;
                height: var(--std-vis-geo-chart-height);
                min-height: var(--std-vis-geo-chart-height);
                padding-top: 4px;
                box-sizing: border-box;
            }

            .std-v3-split--vis-geo .std-visitors-amchart,
            .std-v3-split--vis-geo #activeAdsChart {
                width: 100%;
                height: 100%;
                min-height: var(--std-vis-geo-chart-height);
            }

            .std-v3-split--vis-geo #activeAdsChart > div {
                width: 100% !important;
                height: 100% !important;
            }

            /* Equal-height pair: grow charts, pin country bars to the card bottom */
            .std-v3-split--vis-geo > .std-v3-card {
                display: flex;
                flex-direction: column;
                min-height: 100%;
            }

            .std-v3-split--vis-geo > .std-v3-card--stretch,
            .std-v3-split--vis-geo > .std-v3-card--stretch .std-profile-card,
            .std-v3-split--vis-geo > .std-v3-card--stretch .visitors-overview {
                display: flex;
                flex-direction: column;
                flex: 1 1 auto;
                min-height: 0;
            }

            body.std-content-ready .std-v3-split--vis-geo .visitors-content {
                display: flex !important;
                flex-direction: column;
                flex: 1 1 auto;
                min-height: 0;
            }

            .std-v3-split--vis-geo .std-chart-head {
                flex-shrink: 0;
            }

            .std-v3-split--vis-geo .std-active-ads-body {
                flex: 1 1 auto;
                display: flex;
                flex-direction: column;
                min-height: 0;
            }

            .std-v3-split--vis-geo .visitors-graph,
            .std-v3-split--vis-geo .std-active-ads-body > .std-vis-geo-chart-wrap {
                flex: 1 1 auto;
                height: auto;
                min-height: var(--std-vis-geo-chart-height);
            }

            .std-v3-split--vis-geo .std-vis-geo-country-wrap,
            .std-v3-split--vis-geo .std-active-ads-country-panel {
                margin-top: auto;
                flex-shrink: 0;
            }

            @media (max-width: 960px) {
                .std-v3-split--vis-geo {
                    grid-template-columns: 1fr;
                }
            }

            .std-v3-split--prod-tech {
                grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
            }

            @media (max-width: 960px) {
                .std-v3-split--prod-tech {
                    grid-template-columns: 1fr;
                }
            }

            .std-v3-card--stretch .std-profile-card,
            .std-v3-card--stretch .visitors-overview {
                border: none !important;
                box-shadow: none !important;
                padding: 0 !important;
            }

            /* ── Active ads over time card ── */

            .std-v3-card--active-ads {
                display: flex;
                flex-direction: column;
            }

            .std-v3-card--active-ads .visitors-title {
                margin-bottom: 0;
            }

            .visitors-current-value .std-active-ads-growth,
            .visitors-current-value .std-visitors-growth {
                display: inline-flex;
                align-items: baseline;
                flex-wrap: wrap;
                gap: 4px 10px;
            }

            .std-active-ads-growth[hidden],
            .std-visitors-growth[hidden] {
                display: none !important;
            }

            .std-active-ads-growth-item,
            .std-visitors-growth-item {
                display: inline-flex;
                align-items: baseline;
                gap: 3px;
                white-space: nowrap;
            }

            .std-active-ads-growth-change,
            .std-visitors-growth-change {
                color: #2563eb;
                font-size: 13px;
                font-weight: 800;
                letter-spacing: 0;
                line-height: 1;
                white-space: nowrap;
            }

            .std-active-ads-growth-change--down,
            .std-visitors-growth-change--down {
                color: #dc2626;
            }

            .std-active-ads-growth-change--neutral,
            .std-visitors-growth-change--neutral {
                color: #64748b;
            }

            .std-active-ads-growth-change--na,
            .std-visitors-growth-change--na {
                color: #94a3b8;
                font-weight: 600;
            }

            .std-active-ads-growth-period,
            .std-visitors-growth-period {
                color: #71717a;
                font-size: 11px;
                font-weight: 600;
                letter-spacing: 0;
                line-height: 1;
                white-space: nowrap;
            }

            .std-active-ads-controls {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                flex-wrap: wrap;
                gap: 8px;
                min-width: 0;
            }

            .std-active-ads-title-group {
                display: inline-flex;
                align-items: center;
                gap: 10px;
                flex-wrap: wrap;
                min-width: 0;
            }

            .std-active-ads-title-group .visitors-title {
                margin: 0;
            }

            .std-active-ads-pages {
                display: none;
                position: relative;
                min-width: 0;
            }

            .std-active-ads-pages-trigger {
                appearance: none;
                display: inline-flex;
                align-items: center;
                gap: 6px;
                max-width: min(100%, 220px);
                padding: 5px 10px;
                border: 1px solid #e2e8f0;
                border-radius: 8px;
                background: #fff;
                color: #0f172a;
                cursor: pointer;
                font-size: 0.6875rem;
                font-weight: 600;
                line-height: 1.2;
                transition: border-color 0.15s ease, box-shadow 0.15s ease;
            }

            .std-active-ads-pages-trigger:hover {
                border-color: #cbd5e1;
            }

            .std-active-ads-pages-trigger.is-open,
            .std-active-ads-pages-trigger:focus-visible {
                border-color: #94a3b8;
                box-shadow: none;
                outline: none;
            }

            .std-active-ads-pages-trigger__label {
                display: inline-flex;
                align-items: center;
                gap: 5px;
                overflow: hidden;
                min-width: 0;
            }

            .std-active-ads-pages-trigger__label-text {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                min-width: 0;
            }

            .std-active-ads-pages-meta-icon {
                flex: 0 0 auto;
                object-fit: contain;
            }

            .std-active-ads-pages-trigger__chevron {
                flex: 0 0 auto;
                width: 12px;
                height: 12px;
                color: #64748b;
                transition: transform 0.15s ease;
            }

            .std-active-ads-pages-trigger.is-open .std-active-ads-pages-trigger__chevron {
                transform: rotate(180deg);
            }

            .std-active-ads-pages-menu {
                position: absolute;
                top: calc(100% + 6px);
                left: 0;
                right: auto;
                z-index: 80;
                min-width: 260px;
                max-width: min(calc(100vw - 24px), 360px);
                max-height: 280px;
                overflow-x: hidden;
                overflow-y: auto;
                padding: 6px;
                border: 1px solid #e2e8f0;
                border-radius: 10px;
                background: #fff;
                box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14);
            }

            .std-active-ads-pages-menu[hidden] {
                display: none !important;
            }

            .std-active-ads-pages-trigger[hidden],
            .std-active-ads-pages.is-adlibrary-only .std-active-ads-pages-trigger {
                display: none !important;
            }

            .std-active-ads-pages-adlibrary--placeholder[hidden] {
                display: none !important;
            }

            .std-active-ads-pages.is-adlibrary-only {
                display: inline-flex;
                align-items: center;
                gap: 6px;
            }

            .std-active-ads-pages-adlibrary-page-name {
                display: inline-flex;
                align-items: center;
                gap: 5px;
                max-width: min(100%, 220px);
                padding: 5px 10px;
                border: 1px solid #e2e8f0;
                border-radius: 8px;
                background: #fff;
                color: #0f172a;
                font-size: 0.6875rem;
                font-weight: 600;
                line-height: 1.2;
                min-width: 0;
            }

            .std-active-ads-pages-adlibrary-page-name[hidden] {
                display: none !important;
            }

            .std-active-ads-pages-adlibrary-page-name__text {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                min-width: 0;
            }

            .std-active-ads-pages-menu-toolbar {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                padding: 2px 4px 6px;
                margin-bottom: 2px;
                border-bottom: 1px solid #f1f5f9;
            }

            .std-active-ads-pages-select-all-btn {
                appearance: none;
                border: 0;
                background: transparent;
                color: #475569;
                cursor: pointer;
                font-size: 0.625rem;
                font-weight: 600;
                letter-spacing: 0.02em;
                line-height: 1.2;
                padding: 4px 6px;
                border-radius: 6px;
                transition: background-color 0.15s ease, color 0.15s ease;
            }

            .std-active-ads-pages-select-all-btn:hover {
                background: #f8fafc;
                color: #0f172a;
            }

            .std-active-ads-pages-option {
                display: flex;
                align-items: center;
                gap: 8px;
                width: 100%;
                min-width: 0;
                padding: 6px 8px 6px 6px;
                border: 0;
                border-radius: 8px;
                background: transparent;
                color: #0f172a;
                transition: background-color 0.15s ease;
            }

            .std-active-ads-pages-option:hover {
                background: #f8fafc;
            }

            .std-active-ads-pages-option.is-selected {
                background: #eff6ff;
            }

            .std-active-ads-pages-option-select {
                display: flex;
                align-items: center;
                gap: 8px;
                flex: 1 1 auto;
                min-width: 0;
                padding: 2px 0;
                border: 0;
                border-radius: 6px;
                background: transparent;
                color: inherit;
                cursor: pointer;
                text-align: left;
            }

            .std-active-ads-pages-adlibrary {
                display: inline-flex;
                align-items: center;
                gap: 4px;
                flex: 0 0 auto;
                padding: 5px 8px;
                border: 1px solid #e2e8f0;
                border-radius: 6px;
                background: #fff;
                color: #1d4ed8;
                font-size: 0.625rem;
                font-weight: 700;
                line-height: 1;
                white-space: nowrap;
                text-decoration: none;
                transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
            }

            .std-active-ads-pages-adlibrary:hover {
                background: #eff6ff;
                border-color: #bfdbfe;
                color: #1e40af;
            }

            .std-active-ads-pages-adlibrary img {
                flex: 0 0 auto;
                width: 12px;
                height: 12px;
            }

            .std-active-ads-pages-option__check {
                flex: 0 0 20px;
                width: 20px;
                height: 20px;
                border-radius: 6px;
                background: #fff;
                border: 1.5px solid #d1d5db;
                box-shadow: none;
                display: flex;
                align-items: center;
                justify-content: center;
                pointer-events: none;
                transition: background 0.15s ease, border-color 0.15s ease;
            }

            .std-active-ads-pages-option__check svg {
                width: 12px;
                height: 12px;
                color: #fff;
                opacity: 0;
                transition: opacity 0.12s ease;
            }

            .std-active-ads-pages-option:hover .std-active-ads-pages-option__check {
                border-color: #225aea;
            }

            .std-active-ads-pages-option.is-selected .std-active-ads-pages-option__check {
                background: #225aea;
                border-color: #225aea;
                box-shadow: none;
            }

            .std-active-ads-pages-option.is-selected .std-active-ads-pages-option__check svg {
                opacity: 1;
            }

            .std-active-ads-pages-option__avatar {
                width: 24px;
                height: 24px;
                flex: 0 0 24px;
                border-radius: 50%;
                object-fit: cover;
                background: #e2e8f0;
            }

            .std-active-ads-pages-option__text {
                display: flex;
                flex-direction: column;
                min-width: 0;
                gap: 1px;
            }

            .std-active-ads-pages-option__name {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                font-size: 0.75rem;
                font-weight: 700;
                min-width: 0;
            }

            .std-active-ads-pages-option__name-text {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                min-width: 0;
            }

            .std-active-ads-pages-option__meta {
                font-size: 0.625rem;
                font-weight: 600;
                color: #94a3b8;
            }

            .std-active-ads-toggle,
            .std-active-ads-metric-toggle {
                display: inline-flex;
                align-items: center;
                padding: 2px;
                border: 1px solid #e2e8f0;
                border-radius: 8px;
                background: #f8fafc;
                gap: 2px;
            }

            .std-active-ads-metric-toggle[hidden] {
                display: none !important;
            }

            .std-active-ads-metric-btn {
                border: 0;
                border-radius: 6px;
                background: transparent;
                color: #64748b;
                cursor: pointer;
                font-size: 0.6875rem;
                font-weight: 600;
                letter-spacing: 0.01em;
                line-height: 1.2;
                padding: 5px 8px;
                transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
                white-space: nowrap;
            }

            .std-active-ads-metric-btn:hover {
                color: #0f172a;
            }

            .std-active-ads-metric-btn.is-active {
                background: #fff;
                color: #0f172a;
                box-shadow: none;
            }

            .std-active-ads-period-btn {
                border: 0;
                border-radius: 6px;
                background: transparent;
                color: #64748b;
                cursor: pointer;
                font-size: 0.6875rem;
                font-weight: 600;
                letter-spacing: 0.03em;
                line-height: 1.2;
                padding: 5px 10px;
                transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
                white-space: nowrap;
            }

            .std-active-ads-period-btn:hover {
                color: #0f172a;
            }

            .std-active-ads-period-btn.is-active {
                background: #fff;
                color: #0f172a;
                box-shadow: none;
            }

            .std-active-ads-body {
                position: relative;
                min-height: var(--std-vis-geo-chart-height, 196px);
                overflow: visible;
            }

            .std-v3-split--vis-geo .std-vis-geo-chart-wrap {
                overflow: hidden;
            }

            #activeAdsChart {
                overflow: hidden;
                box-sizing: border-box;
            }

            .std-active-ads-empty {
                display: flex;
                align-items: center;
                justify-content: center;
                min-height: var(--std-vis-geo-chart-height, 196px);
            }

            .std-active-ads-skeleton {
                display: block;
                min-height: var(--std-vis-geo-chart-height, 196px);
            }

            .std-active-ads-empty-text {
                font-size: 0.8125rem;
                color: #94a3b8;
                margin: 0;
            }

            .std-v3-card--products {
                min-width: 0;
            }

            .std-prod-carousel-search-wrap {
                margin-bottom: 8px;
            }

            .std-prod-carousel-search-wrap:not([hidden]) {
                display: block;
            }

            .std-prod-head-actions {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                flex-shrink: 0;
                margin-left: auto;
            }

            .std-prod-carousel-search-toggle {
                width: 28px;
                height: 28px;
                border-radius: 7px;
                border: 1px solid #e2e8f0;
                background: #fff;
                cursor: pointer;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                color: #64748b;
                padding: 0;
                transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
            }

            .std-prod-carousel-search-toggle:hover,
            .std-prod-carousel-search-toggle.is-active {
                background: #f1f5f9;
                border-color: #cbd5e1;
                color: #225aea;
            }

            .std-prod-mode-toggle {
                display: inline-flex;
                align-items: center;
                padding: 2px;
                border: 1px solid #e2e8f0;
                border-radius: 8px;
                background: #f8fafc;
                gap: 2px;
            }

            .std-prod-mode-toggle-btn {
                border: 0;
                border-radius: 6px;
                background: transparent;
                color: #000000;
                cursor: pointer;
                font-family: inherit;
                font-size: 0.6875rem;
                font-weight: 700;
                line-height: 1;
                padding: 7px 9px;
                transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
                white-space: nowrap;
            }

            .std-prod-mode-toggle-btn.is-active {
                background: #fff;
                color: #225aea;
                box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
            }

            .std-prod-carousel-search {
                width: 100%;
                border: 1px solid #e2e8f0;
                border-radius: 8px;
                padding: 5px 9px;
                font-size: 0.75rem;
                font-family: inherit;
                background: #f8fafc;
                box-sizing: border-box;
            }

            .std-prod-carousel-search:focus {
                outline: none;
                border-color: #225aea;
                background: #fff;
                box-shadow: 0 0 0 3px rgba(34, 90, 234, 0.15);
            }

            .std-v3-card-head--products {
                align-items: center;
                gap: 8px;
                margin-bottom: 6px;
            }

            .std-prod-count-block {
                display: flex;
                flex-direction: row;
                align-items: baseline;
                gap: 0.35em;
                min-width: 0;
            }

            .std-prod-count-label {
                font-size: 0.8125rem;
                font-weight: 700;
                line-height: 1.2;
                color: #0f172a;
            }

            .std-prod-count-value {
                font-size: 1.75rem;
                font-weight: 800;
                line-height: 1;
                color: #0f172a;
                font-variant-numeric: tabular-nums;
                letter-spacing: -0.02em;
            }

            .std-prod-count-value:empty {
                display: none;
            }

            .std-prod-carousel {
                overflow-x: auto;
                scroll-behavior: smooth;
                padding-bottom: 4px;
                margin: 0 -2px;
                scrollbar-width: thin;
            }

            .std-prod-carousel-track {
                display: flex;
                flex-wrap: nowrap;
                gap: 10px;
                align-items: stretch;
            }

            .std-products-skeleton .std-prod-carousel {
                display: flex;
                flex-wrap: nowrap;
                gap: 12px;
                overflow: hidden;
            }

            .std-prod-carousel::-webkit-scrollbar {
                height: 5px;
            }

            .std-prod-carousel::-webkit-scrollbar-thumb {
                background: #cbd5e1;
                border-radius: 99px;
            }

            .std-prod-ccard {
                display: flex;
                flex-direction: column;
                background: #fff;
                overflow: hidden;
            }

            .std-prod-ccard:not(.std-prod-ccard--bestseller) {
                border: 1px solid #e2e8f0;
                border-radius: 10px;
                transition: box-shadow 0.15s ease, border-color 0.15s ease;
            }

            .std-prod-ccard:not(.std-prod-ccard--bestseller):hover {
                border-color: #cbd5e1;
                box-shadow: 0 3px 12px rgba(15, 23, 42, 0.05);
            }

            .std-prod-ccard--bestseller {
                flex: 0 0 min(140px, 44vw);
                max-width: 148px;
                border: 1px solid rgba(15, 23, 42, 0.06);
                border-radius: 10px;
                box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
                transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
                isolation: isolate;
                transform: translateZ(0);
                background-clip: padding-box;
            }

            .std-prod-ccard--bestseller:hover .std-prod-ccard-actions,
            .std-prod-ccard--bestseller:focus-within .std-prod-ccard-actions {
                opacity: 1;
                pointer-events: auto;
            }

            @media (hover: none) {
                .std-prod-ccard--bestseller .std-prod-ccard-actions {
                    opacity: 1;
                    pointer-events: auto;
                }
            }

            .std-prod-ccard--bestseller:hover {
                border-color: rgba(34, 90, 234, 0.18);
                box-shadow: 0 6px 16px -8px rgba(15, 23, 42, 0.1);
                transform: translateY(-1px);
            }

            .std-prod-ccard-link {
                display: flex;
                flex-direction: column;
                flex: 1 1 auto;
                min-height: 0;
                text-decoration: none !important;
                color: inherit !important;
            }

            .std-prod-ccard--bestseller .std-prod-ccard-link {
                overflow: hidden;
                border-radius: 9px 9px 0 0;
            }

            .std-prod-ccard-body {
                flex: 1 1 auto;
                display: flex;
                flex-direction: column;
                min-height: 0;
                padding: 7px 8px 9px;
            }

            .std-prod-ccard--bestseller .std-prod-ccard-body {
                padding: 6px 8px 0;
                gap: 0;
            }

            .std-prod-ccard-imgwrap {
                background: #fafafa;
                display: flex;
                align-items: center;
                justify-content: center;
                border-bottom: 1px solid #eef2f7;
            }

            .std-prod-ccard-imgwrap img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .std-prod-ccard-imgwrap--bestseller {
                aspect-ratio: 1;
                position: relative;
                border-bottom: none;
                overflow: hidden;
                border-radius: 9px 9px 0 0;
                background: #f1f5f9;
            }

            .std-prod-ccard-imgwrap--bestseller > img,
            .std-prod-ccard-imgwrap--bestseller > .std-prod-ccard-ph,
            .std-prod-ccard-imgwrap--bestseller > .std-prod-ccard-img-link {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                border-radius: inherit;
            }

            .std-prod-ccard-imgwrap--bestseller > .std-prod-ccard-img-link {
                display: block;
                z-index: 1;
                text-decoration: none;
                color: inherit;
            }

            .std-prod-ccard-imgwrap--bestseller > img,
            .std-prod-ccard-imgwrap--bestseller > .std-prod-ccard-img-link img {
                object-fit: cover;
            }

            .std-prod-ccard-imgwrap--bestseller > .std-prod-ccard-ph {
                object-fit: cover;
            }

            .std-prod-ccard-ph {
                display: block;
                min-height: 0;
                background: linear-gradient(118deg, #e2e8f0 0%, #f1f5f9 48%, #e8edf3 100%);
            }

            .std-prod-ccard-rank--floated {
                position: absolute;
                z-index: 2;
                top: 5px;
                right: 5px;
                left: auto;
                font-size: 0.5rem;
                font-weight: 700;
                letter-spacing: 0.03em;
                text-transform: uppercase;
                color: #fff;
                background: rgba(15, 23, 42, 0.72);
                border: 1px solid rgba(255, 255, 255, 0.22);
                padding: 2px 6px;
                border-radius: 999px;
                backdrop-filter: blur(6px);
                box-shadow: 0 1px 3px rgba(15, 23, 42, 0.28);
            }

            .std-prod-ccard-title {
                font-size: 0.75rem;
                font-weight: 700;
                line-height: 1.25;
                color: #0f172a;
                margin: 0 0 4px;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }

            .std-prod-ccard--bestseller .std-prod-ccard-title {
                font-size: 0.6875rem;
                font-weight: 600;
                letter-spacing: -0.01em;
                line-height: 1.28;
                margin: 0 0 1px;
            }

            .std-prod-ccard-price-row {
                display: flex;
                flex-wrap: wrap;
                align-items: baseline;
                gap: 4px 5px;
                margin-top: 1px;
            }

            .std-prod-ccard-price {
                font-size: 0.6875rem;
                font-weight: 700;
                font-variant-numeric: tabular-nums;
                color: #0f172a;
            }

            .std-prod-ccard-chip {
                display: none;
            }

            .std-prod-ccard-foot-k {
                color: #94a3b8;
                font-weight: 600;
                font-size: 0.5625rem;
                letter-spacing: 0.02em;
            }

            .std-prod-ccard-foot {
                margin: 3px 0 0;
                font-size: 0.5625rem;
                line-height: 1.3;
                color: #94a3b8;
                font-weight: 500;
            }

            .std-prod-ccard-foot-dot {
                margin: 0 3px;
                color: #cbd5e1;
            }

            .std-prod-ccard-actions {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 5px;
                margin-top: auto;
                padding: 5px 7px 6px;
                border-top: 1px solid rgba(15, 23, 42, 0.05);
                background: #fafbfc;
                opacity: 0;
                pointer-events: none;
                transition: opacity 0.15s ease;
            }

            .std-prod-ccard-act {
                display: inline-flex;
                width: 26px;
                height: 26px;
                border-radius: 7px;
                align-items: center;
                justify-content: center;
                border: 1px solid rgba(15, 23, 42, 0.07);
                background: #fff;
                transition: border-color 0.15s ease, background 0.15s ease;
            }

            .std-prod-ccard-act:hover {
                border-color: rgba(34, 90, 234, 0.3);
                background: #f8fafc;
            }

            .std-prod-ccard-act img {
                width: 12px;
                height: 12px;
                opacity: 0.85;
            }

            .std-prod-ccard-meta {
                display: flex;
                flex-wrap: wrap;
                gap: 3px 6px;
                font-size: 0.625rem;
                font-weight: 600;
                color: #000000;
            }

            .std-prod-ccard-bs {
                display: flex;
                align-items: center;
                gap: 5px;
                margin-top: auto;
                padding: 0 8px 8px;
            }

            .std-prod-ccard-bs a {
                display: inline-flex;
                width: 24px;
                height: 24px;
                border-radius: 5px;
                border: 1px solid #e2e8f0;
                align-items: center;
                justify-content: center;
                background: #fff;
            }

            .std-prod-ccard-bs a:hover {
                border-color: #cbd5e1;
            }

            .std-prod-ccard-bs img {
                width: 12px;
                height: 12px;
            }

            /* Full-width track pill on similar-shop cards (overrides icon tile sizing above) */
            .std-prod-ccard-bs a.std-comp-track-link {
                width: 100%;
                height: auto;
                min-height: 28px;
            }

            /* Keep "visit" / "STD" CTAs full width despite base icon-tile anchor sizing */
            .std-prod-ccard-bs a.std-comp-store-url,
            .std-prod-ccard-bs a.std-comp-std-link {
                width: 100%;
                height: auto;
                min-height: 34px;
            }

            /* Must follow base .std-prod-ccard-bs — that rule zeroes padding-top otherwise */
            .std-prod-ccard-bs.std-prod-ccard-bs--competitor {
                padding: 10px 8px 10px;
                gap: 8px;
            }

            .std-v3-card--tech .std-channels-toggle {
                margin-bottom: 8px;
            }

            .std-hero-skel-card {
                min-height: 120px;
                padding: 14px 16px !important;
            }

            .std-hero-skel-line,
            .std-hero-skel-metric,
            .std-hero-skel-chip,
            .std-store-icon-skel {
                background: linear-gradient(90deg, #f1f5f9 0%, #e8edf3 45%, #f8fafc 55%, #f1f5f9 100%);
                background-size: 200% 100%;
                animation: std-hero-shimmer 1.35s ease-in-out infinite;
                border-radius: 8px;
            }

            .std-hero-skel-line {
                height: 11px;
                margin-bottom: 12px;
            }

            .std-hero-skel-line:last-child {
                margin-bottom: 0;
            }

            .std-hero-skel-w35 { width: 38%; }
            .std-hero-skel-w28 { width: 32%; }
            .std-hero-skel-body { width: 100%; }
            .std-hero-skel-body--short { width: 72%; margin-top: 8px; }

            .std-hero-skel-chips {
                display: flex;
                gap: 8px;
                margin-top: 8px;
            }

            .std-hero-skel-chip {
                height: 28px;
                width: 72px;
                border-radius: 999px;
            }

            .std-hero-skel-metrics .std-hero-skel-metric {
                min-height: 76px;
                margin: 0;
            }

            .std-v3-kpi-row.std-hero-skel-metrics .std-hero-skel-metric {
                min-height: 52px !important;
            }


            /* Products panel + DataTables chrome (aligned with /store-tracker store table) */
            .std-products-panel {
                margin-top: 8px;
                padding: 11px 12px 12px;
                background: #fff;
                border-radius: 10px;
            }

            .std-products-heading {
                font-size: 0.9375rem !important;
                font-weight: 600 !important;
                color: #1e293b !important;
                margin: 0 0 10px !important;
                letter-spacing: -0.01em;
            }

            #sales-table_wrapper.dataTables_wrapper {
                font-family: inherit;
                display: grid;
                grid-template-columns: minmax(0, 1fr) auto;
                align-items: center;
                column-gap: 1.25rem;
                row-gap: 0;
                border: none !important;
                box-shadow: none !important;
            }

            #sales-table_wrapper.dataTables_wrapper .dataTables_length,
            #sales-table_wrapper.dataTables_wrapper .dataTables_filter {
                float: none !important;
                text-align: left !important;
                margin-bottom: 14px;
            }

            #sales-table_wrapper.dataTables_wrapper .dataTables_length {
                grid-column: 1;
                grid-row: 1;
                justify-self: start;
            }

            #sales-table_wrapper.dataTables_wrapper .dataTables_filter {
                grid-column: 2;
                grid-row: 1;
                justify-self: end;
            }

            #sales-table_wrapper.dataTables_wrapper #sales-table {
                grid-column: 1 / -1;
                grid-row: 2;
                width: 100% !important;
                margin: 0;
            }

            #sales-table_wrapper.dataTables_wrapper .dataTables_info {
                grid-column: 1;
                grid-row: 3;
                justify-self: start;
                align-self: center;
            }

            #sales-table_wrapper.dataTables_wrapper .dataTables_paginate {
                grid-column: 2;
                grid-row: 3;
                justify-self: end;
                align-self: center;
            }

            #sales-table_wrapper .dataTables_length label,
            #sales-table_wrapper .dataTables_filter label {
                display: inline-flex;
                align-items: center;
                gap: 10px;
                margin: 0;
                font-size: 0.75rem;
                font-weight: 500;
                color: #111827;
                letter-spacing: 0.01em;
            }

            #sales-table_wrapper .dataTables_length select {
                appearance: none;
                -webkit-appearance: none;
                min-height: 36px;
                padding: 8px 36px 8px 14px;
                font-size: 0.8125rem;
                font-weight: 500;
                color: #1e293b;
                background-color: #fff;
                border: 1px solid #e2e8f0;
                border-radius: 8px;
                outline: none;
                cursor: pointer;
                box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
                background-repeat: no-repeat;
                background-position: right 12px center;
                background-size: 16px;
                transition: border-color 0.18s ease, box-shadow 0.18s ease;
            }

            #sales-table_wrapper .dataTables_length select:hover {
                border-color: #cbd5e1;
            }

            #sales-table_wrapper .dataTables_length select:focus {
                border-color: #225aea;
                box-shadow: 0 0 0 3px rgba(34, 90, 234, 0.12), 0 1px 2px rgba(15, 23, 42, 0.06);
            }

            #sales-table_wrapper .dataTables_filter input {
                min-width: 200px;
                max-width: min(320px, 100%);
                min-height: 36px;
                padding: 8px 14px 8px 40px;
                font-size: 0.8125rem;
                font-weight: 500;
                color: #1e293b;
                background-color: #fff;
                border: 1px solid #e2e8f0;
                border-radius: 8px;
                outline: none;
                box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");
                background-repeat: no-repeat;
                background-position: 12px center;
                background-size: 18px;
                transition: border-color 0.18s ease, box-shadow 0.18s ease;
            }

            #sales-table_wrapper .dataTables_filter input::placeholder {
                color: #94a3b8;
                font-weight: 400;
            }

            #sales-table_wrapper .dataTables_filter input:hover {
                border-color: #cbd5e1;
            }

            #sales-table_wrapper .dataTables_filter input:focus {
                border-color: #225aea;
                box-shadow: 0 0 0 3px rgba(34, 90, 234, 0.12), 0 1px 2px rgba(15, 23, 42, 0.06);
            }

            #sales-table_wrapper .dataTables_info {
                font-size: 0.75rem;
                font-weight: 500;
                color: #111827;
                padding: 14px 0 12px;
                margin: 0;
                letter-spacing: 0.01em;
            }

            #sales-table_wrapper .dataTables_paginate {
                display: inline-flex;
                align-items: center;
                gap: 2px;
                padding: 10px 0 12px;
                margin: 0;
                flex-wrap: wrap;
            }

            #sales-table_wrapper .dataTables_paginate .paginate_button {
                min-width: 28px;
                height: 28px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border-radius: 7px;
                border: 1px solid transparent;
                background: transparent;
                color: #111827 !important;
                font-size: 0.75rem;
                font-weight: 600;
                cursor: pointer;
                padding: 0 9px;
                line-height: 1;
                transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
                text-decoration: none !important;
                box-sizing: border-box;
            }

            #sales-table_wrapper .dataTables_paginate .paginate_button.previous,
            #sales-table_wrapper .dataTables_paginate .paginate_button.next {
                padding: 0 11px;
                font-weight: 500;
                color: #111827 !important;
            }

            #sales-table_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
                background: #f1f5f9;
                border-color: #e2e8f0;
                color: #1e293b !important;
            }

            #sales-table_wrapper .dataTables_paginate .paginate_button.current {
                background: #225aea !important;
                color: #fff !important;
                border-color: #225aea !important;
                box-shadow: 0 1px 3px rgba(34, 90, 234, 0.28);
            }

            #sales-table_wrapper .dataTables_paginate .paginate_button.disabled {
                opacity: 0.38;
                cursor: not-allowed;
                pointer-events: none;
                background: transparent !important;
                border-color: transparent !important;
            }

            table.std-sales-table.dataTable {
                border-collapse: separate;
                border-spacing: 0;
            }

            table.std-sales-table thead th {
                font-size: 0.675rem;
                font-weight: 600;
                letter-spacing: 0.04em;
                text-transform: uppercase;
                color: #111827;
                background: #f8fafc;
                border-bottom: 1px solid #e2e8f0;
                padding: 12px 14px;
                white-space: nowrap;
            }

            table.std-sales-table tbody td {
                font-size: 0.8125rem;
                color: #111827;
                border-bottom: 1px solid #f1f5f9;
                padding: 12px 14px;
                vertical-align: middle;
            }

            table.std-sales-table tbody tr:hover {
                background: #fafbfc !important;
            }

            table.std-sales-table td.dt-body-right,
            table.std-sales-table th.dt-body-right {
                text-align: right;
            }

            table.std-sales-table td.dt-body-center,
            table.std-sales-table th.dt-body-center {
                text-align: center;
            }

            table.std-sales-table td.dt-left {
                text-align: left;
            }

            .std-prod-link {
                display: block;
                text-decoration: none !important;
                color: inherit;
            }

            .std-prod-thumb-link {
                display: flex;
                flex-shrink: 0;
                text-decoration: none !important;
            }

            .std-prod-title-link {
                width: fit-content;
                max-width: 100%;
            }

            .std-prod-cell {
                display: flex;
                align-items: center;
                gap: 12px;
                min-width: 0;
            }

            .std-prod-thumb {
                width: 48px;
                height: 48px;
                object-fit: cover;
                border-radius: 8px;
                flex-shrink: 0;
                border: 1px solid #f1f5f9;
                background: #f8fafc;
            }

            .std-prod-meta {
                min-width: 0;
                flex: 1;
            }

            .std-prod-title-row {
                display: flex;
                align-items: center;
                gap: 6px;
                flex-wrap: wrap;
                line-height: 1.35;
            }

            .std-prod-rank {
                font-weight: 700;
                color: #225aea;
                font-variant-numeric: tabular-nums;
            }

            .std-prod-name {
                font-weight: 600;
                color: #1e293b;
            }

            .std-prod-live {
                width: 8px;
                height: 8px;
                border-radius: 999px;
                background: #4ade80;
                flex-shrink: 0;
                box-shadow: 0 0 0 2px #dcfce7;
            }

            .std-prod-subrow {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                gap: 6px;
                margin-top: 4px;
                font-size: 0.8125rem;
            }

            .std-prod-price {
                font-weight: 600;
                color: #225aea;
            }

            .std-prod-dot {
                width: 3px;
                height: 3px;
                border-radius: 50%;
                background: #cbd5e1;
            }

            .std-prod-ads-link {
                display: inline-flex;
                align-items: center;
                gap: 4px;
                padding: 2px 7px;
                border-radius: 999px;
                border: 1px solid #dbeafe;
                background: #eff6ff;
                color: #225aea !important;
                font-size: 11.5px;
                font-weight: 700;
                line-height: 1.25;
                text-decoration: none !important;
                transition: background-color .15s ease, border-color .15s ease, color .15s ease;
            }

            .std-prod-ads-link:hover {
                background: #dbeafe;
                border-color: #bfdbfe;
                color: #1746c7 !important;
            }

            .std-prod-ads-link--empty,
            .std-prod-ads-link--empty:hover {
                background: #f8fafc;
                border-color: #e2e8f0;
                color: #000000 !important;
            }

            .std-prod-ads-link img {
                width: 12px;
                height: 12px;
                flex-shrink: 0;
            }

            .std-prod-variants {
                color: #111827;
                font-weight: 500;
            }

            .std-prod-bestseller-cell {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 14px;
            }

            .std-prod-bs-icons {
                display: inline-flex;
                align-items: center;
                gap: 6px;
            }

            .std-prod-bs-ic {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 32px;
                height: 32px;
                border-radius: 8px;
                border: 1px solid #f1f5f9;
                background: #fff;
                transition: background 0.15s ease, border-color 0.15s ease;
            }

            .std-prod-bs-ic:hover {
                background: #f8fafc;
                border-color: #e2e8f0;
            }

            .std-prod-bs-ic img {
                display: block;
            }

            .std-prod-bs-rank {
                font-weight: 700;
                font-size: 0.8125rem;
                color: #1e293b;
                font-variant-numeric: tabular-nums;
                min-width: 1.25rem;
                text-align: center;
            }

            .std-prod-bs-ads {
                display: inline-flex;
                align-items: center;
                gap: 4px;
                padding: 4px 7px;
                border-radius: 999px;
                border: 1px solid #e2e8f0;
                background: #f8fafc;
                color: #00000;
                font-size: 0.6875rem;
                font-weight: 600;
                line-height: 1;
                white-space: nowrap;
                font-variant-numeric: tabular-nums;
            }

            .std-prod-bs-ads img {
                width: 12px;
                height: 12px;
                flex-shrink: 0;
            }

            .std-prod-trend,
            .std-prod-date {
                font-weight: 600;
                font-variant-numeric: tabular-nums;
                color: #111827;
            }

            @keyframes std-prod-shimmer {
                0% { background-position: 200% 0; }
                100% { background-position: -200% 0; }
            }

            .std-products-skeleton {
                margin-bottom: 16px;
            }

            .std-products-skeleton-toolbar,
            .std-products-skeleton-footer {
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: 12px;
                flex-wrap: wrap;
                margin-bottom: 12px;
            }

            .std-products-skeleton-footer {
                margin-bottom: 0;
                margin-top: 12px;
            }

            .std-products-skel-block {
                height: 36px;
                border-radius: 8px;
                background: linear-gradient(90deg, #f1f5f9 0%, #e8edf3 45%, #f8fafc 55%, #f1f5f9 100%);
                background-size: 200% 100%;
                animation: std-prod-shimmer 1.35s ease-in-out infinite;
            }

            .std-products-skel-length { width: 136px; }
            .std-products-skel-search { width: min(320px, 100%); max-width: 100%; }
            .std-products-skel-info { width: 220px; }
            .std-products-skel-page { width: 160px; }

            .std-products-skel-rows {
                display: flex;
                flex-direction: column;
                gap: 0;
            }

            .std-products-skel-row {
                display: flex;
                align-items: center;
                gap: 16px;
                padding: 16px 0;
                border-bottom: 1px solid #f1f5f9;
            }

            .std-products-skel-cell {
                height: 18px;
                border-radius: 4px;
                background: linear-gradient(90deg, #f1f5f9 0%, #e8edf3 45%, #f8fafc 55%, #f1f5f9 100%);
                background-size: 200% 100%;
                animation: std-prod-shimmer 1.35s ease-in-out infinite;
            }

            .std-main-split {
                display: grid;
                grid-template-columns: 1fr;
                gap: 16px;
                align-items: start;
            }

            .std-about-card {
                padding: 18px 20px !important;
            }

            .std-about-header {
                display: flex;
                align-items: flex-start;
                gap: 12px;
                margin-bottom: 12px;
            }

            .std-about-header-icon {
                width: 36px;
                height: 36px;
                border-radius: 10px;
                background: #f1f5f9;
                color: #111827;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-shrink: 0;
            }

            .std-about-header-icon svg {
                width: 18px;
                height: 18px;
            }

            .std-about-title {
                font-size: 1rem !important;
                font-weight: 600 !important;
                color: #1e293b !important;
                margin: 0 !important;
                letter-spacing: -0.01em;
            }

            .std-about-sub {
                font-size: 0.6875rem;
                font-weight: 500;
                color: #111827;
                margin: 3px 0 0;
                line-height: 1.35;
            }

            .std-desc-text {
                font-size: 0.8125rem;
                line-height: 1.6;
                color: #111827;
                margin: 0;
                min-height: 1em;
            }

            .std-about-sections {
                margin-top: 14px;
                padding-top: 14px;
                border-top: 1px solid #f1f5f9;
                display: flex;
                flex-direction: column;
                gap: 0;
            }

            .std-about-line {
                display: flex;
                gap: 12px;
                align-items: flex-start;
                padding: 11px 0;
                border-bottom: 1px solid #f8fafc;
            }

            .std-about-line:last-child {
                border-bottom: none;
                padding-bottom: 0;
            }

            .std-about-line-ic {
                width: 32px;
                height: 32px;
                border-radius: 8px;
                background: #f8fafc;
                border: 1px solid #f1f5f9;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-shrink: 0;
                color: #111827;
            }

            .std-about-line-ic svg {
                width: 17px;
                height: 17px;
            }

            .std-about-line-body {
                min-width: 0;
                flex: 1;
            }

            .std-about-line-label {
                display: block;
                font-size: 0.625rem;
                font-weight: 600;
                letter-spacing: 0.055em;
                text-transform: uppercase;
                color: #111827;
                margin-bottom: 4px;
                line-height: 1.2;
            }

            .std-about-line-value {
                font-size: 0.8125rem;
                font-weight: 500;
                color: #111827;
                line-height: 1.45;
                word-break: break-word;
            }

            .std-about-icons-row {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 8px 10px;
            }

            .std-about-icons-row a {
                display: inline-flex;
                align-items: center;
            }

            .std-about-icons-row img {
                vertical-align: middle;
            }

            .std-details-tabs-wrap {
                margin-top: 16px;
                margin-bottom: 14px;
                border-bottom: 1px solid #e2e8f0;
            }

            .std-details-tabs {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 18px;
            }

            .std-details-tab-btn {
                position: relative;
                padding: 12px 0;
                font-size: 0.9375rem;
                font-weight: 500;
                color: #111827;
                background: none;
                border: none;
                cursor: pointer;
                transition: color 0.2s;
            }

            .std-details-tab-btn:hover {
                color: #1e293b;
            }

            .std-details-tab-btn.is-active {
                color: #225aea;
                font-weight: 600;
            }

            .std-details-tab-btn.is-active::after {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                bottom: -1px;
                height: 2px;
                background: #225aea;
            }

            .std-details-tab-pane {
                display: none;
            }

            .std-details-tab-pane.is-active {
                display: block;
            }

            .std-details-brand-gate {
                margin-top: 4px;
                margin-left: auto;
                margin-right: auto;
                max-width: 640px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 16px;
                padding: 26px 24px 28px;
                border: 1px solid #e2e8f0;
                border-radius: 16px;
                background: linear-gradient(165deg, #fafbff 0%, #ffffff 55%);
                text-align: center;
                width: 100%;
                box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04), 0 12px 40px -24px rgba(15, 23, 42, 0.12);
            }

            .std-details-brand-gate-hero-icon {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 56px;
                height: 56px;
                margin: 0;
                border-radius: 14px;
                background: linear-gradient(145deg, #ffffff 0%, #eef2ff 100%);
                border: 1px solid rgba(34, 90, 234, 0.12);
                box-shadow: 0 1px 2px rgba(34, 90, 234, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.9);
                color: #225aea;
                flex: 0 0 auto;
            }

            .std-details-brand-gate-hero-icon svg {
                width: 30px;
                height: 30px;
            }

            .std-details-brand-gate-content {
                min-width: 0;
                max-width: 36rem;
                text-align: center;
            }

            .std-details-brand-gate-title {
                margin: 0 0 6px;
                color: #0f172a;
                font-size: 1.1875rem;
                font-weight: 700;
                letter-spacing: -0.02em;
                line-height: 1.25;
            }

            .std-details-brand-gate-copy {
                max-width: 560px;
                margin: 0 auto;
                color: #00000;
                font-size: 0.875rem;
                line-height: 1.55;
            }

            .std-details-brand-gate-status {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 6px;
                margin: 0 auto 10px;
                padding: 4px 10px;
                border-radius: 999px;
                background: #ecfdf5;
                border: 1px solid #a7f3d0;
                color: #047857;
                font-size: 0.75rem;
                font-weight: 600;
                line-height: 1.2;
            }

            .std-details-brand-gate-status[hidden] {
                display: none;
            }

            .std-details-brand-gate-status-dot {
                width: 7px;
                height: 7px;
                border-radius: 50%;
                background: #10b981;
                flex-shrink: 0;
            }

            /* ---------- Post-track loading state: Brand Tracker's fetching notice in each tile ---------- */
            .std-bt-fetching,
            .std-bt-tags li.std-bt-tags-fetching {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 10px;
                padding: 18px 12px;
                text-align: center;
                font-size: 0.8125rem;
                color: #000000;
            }

            .std-bt-fetching-icon {
                flex-shrink: 0;
                width: 24px;
                height: 24px;
                border-radius: 50%;
                background: #225AEA;
                color: #fff;
                display: inline-flex;
                align-items: center;
                justify-content: center;
            }

            .std-bt-fetching-icon svg {
                width: 12px;
                height: 12px;
                animation: stdBtFetchSpin 1.6s linear infinite;
            }

            @keyframes stdBtFetchSpin {
                from { transform: rotate(0deg); }
                to { transform: rotate(360deg); }
            }

            .std-details-brand-gate-actions {
                display: flex;
                flex: 0 0 auto;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 14px;
                width: 100%;
            }

            @media (max-width: 767px) {
                .std-details-brand-gate {
                    padding: 22px 18px 24px;
                    flex-direction: column;
                    align-items: center;
                    text-align: center;
                }

                .std-details-brand-gate-actions {
                    width: 100%;
                    justify-content: center;
                }

                .std-details-brand-gate-btn {
                    flex: 1 1 auto;
                    min-width: min(100%, 200px);
                }
            }

            .std-details-brand-gate-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 10px;
                padding: 11px 20px;
                border-radius: 10px;
                background: #2563eb;
                color: #fff;
                font-size: 0.875rem;
                font-weight: 600;
                text-decoration: none;
                border: 1px solid transparent;
                box-shadow: inset 0 1px 1px 0 hsla(0, 0%, 100%, .2), inset 0 6px 12px 0 hsla(0, 0%, 100%, .12), 0 1px 2px 0 rgba(8, 8, 8, .2), 0 4px 4px 0 rgba(8, 8, 8, .08);
                transition: background 0.3s ease, transform 0.12s ease;
            }

            .std-details-brand-gate-btn:hover {
                background: #1d4ed8;
                color: #fff;
            }

            .std-details-brand-gate-btn:active {
                transform: translateY(1px);
            }

            .std-details-brand-gate-btn svg {
                width: 19px;
                height: 19px;
                flex-shrink: 0;
            }

            .std-details-brand-gate-demo {
                width: 100%;
                max-width: 260px;
            }

            .std-details-brand-gate-demo-label {
                margin: 0 0 10px;
                font-size: 0.8125rem;
                font-weight: 500;
                color: #64748b;
            }

            .std-details-brand-gate-demo-grid {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 10px;
            }

            .std-details-brand-gate-demo-brand {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 8px;
                padding: 12px 8px 10px;
                border-radius: 12px;
                border: 1px solid #e2e8f0;
                background: #fff;
                overflow: hidden;
                text-decoration: none;
                transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
            }

            .std-details-brand-gate-demo-brand:hover {
                border-color: #bfdbfe;
                box-shadow: 0 2px 10px rgba(37, 99, 235, 0.12);
                transform: translateY(-1px);
            }

            .std-details-brand-gate-demo-avatar {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-shrink: 0;
            }

            .std-details-brand-gate-demo-brand img {
                width: 44px;
                height: 44px;
                border-radius: 50%;
                object-fit: cover;
                background: #f1f5f9;
            }

            .std-details-brand-gate-demo-name {
                margin: 0;
                max-width: 100%;
                font-size: 0.6875rem;
                font-weight: 600;
                line-height: 1.25;
                color: #475569;
                text-align: center;
                overflow: hidden;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }

            /* Win over late-loaded layout CSS so tab panes actually swap */
            body.std-hero-ready #std-details-tab-overview:not(.is-active) {
                display: none !important;
            }

            /* Active overview: match rule above — avoid "display: none" winning when only .is-active toggles */
            body.std-hero-ready #std-details-tab-overview.is-active {
                display: flex !important;
                flex-direction: column;
                gap: 8px;
                align-items: stretch;
            }

            #std-details-tab-brand-gate.std-details-tab-pane.is-active {
                display: flex !important;
                flex-direction: column;
                align-items: center;
                width: 100%;
            }

            /* Brandtracker gate replaces the hero strip (same slot as KPIs / visitors) */
            #std-hero-pane-store:has(#std-details-tab-brand-gate.is-active) .std-store-hero-body {
                display: none !important;
            }

            /* ---------- "Meta ads" tab badge (green dot + active ads count) ---------- */
            .std-meta-ads-live-dot {
                display: none;
                width: 8px;
                height: 8px;
                margin-left: 3px;
                border-radius: 50%;
                background: #10b981;
                box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.16);
                flex-shrink: 0;
            }

            .std-meta-ads-count {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-width: 24px;
                height: 19px;
                padding: 0 7px;
                border-radius: 999px;
                background: #eff6ff;
                border: 1px solid #bfdbfe;
                color: #1d4ed8;
                font-size: 0.6875rem;
                font-weight: 800;
                line-height: 1;
            }

            .std-meta-ads-count[hidden] {
                display: none;
            }

            /* ---------- Embedded Brand Tracker overview (data blurred) ---------- */
            .std-brand-gate-stage {
                position: relative;
                width: 100%;
            }

            /* Unlocked state: real brand details embedded in place */
            .std-brand-gate-stage--embed::after {
                display: none;
            }

            .std-bt-embed-loading {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 10px;
                min-height: 240px;
                padding: 18px 0;
                color: #475569;
                font-size: 0.8125rem;
                font-weight: 500;
            }
            html[data-theme="dark"] .std-bt-embed-loading {
                color: #ffffff;
            }

            /* Faux brand-details sub-tabs: Overview active, the rest locked */
            .std-bt-tabs {
                display: flex;
                align-items: stretch;
                gap: 10px;
                margin: 0 0 14px;
                padding-bottom: 1px;
                width: 100%;
                overflow-x: auto;
                overflow-y: hidden;
                border-bottom: 1px solid #e2e8f0;
                scrollbar-width: thin;
                scrollbar-color: #cbd5e1 #f8fafc;
            }

            .std-bt-tab {
                position: relative;
                display: inline-flex;
                align-items: center;
                flex-shrink: 0;
                gap: 4px;
                padding: 6px 1px;
                min-height: 28px;
                font-family: inherit;
                font-size: 0.6875rem;
                font-weight: 600;
                line-height: 1.2;
                color: #0f172a;
                white-space: nowrap;
                background: transparent;
                border: none;
                border-bottom: 2px solid transparent;
                border-radius: 0;
                cursor: pointer;
                transition: color 0.18s ease, border-color 0.18s ease;
            }

            .std-bt-tab.is-active {
                color: #225aea;
                font-weight: 700;
                border-bottom-color: #225aea;
                cursor: default;
            }

            .std-bt-tab.is-locked {
                color: #64748b;
            }

            .std-bt-tab.is-locked:hover {
                color: #0f172a;
                border-bottom-color: rgba(15, 23, 42, 0.2);
            }

            .std-bt-tab-icon {
                width: 11px;
                height: 11px;
                flex-shrink: 0;
            }

            .std-bt-tab-lock {
                width: 9px;
                height: 9px;
                flex-shrink: 0;
                color: #94a3b8;
            }

            .std-bt-tab.is-locked:hover .std-bt-tab-lock {
                color: #225aea;
            }

            /* Preview body: structure stays sharp, data carries .std-bt-blur */
            .std-brand-gate-preview {
                display: flex;
                flex-direction: column;
                gap: 14px;
                pointer-events: none;
                user-select: none;
                -webkit-user-select: none;
            }

            .std-bt-blur {
                filter: blur(6px);
                user-select: none;
                -webkit-user-select: none;
            }

            /* Tracked: tiles unlock in place — blur drops per tile as real data lands */
            .std-brand-gate-stage--unlocked .std-brand-gate-preview {
                pointer-events: auto;
                user-select: text;
                -webkit-user-select: text;
            }
            .std-brand-gate-stage--unlocked::after {
                display: none;
            }
            .std-brand-gate-stage--unlocked .std-bt-landing-list a {
                color: inherit;
                text-decoration: none;
                display: inline-flex;
                align-items: center;
                gap: 8px;
                min-width: 0;
                flex: 1;
            }
            .std-brand-gate-stage--unlocked .std-bt-landing-list a:hover .std-bt-landing-url {
                color: #225AEA;
            }

            /* Soft fade so the preview dissolves at the bottom */
            .std-brand-gate-stage::after {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                height: 110px;
                background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 92%);
                pointer-events: none;
                z-index: 1;
            }

            .std-brand-gate-overlay {
                position: absolute;
                inset: 56px 0 0;
                z-index: 2;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 32px 16px;
                pointer-events: none;
            }

            .std-brand-gate-overlay .std-details-brand-gate {
                max-width: 520px;
                margin: 0;
                transform: translateY(-150px);
                pointer-events: auto;
                background: rgba(255, 255, 255, 0.96);
                backdrop-filter: blur(4px);
                box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04), 0 24px 60px -28px rgba(15, 23, 42, 0.32);
            }

            /* Tiles */
            .std-bt-card {
                background: #fff;
                border: 1px solid #e2e8f0;
                border-radius: 12px;
                padding: 16px;
                min-width: 0;
            }

            .std-bt-grid {
                display: grid;
                grid-template-columns: 260px minmax(0, 1fr) 280px;
                gap: 14px;
                align-items: stretch;
            }

            @media (max-width: 1100px) {
                .std-bt-grid {
                    grid-template-columns: 1fr 1fr;
                }
                .std-bt-card--graph {
                    grid-column: 1 / -1;
                    order: -1;
                }
            }

            @media (max-width: 700px) {
                .std-bt-grid {
                    grid-template-columns: 1fr;
                }
            }

            .std-bt-card-title {
                font-size: 0.6875rem;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.04em;
                color: #475569;
            }

            .std-bt-card-head {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 8px;
                margin-bottom: 12px;
            }

            .std-bt-card-meta {
                font-size: 0.75rem;
                font-weight: 500;
                color: #64748b;
                white-space: nowrap;
            }

            .std-bt-card-note {
                margin: 12px 0 8px;
                font-size: 0.6875rem;
                font-weight: 600;
                letter-spacing: 0.03em;
                text-transform: uppercase;
                color: #0f172a;
            }

            /* Media mix card */
            .std-bt-mix-head {
                display: flex;
                flex-wrap: wrap;
                gap: 14px;
                justify-content: space-between;
            }

            .std-bt-mix-stat {
                display: flex;
                flex-direction: column;
                gap: 4px;
            }

            .std-bt-big-num {
                font-size: 1.25rem;
                font-weight: 700;
                color: #0f172a;
                line-height: 1.1;
            }

            .std-bt-active-num {
                display: inline-flex;
                align-items: center;
                gap: 6px;
            }

            .std-bt-active-dot {
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background: #10b981;
                flex-shrink: 0;
            }

            .std-bt-growth {
                display: inline-flex;
                align-items: center;
                gap: 4px;
                font-size: 0.8125rem;
                font-weight: 600;
                color: #0f172a;
            }

            .std-bt-growth-ping {
                width: 7px;
                height: 7px;
                border-radius: 50%;
                background: #10b981;
                box-shadow: 0 0 4px 0.2px #10b981;
            }

            .std-bt-growth-ping--off {
                background: #e2e8f0;
                box-shadow: none;
            }

            .std-bt-mix-list {
                list-style: none;
                margin: 0;
                padding: 0;
                display: flex;
                flex-direction: column;
            }

            .std-bt-mix-list li {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 8px;
                padding: 8px 0;
                border-bottom: 1px solid #f1f5f9;
                font-size: 0.8125rem;
                color: #0f172a;
                font-weight: 500;
            }

            .std-bt-mix-list li:last-child {
                border-bottom: none;
            }

            .std-bt-mix-left {
                display: inline-flex;
                align-items: center;
                gap: 8px;
            }

            .std-bt-mix-left svg {
                width: 14px;
                height: 14px;
                color: #64748b;
                flex-shrink: 0;
            }

            /* Graph card */
            .std-bt-graph-head {
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-wrap: wrap;
                gap: 10px;
                margin-bottom: 12px;
            }

            .std-bt-graph-label {
                font-size: 0.8125rem;
                font-weight: 600;
                color: #0f172a;
            }

            .std-bt-graph-controls {
                display: inline-flex;
                align-items: center;
                gap: 4px;
                flex-wrap: wrap;
            }

            .std-bt-chip {
                display: inline-flex;
                align-items: center;
                padding: 4px 10px;
                border: 1px solid #e2e8f0;
                border-radius: 999px;
                background: #fff;
                font-size: 0.6875rem;
                font-weight: 600;
                color: #475569;
                white-space: nowrap;
            }

            .std-bt-chip.is-active {
                color: #225aea;
                border-color: #dbeafe;
                background: #eff6ff;
            }

            .std-bt-chip-sep {
                width: 1px;
                height: 16px;
                margin: 0 4px;
                background: #e2e8f0;
            }

            .std-bt-chart {
                height: 170px;
            }

            .std-bt-chart svg {
                display: block;
                width: 100%;
                height: 100%;
            }

            .std-bt-countries {
                display: flex;
                align-items: center;
                gap: 10px;
                flex-wrap: wrap;
                margin-top: 12px;
            }

            .std-bt-country-pills {
                display: inline-flex;
                gap: 6px;
                flex-wrap: wrap;
            }

            .std-bt-country-pill {
                display: inline-flex;
                align-items: center;
                padding: 3px 9px;
                border: 1px solid #e2e8f0;
                border-radius: 999px;
                background: #f8fafc;
                font-size: 0.6875rem;
                font-weight: 600;
                color: #334155;
            }

            /* Top landing pages card */
            .std-bt-landing-list {
                list-style: none;
                margin: 0;
                padding: 0;
                display: flex;
                flex-direction: column;
            }

            .std-bt-landing-list li {
                display: flex;
                align-items: center;
                gap: 8px;
                padding: 7px 0;
                border-bottom: 1px solid #f1f5f9;
                font-size: 0.8125rem;
                color: #1e293b;
            }

            .std-bt-landing-list li:last-child {
                border-bottom: none;
            }

            .std-bt-landing-list li svg {
                width: 13px;
                height: 13px;
                color: #94a3b8;
                flex-shrink: 0;
            }

            /* Same look as the Brand Tracker overview's landing list */
            .std-bt-landing-url {
                flex: 1 1 auto;
                min-width: 0;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                color: #1e293b;
                font-weight: 600;
            }

            .std-bt-landing-meta {
                font-size: 0.75rem;
                font-weight: 500;
                color: #000000;
                white-space: nowrap;
            }

            /* Top insight tiles */
            .std-bt-insights-grid {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
                gap: 14px;
            }

            /* Same list style as the Brand Tracker overview's "Top ..." cards */
            .std-bt-tags {
                list-style: none;
                margin: 0;
                padding: 0;
                display: flex;
                flex-direction: column;
                gap: 2px;
            }

            .std-bt-tags li {
                display: flex;
                align-items: center;
                gap: 10px;
                padding: 8px 10px;
                border-radius: 6px;
                transition: background 0.15s ease;
                min-height: 32px;
            }

            .std-bt-tags li:hover {
                background: #f8fafc;
            }

            .std-bt-tag-rank {
                flex-shrink: 0;
                width: 20px;
                height: 20px;
                border-radius: 50%;
                background: #f1f5f9;
                color: #000000;
                font-size: 0.6875rem;
                font-weight: 600;
                display: inline-flex;
                align-items: center;
                justify-content: center;
            }

            .std-bt-tags li:first-child .std-bt-tag-rank {
                background: #eef2ff;
                color: #225AEA;
            }

            .std-bt-tag {
                flex: 1;
                min-width: 0;
                font-size: 0.8125rem;
                color: #1e293b;
                font-weight: 500;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .std-bt-tag-count {
                flex-shrink: 0;
                font-size: 0.75rem;
                color: #1e293b;
                font-weight: 600;
                display: inline-flex;
                align-items: baseline;
                gap: 3px;
            }

            .std-bt-tag-count-label {
                color: #94a3b8;
                font-weight: 500;
                font-size: 0.6875rem;
            }

            .std-bt-tags-empty {
                padding: 18px 12px;
                text-align: center;
                font-size: 0.8125rem;
                color: #94a3b8;
            }

            /* Top ads strip */
            .std-bt-ads-row {
                display: grid;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                gap: 12px;
            }

            @media (max-width: 700px) {
                .std-bt-ads-row {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }
            }

            .std-bt-ad-thumb {
                position: relative;
                height: 150px;
                border-radius: 10px;
                background: linear-gradient(150deg, #eef2f7 0%, #dbe3ee 55%, #e7ecf4 100%);
                display: flex;
                align-items: center;
                justify-content: center;
                overflow: hidden;
            }

            .std-bt-ad-thumb img.std-bt-ad-img {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .std-bt-ad-rank {
                position: relative;
                z-index: 1;
                font-size: 1rem;
                font-weight: 800;
                color: #94a3b8;
            }

            .std-bt-ad-thumb.has-ad .std-bt-ad-rank {
                position: absolute;
                top: 8px;
                left: 8px;
                padding: 2px 8px;
                border-radius: 999px;
                background: rgba(15, 23, 42, 0.7);
                color: #fff;
                font-size: 0.6875rem;
                font-weight: 700;
            }

            /* ---------- "Are you sure?" confirm modal ---------- */
            .std-track-confirm-backdrop {
                position: fixed;
                inset: 0;
                z-index: 10050;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 20px;
                background: rgba(15, 23, 42, 0.45);
                backdrop-filter: blur(2px);
                animation: stdTrackConfirmFadeIn 0.18s ease-out both;
            }

            .std-track-confirm-backdrop[hidden] {
                display: none;
            }

            .std-track-confirm-modal {
                width: 100%;
                max-width: 400px;
                padding: 26px 24px 22px;
                border-radius: 16px;
                background: var(--std2-surface, #fff);
                border: 1px solid var(--std2-border, #e2e8f0);
                color: var(--std2-text-2, #475569);
                text-align: center;
                box-shadow: var(--std2-shadow-sm, 0 24px 60px -16px rgba(15, 23, 42, 0.35));
                animation: stdTrackConfirmPopIn 0.28s cubic-bezier(0.32, 1.32, 0.5, 1) both;
            }

            @keyframes stdTrackConfirmFadeIn {
                from { opacity: 0; }
                to { opacity: 1; }
            }

            @keyframes stdTrackConfirmPopIn {
                from {
                    opacity: 0;
                    transform: scale(0.86) translateY(14px);
                }
                to {
                    opacity: 1;
                    transform: scale(1) translateY(0);
                }
            }

            @media (prefers-reduced-motion: reduce) {
                .std-track-confirm-backdrop,
                .std-track-confirm-modal {
                    animation: none;
                }
            }

            .std-track-confirm-icon {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 48px;
                height: 48px;
                margin-bottom: 12px;
                border-radius: 12px;
                background: var(--std2-primary-soft, linear-gradient(145deg, #ffffff 0%, #eef2ff 100%));
                border: 1px solid rgba(34, 90, 234, 0.12);
                color: var(--std2-primary, #225aea);
            }

            .std-track-confirm-icon svg {
                width: 24px;
                height: 24px;
            }

            .std-track-confirm-modal .std-track-confirm-title {
                margin: 0 0 6px;
                color: var(--std2-text, #0f172a);
                font-size: 1.125rem;
                font-weight: 700;
                letter-spacing: -0.01em;
            }

            .std-track-confirm-copy {
                margin: 0 0 18px;
                color: var(--std2-text-2, #475569);
                font-size: 0.875rem;
                line-height: 1.55;
            }

            .std-track-confirm-copy strong {
                color: var(--std2-text, #0f172a);
                font-weight: 600;
            }

            .std-track-confirm-quota {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                margin: -8px 0 14px;
                padding: 5px 12px;
                border-radius: 999px;
                background: var(--std2-surface-alt, #f8fafc);
                border: 1px solid var(--std2-border, #e2e8f0);
                font-size: 0.75rem;
                font-weight: 600;
                color: var(--std2-text-2, #334155);
            }

            .std-track-confirm-quota[hidden] {
                display: none;
            }

            .std-track-confirm-quota-sep {
                color: var(--std2-text-muted, #cbd5e1);
            }

            .std-track-confirm-quota.is-limit #std-track-confirm-quota-remaining {
                color: #dc2626;
            }

            .std-track-confirm-folders {
                margin-bottom: 16px;
                text-align: left;
            }

            .std-track-confirm-folders-label {
                margin-bottom: 7px;
                font-size: 0.75rem;
                font-weight: 600;
                color: var(--std2-text-2, #334155);
            }

            .std-track-confirm-folders-label span {
                font-weight: 500;
                color: var(--std2-text-muted, #94a3b8);
            }

            .std-track-confirm-folders-list {
                max-height: 190px;
                overflow-y: auto;
                border: 1px solid var(--std2-border, #e2e8f0);
                border-radius: 10px;
                background: var(--std2-surface, #fff);
                padding: 4px;
            }

            .std-track-confirm-folders-note {
                padding: 12px 10px;
                font-size: 0.75rem;
                color: var(--std2-text-muted, #64748b);
                text-align: center;
            }

            .std-track-folder-header {
                display: flex;
                align-items: center;
                gap: 7px;
                width: 100%;
                padding: 8px 9px;
                border: none;
                border-radius: 7px;
                background: transparent;
                font-size: 0.8125rem;
                font-weight: 600;
                color: var(--std2-text, #0f172a);
                cursor: pointer;
                text-align: left;
            }

            .std-track-folder-header:hover {
                background: var(--std2-surface-hover, #f8fafc);
            }

            .std-track-folder-header svg {
                width: 13px;
                height: 13px;
                flex-shrink: 0;
                color: var(--std2-text-muted, #94a3b8);
            }

            .std-track-folder-chevron {
                margin-left: auto;
                transition: transform 0.15s ease;
            }

            .std-track-folder.is-open .std-track-folder-chevron {
                transform: rotate(90deg);
            }

            .std-track-folder-meta {
                font-size: 0.6875rem;
                font-weight: 500;
                color: var(--std2-text-muted, #94a3b8);
            }

            .std-track-folder-boards {
                display: none;
                padding: 1px 0 4px 24px;
            }

            .std-track-folder.is-open .std-track-folder-boards {
                display: block;
            }

            .std-track-board {
                display: flex;
                align-items: center;
                gap: 8px;
                width: 100%;
                padding: 7px 9px;
                border: none;
                border-radius: 7px;
                background: transparent;
                font-size: 0.8125rem;
                font-weight: 500;
                color: var(--std2-text-2, #334155);
                cursor: pointer;
                text-align: left;
            }

            .std-track-board:hover {
                background: var(--std2-surface-hover, #f8fafc);
            }

            .std-track-board-check {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 15px;
                height: 15px;
                border: 1.5px solid var(--std2-border-strong, #cbd5e1);
                border-radius: 4px;
                background: var(--std2-surface, #fff);
                flex-shrink: 0;
                transition: background 0.12s ease, border-color 0.12s ease;
            }

            .std-track-board-check svg {
                width: 9px;
                height: 9px;
                color: #fff;
                opacity: 0;
            }

            .std-track-board.is-selected .std-track-board-check {
                background: var(--std2-primary, #225aea);
                border-color: var(--std2-primary, #225aea);
            }

            .std-track-board.is-selected .std-track-board-check svg {
                opacity: 1;
            }

            .std-track-board-meta {
                margin-left: auto;
                font-size: 0.6875rem;
                color: var(--std2-text-muted, #94a3b8);
            }

            /* Inline "New folder" / "New board" rows */
            .std-track-create-trigger {
                display: flex;
                align-items: center;
                gap: 8px;
                width: 100%;
                padding: 7px 9px;
                border: none;
                border-radius: 7px;
                background: transparent;
                font-family: inherit;
                font-size: 0.8125rem;
                font-weight: 500;
                color: var(--std2-text-muted, #64748b);
                cursor: pointer;
                text-align: left;
            }

            .std-track-create-trigger:hover {
                background: var(--std2-surface-hover, #f8fafc);
                color: var(--std2-primary, #225aea);
            }

            .std-track-create-plus {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 15px;
                height: 15px;
                border-radius: 50%;
                background: var(--std2-border, #e2e8f0);
                color: var(--std2-text-2, #475569);
                flex-shrink: 0;
                transition: background 0.12s ease, color 0.12s ease;
            }

            .std-track-create-trigger:hover .std-track-create-plus {
                background: var(--std2-primary, #225aea);
                color: #fff;
            }

            .std-track-create-plus svg {
                width: 9px;
                height: 9px;
            }

            .std-track-create-form {
                display: flex;
                align-items: center;
                gap: 6px;
                padding: 4px 6px 4px 9px;
            }

            .std-track-create-input {
                flex: 1;
                min-width: 0;
                padding: 6px 9px;
                border: 1px solid var(--std2-border-strong, #cbd5e1);
                border-radius: 7px;
                background: var(--std2-surface, #fff);
                font-family: inherit;
                font-size: 0.8125rem;
                color: var(--std2-text, #0f172a);
                outline: none;
                box-shadow: none !important;
            }

            .std-track-create-input:focus {
                border-color: var(--std2-primary, #225aea);
            }

            .std-track-create-save,
            .std-track-create-cancel {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 24px;
                height: 24px;
                border: none;
                border-radius: 50%;
                cursor: pointer;
                flex-shrink: 0;
                padding: 0;
            }

            .std-track-create-save {
                background: var(--std2-primary, #225aea);
                color: #fff;
            }

            .std-track-create-save:disabled {
                background: var(--std2-border, #e2e8f0);
                color: var(--std2-text-muted, #94a3b8);
                cursor: not-allowed;
            }

            .std-track-create-cancel {
                background: var(--std2-surface-hover, #f1f5f9);
                color: var(--std2-text-2, #475569);
            }

            .std-track-create-cancel:hover {
                background: var(--std2-border, #e2e8f0);
            }

            .std-track-create-save svg,
            .std-track-create-cancel svg {
                width: 11px;
                height: 11px;
            }

            .std-track-confirm-actions {
                display: flex;
                gap: 10px;
            }

            .std-track-confirm-cancel,
            .std-track-confirm-accept {
                flex: 1 1 0;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                padding: 10px 14px;
                border-radius: 10px;
                font-size: 0.875rem;
                font-weight: 600;
                cursor: pointer;
                transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
            }

            .std-track-confirm-cancel {
                background: var(--std2-surface, #fff);
                border: 1px solid var(--std2-border, #e2e8f0);
                color: var(--std2-text, #1e293b);
            }

            .std-track-confirm-cancel:hover {
                background: var(--std2-surface-hover, #f8fafc);
                border-color: var(--std2-border-strong, #cbd5e1);
            }

            .std-track-confirm-accept {
                background: var(--std2-primary, #2563eb);
                border: 1px solid transparent;
                color: #fff;
                box-shadow: inset 0 1px 1px 0 hsla(0, 0%, 100%, .2), inset 0 6px 12px 0 hsla(0, 0%, 100%, .12), 0 1px 2px 0 rgba(8, 8, 8, .2), 0 4px 4px 0 rgba(8, 8, 8, .08);
                transition: background 0.3s ease;
            }

            .std-track-confirm-accept:hover {
                background: var(--std2-primary-hover, #1d4ed8);
            }

            .std-track-confirm-accept:disabled {
                opacity: 0.7;
                cursor: default;
            }

            .std-track-confirm-accept-spinner {
                display: inline-block;
                width: 14px;
                height: 14px;
                border: 2px solid rgba(255, 255, 255, 0.4);
                border-top-color: #fff;
                border-radius: 50%;
                animation: std-track-confirm-spin 0.7s linear infinite;
            }

            .std-track-confirm-accept-spinner[hidden] {
                display: none;
            }

            @keyframes std-track-confirm-spin {
                to { transform: rotate(360deg); }
            }
            

            /* Design tokens — match Explore Shops redesign (May 2026) */
            html:not([data-theme="dark"]) {
                --std2-bg: #f8fafc;
                --std2-surface: #ffffff;
                --std2-surface-alt: #fafbfc;
                --std2-surface-hover: #f1f5f9;
                --std2-border: #e9e9e9;
                --std2-border-strong: #b4bcc8;
                --std2-text: #0f172a;
                --std2-text-2: #334155;
                --std2-text-muted: #94a3b8;
                --std2-primary: #1d4ed8;
                --std2-primary-soft: #e8eef9;
                --std2-primary-hover: #1e40af;
                --std2-radius-sm: 7px;
                --std2-radius: 10px;
                --std2-radius-lg: 12px;
                --std2-h-control: 32px;
                --std2-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.05);
                --std2-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.07);
            }

            /* ---------- Section 1: store header — same surface as .explore-shops-topbar ---------- */
            .title-bar {
                display: flex !important;
                flex-direction: column !important;
                align-items: stretch !important;
                gap: 0 !important;
                min-height: 48px;
                padding: 10px 14px !important;
                margin-bottom: 10px !important;
                background: var(--std2-surface) !important;
                border: none !important;
                border-radius: var(--std2-radius-lg) !important;
                box-shadow: none !important;
                box-sizing: border-box !important;
                overflow: visible !important;
            }

            .title-bar-top-row {
                display: flex !important;
                justify-content: space-between !important;
                align-items: flex-start !important;
                flex-wrap: wrap !important;
                gap: 12px !important;
                width: 100% !important;
                overflow: visible !important;
            }

            .std-recently-visited-row {
                width: 100%;
                margin: 0 0 10px;
                padding: 10px 14px;
                border-radius: var(--std2-radius-lg);
                background: var(--std2-surface);
                box-sizing: border-box;
            }

            .std-recently-visited-header {
                display: flex;
                align-items: baseline;
                justify-content: space-between;
                gap: 8px;
                margin-bottom: 8px;
            }

            .std-recently-visited-title {
                margin: 0;
                font-size: 13px;
                font-weight: 700;
                color: var(--std2-text);
                letter-spacing: -0.01em;
            }

            .std-recently-visited-scope {
                font-size: 11px;
                font-weight: 600;
                color: var(--std2-text-muted);
            }

            .std-recently-visited-carousel {
                display: flex;
                flex-wrap: nowrap;
                gap: 8px;
                overflow-x: auto;
                overflow-y: hidden;
                padding-bottom: 2px;
                scrollbar-width: thin;
            }

            .std-recently-visited-carousel::-webkit-scrollbar {
                height: 5px;
            }

            .std-recently-visited-carousel::-webkit-scrollbar-thumb {
                background: #cbd5e1;
                border-radius: 99px;
            }

            .std-recent-card {
                flex: 0 0 152px;
                width: 152px;
                display: flex;
                align-items: center;
                gap: 8px;
                padding: 8px 10px;
                border-radius: var(--std2-radius);
                border: 1px solid var(--std2-border);
                background: linear-gradient(180deg, #fff 0%, #fafbfc 100%);
                text-decoration: none !important;
                color: inherit;
                box-shadow: var(--std2-shadow-xs);
                transition: background-color 0.15s ease, border-color 0.15s ease;
            }

            .std-recent-card:hover {
                background: var(--std2-surface-hover);
                border-color: var(--std2-border-strong);
            }

            .std-recent-card-icon {
                width: 28px;
                height: 28px;
                flex-shrink: 0;
                border-radius: 6px;
                object-fit: contain;
                border: 1px solid var(--std2-border);
                background: #fff;
            }

            .std-recent-card-body {
                min-width: 0;
                flex: 1;
            }

            .std-recent-card-domain {
                display: block;
                font-size: 11px;
                font-weight: 700;
                color: var(--std2-text);
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                line-height: 1.2;
            }

            .std-recent-card-meta {
                display: block;
                margin-top: 2px;
                font-size: 10px;
                font-weight: 500;
                color: var(--std2-text-muted);
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                line-height: 1.2;
            }

            .std-recent-card--skeleton {
                pointer-events: none;
            }

            .std-recent-card--skeleton .std-recent-card-icon,
            .std-recent-card--skeleton .std-recent-skel-line {
                background: linear-gradient(90deg, #f1f5f9 0%, #e8edf3 45%, #f8fafc 55%, #f1f5f9 100%);
                background-size: 200% 100%;
                animation: std-hero-shimmer 1.35s ease-in-out infinite;
                border: none;
            }

            .std-recent-skel-line {
                display: block;
                height: 9px;
                border-radius: 6px;
            }

            .std-recent-skel-line--domain {
                width: 72%;
            }

            .std-recent-skel-line--meta {
                width: 55%;
                margin-top: 5px;
            }

            .std-recently-visited-dropdown[hidden] {
                display: none !important;
            }

            .std-recently-visited-menu {
                width: min(340px, calc(100vw - 32px)) !important;
                max-height: 360px !important;
            }

            .std-recently-visited-carousel {
                display: flex;
                flex-direction: column;
                gap: 4px;
                overflow: visible;
                padding-bottom: 0;
            }

            .std-recently-visited-dropdown .std-recent-card {
                flex: none;
                width: 100%;
                gap: 8px;
                padding: 7px 8px;
                border: 0;
                border-radius: 9px;
                background: transparent;
                box-shadow: none;
            }

            .std-recently-visited-dropdown .std-recent-card:hover {
                background: var(--std2-surface-hover);
                border-color: transparent;
            }

            .std-recently-visited-dropdown .std-recent-card-icon {
                width: 24px;
                height: 24px;
                border-radius: 6px;
            }

            .std-recently-visited-dropdown .std-recent-card-domain {
                font-size: 12px;
            }

            .std-recently-visited-dropdown .std-recent-card-meta {
                font-size: 10.5px;
            }

            .std-recently-visited-dropdown .std-recently-visited-scope {
                display: none;
            }

            /* Store meta strip — inline facts row (Trendtrack-style) */
            .title-bar .std-store-info-strip {
                display: none;
                width: 100%;
                margin: 6px 0 0 !important;
                padding: 6px 0 0 !important;
                border-top: 1px solid var(--std2-border) !important;
                box-sizing: border-box !important;
            }

            .title-bar .std-store-info-strip--inline {
                display: none;
                flex-wrap: nowrap !important;
                align-items: center !important;
                gap: 0 !important;
                row-gap: 0 !important;
                overflow: hidden !important;
                min-width: 0;
            }

            .title-bar .std-store-info-strip--inline .std-store-info-label {
                display: none !important;
            }

            .title-bar .std-store-info-strip--inline .std-store-info-chip {
                display: inline-flex !important;
                flex: 0 0 auto !important;
                flex-direction: row !important;
                flex-wrap: nowrap !important;
                align-items: center !important;
                gap: 0 !important;
                min-width: 0 !important;
                max-width: none !important;
                width: auto !important;
                padding: 0 !important;
                margin: 0 !important;
                border: none !important;
                border-radius: 0 !important;
                background: transparent !important;
                box-shadow: none !important;
                position: relative;
                cursor: help;
            }

            .title-bar .std-store-info-strip--inline #std-info-niche-chip {
                flex: 0 1 auto !important;
                min-width: 0 !important;
                max-width: min(280px, 40vw) !important;
                overflow: hidden;
            }

            .title-bar .std-store-info-strip--inline #std-info-niche-chip .std-store-fact-body {
                min-width: 0;
                max-width: 100%;
                overflow: hidden;
            }

            .title-bar .std-store-info-strip--inline .std-store-info-chip::before {
                flex: 0 0 auto;
                align-self: center;
                line-height: 1;
            }

            .title-bar .std-store-info-strip--inline .std-store-info-chip > .std-store-fact-body {
                flex: 0 1 auto;
                min-width: 0;
            }

            .title-bar .std-store-info-strip--inline #std-info-niche-chip > .std-store-fact-body {
                flex: 0 1 auto;
                min-width: 0;
                max-width: 100%;
            }

            .std-store-fact-body {
                display: inline-flex;
                align-items: center;
                gap: 4px;
                min-width: 0;
                max-width: 100%;
            }

            .std-store-fact-icon {
                flex-shrink: 0;
                display: block;
                width: 12px;
                height: 12px;
                color: var(--std2-text-muted, #94a3b8);
                stroke: currentColor;
                fill: none;
                pointer-events: none;
            }

            .std-store-fact-icon--img {
                object-fit: contain;
                opacity: 0.92;
            }

            .title-bar .std-store-info-strip--inline .std-store-info-chip:has(.std-store-info-value-link) .std-store-fact-icon {
                color: var(--std2-primary, #225aea);
                opacity: 0.85;
            }

            .std-store-fact-help-tip {
                position: absolute;
                left: 50%;
                bottom: calc(100% + 8px);
                transform: translate(-50%, 4px);
                z-index: 220;
                width: max-content;
                max-width: min(280px, 92vw);
                padding: 8px 10px;
                background: #0f172a;
                color: #f8fafc;
                font-size: 11px;
                font-weight: 500;
                line-height: 1.45;
                letter-spacing: 0.01em;
                border-radius: 8px;
                border: 1px solid rgba(148, 163, 184, 0.35);
                box-shadow: 0 12px 28px rgba(15, 23, 42, 0.24);
                pointer-events: none;
                opacity: 0;
                visibility: hidden;
                transition: opacity 0.16s ease, visibility 0.16s ease, transform 0.16s ease;
                white-space: normal;
                text-align: left;
            }

            .std-store-fact-help-tip::after {
                content: "";
                position: absolute;
                top: calc(100% - 1px);
                left: 50%;
                width: 8px;
                height: 8px;
                margin-left: -4px;
                background: #0f172a;
                border-right: 1px solid rgba(148, 163, 184, 0.35);
                border-bottom: 1px solid rgba(148, 163, 184, 0.35);
                transform: rotate(45deg);
            }

            .title-bar .std-store-info-strip--inline .std-store-info-chip:hover .std-store-fact-help-tip,
            .title-bar .std-store-info-strip--inline .std-store-info-chip:focus-within .std-store-fact-help-tip {
                opacity: 0;
                visibility: hidden;
            }

            .title-bar .std-store-info-strip--inline .std-store-info-chip.is-truncated:hover .std-store-fact-help-tip,
            .title-bar .std-store-info-strip--inline .std-store-info-chip.is-truncated:focus-within .std-store-fact-help-tip {
                opacity: 0;
                visibility: hidden;
            }

            .title-bar .std-store-info-secondary .std-store-info-chip {
                position: relative;
                cursor: help;
            }

            .title-bar .std-store-info-secondary .std-store-info-chip:hover .std-store-fact-help-tip,
            .title-bar .std-store-info-secondary .std-store-info-chip:focus-within .std-store-fact-help-tip {
                opacity: 1;
                visibility: visible;
                transform: translate(-50%, 0);
            }

            .title-bar .std-store-info-strip--inline #std-info-niche-chip .std-store-info-value {
                display: block;
                min-width: 0;
                max-width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .title-bar .std-store-info-strip--inline #std-info-niche {
                display: block;
                min-width: 0;
                max-width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .title-bar .std-store-info-strip--inline .std-store-info-chip[hidden] {
                display: none !important;
            }

            .title-bar .std-store-info-strip--inline .std-store-info-chip.is-visible-fact:not([hidden])::before {
                content: "·";
                margin: 0 8px;
                color: var(--std2-text-muted, #94a3b8);
                font-weight: 600;
                user-select: none;
            }

            .title-bar .std-store-info-strip--inline .std-store-info-chip.is-visible-fact:not([hidden]):first-child::before {
                content: none;
                margin: 0;
            }

            .title-bar .std-store-info-strip--inline .std-store-info-value {
                font-size: 0.75rem !important;
                line-height: 1.35 !important;
                font-weight: 500 !important;
                color: var(--std2-text-2, #475569) !important;
                white-space: nowrap;
            }

            .title-bar .std-store-info-strip--inline .std-store-info-value-link {
                color: var(--std2-primary, #225aea) !important;
                font-weight: 600 !important;
                text-decoration: none !important;
            }

            .title-bar .std-store-info-strip--inline .std-store-info-value-link:hover {
                text-decoration: underline !important;
            }

            .title-bar .std-store-info-strip--inline .std-store-info-value--country {
                display: inline-flex !important;
                align-items: center;
                gap: 5px;
            }

            .title-bar .std-store-info-strip--inline .std-store-fact-flag {
                width: 13px;
                height: 9px;
                border-radius: 2px;
                object-fit: cover;
            }

            .title-bar .std-store-info-more-btn {
                flex: 0 0 auto;
                flex-shrink: 0;
                margin-left: 0;
                padding: 2px 8px;
                border: 1px solid var(--std2-border, #e2e8f0);
                border-radius: 999px;
                background: transparent;
                color: var(--std2-text-muted, #64748b);
                font-size: 0.6875rem;
                font-weight: 600;
                font-family: inherit;
                cursor: pointer;
                white-space: nowrap;
            }

            .title-bar .std-store-info-more-btn:hover {
                background: var(--std2-surface-hover, #f1f5f9);
                color: var(--std2-text, #0f172a);
            }

            .title-bar .std-store-info-more-btn[hidden] {
                display: none !important;
            }

            .title-bar .std-store-info-more-btn:not([hidden])::before {
                content: "·";
                margin: 0 8px;
                color: var(--std2-text-muted, #94a3b8);
                font-weight: 600;
                user-select: none;
            }

            .title-bar .std-store-info-secondary {
                display: none;
                flex-wrap: wrap;
                align-items: center;
                gap: 0;
                width: 100%;
                margin-top: 4px;
                padding-top: 4px;
                border-top: 1px dashed var(--std2-border, #e2e8f0);
            }

            .title-bar .std-store-info-secondary.is-open {
                display: flex;
            }

            .title-bar .std-store-info-secondary .std-store-info-chip {
                flex: 0 0 auto !important;
                flex-direction: row !important;
                align-items: center !important;
                gap: 4px !important;
                padding: 0 !important;
                margin: 0 !important;
                border: none !important;
                background: transparent !important;
            }

            .title-bar .std-store-info-secondary .std-store-info-label {
                display: inline !important;
                font-size: 0.625rem !important;
                font-weight: 600 !important;
                letter-spacing: 0.04em !important;
                text-transform: uppercase !important;
                color: var(--std2-text-muted) !important;
            }

            .title-bar .std-store-info-secondary .std-store-info-chip:not([hidden]) + .std-store-info-chip:not([hidden])::before {
                content: "·";
                margin: 0 8px;
                color: var(--std2-text-muted, #94a3b8);
            }

            .title-bar .std-store-info-chip.std-store-info-chip--secondary[hidden] {
                display: none !important;
            }

            /* Legacy chip styles for non-inline contexts */
            .title-bar .std-store-info-strip:not(.std-store-info-strip--inline) {
                gap: 6px !important;
                flex-wrap: nowrap !important;
                overflow-x: auto !important;
                overflow-y: hidden !important;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: thin;
            }

            .title-bar .std-store-info-strip:not(.std-store-info-strip--inline)::-webkit-scrollbar {
                height: 5px;
            }

            .title-bar .std-store-info-strip:not(.std-store-info-strip--inline)::-webkit-scrollbar-thumb {
                background: #cbd5e1;
                border-radius: 99px;
            }

            .title-bar .std-store-info-strip:not(.std-store-info-strip--inline) .std-store-info-chip {
                flex: 0 0 auto;
                min-width: 0;
                max-width: min(210px, 38vw);
                display: flex !important;
                flex-direction: column !important;
                align-items: flex-start !important;
                gap: 2px !important;
                padding: 5px 10px !important;
                margin: 0 !important;
                border: 1px solid var(--std2-border) !important;
                border-radius: 8px !important;
                background: var(--std2-surface-alt) !important;
                box-shadow: none !important;
            }

            .title-bar .std-store-info-strip:not(.std-store-info-strip--inline) .std-store-info-chip.std-store-info-chip--wide {
                max-width: min(260px, 52vw);
            }

            .title-bar .std-store-info-strip:not(.std-store-info-strip--inline) .std-store-info-label {
                font-size: 0.5625rem !important;
                line-height: 1.15 !important;
                font-weight: 700 !important;
                letter-spacing: 0.06em !important;
                text-transform: uppercase !important;
                color: var(--std2-text-muted) !important;
            }

            .title-bar .std-store-info-strip:not(.std-store-info-strip--inline) .std-store-info-value {
                min-height: 0 !important;
                font-size: 0.6875rem !important;
                line-height: 1.25 !important;
                font-weight: 600 !important;
                color: var(--std2-text) !important;
                max-width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .title-bar .std-store-info-value-link {
                color: var(--std2-primary) !important;
                max-width: 100%;
                min-width: 0;
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .title-bar .std-store-info-value.is-muted {
                color: var(--std2-text-muted) !important;
                font-weight: 500 !important;
            }

            .title-bar .std-store-info-value.std-info-niche-wrap {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                min-width: 0;
            }

            .title-bar .std-info-niche-wrap #std-info-niche {
                display: block;
                max-width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .title-bar .std-store-info-chip.is-truncated {
                cursor: default;
            }

            .title-bar-left {
                gap: 10px !important;
                align-items: flex-start !important;
                min-width: 0;
                flex: 1 1 220px;
            }

            .title-bar-left-back-btn {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 28px !important;
                height: 28px !important;
                flex-shrink: 0 !important;
                margin-top: 2px !important;
                border-radius: var(--std2-radius-sm) !important;
                background: var(--std2-surface) !important;
                border: 1px solid var(--std2-border) !important;
                transition: background-color .15s ease, border-color .15s ease !important;
            }

            .title-bar-left-back-btn:hover {
                background: var(--std2-surface-hover) !important;
                border-color: var(--std2-border-strong) !important;
            }

            .title-bar-left-back-btn img {
                width: 12px !important;
                height: 12px !important;
                opacity: 0.65 !important;
            }

            /* Store favicon container (storeicon is injected by JS) */
            .std-store-icon-wrap {
                width: 36px !important;
                height: 36px !important;
                margin-top: 2px !important;
                flex-shrink: 0 !important;
            }

            .std-store-icon-skel {
                width: 36px !important;
                height: 36px !important;
                border-radius: var(--std2-radius) !important;
                border: 1px solid var(--std2-border) !important;
            }

            .storeicon {
                width: 36px !important;
                height: 36px !important;
                margin: 0 !important;
                flex-shrink: 0 !important;
                border-radius: var(--std2-radius) !important;
                border: 1px solid var(--std2-border) !important;
                background: var(--std2-surface) !important;
                box-shadow: none !important;
                object-fit: contain !important;
            }

            /* Store name — match .explore-shops-main-title scale */
            .title-bar-left-store-info #store-name,
            .title-bar-left-store-info #store-name.text-block-11,
            .std-header-store-search-label {
                font-size: 1.375rem !important;
                font-weight: 700 !important;
                line-height: 1.15 !important;
                color: var(--std2-text) !important;
                letter-spacing: -0.02em !important;
                overflow: visible !important;
                text-overflow: clip !important;
                white-space: normal !important;
            }

            .std-store-title-row {
                gap: 6px !important;
                margin-bottom: 2px !important;
                align-items: center !important;
                position: relative !important;
            }

            .std-store-title-row.mb-1 {
                margin-bottom: 2px !important;
            }

            .std-associated-domains {
                position: relative !important;
                display: inline-flex !important;
                align-items: center !important;
            }

            .std-associated-domains[hidden] {
                display: none !important;
            }

            .std-associated-domains-toggle {
                display: inline-flex !important;
                align-items: center !important;
                gap: 4px !important;
                min-height: 22px !important;
                padding: 2px 7px !important;
                border-radius: 999px !important;
                border: 1px solid var(--std2-border) !important;
                background: #fff !important;
                color: var(--std2-text-2) !important;
                font-size: 11px !important;
                font-weight: 600 !important;
                line-height: 1 !important;
                cursor: pointer !important;
                box-shadow: var(--std2-shadow-xs) !important;
            }

            .std-associated-domains-toggle:hover,
            .std-associated-domains.is-open .std-associated-domains-toggle {
                color: var(--std2-text) !important;
                border-color: var(--std2-border-strong) !important;
                background: var(--std2-surface-hover) !important;
            }

            .std-associated-domains-toggle svg {
                width: 12px !important;
                height: 12px !important;
            }

            .std-associated-domains-menu {
                position: absolute !important;
                left: 0 !important;
                top: calc(100% + 8px) !important;
                z-index: 80 !important;
                display: none !important;
                width: min(280px, calc(100vw - 32px)) !important;
                max-height: 310px !important;
                overflow: auto !important;
                padding: 8px !important;
                border-radius: 14px !important;
                border: 1px solid var(--std2-border) !important;
                background: #fff !important;
                box-shadow: 0 18px 45px rgba(15, 23, 42, 0.16) !important;
            }

            .std-associated-domains.is-open .std-associated-domains-menu {
                display: block !important;
            }

            .std-associated-domains-heading {
                padding: 4px 6px 7px !important;
                font-size: 11px !important;
                font-weight: 700 !important;
                color: var(--std2-text-muted) !important;
                text-transform: uppercase !important;
                letter-spacing: 0.04em !important;
            }

            .std-associated-domains-section[hidden] {
                display: none !important;
            }

            .std-associated-domains-section.is-separated {
                margin-top: 6px !important;
                padding-top: 6px !important;
                border-top: 1px solid var(--std2-border) !important;
            }

            .std-associated-domain-row {
                display: flex !important;
                align-items: center !important;
                gap: 6px !important;
                min-width: 0 !important;
                padding: 4px 5px !important;
                border-radius: 8px !important;
                transition: background 0.15s ease !important;
            }

            .std-associated-domain-row:hover {
                background: var(--std2-surface-hover) !important;
            }

            .std-associated-domain-link {
                display: flex !important;
                align-items: center !important;
                justify-content: flex-start !important;
                gap: 8px !important;
                flex: 1 1 auto !important;
                min-width: 0 !important;
                padding: 2px 3px !important;
                border: 0 !important;
                border-radius: 6px !important;
                background: transparent !important;
                color: var(--std2-text) !important;
                font-size: 12px !important;
                font-weight: 600 !important;
                text-decoration: none !important;
                text-align: left !important;
                cursor: pointer !important;
                font-family: inherit !important;
                line-height: 1.25 !important;
            }

            .std-associated-domain-link > span,
            .std-associated-domain-link .std-menu-track-label {
                overflow: hidden !important;
                text-overflow: ellipsis !important;
                white-space: nowrap !important;
                min-width: 0 !important;
                flex-shrink: 1 !important;
            }

            .std-associated-domain-link--with-rating .std-menu-track-label {
                flex-shrink: 0 !important;
                max-width: 46% !important;
            }

            .std-associated-domain-visit {
                display: inline-flex !important;
                align-items: center !important;
                gap: 4px !important;
                flex-shrink: 0 !important;
                padding: 4px 8px !important;
                border: 1px solid var(--std2-border) !important;
                border-radius: 6px !important;
                background: var(--std2-surface-alt, #f8fafc) !important;
                color: var(--std2-text-2, #334155) !important;
                font-size: 10px !important;
                font-weight: 600 !important;
                white-space: nowrap !important;
                text-decoration: none !important;
                transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
            }

            .std-associated-domain-visit .std-visit-link-icon {
                flex-shrink: 0;
                color: currentColor;
            }

            .std-associated-domain-visit:hover {
                border-color: var(--std2-primary-soft, #bfdbfe) !important;
                background: var(--std2-primary-soft, #eff6ff) !important;
                color: var(--std2-primary, #225aea) !important;
            }

            .std-associated-domain-count {
                flex-shrink: 0 !important;
                color: var(--std2-text-muted) !important;
                font-size: 11px !important;
                font-weight: 600 !important;
            }

            .std-people-also-viewed-dropdown[hidden] {
                display: none !important;
            }

            .std-people-also-viewed-menu {
                width: min(340px, calc(100vw - 32px)) !important;
                max-height: 360px !important;
            }

            .std-menu-inline-rating {
                display: inline-flex !important;
                align-items: center !important;
                gap: 4px !important;
                min-width: 0 !important;
                flex: 1 1 auto !important;
                font-size: 11px !important;
                font-weight: 600 !important;
                color: var(--std2-text-muted) !important;
                white-space: nowrap !important;
                overflow: hidden !important;
            }

            .std-menu-inline-stars {
                display: inline-flex !important;
                align-items: center !important;
                gap: 1px !important;
                flex-shrink: 0 !important;
                line-height: 0 !important;
            }

            .std-menu-inline-score {
                flex-shrink: 0 !important;
                font-weight: 700 !important;
                color: var(--std2-text) !important;
            }

            .std-menu-inline-sep {
                flex-shrink: 0 !important;
                color: #cbd5e1 !important;
            }

            .std-menu-inline-reviews {
                overflow: hidden !important;
                text-overflow: ellipsis !important;
                min-width: 0 !important;
            }

            .std-menu-inline-traffic {
                display: inline-flex !important;
                align-items: center !important;
                flex-shrink: 0 !important;
                margin-left: auto !important;
                font-size: 10.5px !important;
                font-weight: 700 !important;
                color: var(--std2-text-muted) !important;
                white-space: nowrap !important;
            }

            .std-explore-soon-msg {
                opacity: 0.75;
                font-size: 11px;
                color: var(--std2-text-muted, #64748b);
            }

            .std-store-icon-fallback {
                color: var(--std2-text-muted, #94a3b8);
            }

            .std-fake-sales-banner {
                padding: 0.5rem 1rem;
                border-radius: 10px;
                border: 1px solid var(--std2-border, #e2e8f0);
                background: var(--std2-surface, #fff);
                color: var(--std2-text-2, #334155);
                box-shadow: 3px 1px 16px 0 rgba(0, 0, 0, 0.1);
            }

            .std-fake-sales-banner__head {
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                gap: 0.75rem;
            }

            .std-fake-sales-banner__content {
                display: flex;
                gap: 0.5rem;
                min-width: 0;
            }

            .std-fake-sales-banner__title {
                font-weight: 600;
                color: var(--std2-text, #0f172a);
            }

            .std-fake-sales-banner__title p {
                margin: 0;
            }

            .std-fake-sales-banner__close {
                flex-shrink: 0;
                padding: 0;
                border: 0;
                background: transparent;
                cursor: pointer;
                line-height: 0;
            }

            .std-recently-visited-dropdown .std-recent-card-domain {
                display: inline-flex !important;
                align-items: center !important;
                gap: 6px !important;
                min-width: 0 !important;
                width: 100% !important;
            }

            .std-recently-visited-dropdown .std-recent-card-domain .std-menu-inline-traffic {
                margin-left: auto !important;
            }

            .std-store-title-flag {
                width: 13px !important;
                height: 9px !important;
                border-radius: 1.5px !important;
                box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.06) !important;
            }

            /* Sub-meta row (category · url · shopify theme · created) */
            .title-bar-left-category-trustpilot-info,
            .title-bar-left-category-trustpilot-info.std-title-meta-row {
                gap: 6px !important;
            }

            .title-bar-left-category-trustpilot-info #store-category {
                display: inline-flex !important;
                align-items: center !important;
                max-width: 100% !important;
                padding: 0 !important;
                margin: 0 !important;
                border: none !important;
                background: transparent !important;
                box-shadow: none !important;
                font-size: inherit !important;
                font-weight: inherit !important;
                color: inherit !important;
                text-transform: none !important;
                vertical-align: middle !important;
            }

            .title-bar-left-category-trustpilot-info .std-store-category-badge {
                display: inline-flex !important;
                align-items: center !important;
                max-width: 100% !important;
                padding: 3px 9px !important;
                border-radius: var(--std2-radius-sm) !important;
                font-size: 11px !important;
                font-weight: 600 !important;
                line-height: 1.25 !important;
                letter-spacing: 0.01em !important;
                color: var(--std2-text-2) !important;
                text-transform: none !important;
                background: linear-gradient(180deg, #fff 0%, #f4f6fb 100%) !important;
                border: 1px solid var(--std2-border) !important;
                box-shadow: var(--std2-shadow-xs) !important;
                vertical-align: middle !important;
            }

            .std-title-meta-row .text-gray-500,
            .std-title-meta-row #std-shopify-store-created-part,
            .std-title-meta-row #std-shopify-theme-part,
            .std-title-meta-row #store-url {
                font-size: 12px !important;
                font-weight: 500 !important;
                color: var(--std2-text-2) !important;
                line-height: 1.35 !important;
            }

            .std-title-meta-row #store-url {
                font-size: 11.5px !important;
                font-weight: 600 !important;
                color: var(--std2-primary) !important;
                line-height: 1.35 !important;
            }

            .std-title-trustpilot-stars {
                display: inline-flex;
                align-items: center;
                gap: 3px;
                white-space: nowrap;
                margin-right: 2px;
                vertical-align: -2px;
            }

            .std-title-trustpilot-stars svg {
                display: block;
                flex-shrink: 0;
                filter: drop-shadow(0 0.5px 0 rgba(15, 23, 42, 0.06));
            }

            .std-title-meta-sep {
                color: var(--std2-border-strong) !important;
                font-size: 11px !important;
                line-height: 1 !important;
            }

            .std-store-url-anchor {
                color: var(--std2-primary) !important;
                gap: 4px !important;
            }

            .std-store-url-anchor:hover #store-url {
                text-decoration: underline !important;
            }

            .std-title-trustpilot-link {
                text-decoration: none !important;
            }

            .std-title-trustpilot-link:hover #std-title-trustpilot-score {
                text-decoration: underline !important;
            }

            .std-new-tab svg {
                width: 10px !important;
                height: 10px !important;
                opacity: 0.7 !important;
            }

            .std-shopify-icon-link img {
                width: 14px !important;
                height: 14px !important;
            }

            /* ---------- Title bar — right actions ---------- */
            .title-bar-right {
                padding-top: 2px !important;
                flex: 0 1 auto !important;
                min-width: 0 !important;
                max-width: 100% !important;
                margin-left: auto;
                overflow: visible !important;
            }

            @media (max-width: 991px) {
                .title-bar-right {
                    margin-left: 0;
                    width: 100%;
                    flex: 1 1 100% !important;
                }

                .std-title-bar-actions .std-hero-loaded,
                .std-title-bar-actions .std-hero-skeleton-shell {
                    justify-content: flex-start !important;
                }
            }

            .std-title-bar-actions {
                gap: 0 !important;
                width: auto !important;
                max-width: 100% !important;
            }

            .std-title-bar-actions .std-hero-loaded,
            .std-title-bar-actions .std-hero-skeleton-shell {
                display: inline-flex !important;
                flex-direction: row !important;
                flex-wrap: wrap !important;
                align-items: center !important;
                justify-content: flex-end !important;
                gap: 5px !important;
                width: auto !important;
                max-width: 100% !important;
            }

            .std-adlibrary-menu {
                position: relative;
                display: inline-flex;
                flex-shrink: 0;
            }

            .std-adlibrary-menu-panel {
                border-radius: 14px !important;
                border: 1px solid var(--std2-border) !important;
                background: #fff !important;
                box-shadow: 0 18px 45px rgba(15, 23, 42, 0.16) !important;
                padding: 6px !important;
                min-width: 230px !important;
                z-index: 120 !important;
            }

            .std-adlibrary-menu-item {
                border-radius: 10px !important;
                padding: 8px 10px !important;
                font-size: 12px !important;
                font-weight: 600 !important;
                color: var(--std2-text-2) !important;
            }

            .std-adlibrary-menu-item:hover {
                background: var(--std2-surface-hover) !important;
                color: var(--std2-text) !important;
            }

            .std-adlibrary-menu-item img,
            .std-adlibrary-menu-item svg {
                width: 12px !important;
                height: 12px !important;
            }

            .std-adlibrary-menu-toggle svg {
                width: 11px !important;
                height: 11px !important;
            }

            .std-viewed-info {
                gap: 5px !important;
                padding: 0 8px !important;
                min-height: 28px !important;
                height: auto !important;
                border-radius: var(--std2-radius) !important;
                background: linear-gradient(180deg, #fff 0%, #fafbfc 100%) !important;
                border: 1px solid var(--std2-border) !important;
                box-shadow: var(--std2-shadow-xs) !important;
                color: var(--std2-text-2) !important;
                font-size: 12px !important;
                font-weight: 600 !important;
                line-height: 1 !important;
                margin-right: 0 !important;
            }

            .std-viewed-info svg {
                width: 11px !important;
                height: 11px !important;
                color: var(--std2-text-muted) !important;
            }

            .std-tracked-info {
                gap: 5px !important;
                padding: 0 8px !important;
                min-height: 28px !important;
                height: auto !important;
                border-radius: var(--std2-radius) !important;
                background: linear-gradient(180deg, #fff 0%, #fafbfc 100%) !important;
                border: 1px solid var(--std2-border) !important;
                box-shadow: var(--std2-shadow-xs) !important;
                color: var(--std2-text-2) !important;
                font-size: 12px !important;
                font-weight: 600 !important;
                line-height: 1 !important;
                margin-right: 0 !important;
            }

            .std-tracked-info svg {
                width: 11px !important;
                height: 11px !important;
                color: var(--std2-text-muted) !important;
            }

            /* Action chips (Ask Claude, Ad Libraries, Google Transparency, Track Brand) */
            .std-title-bar-actions a.std-title-ad-link,
            .std-title-bar-actions button.std-title-ad-link,
            .std-title-bar-actions .accuracy-info-btn {
                min-height: 28px !important;
                height: auto !important;
                padding: 0 8px !important;
                gap: 5px !important;
                font-size: 12px !important;
                font-weight: 600 !important;
                line-height: 1 !important;
                color: var(--std2-text-2) !important;
                background: linear-gradient(180deg, #fff 0%, #fafbfc 100%) !important;
                border: 1px solid var(--std2-border) !important;
                border-radius: var(--std2-radius) !important;
                text-transform: none !important;
                box-shadow: var(--std2-shadow-xs) !important;
                transition: background-color .15s ease, color .15s ease, border-color .15s ease !important;
            }

            .std-title-bar-actions .std-title-ask-claude-btn.wh-btn-primary {
                --wh-primary-bg: #cc785c;
                --wh-primary-hover: #b86a50;
                min-height: 28px !important;
                height: auto !important;
                padding: 0 8px !important;
                gap: 5px !important;
                font-size: 12px !important;
                font-weight: 600 !important;
                line-height: 1 !important;
                border-radius: var(--std2-radius) !important;
                background: var(--wh-primary-bg) !important;
                background-color: var(--wh-primary-bg) !important;
                border: 1px solid transparent !important;
                box-shadow: var(--wh-primary-shadow) !important;
            }

            .std-title-bar-actions .std-title-ask-claude-btn.wh-btn-primary:hover {
                background: var(--wh-primary-hover) !important;
                background-color: var(--wh-primary-hover) !important;
                color: #fff !important;
            }

            .std-title-bar-actions .std-title-ask-claude-icon {
                width: 11px !important;
                height: 11px !important;
            }

            .std-title-bar-actions .std-title-ask-claude-icon svg {
                width: 11px !important;
                height: 11px !important;
            }

            .std-title-bar-actions a.std-title-ad-link:hover,
            .std-title-bar-actions button.std-title-ad-link:hover,
            .std-title-bar-actions .accuracy-info-btn:hover {
                background: var(--std2-surface-hover) !important;
                color: var(--std2-text) !important;
                border-color: var(--std2-border-strong) !important;
            }

            /* Adlibrary chip — accent like in /explore-shops */
            .std-title-bar-actions a.std-title-ad-link.showtiktokads,
            .std-title-bar-actions button.std-title-ad-link.showtiktokads {
                color: var(--std2-primary) !important;
                background: var(--std2-primary-soft) !important;
                border-color: transparent !important;
            }

            .std-title-bar-actions a.std-title-ad-link.showtiktokads:hover,
            .std-title-bar-actions button.std-title-ad-link.showtiktokads:hover {
                background: rgba(29, 78, 216, 0.14) !important;
                color: var(--std2-primary-hover) !important;
                border-color: transparent !important;
            }

            .std-title-bar-actions a.std-title-ad-link img,
            .std-title-bar-actions button.std-title-ad-link img {
                width: 11px !important;
                height: 11px !important;
            }

            .std-title-bar-actions .accuracy-info-btn svg,
            .std-title-bar-actions a.std-title-ad-link svg,
            .std-title-bar-actions button.std-title-ad-link svg {
                width: 11px !important;
                height: 11px !important;
            }

            .std-title-bar-actions .std-viewed-info,
            .std-title-bar-actions .std-tracked-info,
            .std-title-bar-actions .std-title-ask-claude-btn {
                align-items: center !important;
                flex-shrink: 0;
            }

            /* Skeleton chips that stand in before data loads */
            .std-title-bar-actions .std-hero-skel-chip {
                height: 28px !important;
                border-radius: var(--std2-radius) !important;
            }

            /* ---------- Tabs row — browser-tab style: full-bleed divider, active tab
               merges into the content below (line curves around the active tab) ---------- */
            .std-store-top-tabs-row {
                /* Bleed to the hero block edges (12px padding) so the divider spans full width */
                margin: 0 -12px 12px !important;
                width: calc(100% + 24px) !important;
                gap: 0 !important;
            }

            .std-store-top-tabs {
                margin: 0 !important;
                gap: 2px !important;
                padding: 0 12px !important;
                border: none !important;
                border-radius: 0 !important;
                background: transparent !important;
                box-sizing: border-box !important;
                /* Divider drawn as inset shadow so tab backgrounds can cover it */
                box-shadow: inset 0 -1px 0 var(--std2-border, var(--wh-tab-border)) !important;
            }

            .std-store-top-tab {
                position: relative !important;
                gap: 7px !important;
                padding: 0 14px !important;
                min-height: 38px !important;
                font-size: 0.8125rem !important;
                font-weight: 500 !important;
                color: var(--std2-text-2, var(--wh-tab-text)) !important;
                background: transparent !important;
                border: 1px solid transparent !important;
                border-bottom: none !important;
                border-radius: 9px 9px 0 0 !important;
                margin: 0 !important;
                box-shadow: none !important;
                transition: color 0.16s ease !important;
            }

            .std-store-top-tab::after {
                display: none !important;
            }

            .std-store-top-tab .std-store-top-tab-icon svg,
            .std-store-top-tab .std-store-top-tab-icon img {
                width: 16px !important;
                height: 16px !important;
            }

            .std-store-top-tab--meta-ads .std-store-top-tab-icon img {
                width: 22px !important;
                height: 15px !important;
            }

            .std-store-top-tab:hover:not(.is-active) {
                color: var(--std2-text, var(--wh-tab-text-strong)) !important;
                background: transparent !important;
                box-shadow: none !important;
            }

            .std-store-top-tab.is-disabled,
            .std-store-top-tab:disabled {
                opacity: 0.58 !important;
                cursor: not-allowed !important;
                pointer-events: none !important;
            }

            .std-store-top-tab.is-disabled:hover,
            .std-store-top-tab:disabled:hover {
                color: inherit !important;
                background: transparent !important;
            }

            .std-store-top-tab--detail {
                padding: 0 10px !important;
                font-size: 10.5px !important;
                min-height: 26px !important;
            }

            .std-store-top-tab.is-active {
                color: var(--std2-primary, var(--wh-tab-primary)) !important;
                font-weight: 600 !important;
                background: var(--std2-surface, #fff) !important;
                border-color: var(--std2-border, var(--wh-tab-border)) !important;
                border-bottom: none !important;
                box-shadow: none !important;
            }

            /* Inverted corner connectors: the divider line appears to curve up around
               the active tab. Each pseudo covers the straight divider next to the tab
               and repaints it as a quarter-circle arc joining the tab's side border. */
            .std-store-top-tabs .std-store-top-tab.is-active::before,
            .std-store-top-tabs .std-store-top-tab.is-active::after {
                content: "" !important;
                display: block !important;
                position: absolute !important;
                top: auto !important;
                bottom: 0 !important;
                width: 8px !important;
                height: 8px !important;
                border: none !important;
                border-radius: 0 !important;
                opacity: 1 !important;
                transition: none !important;
                pointer-events: none !important;
                z-index: 1 !important;
            }

            .std-store-top-tabs .std-store-top-tab.is-active::before {
                left: -8px !important;
                right: auto !important;
                background: radial-gradient(
                    circle 8px at 0 0,
                    var(--std2-surface, #fff) 7px,
                    var(--std2-border, #e9e9e9) 8px,
                    var(--std2-surface, #fff) 8px
                ) !important;
            }

            .std-store-top-tabs .std-store-top-tab.is-active::after {
                left: auto !important;
                right: -8px !important;
                background: radial-gradient(
                    circle 8px at 100% 0,
                    var(--std2-surface, #fff) 7px,
                    var(--std2-border, #e9e9e9) 8px,
                    var(--std2-surface, #fff) 8px
                ) !important;
            }

            /* Directional slide-in for tab panes (added/removed by stdAnimateHeroPane) */
            @keyframes std-pane-slide-in-right {
                from { opacity: 0; transform: translateX(18px); }
                to { opacity: 1; transform: translateX(0); }
            }

            @keyframes std-pane-slide-in-left {
                from { opacity: 0; transform: translateX(-18px); }
                to { opacity: 1; transform: translateX(0); }
            }

            .std-pane-slide-right {
                animation: std-pane-slide-in-right 0.28s cubic-bezier(0.22, 0.61, 0.36, 1) both;
            }

            .std-pane-slide-left {
                animation: std-pane-slide-in-left 0.28s cubic-bezier(0.22, 0.61, 0.36, 1) both;
            }

            @media (prefers-reduced-motion: reduce) {
                .std-pane-slide-right,
                .std-pane-slide-left {
                    animation: none;
                }
            }

            .std-store-top-tab-count,
            .std-store-top-tab .std-meta-ads-count {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-width: 24px;
                height: 19px;
                padding: 0 7px;
                border-radius: 999px;
                background: #e2e8f0;
                border: 1px solid rgba(148, 163, 184, 0.32);
                color: #475569;
                font-size: 0.625rem;
                font-weight: 800;
                line-height: 1;
                letter-spacing: -0.01em;
            }

            .std-store-top-tab.is-active .std-store-top-tab-count,
            .std-store-top-tab.is-active .std-meta-ads-count {
                background: rgba(34, 90, 234, 0.1);
                border-color: rgba(34, 90, 234, 0.2);
                color: var(--std2-primary, var(--wh-tab-primary));
            }

            .std-store-top-tab--meta-ads .std-meta-ads-count {
                background: #eff6ff;
                border-color: #bfdbfe;
                color: #1d4ed8;
            }

            .std-store-top-tab--meta-ads .std-meta-ads-live-dot {
                display: none;
            }

            .std-store-top-tab--meta-ads .std-meta-ads-count:not([hidden]) ~ .std-meta-ads-live-dot,
            .std-store-top-tab--meta-ads:has(.std-meta-ads-count:not([hidden])) .std-meta-ads-live-dot {
                display: none;
            }

            .std-store-top-tab--meta-ads .std-meta-ads-count[hidden] {
                display: none !important;
            }

            .std-store-top-tab--tiktok-shop[hidden] {
                display: none !important;
            }

            .std-store-top-tab-ext-icon {
                width: 10px !important;
                height: 10px !important;
            }

            .wh-detail-tabs-segmented.entity-detail-mode-nav {
                margin-bottom: 14px !important;
            }

            /* ---------- Section 2: tabs + hero — same shell as .filters-bar on /explore-shops ---------- */
            .std-hero-page-block {
                margin-top: 0 !important;
                padding: 12px !important;
                gap: 12px !important;
                border: 1px solid var(--std2-border) !important;
                border-radius: var(--std2-radius-lg) !important;
                background: var(--std2-surface) !important;
                box-shadow: var(--std2-shadow-xs) !important;
                box-sizing: border-box !important;
            }

            .std-hero-page-block .std-hero-layout {
                gap: 12px !important;
            }

            /* ---------- Traffic & engagement + Geography ---------- */
            .std-geo-eng-row {
                grid-template-columns: 1fr !important;
                gap: 18px !important;
                min-width: 0 !important;
                max-width: 100% !important;
            }

            .std-geo-eng-combined {
                padding: 16px !important;
                border-radius: var(--std2-radius-lg) !important;
                min-width: 0 !important;
                max-width: 100% !important;
                box-sizing: border-box !important;
            }

            .std-geo-eng-combined .engagement-overview,
            .std-geo-eng-combined .geography-overview {
                padding: 0 !important;
                background: transparent !important;
            }

            /* Section heading rhythm: title + subtitle group */
            .std-geo-eng-combined .engagement-title,
            .std-geo-eng-combined .geography-title {
                font-size: 13px !important;
                font-weight: 600 !important;
                line-height: 1.3 !important;
                color: var(--std2-text) !important;
                letter-spacing: -0.005em !important;
                margin: 0 0 2px 0 !important;
            }

            .std-geo-eng-combined .engagement-subtitle,
            .std-geo-eng-combined .geography-subtitle {
                font-size: 11.5px !important;
                font-weight: 500 !important;
                line-height: 1.35 !important;
                color: var(--std2-text-muted) !important;
                margin: 0 0 12px 0 !important;
            }

            /* Engagement: single row of 5 metric tiles (one .engagement-grid) */
            .std-geo-eng-combined .engagement-content {
                display: flex !important;
                flex-direction: column !important;
                gap: 10px !important;
            }

            .std-geo-eng-combined .engagement-content > .engagement-title,
            .std-geo-eng-combined .engagement-content > .engagement-subtitle {
                margin: 0 !important;
            }

            .std-geo-eng-combined .engagement-content > .engagement-subtitle {
                margin: 0 0 2px 0 !important;
            }

            .std-geo-eng-combined .engagement-grid.std-engagement-metrics-row,
            .std-geo-eng-combined .engagement-content > .engagement-grid {
                display: grid !important;
                grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
                gap: 8px !important;
                width: 100% !important;
                margin: 0 !important;
            }

            .std-geo-eng-combined .engagement-item {
                display: flex !important;
                align-items: center !important;
                gap: 10px !important;
                padding: 10px 12px !important;
                min-width: 0 !important;
                background: var(--std2-surface) !important;
                border: 1px solid var(--std2-border) !important;
                border-radius: var(--std2-radius-lg) !important;
                transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease !important;
            }

            .std-geo-eng-combined .engagement-item:hover {
                background: var(--std2-surface) !important;
                border-color: var(--std2-border-strong) !important;
                box-shadow: var(--std2-shadow-xs) !important;
            }

            .std-geo-eng-combined .engagement-item .icon-wrapper {
                flex: 0 0 auto !important;
                width: 28px !important;
                height: 28px !important;
                margin: 0 !important;
                border-radius: var(--std2-radius) !important;
                background: var(--std2-primary-soft) !important;
                color: var(--std2-primary) !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
            }

            .std-geo-eng-combined .engagement-item .icon-wrapper svg {
                width: 14px !important;
                height: 14px !important;
                color: var(--std2-primary) !important;
            }

            .std-geo-eng-combined .engagement-item .stat-wrapper {
                gap: 1px !important;
                min-width: 0 !important;
            }

            .std-geo-eng-combined .engagement-item .stat-title {
                font-size: 10.5px !important;
                font-weight: 600 !important;
                line-height: 1.2 !important;
                letter-spacing: 0.04em !important;
                text-transform: uppercase !important;
                color: var(--std2-text-muted) !important;
                margin: 0 !important;
                white-space: nowrap !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
            }

            .std-geo-eng-combined .engagement-item .stat-value {
                font-size: 13.5px !important;
                font-weight: 700 !important;
                line-height: 1.25 !important;
                color: var(--std2-text) !important;
                margin: 0 !important;
                letter-spacing: -0.005em !important;
                white-space: nowrap !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
            }

            /* Divider between Engagement (top) and Geography (bottom) */
            .std-geo-eng-combined .engagement-overview {
                padding-bottom: 16px !important;
                border-bottom: 1px solid var(--std2-border) !important;
            }

            .std-geo-eng-combined .geography-overview {
                padding-top: 16px !important;
            }

            /* Geography header reset (consistent with engagement) */
            .std-geo-eng-combined .geography-grid {
                margin: 12px 0 0 !important;
                grid-template-columns: minmax(280px, 1fr) minmax(0, 1.5fr) !important;
                gap: 16px !important;
            }

            .std-geo-eng-combined .country-list {
                padding: 0 !important;
            }

            @media screen and (max-width: 720px) {
                .std-geo-eng-combined .engagement-grid.std-engagement-metrics-row,
                .std-geo-eng-combined .engagement-content > .engagement-grid {
                    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
                    gap: 6px !important;
                }

                .std-geo-eng-combined .engagement-item {
                    padding: 8px 6px !important;
                    gap: 6px !important;
                }

                .std-geo-eng-combined .engagement-item .icon-wrapper {
                    width: 24px !important;
                    height: 24px !important;
                }

                .std-geo-eng-combined .engagement-item .stat-value {
                    font-size: 12px !important;
                }

                .std-geo-eng-combined .geography-grid {
                    grid-template-columns: 1fr !important;
                }
            }

            /* ---------- Sub-tabs (Overview / Top Ad Copies / etc.) ----------
               Match the segmented-pill look of the top hero tabs. */
            .std-details-tabs-wrap {
                margin: 14px 0 12px !important;
                padding: 0 !important;
                border-bottom: 0 !important;
            }

            .std-details-tabs {
                display: inline-flex !important;
                flex-wrap: wrap !important;
                align-items: center !important;
                gap: 2px !important;
                padding: 3px !important;
                border: 1px solid var(--std2-border) !important;
                border-radius: var(--std2-radius-lg) !important;
                background: var(--std2-surface-alt) !important;
                max-width: 100% !important;
            }

            .std-details-tab-btn {
                position: relative !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                padding: 0 11px !important;
                height: 26px !important;
                border: 1px solid transparent !important;
                border-radius: var(--std2-radius) !important;
                font-size: 11.5px !important;
                font-weight: 600 !important;
                line-height: 1 !important;
                color: var(--std2-text-2) !important;
                background: transparent !important;
                transition: background-color .15s ease, color .15s ease, border-color .15s ease !important;
                white-space: nowrap !important;
            }

            .std-details-tab-btn:hover {
                background: rgba(15, 23, 42, 0.04) !important;
                color: var(--std2-text) !important;
            }

            .std-details-tab-btn.is-active {
                background: var(--std2-surface) !important;
                color: var(--std2-text) !important;
                font-weight: 600 !important;
                border-color: var(--std2-border) !important;
                box-shadow: var(--std2-shadow-xs) !important;
            }

            /* Remove the legacy underline pseudo */
            .std-details-tab-btn.is-active::after {
                display: none !important;
                content: none !important;
            }

            /* ---------- Hero section spacing (top + bottom panes) ----------
               Unify vertical rhythm + card padding so the page feels coherent. */

            /* Top hero stack (info strip · 2-col · KPI grid · footnote) */
            .std-hero-layout {
                gap: 12px !important;
            }

            /* Card chrome — consistent padding + radius across overview cards */
            .details-wrapper.shadow-backdrop,
            .top-competitors.shadow-backdrop,
            #std-similar-shops.shadow-backdrop,
            #std-top-ads-card.shadow-backdrop {
                padding: 16px !important;
                border-radius: var(--std2-radius-lg) !important;
            }

            /* Description card heading + body rhythm */
            #std-details-tab-overview .std-profile-section-heading {
                font-size: 13px !important;
                font-weight: 600 !important;
                line-height: 1.3 !important;
                color: var(--std2-text) !important;
                margin: 0 0 8px 0 !important;
            }

            #std-hero-pane-store:has(#std-details-tab-brand-gate.is-active) .std-store-hero-body {
                display: none !important;
            }

            /* ---------- Geography (country table + world map) ----------
               Table gets the dominant share; map sits as a smaller
               companion card on the right. */
            .std-geo-eng-combined .geography-content {
                min-width: 0 !important;
                max-width: 100% !important;
                overflow-x: hidden !important;
            }

            .std-geo-eng-combined .geography-grid {
                grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) !important;
                gap: 16px !important;
                align-items: start !important;
                margin: 12px 0 0 !important;
                min-width: 0 !important;
            }

            /* Grid default min-width:auto lets map/card content refuse to shrink;
               clamp both columns (map host sizing). */
            .std-geo-eng-combined .geography-grid > .country-list,
            .std-geo-eng-combined .geography-grid > .map-container {
                min-width: 0 !important;
                max-width: 100% !important;
            }

            .std-geo-eng-combined .country-list {
                padding: 0 !important;
                width: 100% !important;
                background: var(--std2-surface) !important;
                border: 1px solid var(--std2-border) !important;
                border-radius: var(--std2-radius-lg) !important;
                overflow: hidden !important;
            }

            .std-geo-eng-combined .country-list #countryRankings {
                height: auto !important;
            }

            .std-geo-eng-combined .country-table {
                width: 100% !important;
                border-collapse: collapse !important;
            }

            .std-geo-eng-combined .country-table thead th {
                font-size: 10px !important;
                font-weight: 600 !important;
                letter-spacing: 0.06em !important;
                text-transform: uppercase !important;
                color: var(--std2-text-muted) !important;
                background: var(--std2-surface-alt) !important;
                border-bottom: 1px solid var(--std2-border) !important;
                padding: 8px 12px !important;
                text-align: left !important;
            }

            .std-geo-eng-combined .country-table tbody td {
                padding: 8px 12px !important;
                border-bottom: 1px solid var(--std2-border) !important;
                vertical-align: middle !important;
                font-size: 12px !important;
            }

            .std-geo-eng-combined .country-table tbody tr:last-child td {
                border-bottom: 0 !important;
            }

            .std-geo-eng-combined .country-table tbody tr {
                transition: background-color .15s ease;
            }

            .std-geo-eng-combined .country-table tbody tr:hover {
                background: var(--std2-surface-hover) !important;
            }

            .std-geo-eng-combined .country-info {
                gap: 8px !important;
                align-items: center !important;
            }

            .std-geo-eng-combined .country-name-wrapper {
                gap: 8px !important;
                align-items: center !important;
            }

            .std-geo-eng-combined .country-flag {
                width: 18px !important;
                height: 13px !important;
                border-radius: 2px !important;
                margin: 0 !important;
                object-fit: cover !important;
                box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.06) !important;
                flex-shrink: 0 !important;
            }

            .std-geo-eng-combined .country-name {
                font-size: 12px !important;
                font-weight: 600 !important;
                color: var(--std2-text) !important;
            }

            .std-geo-eng-combined .country-stats {
                gap: 10px !important;
                min-width: 0 !important;
                align-items: center !important;
            }

            .std-geo-eng-combined .percentage-bar-wrapper {
                flex: 1 1 auto !important;
                height: 4px !important;
                background: var(--std2-surface-alt) !important;
                border-radius: 3px !important;
                overflow: hidden !important;
                min-width: 60px !important;
            }

            .std-geo-eng-combined .percentage-bar {
                height: 100% !important;
                background: var(--std2-primary) !important;
                border-radius: 3px !important;
            }

            .std-geo-eng-combined .country-value {
                font-size: 11.5px !important;
                font-weight: 600 !important;
                color: var(--std2-text) !important;
                min-width: 44px !important;
                text-align: right !important;
                font-variant-numeric: tabular-nums !important;
            }

            .std-products-panel.shadow-backdrop {
                padding: 11px 12px 12px !important;
                border-radius: var(--std2-radius-lg) !important;
            }

            /* Toolbar (length + filter) — design-token form controls */
            #sales-table_wrapper.dataTables_wrapper {
                column-gap: 12px !important;
            }

            #sales-table_wrapper .dataTables_length,
            #sales-table_wrapper .dataTables_filter {
                margin-bottom: 10px !important;
            }

            #sales-table_wrapper .dataTables_length label,
            #sales-table_wrapper .dataTables_filter label {
                gap: 8px !important;
                font-size: 11.5px !important;
                font-weight: 500 !important;
                color: var(--std2-text-2) !important;
            }

            #sales-table_wrapper .dataTables_length select {
                min-height: var(--std2-h-control) !important;
                height: var(--std2-h-control) !important;
                padding: 0 30px 0 10px !important;
                font-size: 12px !important;
                font-weight: 500 !important;
                color: var(--std2-text) !important;
                background-color: var(--std2-surface-alt) !important;
                border: 1px solid var(--std2-border) !important;
                border-radius: var(--std2-radius) !important;
                box-shadow: none !important;
                background-position: right 8px center !important;
                background-size: 14px !important;
                line-height: 1 !important;
            }

            #sales-table_wrapper .dataTables_filter input {
                min-height: var(--std2-h-control) !important;
                min-width: 220px !important;
                max-width: min(320px, 100%) !important;
                padding: 0 12px 0 32px !important;
                font-size: 12px !important;
                font-weight: 500 !important;
                color: var(--std2-text) !important;
                background-color: var(--std2-surface-alt) !important;
                border: 1px solid var(--std2-border) !important;
                border-radius: var(--std2-radius) !important;
                box-shadow: none !important;
                background-position: 10px center !important;
                background-size: 14px !important;
                line-height: 1 !important;
            }

            #sales-table_wrapper .dataTables_length select:hover,
            #sales-table_wrapper .dataTables_filter input:hover {
                border-color: var(--std2-border-strong) !important;
            }

            #sales-table_wrapper .dataTables_length select:focus,
            #sales-table_wrapper .dataTables_filter input:focus {
                background-color: var(--std2-surface) !important;
                border-color: var(--std2-primary) !important;
                box-shadow: 0 0 0 3px rgba(34, 90, 234, 0.12) !important;
            }

            /* Table */
            table.std-sales-table thead th {
                font-size: 10.5px !important;
                font-weight: 600 !important;
                letter-spacing: 0.05em !important;
                text-transform: uppercase !important;
                color: var(--std2-text-muted) !important;
                background: var(--std2-surface-alt) !important;
                border-bottom: 1px solid var(--std2-border) !important;
                padding: 9px 12px !important;
                white-space: nowrap !important;
            }

            table.std-sales-table tbody td {
                font-size: 12px !important;
                color: var(--std2-text) !important;
                border-bottom: 1px solid var(--std2-border) !important;
                padding: 10px 12px !important;
                vertical-align: middle !important;
            }

            table.std-sales-table tbody tr:last-child td {
                border-bottom: 0 !important;
            }

            table.std-sales-table tbody tr {
                transition: background-color .15s ease;
            }

            table.std-sales-table tbody tr:hover {
                background: var(--std2-surface-hover) !important;
            }

            /* Product cell */
            .std-prod-cell {
                gap: 10px !important;
            }

            .std-prod-thumb {
                width: 40px !important;
                height: 40px !important;
                border-radius: var(--std2-radius) !important;
                border: 1px solid var(--std2-border) !important;
                background: var(--std2-surface-alt) !important;
            }

            .std-prod-title-row {
                gap: 6px !important;
                line-height: 1.3 !important;
            }

            .std-prod-rank {
                font-size: 10.5px !important;
                font-weight: 700 !important;
                color: var(--std2-primary) !important;
                background: var(--std2-primary-soft) !important;
                padding: 1px 5px !important;
                border-radius: 4px !important;
                line-height: 1.2 !important;
                font-variant-numeric: tabular-nums !important;
            }

            .std-prod-name {
                font-size: 12.5px !important;
                font-weight: 600 !important;
                color: var(--std2-text) !important;
                line-height: 1.3 !important;
            }

            .std-prod-live {
                width: 6px !important;
                height: 6px !important;
                box-shadow: 0 0 0 2px rgba(74, 222, 128, 0.18) !important;
            }

            .std-prod-subrow {
                gap: 6px !important;
                margin-top: 3px !important;
                font-size: 11.5px !important;
            }

            .std-prod-price {
                font-size: 11.5px !important;
                font-weight: 600 !important;
                color: var(--std2-primary) !important;
            }

            .std-prod-variants {
                font-size: 11.5px !important;
                font-weight: 500 !important;
                color: var(--std2-text-muted) !important;
            }

            .std-prod-dot {
                background: var(--std2-border-strong) !important;
            }

            /* Bestseller column (Amazon / AliExpress icons + rank) */
            .std-prod-bestseller-cell {
                gap: 10px !important;
            }

            .std-prod-bs-icons {
                gap: 5px !important;
            }

            .std-prod-bs-ic {
                width: 26px !important;
                height: 26px !important;
                border-radius: var(--std2-radius) !important;
                border: 1px solid var(--std2-border) !important;
                background: var(--std2-surface) !important;
            }

            .std-prod-bs-ic:hover {
                background: var(--std2-surface-hover) !important;
                border-color: var(--std2-border-strong) !important;
            }

            .std-prod-bs-ic img {
                width: 14px !important;
                height: 14px !important;
            }

            .std-prod-bs-rank {
                font-size: 12px !important;
                font-weight: 700 !important;
                color: var(--std2-text) !important;
                font-variant-numeric: tabular-nums !important;
            }

            .std-prod-bs-ads {
                padding: 3px 6px !important;
                border-color: var(--std2-border) !important;
                background: var(--std2-surface-alt) !important;
                color: var(--std2-text-muted) !important;
                font-size: 11px !important;
                font-weight: 600 !important;
            }

            .std-prod-bs-ads img {
                width: 11px !important;
                height: 11px !important;
            }

            .std-prod-trend,
            .std-prod-date {
                font-size: 12px !important;
                font-weight: 600 !important;
                color: var(--std2-text) !important;
                font-variant-numeric: tabular-nums !important;
            }

            /* Info + pagination */
            #sales-table_wrapper .dataTables_info {
                font-size: 11.5px !important;
                font-weight: 500 !important;
                color: var(--std2-text-muted) !important;
                padding: 10px 0 4px !important;
                letter-spacing: 0 !important;
            }

            #sales-table_wrapper .dataTables_paginate {
                gap: 2px !important;
                padding: 10px 0 4px !important;
            }

            #sales-table_wrapper .dataTables_paginate .paginate_button {
                min-width: 26px !important;
                height: 26px !important;
                padding: 0 9px !important;
                border-radius: var(--std2-radius) !important;
                border: 1px solid transparent !important;
                font-size: 11.5px !important;
                font-weight: 600 !important;
                color: var(--std2-text-2) !important;
                background: transparent !important;
            }

            #sales-table_wrapper .dataTables_paginate .paginate_button.previous,
            #sales-table_wrapper .dataTables_paginate .paginate_button.next {
                color: var(--std2-text-2) !important;
                font-weight: 500 !important;
            }

            #sales-table_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
                background: var(--std2-surface-hover) !important;
                border-color: var(--std2-border) !important;
                color: var(--std2-text) !important;
            }

            #sales-table_wrapper .dataTables_paginate .paginate_button.current {
                background: var(--std2-primary) !important;
                color: #fff !important;
                border-color: var(--std2-primary) !important;
                box-shadow: none !important;
            }