/** * HUBLIQ GLOBAL SCALE CAP — viewport width ≥ 801px * * Hard guarantee: type, spacing tokens, radii, feed cards, avatars, and hubliq primitives * do NOT grow beyond the visual density of ~800px width (same tier as responsive.css @768px, * before @1024px / @1440px enlargements). * * Layout stays professional on large screens via existing max-width shells (.container, * .hubliq-content-shell); this file does NOT shrink the whole page to 800px — it caps scale only. * * MUST load LAST in (after responsive.css, hubliq-layout.css, feed CSS, hubliq-touch-safe.css). */ @media (min-width: 801px) { /* Tablet-tier design tokens (matches responsive.css @media (min-width: 768px) :root) */ :root { --hubliq-page-gutter: 1.25rem; --spacing-xs: 0.375rem; --spacing-sm: 0.75rem; --spacing-md: 1rem; --spacing-lg: 1.5rem; --spacing-xl: 2rem; --radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px; --radius-xl: 18px; } html { font-size: 100% !important; } body { font-size: 1rem !important; } /* Headings: same as responsive tablet tier — blocks 1024px / 1440px bumps */ h1, .h1 { font-size: 1.875rem !important; } h2, .h2 { font-size: 1.625rem !important; } h3, .h3 { font-size: 1.375rem !important; } h4, .h4 { font-size: 1.25rem !important; } h5, .h5 { font-size: 1.125rem !important; } h6, .h6 { font-size: 1rem !important; } /* Bootstrap display — fixed ceiling (no vw growth from other bundles) */ .display-1 { font-size: 2.5rem !important; } .display-2 { font-size: 2.25rem !important; } .display-3 { font-size: 2rem !important; } .display-4 { font-size: 1.75rem !important; } .display-5 { font-size: 1.5rem !important; } .display-6 { font-size: 1.25rem !important; } .lead { font-size: 1.125rem !important; } /* Buttons: reset min-width jumps from responsive desktop tiers; keep readable type */ .btn { font-size: 1rem !important; min-width: unset !important; } .btn-sm, .btn-group-sm > .btn { font-size: 0.875rem !important; } .btn-lg, .btn-group-lg > .btn { font-size: 1.125rem !important; } /* * Home / Discovery 2026 deal cards: global .btn cap above must NOT apply here — it blew up * Book / Info past ~1440px. Tags in the Info overlay must stay fixed (beat span inherit + hubliq-pill vw). */ #page-scaling-wrapper .screen.mobile-home-page-2026 .deal-card .deal-actions { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; contain: none !important; flex-wrap: nowrap !important; gap: 6px !important; } #page-scaling-wrapper .screen.mobile-home-page-2026 .deal-card .deal-actions .btn, #page-scaling-wrapper .screen.mobile-home-page-2026 .deal-card .deal-actions button { font-size: 11px !important; line-height: 1.25 !important; font-weight: 700 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; padding: 7px 8px !important; min-height: 0 !important; max-height: none !important; min-width: 0 !important; flex: 1 1 0 !important; box-sizing: border-box !important; border-radius: 10px !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.22) !important; white-space: nowrap !important; } /* Face category rows: wrap, max ~3 lines */ #page-scaling-wrapper .screen.mobile-home-page-2026 .deal-card:not(.details-open) > .content > .hubliq-pill-row, #page-scaling-wrapper .screen.mobile-home-page-2026 .deal-card:not(.details-open) > .content > .deal-card-chip-strip { flex-wrap: wrap !important; align-content: flex-start !important; max-height: 5.25rem !important; overflow: hidden !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } #page-scaling-wrapper .screen.mobile-home-page-2026 .deal-card:not(.details-open) > .content > .hubliq-pill-row .hubliq-pill, #page-scaling-wrapper .screen.mobile-home-page-2026 .deal-card:not(.details-open) > .content > .hubliq-pill-row .hubliq-pill--sm { font-size: 11px !important; font-weight: 500 !important; line-height: 1.25 !important; padding: 4px 7px !important; flex: 0 1 auto !important; max-width: min(48%, 9rem) !important; box-sizing: border-box !important; } #page-scaling-wrapper .screen.mobile-home-page-2026 .deal-card:not(.details-open) > .content > .deal-card-chip-strip > span { font-size: 11px !important; font-weight: 500 !important; line-height: 1.25 !important; padding: 4px 7px !important; flex: 0 1 auto !important; max-width: min(48%, 9rem) !important; box-sizing: border-box !important; } /* Info overlay: horizontal chip scroller */ #page-scaling-wrapper .screen.mobile-home-page-2026 .deal-card .deal-info .hubliq-pill-row, #page-scaling-wrapper .screen.mobile-home-page-2026 .deal-card .deal-info .deal-info-chip-strip { flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } #page-scaling-wrapper .screen.mobile-home-page-2026 .deal-card .deal-info .deal-info-book-btn { font-size: 12px !important; line-height: 1.25 !important; font-weight: 700 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; padding: 8px 14px !important; min-height: 0 !important; max-height: none !important; border-radius: 10px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important; } #page-scaling-wrapper .screen.mobile-home-page-2026 .deal-card .deal-info .deal-info-tag, #page-scaling-wrapper .screen.mobile-home-page-2026 .deal-card .deal-info .deal-info-tag.hubliq-pill, #page-scaling-wrapper .screen.mobile-home-page-2026 .deal-card .deal-info .hubliq-pill.hubliq-pill--sm { font-size: 11px !important; line-height: 1.25 !important; padding: 4px 8px !important; max-width: min(100%, 10rem) !important; border-radius: 6px !important; font-weight: 500 !important; } .form-control, .form-select { font-size: 1rem !important; } .form-control-sm { font-size: 0.875rem !important; } .form-label { font-size: 1rem !important; } /* Containers: stay readable — avoid 1400px-wide text rivers */ .container { max-width: min(1200px, 100%) !important; } /* Global avatar helpers from responsive.css — lock to tablet size */ img[class*="avatar"]:not([class*="hubliq"]):not(.feed-card-avatar), .avatar:not(.feed-card-avatar) { width: 48px !important; height: 48px !important; min-width: 48px !important; max-width: 48px !important; } /* Feed column (responsive grows card width at 1440px) */ .feed-card { flex: 0 0 300px !important; width: 300px !important; max-width: 300px !important; min-width: 300px !important; } .feed-card-title { font-size: 1.125rem !important; } .feed-card-content { font-size: 1rem !important; } .feed-card-meta { font-size: 0.9375rem !important; } .feed-card-avatar, .feed-card-avatar-placeholder { width: 48px !important; height: 48px !important; min-width: 48px !important; max-width: 48px !important; } .feed-card-image-placeholder i { font-size: 1.75rem !important; } /* ---- Hubliq primitives (same as former hubliq-layout 801 block) ---- */ .hubliq-pill { font-size: 0.58rem !important; } .hubliq-pill--sm { font-size: 0.54rem !important; } .chips.hubliq-chip-scroll .chip, .chips.hubliq-chip-scroll a.chip { font-size: 0.6875rem !important; padding: 0.28rem 0.72rem !important; } .hubliq-detail-doc-layout .breadcrumb-item, .hubliq-detail-doc-layout .breadcrumb-item a { font-size: 0.86rem !important; } .hubliq-detail-doc-layout .nav.nav-tabs.card-header-tabs:not(.hubliq-main-tabs) .nav-link { font-size: 0.88rem !important; } .hubliq-detail-doc-layout .nav.nav-tabs.card-header-tabs.hubliq-main-tabs .nav-link { font-size: 0.82rem !important; } .hubliq-content-shell { padding-bottom: max(1.25rem, calc(env(safe-area-inset-bottom, 0px) + 1rem)) !important; } .hubliq-detail-doc-layout .hubliq-detail-scroll-body { padding-bottom: max(2rem, calc(env(safe-area-inset-bottom, 0px) + 1.25rem)) !important; } main.hubliq-main-shell { padding-bottom: max(var(--bottom-safe, 24px), calc(env(safe-area-inset-bottom, 0px) + 1.25rem)) !important; } /* * Home / Discovery 2026 — global h2–h4 + .form-select bumps break compact app chrome * (section titles balloon; city/category