/* GGurgenidze Facebook-inspired unified UI v1
   Loaded last so legacy page bundles cannot restore the old visual layer. */

:root {
    --fb-page: #f0f2f5;
    --fb-surface: #ffffff;
    --fb-soft: #f0f2f5;
    --fb-soft-hover: #e4e6eb;
    --fb-line: #dddfe2;
    --fb-line-strong: #ccd0d5;
    --fb-text: #050505;
    --fb-muted: #65676b;
    --fb-blue: #0866ff;
    --fb-blue-hover: #075ce5;
    --fb-blue-soft: #e7f3ff;
    --fb-green: #42b72a;
    --fb-danger: #e41e3f;
    --fb-radius: 12px;
    --fb-card-shadow: 0 1px 2px rgba(0, 0, 0, .10);
    --fb-float-shadow: 0 4px 14px rgba(0, 0, 0, .12);
}

html,
body {
    background: var(--fb-page) !important;
    color: var(--fb-text) !important;
}

body :where(.button, .btn-primary, .primary-button) {
    border: 0 !important;
    border-radius: 8px !important;
    color: #fff !important;
    background: var(--fb-blue) !important;
    box-shadow: none !important;
    font-weight: 700 !important;
    transition: background-color .15s ease, transform .15s ease !important;
}

body :where(.button, .btn-primary, .primary-button):hover {
    background: var(--fb-blue-hover) !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
}

body .button.secondary {
    color: var(--fb-text) !important;
    background: var(--fb-soft) !important;
}

body .button.secondary:hover {
    background: var(--fb-soft-hover) !important;
}

body .button.danger {
    color: #fff !important;
    background: var(--fb-danger) !important;
}

body :where(.alert.success, .alert.error) {
    border-radius: 8px !important;
    box-shadow: none !important;
}

body .gg-legal-footer {
    gap: 18px !important;
    padding: 24px 16px !important;
    color: var(--fb-muted) !important;
    background: transparent !important;
    font-size: .78rem !important;
}

body .gg-legal-footer a {
    color: var(--fb-muted) !important;
    font-weight: 600 !important;
}

/* Guest and authentication surfaces */
html body.is-guest {
    min-height: 100vh !important;
    background: var(--fb-page) !important;
}

html body.is-guest .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    min-height: 64px !important;
    height: auto !important;
    border-bottom: 1px solid var(--fb-line) !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .06) !important;
    backdrop-filter: blur(12px) !important;
}

html body.is-guest .site-header .nav-wrap {
    width: min(1180px, calc(100% - 32px)) !important;
    min-height: 64px !important;
    margin-inline: auto !important;
    padding: 7px 0 !important;
    gap: 12px !important;
}

html body.is-guest .site-header .premium-brand-logo {
    width: auto !important;
    max-width: 190px !important;
    height: 42px !important;
    object-fit: contain !important;
}

html body.is-guest .gg-language-switcher {
    gap: 2px !important;
    padding: 3px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--fb-soft) !important;
    box-shadow: none !important;
}

html body.is-guest .gg-language-option {
    min-width: 38px !important;
    height: 32px !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: var(--fb-muted) !important;
    background: transparent !important;
    font-size: .76rem !important;
    font-weight: 700 !important;
    line-height: 32px !important;
    text-align: center !important;
}

html body.is-guest .gg-language-option.active,
html body.is-guest .gg-language-option.is-active,
html body.is-guest .gg-language-option[aria-current="true"] {
    color: var(--fb-blue) !important;
    background: #fff !important;
    box-shadow: var(--fb-card-shadow) !important;
}

html body.is-guest .guest-nav {
    gap: 6px !important;
}

html body.is-guest .guest-nav a {
    min-height: 38px !important;
    padding: 0 13px !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: var(--fb-text) !important;
    background: var(--fb-soft) !important;
    box-shadow: none !important;
    font-size: .86rem !important;
    font-weight: 700 !important;
}

html body.is-guest .guest-nav a:last-child {
    color: #fff !important;
    background: var(--fb-blue) !important;
}

