/* Dipindah dari shop/partials/sg-cohesion-styles.php (blok #2, id=sg-desktop-polish) */
    /* SHOP BAYAR GG — Desktop polish (≥761px). Appended last; mobile rules untouched. */
    @media (min-width: 761px) {
        html[data-theme="light"] body {
            background: #f3f7ff !important;
        }

        html:not([data-theme="light"]) .tg-main {
            background:
                linear-gradient(180deg, rgba(26, 134, 255, .10) 0, rgba(26, 134, 255, 0) 140px),
                var(--sg-surface-page) !important;
            background-image:
                linear-gradient(180deg, rgba(26, 134, 255, .10) 0, rgba(26, 134, 255, 0) 140px) !important;
            background-color: var(--sg-surface-page) !important;
        }

        html[data-theme="light"] .tg-main {
            background: transparent !important;
            background-image: none !important;
        }

        .tg-main,
        .sg-nav-container,
        .sg-home-hero,
        .sg-home-content,
        .sg-footer-inner {
            max-width: 1120px !important;
        }

        .tg-main {
            padding: 20px 24px 64px !important;
        }

        .sg-nav-container {
            padding-inline: 24px !important;
        }

        .tg-nav.sg-nav,
        .sg-nav {
            padding: 12px 0 !important;
        }

        html[data-theme="light"] .tg-nav.sg-nav {
            border-bottom-color: #e4ecf9 !important;
            box-shadow: 0 1px 0 rgba(15, 23, 42, .04) !important;
        }

        html:not([data-theme="light"]) .tg-nav.sg-nav {
            border-bottom-color: rgba(26, 134, 255, .14) !important;
        }

        .sg-nav-menu {
            gap: 2px !important;
            margin-left: 20px !important;
        }

        .sg-nav-menu-link {
            padding: 9px 14px !important;
            font-size: .84rem !important;
            border-radius: 10px !important;
        }

        html[data-theme="light"] .sg-nav-menu-link.is-active {
            background: #eef4ff !important;
            color: #1a86ff !important;
            font-weight: 700 !important;
        }

        html:not([data-theme="light"]) .sg-nav-menu-link.is-active {
            background: rgba(26, 134, 255, .16) !important;
            color: #ffffff !important;
        }

        .sg-nav-cta-btn {
            padding: 10px 16px !important;
            border-radius: 11px !important;
            font-size: .82rem !important;
            box-shadow: 0 8px 20px -10px rgba(26, 134, 255, .5) !important;
        }

        .sg-nav-actions {
            gap: 10px !important;
        }

        .sg-theme-btn {
            border-radius: 11px !important;
        }

        .sg-home-hero {
            max-width: 1120px !important;
            padding: 8px 0 28px !important;
            gap: 24px !important;
        }

        .sg-home-hero .sg-hero-carousel {
            max-width: 100% !important;
            border-radius: 20px !important;
            aspect-ratio: 16 / 10 !important;
            box-shadow: 0 20px 48px -28px rgba(26, 134, 255, .42) !important;
        }

        html[data-theme="light"] .sg-home-hero .sg-hero-carousel {
            border-color: #dbeafe !important;
            box-shadow: 0 20px 48px -28px rgba(15, 23, 42, .20) !important;
        }

        html:not([data-theme="light"]) .sg-home-hero .sg-hero-carousel {
            border-color: rgba(26, 134, 255, .22) !important;
        }

        .sg-home-hero .sg-promo-banner {
            padding: 8px 4px !important;
            text-align: center !important;
        }

        .sg-home-hero .sg-promo-banner-title {
            font-size: clamp(1.32rem, 1.4vw + .55rem, 1.82rem) !important;
            line-height: 1.2 !important;
            margin-bottom: 12px !important;
            letter-spacing: -.35px !important;
        }

        .sg-home-hero .sg-promo-banner-desc {
            font-size: .92rem !important;
            line-height: 1.65 !important;
            max-width: 58ch !important;
            margin-inline: auto !important;
        }

        html[data-theme="light"] .sg-home-hero .sg-promo-banner-desc {
            color: #475569 !important;
        }

        .sg-home-content {
            gap: 24px !important;
            padding-top: 4px !important;
        }

        .sg-tabs-wrap {
            margin: 0 0 8px !important;
            padding: 24px 24px 20px !important;
            border-radius: 20px !important;
        }

        html[data-theme="light"] .sg-tabs-wrap {
            box-shadow: 0 4px 24px -12px rgba(15, 23, 42, .10) !important;
        }

        html:not([data-theme="light"]) .sg-tabs-wrap {
            box-shadow: 0 18px 44px -24px rgba(26, 134, 255, .38) !important;
        }

        .sg-tabs-wrap .sg-section-title {
            font-size: 1.22rem !important;
        }

        .sg-tabs-wrap .sg-section-desc {
            font-size: .88rem !important;
        }

        .sg-tabs-wrap .sg-tab {
            padding: 10px 14px !important;
            font-size: .82rem !important;
            border-radius: 12px !important;
        }

        .sg-search-section {
            margin: 0 0 4px !important;
        }

        .sg-hero-search-standalone {
            max-width: 720px !important;
            margin-inline: auto !important;
            border-radius: 14px !important;
            min-height: 52px !important;
            padding: 7px 10px 7px 18px !important;
        }

        .sg-catalog-sections {
            gap: 22px !important;
            margin-bottom: 36px !important;
        }

        .sg-market-quick .tg-market-section.sg-section {
            padding: 24px 24px 20px !important;
            border-radius: 20px !important;
        }

        html[data-theme="light"] .sg-market-quick .tg-market-section.sg-section {
            box-shadow: 0 4px 24px -12px rgba(15, 23, 42, .10) !important;
        }

        .sg-market-quick .tg-market-section.sg-section .sg-section-title {
            font-size: 1.18rem !important;
        }

        .sg-market-quick .tg-market-section.sg-section .sg-section-desc {
            font-size: .86rem !important;
            max-width: 56ch !important;
        }

        .sg-section-head {
            margin-bottom: 16px !important;
            align-items: center !important;
        }

        .sg-section-link {
            padding: 8px 12px !important;
            font-size: .82rem !important;
            border-radius: 10px !important;
        }

        .sg-product-grid,
        .sg-market-quick .tg-market-subgrid.sg-product-grid {
            gap: 16px !important;
        }

        .sg-market-quick .sg-product-card {
            border-radius: 14px !important;
            overflow: hidden !important;
            transition: transform .2s ease, box-shadow .25s ease, border-color .2s ease !important;
        }

        html[data-theme="light"] .sg-market-quick .sg-product-card {
            background: #f8fbff !important;
            border-color: #e2eaf8 !important;
            box-shadow: 0 2px 8px -4px rgba(15, 23, 42, .08) !important;
        }

        html:not([data-theme="light"]) .sg-market-quick .sg-product-card {
            background: rgba(255, 255, 255, .06) !important;
            border-color: rgba(255, 255, 255, .14) !important;
            box-shadow: none !important;
        }

        html[data-theme="light"] .sg-market-quick .sg-product-card:hover {
            border-color: #bfd4ff !important;
            box-shadow: 0 12px 28px -14px rgba(26, 134, 255, .22) !important;
            transform: translateY(-3px) !important;
        }

        html:not([data-theme="light"]) .sg-market-quick .sg-product-card:hover {
            background: rgba(255, 255, 255, .10) !important;
            border-color: rgba(255, 255, 255, .24) !important;
            transform: translateY(-3px) !important;
        }

        .sg-product-body {
            padding: 12px 14px 14px !important;
        }

        .sg-product-name {
            font-size: .86rem !important;
            line-height: 1.32 !important;
        }

        .sg-product-cat {
            font-size: .6rem !important;
        }

        .sg-product-meta {
            font-size: .72rem !important;
            margin-top: 6px !important;
        }

        .sg-market-quick .sg-product-card .sg-product-thumb {
            padding: 12px !important;
            aspect-ratio: 1 / 1 !important;
        }

        .sg-benefits-grid {
            grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
            gap: 16px !important;
        }

        .sg-benefit-card {
            padding: 20px 18px !important;
            border-radius: 16px !important;
        }

        html[data-theme="light"] .sg-benefit-card {
            border-color: #e4ecf9 !important;
            box-shadow: 0 4px 16px -8px rgba(15, 23, 42, .08) !important;
        }

        .sg-section-card {
            padding: 24px !important;
            border-radius: 18px !important;
        }

        html[data-theme="light"] .sg-section-card {
            box-shadow: 0 4px 24px -12px rgba(15, 23, 42, .10) !important;
        }

        .sg-tab.is-active {
            animation: none !important;
        }

        .sg-product-card:hover {
            transform: translateY(-3px) !important;
        }
    }

    @media (min-width: 960px) {
        .sg-home-hero {
            display: grid !important;
            grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
            grid-template-areas: "carousel intro" !important;
            align-items: center !important;
            gap: 32px !important;
        }

        .sg-home-hero .sg-carousel-section {
            grid-area: carousel !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        .sg-home-hero .sg-promo-banner {
            grid-area: intro !important;
            text-align: left !important;
        }

        .sg-home-hero .sg-promo-banner-body {
            max-width: none !important;
        }

        .sg-home-hero .sg-promo-banner-desc {
            max-width: 42ch !important;
            margin-inline: 0 !important;
        }

        .sg-product-grid,
        .sg-market-quick .tg-market-subgrid.sg-product-grid {
            grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        }
    }

    @media (min-width: 1100px) {
        .sg-product-grid,
        .sg-market-quick .tg-market-subgrid.sg-product-grid {
            grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
            gap: 18px !important;
        }
    }

    @media (min-width: 761px) and (max-width: 959px) {
        .sg-home-hero {
            max-width: 680px !important;
            margin-inline: auto !important;
        }

        .sg-benefits-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        }
    }