/* Guest browsing + authentication gate. Loaded in ; modal rules are intentionally scoped so authenticated pages remain untouched. */ html body.is-guest .site-header { height: auto !important; } /* Jobs native bilingual hero and primary action visibility v12. A legacy services skin zeroed the real text and injected Georgian-only copy. */ html body .gg-jobs:not(:has(.gg-job-form)):not(:has(.gg-job-detail)) .gg-jobs-hero h1 { font-size: clamp(1.55rem, 3vw, 2rem) !important; } html body .gg-jobs:not(:has(.gg-job-form)):not(:has(.gg-job-detail)) .gg-jobs-hero p { font-size: .92rem !important; } html body .gg-jobs:not(:has(.gg-job-form)):not(:has(.gg-job-detail)) .gg-jobs-actions .button:first-child { font-size: .9rem !important; color: #fff !important; -webkit-text-fill-color: #fff !important; visibility: visible !important; opacity: 1 !important; } html body .gg-jobs:not(:has(.gg-job-form)):not(:has(.gg-job-detail)) .gg-jobs-hero h1::before, html body .gg-jobs:not(:has(.gg-job-form)):not(:has(.gg-job-detail)) .gg-jobs-hero p::before, html body .gg-jobs:not(:has(.gg-job-form)):not(:has(.gg-job-detail)) .gg-jobs-actions .button:first-child::before { display: none !important; content: none !important; } html body.is-guest .guest-discovery-nav { display: flex; width: min(1180px, calc(100% - 32px)); min-height: 46px; margin: 0 auto; align-items: center; justify-content: center; gap: 4px; overflow-x: auto; border-top: 1px solid #f0f2f5; scrollbar-width: none; } html body.is-guest .guest-discovery-nav::-webkit-scrollbar { display: none; } html body.is-guest .guest-discovery-nav a { display: inline-flex; min-width: 104px; min-height: 42px; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; padding: 0 14px; position: relative; border-radius: 8px; color: #65676b; background: transparent; font-size: .82rem; font-weight: 750; text-decoration: none; } html body.is-guest .guest-discovery-nav a:hover { color: #050505; background: #f0f2f5; } html body.is-guest .guest-discovery-nav a.is-active { color: #0866ff; } html body.is-guest .guest-discovery-nav a.is-active::after { content: ''; height: 3px; position: absolute; right: 8px; bottom: 0; left: 8px; border-radius: 3px 3px 0 0; background: #0866ff; } html body.is-guest .guest-discovery-nav a > span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: #f0f2f5; color: currentColor; font-size: 1rem; line-height: 1; } html body.is-guest .page { min-height: calc(100vh - 110px) !important; } html body.is-guest .feed-column.feed-pro-column { width: min(100%, 680px); margin-inline: auto; } html body.is-guest .guest-feed-composer { cursor: pointer; } html body.is-guest .guest-feed-composer .fb-composer-trigger { color: #65676b; text-align: left; } html body.guest-auth-open { overflow: hidden !important; } .guest-auth-modal[hidden] { display: none !important; } .guest-auth-modal { display: grid; position: fixed; z-index: 10000; inset: 0; place-items: center; padding: 18px; } .guest-auth-backdrop { position: absolute; inset: 0; border: 0; background: rgba(255, 255, 255, .78); backdrop-filter: blur(7px); } .guest-auth-dialog { width: min(100%, 430px); max-height: calc(100dvh - 28px); overflow-y: auto; position: relative; z-index: 1; padding: 28px; border: 1px solid #dddfe2; border-radius: 14px; background: #fff; box-shadow: 0 12px 38px rgba(0, 0, 0, .22); color: #050505; } .guest-auth-close { display: grid; width: 36px; height: 36px; position: absolute; top: 14px; right: 14px; place-items: center; border: 0; border-radius: 50%; color: #65676b; background: #e4e6eb; font-size: 1.35rem; line-height: 1; cursor: pointer; } .guest-auth-close:hover { color: #050505; background: #d8dadf; } .guest-auth-mark { display: grid; width: 52px; height: 52px; margin-bottom: 15px; place-items: center; border-radius: 50%; color: #0866ff; background: #e7f3ff; font-size: 1.25rem; font-weight: 850; } .guest-auth-dialog h2 { margin: 0 42px 6px 0; color: #050505; font-size: 1.65rem; line-height: 1.18; } .guest-auth-dialog > p { margin: 0 0 20px; color: #65676b; font-size: .9rem; line-height: 1.45; } .guest-auth-form { display: grid; gap: 13px; } .guest-auth-form > label { display: grid; gap: 6px; color: #050505; font-size: .82rem; font-weight: 750; } .guest-auth-form input[type="email"], .guest-auth-form input[type="password"] { width: 100%; height: 48px; padding: 0 13px; border: 1px solid #ccd0d5; border-radius: 8px; outline: 0; color: #050505; background: #fff; font: inherit; } .guest-auth-form input[type="email"]:focus, .guest-auth-form input[type="password"]:focus { border-color: #0866ff; box-shadow: 0 0 0 2px rgba(8, 102, 255, .15); } .guest-auth-options { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #65676b; font-size: .76rem; } .guest-auth-remember { display: inline-flex; min-width: 0; align-items: center; gap: 7px; } .guest-auth-remember input { width: 17px; height: 17px; flex: 0 0 17px; accent-color: #0866ff; } .guest-auth-options a, .guest-auth-register a { color: #0866ff; font-weight: 750; text-decoration: none; } .guest-auth-form .button.full { width: 100%; min-height: 48px; margin-top: 2px; border-radius: 8px; } .guest-auth-dialog .guest-auth-register { margin: 20px 0 0; padding-top: 18px; border-top: 1px solid #dddfe2; text-align: center; } @media (max-width: 640px) { html body.is-guest .guest-discovery-nav { width: 100%; min-height: 44px; justify-content: flex-start; padding: 0 8px; } html body.is-guest .guest-discovery-nav a { min-width: 82px; min-height: 40px; gap: 5px; padding: 0 9px; font-size: .72rem; } html body.is-guest .guest-discovery-nav a > span { width: 21px; height: 21px; font-size: .88rem; } html body.is-guest .page { min-height: calc(100vh - 102px) !important; } .guest-auth-modal { align-items: end; padding: 0; } .guest-auth-dialog { width: 100%; max-height: calc(100dvh - 10px); padding: 24px 18px calc(22px + env(safe-area-inset-bottom)); border-radius: 16px 16px 0 0; } .guest-auth-mark { width: 46px; height: 46px; } .guest-auth-dialog h2 { font-size: 1.45rem; } .guest-auth-options { align-items: flex-start; flex-direction: column; } } /* Guest home experience v2 ------------------------------------------------- */ html body.is-guest:has(.guest-feed-experience) { background: radial-gradient(circle at 9% 4%, rgba(8, 102, 255, .08), transparent 25rem), radial-gradient(circle at 92% 8%, rgba(56, 189, 248, .09), transparent 27rem), #f3f6fa !important; } html body.is-guest .page:has(.guest-feed-experience) { width: min(calc(100% - 32px), 1240px) !important; max-width: 1240px !important; padding: 28px 0 54px !important; } .guest-feed-experience { display: grid; width: 100%; grid-template-columns: 228px minmax(0, 680px) 276px; align-items: start; justify-content: center; gap: 20px; } .guest-feed-center, .guest-feed-experience .feed-column.feed-pro-column { width: 100% !important; min-width: 0; margin: 0 !important; } .guest-feed-rail { min-width: 0; } .guest-feed-rail-sticky { display: grid; position: sticky; top: 92px; gap: 14px; } .guest-community-card, .guest-join-card, .guest-trust-card { overflow: hidden; position: relative; border: 1px solid rgba(208, 218, 231, .92); border-radius: 18px; background: rgba(255, 255, 255, .92); box-shadow: 0 8px 30px rgba(30, 64, 175, .07), 0 1px 2px rgba(15, 23, 42, .05); backdrop-filter: blur(12px); } .guest-community-card { padding: 22px 20px 20px; } .guest-community-card::before { content: ''; width: 150px; height: 150px; position: absolute; top: -82px; right: -66px; border-radius: 50%; background: radial-gradient(circle, rgba(8, 102, 255, .20), rgba(8, 102, 255, 0) 70%); pointer-events: none; } .guest-community-mark { display: grid; width: 46px; height: 46px; margin-bottom: 18px; place-items: center; border-radius: 15px; color: #fff; background: linear-gradient(145deg, #1396ff, #0866ff 58%, #0649c9); box-shadow: 0 9px 18px rgba(8, 102, 255, .26); font-size: 1.15rem; font-weight: 900; } .guest-community-eyebrow { margin: 0 0 6px; color: #0866ff; font-size: .68rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; } .guest-community-card h1 { margin: 0; color: #12213a; font-size: 1.17rem; font-weight: 850; letter-spacing: -.02em; line-height: 1.28; } .guest-community-card > p:last-child { margin: 10px 0 0; color: #65758b; font-size: .76rem; line-height: 1.55; } .guest-feed-shortcuts { display: grid; gap: 4px; } .guest-feed-shortcuts a { display: flex; min-height: 48px; align-items: center; gap: 11px; padding: 6px 10px; border-radius: 13px; color: #44546a; text-decoration: none; transition: color .18s ease, background-color .18s ease, transform .18s ease; } .guest-feed-shortcuts a:hover { color: #0866ff; background: rgba(255, 255, 255, .82); transform: translateX(2px); } .guest-feed-shortcuts a.is-active { color: #0866ff; background: #e9f2ff; } .guest-feed-shortcuts a > span { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 11px; color: currentColor; background: rgba(255, 255, 255, .9); box-shadow: 0 1px 3px rgba(15, 23, 42, .08); } .guest-feed-shortcuts a.is-active > span { color: #fff; background: linear-gradient(145deg, #1396ff, #0866ff); } .guest-feed-shortcuts svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .guest-feed-shortcuts strong { overflow: hidden; font-size: .8rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; } .guest-join-card { padding: 22px; } .guest-join-card::after { content: ''; position: absolute; z-index: -1; inset: 0 0 auto; height: 120px; background: linear-gradient(135deg, #e7f3ff, #f3e8ff); } .guest-join-visual { display: flex; height: 72px; position: relative; align-items: center; justify-content: center; margin-bottom: 16px; } .guest-join-visual span { display: grid; width: 58px; height: 58px; z-index: 2; place-items: center; border: 4px solid #fff; border-radius: 20px; color: #fff; background: linear-gradient(145deg, #1396ff, #0866ff 60%, #0649c9); box-shadow: 0 10px 22px rgba(8, 102, 255, .27); font-size: 1.3rem; font-weight: 900; } .guest-join-visual i { width: 28px; height: 28px; position: absolute; border: 3px solid #fff; border-radius: 50%; background: #c4d5eb; box-shadow: 0 2px 7px rgba(15, 23, 42, .12); } .guest-join-visual i:nth-of-type(1) { transform: translate(-54px, 15px); background: #f7b267; } .guest-join-visual i:nth-of-type(2) { transform: translate(53px, 14px); background: #67c7a5; } .guest-join-visual i:nth-of-type(3) { transform: translate(0, -36px); background: #a78bfa; } .guest-join-card h2 { margin: 0; color: #12213a; font-size: 1.08rem; font-weight: 850; line-height: 1.3; text-align: center; } .guest-join-card p { margin: 9px 0 17px; color: #65758b; font-size: .75rem; line-height: 1.52; text-align: center; } .guest-join-primary, .guest-join-secondary { display: grid; min-height: 43px; place-items: center; border-radius: 11px; font-size: .79rem; font-weight: 800; text-decoration: none; transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease; } .guest-join-primary { color: #fff; background: linear-gradient(135deg, #0d8dff, #0866ff); box-shadow: 0 8px 16px rgba(8, 102, 255, .22); } .guest-join-primary:hover { color: #fff; box-shadow: 0 10px 20px rgba(8, 102, 255, .28); transform: translateY(-1px); } .guest-join-secondary { margin-top: 8px; color: #0866ff; background: #e9f2ff; } .guest-join-secondary:hover { color: #0757dc; background: #dcecff; } .guest-trust-card { padding: 17px; } .guest-trust-card h3 { margin: 0 0 11px; color: #12213a; font-size: .82rem; font-weight: 850; } .guest-trust-card a { display: flex; align-items: center; gap: 10px; padding: 9px 0; color: #53647a; text-decoration: none; } .guest-trust-card a + a { border-top: 1px solid #edf1f6; } .guest-trust-card a span { display: grid; width: 30px; height: 30px; flex: 0 0 30px; place-items: center; border-radius: 9px; color: #0866ff; background: #edf5ff; font-size: .61rem; font-weight: 900; } .guest-trust-card a b { font-size: .72rem; font-weight: 720; line-height: 1.35; } .guest-rail-legal { display: flex; flex-wrap: wrap; gap: 5px 12px; padding: 2px 6px; } .guest-rail-legal a { color: #8491a4; font-size: .64rem; font-weight: 650; text-decoration: none; } .guest-rail-legal a:hover { color: #0866ff; } /* Feed cards */ html body.is-guest .guest-feed-composer, html body.is-guest .premium-feed-post { overflow: hidden; border: 1px solid rgba(208, 218, 231, .94) !important; border-radius: 17px !important; background: rgba(255, 255, 255, .97) !important; box-shadow: 0 8px 30px rgba(30, 64, 175, .065), 0 1px 2px rgba(15, 23, 42, .055) !important; } html body.is-guest .guest-feed-composer { padding: 13px 15px !important; } html body.is-guest .guest-feed-composer .fb-composer-trigger-row { gap: 11px; } html body.is-guest .guest-feed-composer .fb-composer-avatar { display: grid !important; width: 44px !important; height: 44px !important; flex: 0 0 44px !important; place-items: center; border: 0 !important; border-radius: 14px !important; color: transparent !important; background: linear-gradient(145deg, #1396ff, #0866ff) !important; box-shadow: 0 7px 14px rgba(8, 102, 255, .22); font-size: 0 !important; } html body.is-guest .guest-feed-composer .fb-composer-avatar::after { content: 'G'; color: #fff; font-size: 1rem; font-weight: 900; } html body.is-guest .guest-feed-composer .fb-composer-trigger { min-height: 44px !important; border: 1px solid transparent !important; border-radius: 14px !important; background: #f1f4f8 !important; font-size: .82rem !important; transition: border-color .16s ease, background-color .16s ease !important; } html body.is-guest .guest-feed-composer:hover .fb-composer-trigger { border-color: #d8e6f6 !important; background: #edf3fa !important; } html body.is-guest .guest-feed-composer .fb-composer-photo-shortcut { width: 42px !important; height: 42px !important; border-radius: 13px !important; color: #22a447 !important; background: #eaf8ef !important; } html body.is-guest .live-feed-posts { gap: 17px !important; } html body.is-guest .premium-feed-post .post-header { min-height: 68px; padding: 13px 16px 11px !important; } html body.is-guest .premium-feed-post .mini-avatar { width: 44px !important; height: 44px !important; border: 2px solid #fff !important; box-shadow: 0 0 0 1px #dbe4ef, 0 3px 9px rgba(15, 23, 42, .11) !important; } html body.is-guest .premium-feed-post .profile-name-link { color: #152238 !important; font-size: .88rem !important; font-weight: 820 !important; } html body.is-guest .premium-feed-post .post-author-copy :where(small, time) { color: #8190a3 !important; font-size: .68rem !important; } html body.is-guest .premium-feed-post .post-body-wrap { padding: 1px 17px 13px !important; } html body.is-guest .premium-feed-post .post-body { color: #26364d !important; font-size: .86rem !important; line-height: 1.55 !important; } html body.is-guest .premium-feed-post .post-media-grid { max-height: none !important; gap: 2px !important; background: #eef2f7 !important; } html body.is-guest .premium-feed-post .post-media-count-1 .post-media-item, html body.is-guest .premium-feed-post .post-media-count-1 .post-media-item img { min-height: 0 !important; max-height: 760px !important; } html body.is-guest .premium-feed-post .post-media-count-1 .post-media-item img { width: 100% !important; height: auto !important; object-fit: contain !important; background: #eef2f7 !important; } html body.is-guest .premium-feed-post :where(.gg-post-social-summary, .post-stats) { color: #78879a !important; font-size: .72rem !important; } html body.is-guest .premium-feed-post .gg-post-action-bar { margin: 0 12px !important; border-color: #edf0f4 !important; } html body.is-guest .premium-feed-post .gg-post-action { min-height: 43px !important; border-radius: 10px !important; color: #607087 !important; font-size: .75rem !important; font-weight: 750 !important; } html body.is-guest .premium-feed-post .gg-post-action:hover { color: #0866ff !important; background: #edf5ff !important; } html body.is-guest .feed-end-message { color: #8491a4 !important; font-size: .72rem !important; } /* A single, compact desktop header */ @media (min-width: 1181px) { html body.is-guest .site-header { height: 72px !important; min-height: 72px !important; } html body.is-guest .site-header .nav-wrap { width: min(1440px, calc(100% - 38px)) !important; min-height: 72px !important; position: relative !important; padding: 7px 0 !important; } html body.is-guest .site-header .premium-brand-logo { max-width: 205px !important; height: 44px !important; } html body.is-guest .guest-discovery-nav { width: auto !important; min-height: 72px !important; position: absolute; top: 0; left: 46%; gap: 1px; margin: 0; border: 0; overflow: visible; transform: translateX(-50%); } html body.is-guest .guest-discovery-nav a { min-width: 68px; min-height: 62px; flex-direction: column; gap: 2px; padding: 7px 7px 5px; border-radius: 12px; font-size: .66rem; } html body.is-guest .guest-discovery-nav a > span { width: 31px; height: 31px; background: transparent; font-size: 1.08rem; } html body.is-guest .guest-discovery-nav a.is-active { background: #edf5ff; } html body.is-guest .guest-discovery-nav a.is-active::after { right: 12px; left: 12px; } html body.is-guest .guest-nav a { min-height: 40px !important; border-radius: 11px !important; } html body.is-guest .gg-language-switcher { position: absolute !important; right: 280px !important; margin: 0 !important; } html body.is-guest .guest-nav { position: absolute !important; right: 0 !important; margin: 0 !important; } } /* Modal polish */ .guest-auth-backdrop { background: rgba(15, 23, 42, .42); backdrop-filter: blur(9px); } .guest-auth-dialog { padding: 30px; border: 1px solid rgba(255, 255, 255, .7); border-radius: 22px; box-shadow: 0 28px 80px rgba(15, 23, 42, .28), 0 2px 8px rgba(15, 23, 42, .12); } .guest-auth-mark { color: #fff; background: linear-gradient(145deg, #1396ff, #0866ff 60%, #0649c9); box-shadow: 0 10px 22px rgba(8, 102, 255, .24); } .guest-auth-form > button[type="submit"] { width: 100%; min-height: 48px; margin-top: 2px; border: 0; border-radius: 11px; color: #fff; background: linear-gradient(135deg, #0d8dff, #0866ff); box-shadow: 0 9px 18px rgba(8, 102, 255, .22); font: inherit; font-weight: 820; cursor: pointer; } .guest-auth-form > button[type="submit"]:hover { background: linear-gradient(135deg, #087ff0, #075be4); } @media (max-width: 1220px) { .guest-feed-experience { grid-template-columns: 208px minmax(0, 660px) 260px; gap: 16px; } } @media (max-width: 1120px) { .guest-feed-experience { grid-template-columns: minmax(0, 680px) 276px; } .guest-feed-rail-left { display: none; } } @media (max-width: 900px) { html body.is-guest .page:has(.guest-feed-experience) { width: min(calc(100% - 24px), 680px) !important; padding-top: 20px !important; } .guest-feed-experience { display: block; } .guest-feed-rail { display: none; } } @media (max-width: 760px) { html body.is-guest:has(.guest-feed-experience) { padding-bottom: calc(66px + env(safe-area-inset-bottom)); } html body.is-guest .site-header { min-height: 58px !important; } html body.is-guest .guest-discovery-nav { width: 100% !important; min-height: calc(62px + env(safe-area-inset-bottom)) !important; position: fixed; z-index: 1000; top: auto; right: 0; bottom: 0; left: 0; justify-content: flex-start; gap: 0; padding: 4px 5px env(safe-area-inset-bottom); border-top: 1px solid #dfe6ef; background: rgba(255, 255, 255, .96); box-shadow: 0 -6px 24px rgba(15, 23, 42, .08); backdrop-filter: blur(14px); } html body.is-guest .guest-discovery-nav a { min-width: 62px; min-height: 54px; flex: 1 0 62px; flex-direction: column; gap: 2px; padding: 4px 3px; border-radius: 11px; font-size: .6rem; } html body.is-guest .guest-discovery-nav a > span { width: 27px; height: 27px; background: transparent; font-size: .98rem; } html body.is-guest .guest-discovery-nav a.is-active { background: #edf5ff; } html body.is-guest .guest-discovery-nav a.is-active::after { display: none; } html body.is-guest .page:has(.guest-feed-experience) { width: calc(100% - 16px) !important; padding: 12px 0 20px !important; } html body.is-guest .gg-legal-footer { padding-bottom: 78px !important; } html body.is-guest .live-feed-posts { gap: 11px !important; } html body.is-guest .guest-feed-composer, html body.is-guest .premium-feed-post { border-radius: 15px !important; } } @media (max-width: 480px) { html body.is-guest .guest-feed-composer { padding: 10px !important; } html body.is-guest .guest-feed-composer .fb-composer-avatar { width: 39px !important; height: 39px !important; flex-basis: 39px !important; } html body.is-guest .guest-feed-composer .fb-composer-photo-shortcut { width: 38px !important; height: 38px !important; } html body.is-guest .guest-feed-composer .fb-composer-trigger { min-height: 40px !important; font-size: .74rem !important; } html body.is-guest .premium-feed-post .post-header { min-height: 62px; padding: 10px 12px 9px !important; } html body.is-guest .premium-feed-post .post-body-wrap { padding-inline: 13px !important; } .guest-auth-dialog { padding: 25px 19px calc(23px + env(safe-area-inset-bottom)); border-radius: 22px 22px 0 0; } } /* Premium top navigation icons v3 */ html body.is-guest .guest-discovery-nav a { color: #5d6b7d; font-weight: 780; letter-spacing: -.01em; transition: color .18s ease, background-color .18s ease, transform .18s ease; } html body.is-guest .guest-discovery-nav a > span { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border: 1px solid #e3eaf2; border-radius: 12px; color: #64748b; background: linear-gradient(145deg, #fff, #f3f6fa); box-shadow: 0 2px 7px rgba(15, 23, 42, .07), inset 0 1px 0 rgba(255, 255, 255, .8); font-size: 0; transition: color .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease; } html body.is-guest .guest-discovery-nav a > span svg { display: block; width: 19px; height: 19px; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; } html body.is-guest .guest-discovery-nav a:hover { color: #0866ff; background: #f4f8fd; transform: translateY(-1px); } html body.is-guest .guest-discovery-nav a:hover > span { border-color: #cfe1f8; color: #0866ff; background: linear-gradient(145deg, #f8fbff, #e7f2ff); box-shadow: 0 5px 12px rgba(8, 102, 255, .13), inset 0 1px 0 #fff; transform: translateY(-1px); } html body.is-guest .guest-discovery-nav a.is-active { color: #0866ff; background: linear-gradient(180deg, #edf6ff, #e8f2ff); } html body.is-guest .guest-discovery-nav a.is-active > span, html body.is-guest .guest-discovery-nav a.is-active:hover > span { border-color: transparent; color: #fff; background: linear-gradient(145deg, #20a2ff 0%, #0878f9 48%, #085bdc 100%); box-shadow: 0 7px 16px rgba(8, 102, 255, .28), inset 0 1px 1px rgba(255, 255, 255, .35); } html body.is-guest .guest-discovery-nav a.is-active::after { height: 3px; background: linear-gradient(90deg, #4bb6ff, #0866ff 50%, #4b7dff); box-shadow: 0 -1px 6px rgba(8, 102, 255, .24); } @media (min-width: 1181px) { html body.is-guest .guest-discovery-nav a { min-width: 68px; gap: 4px; padding-top: 5px; font-size: .65rem; } html body.is-guest .guest-discovery-nav a > span { width: 35px; height: 35px; flex-basis: 35px; border-radius: 12px; } html body.is-guest .guest-discovery-nav a > span svg { width: 19px; height: 19px; } } @media (max-width: 760px) { html body.is-guest .guest-discovery-nav a { gap: 3px; } html body.is-guest .guest-discovery-nav a > span { width: 31px; height: 31px; flex-basis: 31px; border-radius: 10px; box-shadow: none; } html body.is-guest .guest-discovery-nav a > span svg { width: 17px; height: 17px; } html body.is-guest .guest-discovery-nav a.is-active > span { box-shadow: 0 5px 12px rgba(8, 102, 255, .25); } } /* Natural single-photo feed v4: remove forced viewport-height letterboxing. */ html body #live-feed-posts .post-media-grid.post-media-count-1 { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: hidden !important; background: #eef2f7 !important; } html body #live-feed-posts .post-media-grid.post-media-count-1 .post-media-item { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: hidden !important; background: #eef2f7 !important; } html body #live-feed-posts .post-media-grid.post-media-count-1 .post-media-item img { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: 780px !important; margin: 0 auto !important; object-fit: contain !important; background: #eef2f7 !important; } @media (max-width: 760px) { html body #live-feed-posts .post-media-grid.post-media-count-1 .post-media-item img { max-height: 72dvh !important; } } /* Full-width compact Shop listings v5. */ html body .gg-shop-v19 .shop19-grid { display: grid !important; width: 100% !important; grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; } html body .gg-shop-v19 .shop19-card { display: grid !important; width: 100% !important; min-width: 0 !important; height: 220px !important; min-height: 220px !important; max-height: 220px !important; grid-template-columns: 220px minmax(0, 1fr) !important; align-items: stretch !important; overflow: hidden !important; border: 1px solid #dce5ef !important; border-radius: 17px !important; background: #fff !important; box-shadow: 0 8px 26px rgba(30, 64, 175, .07), 0 1px 2px rgba(15, 23, 42, .05) !important; } html body .gg-shop-v19 .shop19-card:hover { border-color: #bdd6f4 !important; box-shadow: 0 13px 32px rgba(30, 64, 175, .11), 0 2px 5px rgba(15, 23, 42, .06) !important; transform: translateY(-2px) !important; } html body .gg-shop-v19 .shop19-card-photo { width: 100% !important; height: 220px !important; min-height: 220px !important; max-height: 220px !important; aspect-ratio: auto !important; border-right: 1px solid #edf1f5 !important; border-radius: 0 !important; background: linear-gradient(145deg, #f6f9fd, #edf3f9) !important; } html body .gg-shop-v19 .shop19-card-photo img { display: block !important; width: 100% !important; height: 220px !important; min-height: 220px !important; max-height: 220px !important; object-fit: contain !important; object-position: center !important; background: transparent !important; } html body .gg-shop-v19 .shop19-card-body { display: flex !important; min-width: 0 !important; height: 220px !important; min-height: 220px !important; max-height: 220px !important; justify-content: center !important; padding: 22px 26px !important; } html body .gg-shop-v19 .shop19-price { margin-bottom: 6px !important; color: #0866ff !important; font-size: 1.28rem !important; font-weight: 900 !important; } html body .gg-shop-v19 .shop19-card-body h2 { font-size: 1.14rem !important; line-height: 1.3 !important; } html body .gg-shop-v19 .shop19-description { display: -webkit-box !important; max-width: 78ch !important; margin-top: 8px !important; overflow: hidden !important; color: #6c7c91 !important; font-size: .82rem !important; line-height: 1.5 !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; } html body .gg-shop-v19 .shop19-meta { margin-top: 9px !important; font-size: .76rem !important; } html body .gg-shop-v19 .shop19-card-footer { margin-top: auto !important; padding-top: 12px !important; } html body .gg-shop-v19 .shop19-detail-link { display: inline-flex !important; min-height: 37px !important; align-items: center !important; padding: 0 15px !important; border-radius: 10px !important; color: #0866ff !important; background: #eaf3ff !important; font-size: .76rem !important; font-weight: 800 !important; text-decoration: none !important; } html body .gg-shop-v19 .shop19-detail-link:hover { color: #fff !important; background: #0866ff !important; } @media (max-width: 760px) { html body .gg-shop-v19 .shop19-grid { gap: 10px !important; } html body .gg-shop-v19 .shop19-card { height: 154px !important; min-height: 154px !important; max-height: 154px !important; grid-template-columns: 118px minmax(0, 1fr) !important; border-radius: 14px !important; } html body .gg-shop-v19 .shop19-card-photo, html body .gg-shop-v19 .shop19-card-photo img { height: 154px !important; min-height: 154px !important; max-height: 154px !important; } html body .gg-shop-v19 .shop19-card-body { height: 154px !important; min-height: 154px !important; max-height: 154px !important; padding: 13px 14px !important; } html body .gg-shop-v19 .shop19-price { margin-bottom: 3px !important; font-size: 1rem !important; } html body .gg-shop-v19 .shop19-card-body h2 { display: -webkit-box !important; overflow: hidden !important; font-size: .86rem !important; line-height: 1.3 !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; } html body .gg-shop-v19 .shop19-description { display: none !important; } html body .gg-shop-v19 .shop19-meta { margin-top: 6px !important; font-size: .67rem !important; } html body .gg-shop-v19 .shop19-card-footer { align-items: center !important; flex-direction: row !important; padding-top: 8px !important; } html body .gg-shop-v19 .shop19-detail-link { min-height: 31px !important; padding: 0 10px !important; font-size: .67rem !important; } } @media (max-width: 380px) { html body .gg-shop-v19 .shop19-card { grid-template-columns: 102px minmax(0, 1fr) !important; } } /* Authenticated language switcher v6: the services header used to hide it. */ @media (min-width: 901px) { html body.is-authenticated .site-header .gg-language-switcher { display: inline-flex !important; min-height: 38px !important; position: absolute !important; top: 10px !important; left: 50% !important; align-items: center !important; justify-content: center !important; gap: 3px !important; margin: 0 !important; padding: 4px !important; border: 1px solid #dfe7f0 !important; border-radius: 999px !important; visibility: visible !important; opacity: 1 !important; background: rgba(245, 248, 252, .96) !important; box-shadow: 0 4px 14px rgba(15, 23, 42, .08), inset 0 1px 0 #fff !important; transform: translateX(-50%) !important; } html body.is-authenticated .site-header .gg-language-option { display: inline-flex !important; min-width: 38px !important; height: 29px !important; min-height: 29px !important; align-items: center !important; justify-content: center !important; padding: 0 8px !important; border: 0 !important; border-radius: 999px !important; color: #65758a !important; background: transparent !important; box-shadow: none !important; font-size: .68rem !important; font-weight: 850 !important; line-height: 29px !important; text-decoration: none !important; } html body.is-authenticated .site-header .gg-language-option:hover { color: #0866ff !important; background: #e7f2ff !important; } html body.is-authenticated .site-header .gg-language-option.is-active, html body.is-authenticated .site-header .gg-language-option[aria-current="true"] { color: #0866ff !important; background: #fff !important; box-shadow: 0 2px 7px rgba(15, 23, 42, .09) !important; } } @media (max-width: 900px) { html body.is-authenticated .site-header .gg-language-switcher { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; } } /* Desktop messages divider removal v7: keep scrolling without the right-side line. */ @media (min-width: 761px) { html body.is-authenticated.is-messages-page .messages-page > .messages-sidebar { border-right: 0 !important; } html body.is-authenticated.is-messages-page .messages-page .chat-stream { scrollbar-width: none !important; -ms-overflow-style: none !important; } html body.is-authenticated.is-messages-page .messages-page .chat-stream::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; } } /* Messages emoji scrollbar line fix v8: scroll remains functional, track stays invisible. */ html body.is-authenticated.is-messages-page .messages-page .gg-chat-input textarea { scrollbar-width: none !important; -ms-overflow-style: none !important; } html body.is-authenticated.is-messages-page .messages-page .gg-chat-input textarea::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; } html body.is-authenticated.is-messages-page .messages-page .gg-chat-laugh-button { border: 0 !important; outline: 0 !important; box-shadow: none !important; } /* Guest mobile two-row header v9: logo row and discovery menu never overlap. */ @media (max-width: 760px) { html body.is-guest .site-header { height: auto !important; min-height: 120px !important; padding: 0 !important; } html body.is-guest .site-header .nav-wrap { width: calc(100% - 16px) !important; height: 58px !important; min-height: 58px !important; position: relative !important; z-index: 2 !important; flex-wrap: nowrap !important; padding: 6px 0 !important; background: rgba(255, 255, 255, .98) !important; } html body.is-guest .site-header .brand, html body.is-guest .site-header .premium-brand-logo { min-width: 0 !important; } html body.is-guest .guest-discovery-nav { display: flex !important; width: 100% !important; height: 62px !important; min-height: 62px !important; position: static !important; inset: auto !important; z-index: 1 !important; justify-content: stretch !important; gap: 2px !important; margin: 0 !important; padding: 4px 5px !important; overflow: hidden !important; border-top: 1px solid #e6edf5 !important; border-bottom: 1px solid #dfe7f0 !important; background: rgba(255, 255, 255, .98) !important; box-shadow: 0 5px 14px rgba(15, 23, 42, .05) !important; transform: none !important; backdrop-filter: blur(14px) !important; } html body.is-guest .guest-discovery-nav a { min-width: 0 !important; min-height: 52px !important; flex: 1 1 0 !important; gap: 2px !important; padding: 3px 1px !important; overflow: hidden !important; border-radius: 10px !important; font-size: .56rem !important; line-height: 1.15 !important; white-space: nowrap !important; text-overflow: ellipsis !important; } html body.is-guest .guest-discovery-nav a > span { width: 29px !important; height: 29px !important; flex: 0 0 29px !important; } html body.is-guest .guest-discovery-nav a > span svg { width: 16px !important; height: 16px !important; } html body.is-guest .guest-discovery-nav a.is-active::after { display: none !important; } html body.is-guest:has(.guest-feed-experience) { padding-bottom: 0 !important; } } /* Authenticated desktop content centering v10: width excludes the fixed sidebar. */ @media (min-width: 1024px) { html body.is-authenticated:not(.is-messages-page) .app-shell.container > .app-content { box-sizing: border-box !important; width: auto !important; max-width: none !important; margin-left: var(--gg-sidebar-polish-v4-width, 218px) !important; } } /* Guest mobile pinned header v11: Android Chrome keeps both header rows visible. */ @media (max-width: 760px) { html body.is-guest .site-header { box-sizing: border-box !important; width: 100% !important; height: 120px !important; min-height: 120px !important; position: sticky !important; top: 0 !important; overflow: visible !important; } html body.is-guest .site-header .nav-wrap { display: flex !important; width: auto !important; height: 58px !important; min-height: 58px !important; position: absolute !important; top: 0 !important; right: 8px !important; bottom: auto !important; left: 8px !important; align-items: center !important; justify-content: flex-start !important; margin: 0 !important; } html body.is-guest .site-header .brand { display: flex !important; visibility: visible !important; opacity: 1 !important; } html body.is-guest .site-header .premium-brand-logo { display: block !important; visibility: visible !important; opacity: 1 !important; } html body.is-guest .site-header .gg-language-switcher, html body.is-guest .site-header .guest-nav { display: flex !important; visibility: visible !important; opacity: 1 !important; } html body.is-guest .guest-discovery-nav { width: 100% !important; height: 62px !important; min-height: 62px !important; position: absolute !important; top: 58px !important; right: 0 !important; bottom: auto !important; left: 0 !important; margin: 0 !important; } }