html body.is-guest .page {
    width: min(100% - 28px, 1180px) !important;
    min-height: calc(100vh - 64px) !important;
    padding: 36px 0 48px !important;
}

html body.is-guest .auth-grid.auth-mail-page {
    width: min(100%, 460px) !important;
    max-width: 460px !important;
    margin-inline: auto !important;
}

html body.is-guest .card.auth-mail-card {
    width: 100% !important;
    padding: 30px 32px 26px !important;
    overflow: hidden !important;
    border: 1px solid var(--fb-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: var(--fb-float-shadow) !important;
    backdrop-filter: none !important;
}

html body.is-guest .card.auth-mail-card::before {
    display: none !important;
    content: none !important;
}

html body.is-guest .auth-mail-icon,
html body.is-guest .auth-mail-icon.is-large {
    display: grid !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 0 16px !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 50% !important;
    color: var(--fb-blue) !important;
    background: var(--fb-blue-soft) !important;
    box-shadow: none !important;
}

html body.is-guest .auth-mail-icon svg,
html body.is-guest .auth-mail-icon.is-large svg {
    width: 25px !important;
    height: 25px !important;
}

html body.is-guest .auth-mail-card > h1,
html body.is-guest .auth-mail-centered > h1 {
    margin: 0 0 7px !important;
    color: var(--fb-text) !important;
    font-size: 1.75rem !important;
    line-height: 1.16 !important;
    letter-spacing: -.025em !important;
}

html body.is-guest .auth-mail-subtitle,
html body.is-guest .auth-mail-card > .muted {
    margin: 0 0 22px !important;
    color: var(--fb-muted) !important;
    font-size: .92rem !important;
    line-height: 1.5 !important;
}

html body.is-guest .auth-mail-form {
    gap: 14px !important;
}

html body.is-guest .auth-mail-form label {
    gap: 6px !important;
    color: var(--fb-text) !important;
    font-size: .86rem !important;
    font-weight: 700 !important;
}

html body.is-guest .auth-mail-form input:not([type="checkbox"]) {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 13px !important;
    border: 1px solid var(--fb-line-strong) !important;
    border-radius: 8px !important;
    color: var(--fb-text) !important;
    background: #fff !important;
    box-shadow: none !important;
    outline: 0 !important;
}

html body.is-guest .auth-mail-form input:not([type="checkbox"]):focus {
    border-color: var(--fb-blue) !important;
    box-shadow: 0 0 0 2px rgba(8, 102, 255, .16) !important;
}

html body.is-guest .auth-mail-form .button,
html body.is-guest .auth-resend-form .button {
    min-height: 48px !important;
    border-radius: 8px !important;
    background: var(--fb-blue) !important;
    box-shadow: none !important;
}

html body.is-guest .auth-login-options {
    margin: 0 !important;
}

html body.is-guest .auth-remember-row {
    color: var(--fb-muted) !important;
    font-size: .84rem !important;
}

html body.is-guest .auth-remember-row input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: var(--fb-blue) !important;
}

html body.is-guest .auth-mail-card a {
    color: var(--fb-blue) !important;
    font-weight: 700 !important;
}

html body.is-guest .auth-switch-link {
    margin-top: 20px !important;
    padding-top: 18px !important;
    border-top: 1px solid var(--fb-line) !important;
    color: var(--fb-muted) !important;
}

html body.is-guest .page > .hero,
html body.is-guest .page > .card:not(.auth-mail-card) {
    border: 1px solid var(--fb-line) !important;
    border-radius: var(--fb-radius) !important;
    background: #fff !important;
    box-shadow: var(--fb-card-shadow) !important;
}

/* Jobs / services */
html body.is-authenticated .app-content > .gg-jobs {
    width: 100% !important;
    max-width: 1120px !important;
    margin-inline: auto !important;
    color: var(--fb-text) !important;
}

html body .gg-jobs {
    --jobs-blue: var(--fb-blue) !important;
    --jobs-blue-dark: var(--fb-blue-hover) !important;
    --jobs-ink: var(--fb-text) !important;
    --jobs-muted: var(--fb-muted) !important;
    --jobs-line: var(--fb-line) !important;
}

html body .gg-jobs .gg-jobs-hero {
    min-height: 0 !important;
    margin-bottom: 12px !important;
    padding: 22px 24px !important;
    border: 1px solid var(--fb-line) !important;
    border-radius: var(--fb-radius) !important;
    background: #fff !important;
    box-shadow: var(--fb-card-shadow) !important;
}

html body .gg-jobs .gg-jobs-hero::before,
html body .gg-jobs .gg-jobs-hero::after {
    display: none !important;
    content: none !important;
}

html body .gg-jobs .gg-jobs-kicker {
    margin-bottom: 6px !important;
    color: var(--fb-blue) !important;
    font-size: .72rem !important;
}

html body .gg-jobs .gg-jobs-hero h1 {
    margin: 0 !important;
    color: var(--fb-text) !important;
    font-size: clamp(1.55rem, 3vw, 2rem) !important;
    line-height: 1.15 !important;
}

html body .gg-jobs .gg-jobs-hero h1::before,
html body .gg-jobs .gg-jobs-hero p::before,
html body .gg-jobs .gg-jobs-actions .button::before {
    display: none !important;
    content: none !important;
}

html body .gg-jobs .gg-jobs-hero p {
    margin-top: 7px !important;
    color: var(--fb-muted) !important;
    font-size: .92rem !important;
    line-height: 1.48 !important;
}

html body .gg-jobs .button,
html body .gg-jobs .gg-job-button {
    min-height: 40px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: var(--fb-blue) !important;
    box-shadow: none !important;
    font-weight: 700 !important;
}

html body .gg-jobs .button.secondary {
    color: var(--fb-text) !important;
    background: var(--fb-soft) !important;
}

html body .gg-jobs .gg-services-categories-v3,
html body .gg-jobs .gg-jobs-filter,
html body .gg-jobs .gg-job-form,
html body .gg-jobs .gg-job-detail {
    border: 1px solid var(--fb-line) !important;
    border-radius: var(--fb-radius) !important;
    background: #fff !important;
    box-shadow: var(--fb-card-shadow) !important;
}

html body .gg-jobs .gg-services-category-card-v3 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    border: 1px solid var(--fb-line) !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: none !important;
}

html body .gg-jobs .gg-services-category-card-v3:hover {
    border-color: #b9d6ff !important;
    background: var(--fb-blue-soft) !important;
    box-shadow: none !important;
    transform: none !important;
}

html body .gg-jobs .gg-services-category-icon-v3,
html body .gg-jobs .gg-job-company-mark {
    border-radius: 50% !important;
    color: var(--fb-blue) !important;
    background: var(--fb-blue-soft) !important;
    box-shadow: none !important;
}

html body .gg-jobs .gg-jobs-filter {
    gap: 10px !important;
    margin-bottom: 12px !important;
    padding: 14px !important;
}

html body .gg-jobs :where(input, select, textarea) {
    border: 1px solid var(--fb-line-strong) !important;
    border-radius: 8px !important;
    color: var(--fb-text) !important;
    background: var(--fb-soft) !important;
    box-shadow: none !important;
}

html body .gg-jobs :where(input, select, textarea):focus {
    border-color: var(--fb-blue) !important;
    background: #fff !important;
    box-shadow: 0 0 0 2px rgba(8, 102, 255, .14) !important;
}

html body .gg-jobs .gg-jobs-quick-filters-v5 {
    gap: 7px !important;
    margin: 0 0 12px !important;
}

html body .gg-jobs .gg-jobs-quick-filters-v5 a {
    min-height: 34px !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: var(--fb-text) !important;
    background: var(--fb-soft) !important;
    box-shadow: none !important;
}

html body .gg-jobs .gg-jobs-quick-filters-v5 a:hover,
html body .gg-jobs .gg-jobs-quick-filters-v5 a.is-active {
    color: var(--fb-blue) !important;
    background: var(--fb-blue-soft) !important;
}

html body .gg-jobs .gg-jobs-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

html body .gg-jobs .gg-job-card {
    padding: 17px !important;
    border: 1px solid var(--fb-line) !important;
    border-radius: var(--fb-radius) !important;
    background: #fff !important;
    box-shadow: var(--fb-card-shadow) !important;
    transform: none !important;
}

html body .gg-jobs .gg-job-card::before,
html body .gg-jobs .gg-job-card::after {
    display: none !important;
    content: none !important;
}

html body .gg-jobs .gg-job-card-top {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
}

html body .gg-jobs .gg-job-company-mark {
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
}

html body .gg-jobs .gg-job-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 14px 0 12px !important;
}

html body .gg-jobs .gg-job-card:hover {
    border-color: #b9d6ff !important;
    box-shadow: var(--fb-card-shadow) !important;
    transform: none !important;
}

html body .gg-jobs .gg-job-card h2 {
    color: var(--fb-text) !important;
    font-size: 1rem !important;
}

html body .gg-jobs :where(.gg-job-description, .gg-job-company, .gg-job-card-footer) {
    color: var(--fb-muted) !important;
}

html body .gg-jobs .gg-job-chip {
    border: 0 !important;
    border-radius: 999px !important;
    color: var(--fb-muted) !important;
    background: var(--fb-soft) !important;
}

html body .gg-jobs .gg-job-chip.salary {
    color: #176b0b !important;
    background: #e9f7e7 !important;
}

/* Shop / marketplace */
html body.is-authenticated .app-content > .gg-shop-v19 {
    width: 100% !important;
    max-width: 1160px !important;
    margin-inline: auto !important;
    padding-bottom: 32px !important;
    color: var(--fb-text) !important;
}

html body .gg-shop-v19 {
    --s19-ink: var(--fb-text) !important;
    --s19-muted: var(--fb-muted) !important;
    --s19-line: var(--fb-line) !important;
    --s19-blue: var(--fb-blue) !important;
    --s19-blue-dark: var(--fb-blue-hover) !important;
    --s19-blue-soft: var(--fb-blue-soft) !important;
    --s19-paper: #fff !important;
    --s19-bg: var(--fb-page) !important;
    --s19-shadow: var(--fb-card-shadow) !important;
}

html body .gg-shop-v19 .shop19-hero {
    min-height: 0 !important;
    margin-bottom: 12px !important;
    padding: 22px 24px !important;
    border: 1px solid var(--fb-line) !important;
    border-radius: var(--fb-radius) !important;
    background: #fff !important;
    box-shadow: var(--fb-card-shadow) !important;
}

html body .gg-shop-v19 .shop19-hero::after,
html body .gg-shop-v19 .shop19-kicker::before {
    display: none !important;
    content: none !important;
}

html body .gg-shop-v19 .shop19-kicker {
    margin-bottom: 6px !important;
    color: var(--fb-blue) !important;
    font-size: .72rem !important;
}

html body .gg-shop-v19 .shop19-hero h1 {
    margin-bottom: 6px !important;
    color: var(--fb-text) !important;
    font-size: clamp(1.55rem, 3vw, 2rem) !important;
    line-height: 1.15 !important;
}

html body .gg-shop-v19 .shop19-hero p {
    color: var(--fb-muted) !important;
    font-size: .92rem !important;
    line-height: 1.48 !important;
}

html body .gg-shop-v19 .shop19-btn {
    min-height: 40px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: var(--fb-blue) !important;
    box-shadow: none !important;
    font-weight: 700 !important;
}

html body .gg-shop-v19 .shop19-btn-secondary {
    color: var(--fb-text) !important;
    background: var(--fb-soft) !important;
}

html body .gg-shop-v19 .shop19-nav {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
}

html body .gg-shop-v19 .shop19-nav-link {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 58px !important;
    padding: 10px 12px !important;
    border: 1px solid var(--fb-line) !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: none !important;
    transform: none !important;
}

html body .gg-shop-v19 .shop19-nav-link:hover,
html body .gg-shop-v19 .shop19-nav-link.is-current {
    border-color: #b9d6ff !important;
    color: var(--fb-blue) !important;
    background: var(--fb-blue-soft) !important;
    transform: none !important;
}

html body .gg-shop-v19 .shop19-nav-icon {
    border-radius: 50% !important;
    color: var(--fb-blue) !important;
    background: var(--fb-blue-soft) !important;
    box-shadow: none !important;
}

html body .gg-shop-v19 :where(
    .shop19-panel,
    .shop19-toolbar,
    .shop19-empty,
    .shop19-review-card,
    .shop19-card
) {
    border: 1px solid var(--fb-line) !important;
    border-radius: var(--fb-radius) !important;
    background: #fff !important;
    box-shadow: var(--fb-card-shadow) !important;
}

html body .gg-shop-v19 .shop19-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
    padding: 12px !important;
}

html body .gg-shop-v19 :where(input, select, textarea) {
    border: 1px solid var(--fb-line-strong) !important;
    border-radius: 8px !important;
    color: var(--fb-text) !important;
    background: var(--fb-soft) !important;
    box-shadow: none !important;
}

html body .gg-shop-v19 :where(input, select, textarea):focus {
    border-color: var(--fb-blue) !important;
    background: #fff !important;
    box-shadow: 0 0 0 2px rgba(8, 102, 255, .14) !important;
}

html body .gg-shop-v19 .shop19-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

html body .gg-shop-v19 .shop19-card {
    overflow: hidden !important;
    padding: 0 !important;
    transform: none !important;
}

html body .gg-shop-v19 .shop19-card:hover {
    border-color: #b9d6ff !important;
    box-shadow: var(--fb-card-shadow) !important;
    transform: none !important;
}

html body .gg-shop-v19 .shop19-card-photo {
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    background: #e4e6eb !important;
}

html body .gg-shop-v19 .shop19-card-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

html body .gg-shop-v19 .shop19-card-body {
    padding: 12px !important;
}

html body .gg-shop-v19 .shop19-card-body h2 {
    color: var(--fb-text) !important;
    font-size: .98rem !important;
    line-height: 1.3 !important;
}

html body .gg-shop-v19 :where(.shop19-price, .shop19-detail-price) {
    color: var(--fb-text) !important;
    font-weight: 800 !important;
}

html body .gg-shop-v19 :where(.shop19-meta, .shop19-expiry, .shop19-card-footer) {
    color: var(--fb-muted) !important;
}

html body .gg-shop-v19 .shop19-status {
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

html body .gg-shop-v19 .shop19-detail-grid {
    gap: 14px !important;
}

html body .gg-shop-v19 :where(.shop19-gallery, .shop19-info, .shop19-description-panel) {
    border: 1px solid var(--fb-line) !important;
    border-radius: var(--fb-radius) !important;
    background: #fff !important;
    box-shadow: var(--fb-card-shadow) !important;
}

html body .gg-shop-v19 .shop19-main-photo {
    border-radius: 10px !important;
    background: #e4e6eb !important;
}

html body .gg-shop-v19 .shop19-seller {
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--fb-soft) !important;
    box-shadow: none !important;
}

/* Responsive layer shared by guest, Jobs and Shop */
@media (max-width: 900px) {
    html body.is-authenticated:not(.is-messages-page) .app-shell.container {
        width: 100% !important;
        max-width: none !important;
        padding: 10px 10px calc(22px + var(--phase8-safe-bottom)) !important;
    }

    html body.is-authenticated:not(.is-messages-page) .app-content {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body .gg-jobs .gg-jobs-hero,
    html body .gg-shop-v19 .shop19-hero {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 14px !important;
        padding: 18px !important;
    }

    html body .gg-jobs .gg-jobs-actions,
    html body .gg-shop-v19 .shop19-hero-action {
        width: 100% !important;
    }

    html body .gg-jobs .gg-jobs-filter {
        grid-template-columns: 1fr !important;
    }

    html body .gg-jobs .gg-jobs-filter-buttons,
    html body .gg-jobs .gg-jobs-filter-buttons .button {
        width: 100% !important;
    }

    html body .gg-shop-v19 .shop19-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body .gg-shop-v19 .shop19-detail-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 640px) {
    html body.is-guest .site-header .nav-wrap {
        display: flex !important;
        width: calc(100% - 16px) !important;
        min-height: 58px !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        padding: 6px 0 !important;
        gap: 6px !important;
    }

    html body.is-guest .site-header .brand {
        width: 88px !important;
        max-width: 88px !important;
        flex: 0 0 88px !important;
        min-width: 0 !important;
        margin: 0 auto 0 0 !important;
    }

    html body.is-guest .site-header .nav-wrap:has(> .guest-nav) > .brand .premium-brand-logo {
        width: 88px !important;
        max-width: 88px !important;
        height: 30px !important;
        max-height: 30px !important;
    }

    html body.is-guest .gg-language-switcher {
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

    html body.is-guest .gg-language-option {
        min-width: 25px !important;
        height: 29px !important;
        padding: 0 4px !important;
        font-size: .64rem !important;
        line-height: 29px !important;
    }

    html body.is-guest .guest-nav {
        width: auto !important;
        flex: 0 0 auto !important;
        gap: 4px !important;
    }

    html body.is-guest .guest-nav a {
        min-height: 34px !important;
        max-width: none !important;
        padding: 0 7px !important;
        font-size: .7rem !important;
    }

    html body.is-guest .page {
        width: calc(100% - 18px) !important;
        padding: 18px 0 28px !important;
    }

    html body.is-guest .card.auth-mail-card {
        padding: 24px 18px 22px !important;
        border-radius: 10px !important;
        box-shadow: var(--fb-card-shadow) !important;
    }

    html body.is-guest .auth-mail-card > h1,
    html body.is-guest .auth-mail-centered > h1 {
        font-size: 1.5rem !important;
    }

    html body.is-guest .auth-login-options {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    html body .gg-jobs .gg-jobs-hero,
    html body .gg-shop-v19 .shop19-hero {
        padding: 16px !important;
        border-radius: 10px !important;
    }

    html body .gg-jobs .gg-jobs-hero h1,
    html body .gg-shop-v19 .shop19-hero h1 {
        font-size: 1.42rem !important;
    }

    html body .gg-jobs .gg-jobs-grid {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }

    html body .gg-jobs .gg-job-card {
        padding: 14px !important;
        border-radius: 10px !important;
    }

    html body .gg-shop-v19 .shop19-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    html body .gg-shop-v19 .shop19-nav-link {
        min-height: 52px !important;
        padding: 8px !important;
    }

    html body .gg-shop-v19 .shop19-nav-copy small {
        display: none !important;
    }

    html body .gg-shop-v19 .shop19-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    html body .gg-shop-v19 .shop19-card {
        border-radius: 9px !important;
    }

    html body .gg-shop-v19 .shop19-card-body {
        padding: 9px !important;
    }

    html body .gg-shop-v19 .shop19-card-body h2 {
        font-size: .86rem !important;
    }

    html body .gg-shop-v19 .shop19-card-footer {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 5px !important;
    }

    html body .gg-shop-v19 .shop19-toolbar,
    html body .gg-shop-v19 .shop19-form {
        padding: 12px !important;
    }

    html body .gg-shop-v19 .shop19-toolbar {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 380px) {
    html body.is-guest .site-header .brand {
        width: 72px !important;
        max-width: 72px !important;
        flex-basis: 72px !important;
    }

    html body.is-guest .site-header .nav-wrap:has(> .guest-nav) > .brand .premium-brand-logo {
        width: 72px !important;
        max-width: 72px !important;
    }

    html body.is-guest .guest-nav a {
        padding-inline: 6px !important;
        font-size: .68rem !important;
    }

    html body .gg-shop-v19 .shop19-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body .gg-jobs *,
    html body .gg-shop-v19 *,
    html body.is-guest * {
        transition: none !important;
    }
}