/* A single tennis-home layout. No league, tournament, academy or padel rules. */ body.tfp-home-launchpad { --tfph-ink:#0b2439; --tfph-muted:#5d6b80; --tfph-purple:#7732e5; --tfph-line:#dde3ee; background:#f5f7fc!important; background-image:none!important; color:var(--tfph-ink); } body.tfp-home-launchpad::before,body.tfp-home-launchpad::after { display:none!important; } body.tfp-home-launchpad #main-content { padding:0; margin:0; max-width:none; } body.tfp-home-launchpad #hp-content { background:#f5f7fc; } body.tfp-home-launchpad #tfp-home-launchpad { width:calc(100% - 48px); max-width:1280px; min-width:0; margin:20px auto 0; padding:0; color:var(--tfph-ink); font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:14px; line-height:1.5; text-align:left; } #tfp-home-launchpad *,#tfp-home-launchpad *::before,#tfp-home-launchpad *::after { box-sizing:border-box; } #tfp-home-launchpad :is(h1,h2,p,dl,dd,dt) { margin:0; padding:0; } #tfp-home-launchpad a { text-decoration:none!important; text-shadow:none; } #tfp-home-launchpad svg { display:block; width:24px; height:24px; flex-shrink:0; fill:none!important; stroke:currentColor; stroke-width:1.7; } #tfp-home-launchpad :is(a,summary,button):focus-visible { outline:3px solid #b38aef; outline-offset:4px; } #tfp-home-launchpad [hidden] { display:none!important; } #tfp-home-launchpad :is(button,summary)::before, #tfp-home-launchpad :is(button,summary)::after { content:none!important; } #tfp-home-launchpad h2 { font-size:25px!important; line-height:1.3!important; font-weight:750; letter-spacing:-.65px; color:var(--tfph-ink); } /* Welcome and the four destinations. */ #tfp-home-launchpad .tfph-hero { position:relative; display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr); align-items:center; gap:36px; padding:34px 36px; border:1px solid #163d50; border-radius:22px; background-color:#062638; background-image:url("/frontend/img/home/home-court-20261112.png"); background-position:center; background-size:cover; background-repeat:no-repeat; overflow:visible; isolation:isolate; } #tfp-home-launchpad .tfph-story { display:grid; grid-template-columns:minmax(0,1fr) 172px; align-content:center; align-items:center; column-gap:12px; row-gap:6px; min-width:0; } #tfp-home-launchpad #tfph-title { grid-column:1/span 2; color:#fff; font-size:48px!important; font-size:clamp(33px,3.2vw,48px)!important; line-height:1.12; font-weight:780; letter-spacing:-1.7px; } #tfp-home-launchpad #tfph-title>span { display:block; } #tfp-home-launchpad .tfph-intro { grid-column:1/span 2; grid-row:2; min-height:76px; padding-right:210px; max-width:460px; color:#e0ebf2; font-size:15px; line-height:1.65; } #tfp-home-launchpad .tfph-create-zone { grid-column:1/span 2; grid-row:3; position:relative; min-width:0; width:100%; max-width:460px; align-self:end; } #tfp-home-launchpad .tfph-create { min-width:0; width:100%; } #tfp-home-launchpad .tfph-organize { display:flex; justify-content:center; align-items:center; gap:10px; width:100%; min-height:58px; padding:13px 22px; border:1px solid #963efb; border-radius:12px; background:linear-gradient(110deg,#811ff0,#6d20d4); color:#fff; font:750 23px/1.35 Inter,system-ui,sans-serif; font-size:23px!important; font-weight:750!important; cursor:pointer; list-style:none; box-shadow:0 6px 20px #39106b26; transition:background-color .15s,border-color .15s; } #tfp-home-launchpad .tfph-organize::-webkit-details-marker { display:none; } #tfp-home-launchpad .tfph-organize::marker { content:""; } #tfp-home-launchpad .tfph-organize>svg { width:26px; height:26px; } #tfp-home-launchpad .tfph-organize>svg { stroke:#fff; } #tfp-home-launchpad .tfph-organize>span { color:#fff!important; font-size:inherit!important; line-height:inherit!important; font-weight:750!important; } #tfp-home-launchpad .tfph-organize:hover { background:#6920cf; border-color:#b077f7; } #tfp-home-launchpad .tfph-organize-hint { grid-column:1; grid-row:4; color:#d8e6ef; font-size:11px; line-height:1.4; align-self:start; text-align:center; } #tfp-home-launchpad .tfph-rico { position:absolute; right:8px; bottom:calc(100% - 8px); z-index:2; display:block; width:106px; padding:0; border:0; background:none; color:#fff; text-align:center; text-decoration:none; cursor:pointer; } #tfp-home-launchpad .tfph-rico>img { display:block; width:100%; height:auto; max-width:100%; margin:0; object-fit:contain; user-select:none; filter:drop-shadow(0 3px 4px #03131c40); transition:transform .16s; } #tfp-home-launchpad .tfph-rico>span { position:absolute; top:25px; right:calc(100% + 4px); display:block; min-width:80px; padding:5px 8px; border:1px solid #c5a4ef; border-radius:18px; background:#102e43; color:#fff; font:650 11px/1.3 Inter,system-ui,sans-serif; white-space:nowrap; } #tfp-home-launchpad .tfph-rico:hover>img { transform:translateY(-2px); } #tfp-home-launchpad .tfph-primary { min-width:0; padding-left:30px; border-left:1px solid #97bbca2b; } #tfp-home-launchpad .tfph-primary-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; } #tfp-home-launchpad .tfph-feature { display:flex; align-items:center; gap:12px; min-width:0; min-height:86px; padding:16px 14px; border:1px solid #e1e3ed; border-radius:14px; background:#fdfdff; color:var(--tfph-ink); box-shadow:0 3px 12px #06182d08; transition:border-color .15s,box-shadow .15s; } #tfp-home-launchpad .tfph-feature.is-featured { min-height:110px; border:2px solid #a262f6; background:#f1eaff; } #tfp-home-launchpad .tfph-feature:hover { border-color:#c3a1f2; box-shadow:0 4px 14px #16133116; } #tfp-home-launchpad .tfph-feature.is-featured:hover { border-color:#c598ff; background:#f7f2ff; } #tfp-home-launchpad .tfph-icon { display:flex; align-items:center; justify-content:center; flex:0 0 38px; width:38px; height:42px; padding:8px; border-radius:10px; background:#eee9fa; color:#5e5c8a; } #tfp-home-launchpad .tfph-icon>svg { stroke:#7139bd; } #tfp-home-launchpad .is-featured>.tfph-icon { flex-basis:46px; width:46px; height:52px; background:#e8ddfd; color:#7930de; } #tfp-home-launchpad .is-featured>.tfph-icon>svg { width:30px; height:30px; } #tfp-home-launchpad .tfph-feature-copy { display:block; flex:1; min-width:0; } #tfp-home-launchpad .tfph-feature-copy>strong { display:block; color:#10243c; font-size:17px; line-height:1.3; font-weight:750; letter-spacing:-.4px; } #tfp-home-launchpad .is-featured .tfph-feature-copy>strong { font-size:23px; } #tfp-home-launchpad .tfph-feature-copy>small { display:block; color:#59647a; font-size:12px; line-height:1.5; margin-top:4px; } #tfp-home-launchpad .tfph-arrow { display:flex; align-items:center; justify-content:center; margin-left:auto; flex:0 0 12px; color:#6b7087; } #tfp-home-launchpad .tfph-arrow>svg { width:16px; height:19px; } #tfp-home-launchpad .tfph-arrow>svg { stroke:#6b7087; } #tfp-home-launchpad .is-featured>.tfph-arrow>svg { stroke:#8237ec; } #tfp-home-launchpad .is-featured>.tfph-arrow { color:#8237ec; } /* One Tour link, deliberately outside the main grid. */ #tfp-home-launchpad .tfph-tour { display:flex; align-items:center; gap:22px; min-width:0; margin-top:14px; padding:20px 30px; border:1px solid #0c5160; border-radius:17px; background:radial-gradient(ellipse at 100% 0,#06526988,transparent 60%),#072e40; color:#fff; } #tfp-home-launchpad .tfph-tour-icon { display:flex; flex:0 0 auto; align-items:center; justify-content:center; padding-right:22px; border-right:1px solid #76b7c269; color:#2cc5c8; } #tfp-home-launchpad .tfph-tour-icon>svg { width:44px; height:44px; } #tfp-home-launchpad .tfph-tour-icon>svg { stroke:#2cc5c8; } #tfp-home-launchpad .tfph-tour-copy { display:block; min-width:0; } #tfp-home-launchpad .tfph-tour-copy>strong { display:block; color:#fff; font-size:27px; line-height:1.2; letter-spacing:-.6px; font-weight:750; } #tfp-home-launchpad .tfph-tour-copy>small { display:block; color:#dce9ef!important; font-size:14px; margin-top:4px; line-height:1.5; } #tfp-home-launchpad .tfph-city { display:flex; justify-content:center; align-items:center; gap:15px; margin-left:auto; padding:10px 17px; border:1px solid #e3edf2; border-radius:9px; color:#fff; font-size:14px; font-weight:650; white-space:nowrap; min-height:44px; } #tfp-home-launchpad .tfph-city>svg { width:17px; height:17px; } #tfp-home-launchpad .tfph-city>svg { stroke:#fff; } #tfp-home-launchpad .tfph-tour:hover { border-color:#48b6c6; } /* Useful extras and the latest real, active marketplace listings. */ #tfp-home-launchpad .tfph-secondary { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:36px; margin-top:26px; } #tfp-home-launchpad .tfph-more,#tfp-home-launchpad .tfph-market { min-width:0; } #tfp-home-launchpad .tfph-more>h2 { margin-bottom:16px; } #tfp-home-launchpad .tfph-more-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; } #tfp-home-launchpad .tfph-more-grid>a { display:flex; align-items:center; gap:12px; min-width:0; min-height:61px; padding:10px 13px; background:#fff; border:1px solid var(--tfph-line); border-radius:12px; color:var(--tfph-ink); box-shadow:0 2px 7px #243b5d05; } #tfp-home-launchpad .tfph-more-grid>a>.tfph-icon { color:#7935d9; height:36px; flex-basis:36px; width:36px; } #tfp-home-launchpad .tfph-more-grid>a>strong { font-size:14px; font-weight:650; line-height:1.35; overflow-wrap:anywhere; } #tfp-home-launchpad .tfph-more-grid>a:hover { border-color:#bd9ce8; background:#fdfbff; } #tfp-home-launchpad .tfph-market { align-self:start; padding:22px; border:1px solid var(--tfph-line); border-radius:18px; background:#fff; box-shadow:0 3px 14px #243b5d06; } #tfp-home-launchpad .tfph-market-header { display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:12px; min-width:0; } #tfp-home-launchpad .tfph-market-icon { display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:10px; border-radius:12px; background:#eee8fb; color:#7732d3; } #tfp-home-launchpad .tfph-market-icon>svg { width:25px; height:25px; stroke:#7732d3; } #tfp-home-launchpad .tfph-market-intro { min-width:0; } #tfp-home-launchpad .tfph-market-intro>h2 { font-size:25px!important; line-height:1.25!important; letter-spacing:-.6px; white-space:normal; } #tfp-home-launchpad .tfph-market-intro>p { margin-top:5px; font-size:13px; line-height:1.5; color:#637086; } #tfp-home-launchpad .tfph-market-entry { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:11px 15px; border:1px solid #7732d3; border-radius:10px; background:#7732d3; color:#fff!important; font-size:13px; font-weight:700; line-height:1.4; white-space:nowrap; } #tfp-home-launchpad .tfph-market-entry>svg { width:18px; height:18px; stroke:#fff; } #tfp-home-launchpad .tfph-market-entry:hover { background:#6624bd; border-color:#6624bd; } #tfp-home-launchpad .tfph-market-browser { min-width:0; margin-top:20px; padding-top:18px; border-top:1px solid var(--tfph-line); } #tfp-home-launchpad .tfph-market-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; } #tfp-home-launchpad .tfph-market-toolbar>h3 { margin:0; padding:0; min-width:0; font-size:15px; line-height:1.4; font-weight:700; color:var(--tfph-ink); } #tfp-home-launchpad .tfph-market-controls { display:flex; flex:0 0 auto; align-items:center; gap:7px; } #tfp-home-launchpad .tfph-market-controls>button { display:flex; align-items:center; justify-content:center; width:40px; min-width:40px; height:40px; min-height:40px; margin:0; padding:10px; border:1px solid #dce2ed; border-radius:10px; background:#fff; color:#20374d; box-shadow:none; cursor:pointer; } #tfp-home-launchpad .tfph-market-controls>button>svg { width:17px; height:17px; stroke:#20374d; } #tfp-home-launchpad .tfph-market-controls>button:hover { border-color:#bb98eb; background:#f6f1fd; } #tfp-home-launchpad .tfph-market-counter { display:block; min-width:40px; margin:0; padding:0; font-size:12px; line-height:1.4; font-weight:600; color:#65728a; text-align:center; white-space:nowrap; } #tfp-home-launchpad .tfph-market-items { min-width:0; } #tfp-home-launchpad .tfph-market-item { display:grid; grid-template-columns:112px minmax(0,1fr); align-items:center; gap:20px; min-width:0; min-height:150px; } #tfp-home-launchpad .tfph-market-photo { display:flex; align-items:center; justify-content:center; width:112px; height:112px; padding:8px; border-radius:12px; background:#f4f2f8; color:#7944c2; overflow:hidden; } #tfp-home-launchpad .tfph-market-photo>img { display:block; width:100%; height:100%; max-width:none; margin:0; object-fit:contain; } #tfp-home-launchpad .tfph-market-placeholder { display:flex; align-items:center; justify-content:center; width:100%; height:100%; } #tfp-home-launchpad .tfph-market-placeholder>svg { width:36px; height:36px; stroke:#7944c2; } #tfp-home-launchpad .tfph-market-copy { min-width:0; } #tfp-home-launchpad .tfph-market-copy>h3 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:0; padding:0; font-size:18px; line-height:1.35; font-weight:700; letter-spacing:-.25px; overflow-wrap:anywhere; } #tfp-home-launchpad .tfph-market-copy>h3>a { color:var(--tfph-ink); } #tfp-home-launchpad .tfph-market-copy>h3>a:hover { color:#7732d3; } #tfp-home-launchpad .tfph-market-meta { margin-top:6px; font-size:12px; line-height:1.5; color:#66738b; overflow-wrap:anywhere; } #tfp-home-launchpad .tfph-market-price { display:block; margin-top:8px; font-size:25px; font-weight:750; line-height:1.25; color:var(--tfph-ink); } #tfp-home-launchpad .tfph-market-details { display:inline-flex; align-items:center; gap:7px; min-height:28px; margin-top:6px; font-size:12px; line-height:1.45; font-weight:600; color:#7732d3; } #tfp-home-launchpad .tfph-market-details:hover { color:#5920a1; } #tfp-home-launchpad .tfph-market-empty { padding:12px 0 3px; font-size:13px; line-height:1.7; color:#66738b; } /* The existing creator links work as native details without JavaScript. */ #tfp-home-launchpad .tfph-create-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } #tfp-home-launchpad .tfph-create>.tfph-create-links { position:relative; grid-template-columns:minmax(0,1fr); margin-top:12px; min-width:250px; padding:10px; background:#fff; border:1px solid #dee2ec; border-radius:12px; z-index:5; } #tfp-home-launchpad .tfph-create:not([open])>.tfph-create-links { display:none; } #tfp-home-launchpad .tfph-create-links>a { display:flex; align-items:center; gap:10px; padding:14px 12px; min-height:66px; min-width:0; border:1px solid #dfe2ec; border-radius:10px; color:#193149; background:#fff; } #tfp-home-launchpad .tfph-create-links>a:nth-child(-n+2) { background:#f6f0ff; border-color:#c9aff0; } #tfp-home-launchpad .tfph-create-links>a>strong { font-size:14px; font-weight:650; line-height:1.4; } #tfp-home-launchpad .tfph-create-links>a>.tfph-icon { color:#7935d9; } #tfp-home-launchpad .tfph-create-links>a:hover { border-color:#955cd4; background:#faf6ff; } #tfp-home-launchpad .tfph-dialog { position:fixed; inset:0; width:min(640px,calc(100vw - 32px)); height:fit-content; max-width:none; max-height:calc(100dvh - 40px); margin:auto; padding:25px; border:1px solid #e5deef; border-radius:19px; background:#fff; color:#173149; box-shadow:0 25px 90px #03142252; overflow:auto; overscroll-behavior:contain; } #tfp-home-launchpad .tfph-dialog:not([open]) { display:none!important; } #tfp-home-launchpad .tfph-dialog::backdrop { background:#041828b8; backdrop-filter:blur(5px); } #tfp-home-launchpad .tfph-dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:10px; } #tfp-home-launchpad .tfph-dialog-heading>h2 { font-size:23px!important; } #tfp-home-launchpad .tfph-dialog>p { font-size:13px; line-height:1.65; color:#6d7b8d; margin:0 0 22px; } #tfp-home-launchpad .tfph-close { display:flex; justify-content:center; align-items:center; flex:0 0 42px; width:42px; height:42px; min-height:42px; padding:10px; background:#f3f5fa!important; color:#54657a!important; border:1px solid #e3e7ef; border-radius:10px; cursor:pointer; box-shadow:none!important; transform:none!important; } #tfp-home-launchpad .tfph-close>svg { width:20px; height:20px; } @media (max-width:1180px) { #tfp-home-launchpad .tfph-hero { padding:28px; gap:24px; } #tfp-home-launchpad .tfph-story { grid-template-columns:minmax(0,1fr) 136px; } #tfp-home-launchpad #tfph-title { font-size:36px!important; letter-spacing:-1.3px; } #tfp-home-launchpad .tfph-intro { font-size:14px; line-height:1.5; } #tfp-home-launchpad .tfph-organize { min-height:46px; font-size:20px!important; padding:9px 14px; } #tfp-home-launchpad .tfph-organize-hint { font-size:10px; } #tfp-home-launchpad .tfph-primary { padding-left:22px; } #tfp-home-launchpad .tfph-feature { padding:14px 11px; gap:9px; } #tfp-home-launchpad .tfph-icon { flex-basis:32px; width:32px; height:37px; padding:5px; } #tfp-home-launchpad .is-featured>.tfph-icon { flex-basis:38px; width:38px; height:44px; } #tfp-home-launchpad .tfph-feature-copy>strong { font-size:16px; } #tfp-home-launchpad .is-featured .tfph-feature-copy>strong { font-size:20px; } #tfp-home-launchpad .tfph-secondary { gap:24px; } #tfp-home-launchpad .tfph-market-header { grid-template-columns:44px minmax(0,1fr); } #tfp-home-launchpad .tfph-market-entry { grid-column:1/span 2; width:100%; margin-top:4px; } } @media (max-width:900px) { #tfp-home-launchpad .tfph-hero { grid-template-columns:minmax(0,1fr); gap:28px; } #tfp-home-launchpad .tfph-story { grid-template-columns:minmax(0,1fr) 164px; } #tfp-home-launchpad .tfph-primary { border:0; padding:0; } #tfp-home-launchpad .tfph-story #tfph-title { font-size:40px!important; } #tfp-home-launchpad .tfph-create { max-width:none; } #tfp-home-launchpad .tfph-organize-hint { max-width:460px; } #tfp-home-launchpad .tfph-feature { min-height:80px; padding:16px; gap:14px; } #tfp-home-launchpad .tfph-feature.is-featured { min-height:105px; } #tfp-home-launchpad .tfph-secondary { grid-template-columns:minmax(0,1fr); gap:24px; } } @media (max-width:600px) { body.tfp-home-launchpad #tfp-home-launchpad { width:calc(100% - 28px); margin-top:14px; } #tfp-home-launchpad h2 { font-size:22px!important; letter-spacing:-.6px; } #tfp-home-launchpad .tfph-hero { display:block; padding:0; border:0; border-radius:0; background:none; } #tfp-home-launchpad .tfph-story { grid-template-columns:minmax(0,1fr) 90px; gap:8px; padding:18px; border:1px solid #163d50; border-radius:19px; background-color:#062638; background-image:url("/frontend/img/home/home-court-20261112.png"); background-position:center; background-size:cover; background-repeat:no-repeat; } #tfp-home-launchpad .tfph-story #tfph-title { grid-column:1; grid-row:1; font-size:22px!important; line-height:1.15; letter-spacing:-.7px; } #tfp-home-launchpad .tfph-intro { grid-column:1; grid-row:2; min-height:0; max-width:none; padding:0; font-size:11px; line-height:1.55; } #tfp-home-launchpad .tfph-create-zone { max-width:none; } #tfp-home-launchpad .tfph-create { max-width:none; } #tfp-home-launchpad .tfph-rico { right:1px; width:84px; bottom:calc(100% - 6px); } #tfp-home-launchpad .tfph-rico>span { top:-20px; right:0; min-width:0; padding:3px 7px; font-size:9px; } #tfp-home-launchpad .tfph-organize { min-height:44px; font-size:16px!important; width:100%; padding:10px 16px; } #tfp-home-launchpad .tfph-organize>svg { width:20px; height:20px; } #tfp-home-launchpad .tfph-organize-hint { grid-column:1/span 2; grid-row:4; max-width:none; font-size:9px; } #tfp-home-launchpad .tfph-primary { margin-top:21px; } #tfp-home-launchpad .tfph-primary-grid { gap:11px 10px; } #tfp-home-launchpad .tfph-feature { min-height:82px; padding:12px 10px; gap:8px; border-radius:13px; } #tfp-home-launchpad .tfph-feature.is-featured { min-height:104px; } #tfp-home-launchpad .tfph-feature>.tfph-icon { flex-basis:28px; width:28px; height:34px; padding:4px; } #tfp-home-launchpad .tfph-feature.is-featured>.tfph-icon { flex-basis:35px; width:35px; height:42px; padding:4px; } #tfp-home-launchpad .tfph-feature.is-featured>.tfph-icon>svg { width:28px; height:28px; } #tfp-home-launchpad .tfph-feature-copy>strong { font-size:14px; letter-spacing:-.3px; } #tfp-home-launchpad .is-featured .tfph-feature-copy>strong { font-size:19px; } #tfp-home-launchpad .tfph-feature-copy>small { font-size:11px; line-height:1.45; } #tfp-home-launchpad .tfph-feature>.tfph-arrow { flex-basis:9px; } #tfp-home-launchpad .tfph-feature>.tfph-arrow>svg { width:12px; height:17px; } #tfp-home-launchpad .tfph-tour { display:grid; grid-template-columns:40px minmax(0,1fr); gap:13px 16px; padding:18px; margin-top:15px; border-radius:15px; } #tfp-home-launchpad .tfph-tour-icon { padding:0; border:0; } #tfp-home-launchpad .tfph-tour-icon>svg { width:37px; height:40px; } #tfp-home-launchpad .tfph-tour-copy>strong { font-size:24px; } #tfp-home-launchpad .tfph-tour-copy>small { font-size:12px; } #tfp-home-launchpad .tfph-city { grid-column:1/span 2; width:100%; margin:0; min-height:44px; font-size:13px; } #tfp-home-launchpad .tfph-secondary { margin-top:24px; } #tfp-home-launchpad .tfph-more>h2 { margin-bottom:13px; } #tfp-home-launchpad .tfph-more-grid { gap:10px; } #tfp-home-launchpad .tfph-more-grid>a { min-height:59px; padding:10px; gap:7px; border-radius:11px; } #tfp-home-launchpad .tfph-more-grid>a>.tfph-icon { flex-basis:28px; width:28px; height:32px; padding:4px; } #tfp-home-launchpad .tfph-more-grid>a>strong { font-size:12px; line-height:1.4; } #tfp-home-launchpad .tfph-more-grid>a>.tfph-arrow { flex-basis:9px; } #tfp-home-launchpad .tfph-more-grid>a>.tfph-arrow>svg { width:12px; height:16px; } #tfp-home-launchpad .tfph-market { padding:18px; border-radius:16px; } #tfp-home-launchpad .tfph-market-header { grid-template-columns:40px minmax(0,1fr); gap:10px; } #tfp-home-launchpad .tfph-market-icon { width:40px; height:40px; padding:8px; } #tfp-home-launchpad .tfph-market-intro>h2 { font-size:21px!important; letter-spacing:-.5px; } #tfp-home-launchpad .tfph-market-intro>p { font-size:12px; } #tfp-home-launchpad .tfph-market-entry { font-size:13px; } #tfp-home-launchpad .tfph-market-toolbar { gap:10px; margin-bottom:14px; } #tfp-home-launchpad .tfph-market-toolbar>h3 { font-size:14px; } #tfp-home-launchpad .tfph-market-controls { gap:5px; } #tfp-home-launchpad .tfph-market-item { grid-template-columns:88px minmax(0,1fr); gap:14px; min-height:142px; } #tfp-home-launchpad .tfph-market-photo { width:88px; height:100px; padding:6px; } #tfp-home-launchpad .tfph-market-copy>h3 { font-size:15px; } #tfp-home-launchpad .tfph-market-meta { font-size:11px; } #tfp-home-launchpad .tfph-market-price { font-size:23px; } #tfp-home-launchpad .tfph-market-details { font-size:11px; gap:4px; } #tfp-home-launchpad .tfph-create-links { grid-template-columns:minmax(0,1fr); } #tfp-home-launchpad .tfph-dialog { padding:20px; max-height:calc(100dvh - 24px); } #tfp-home-launchpad .tfph-dialog-heading>h2 { font-size:21px!important; } } @media (max-width:360px) { #tfp-home-launchpad .tfph-story { gap:6px; } #tfp-home-launchpad .tfph-story { padding:16px; grid-template-columns:minmax(0,1fr) 82px; } #tfp-home-launchpad .tfph-rico { width:78px; } #tfp-home-launchpad .tfph-story #tfph-title { font-size:20px!important; letter-spacing:-.6px; } #tfp-home-launchpad .tfph-feature>.tfph-icon { display:none; } #tfp-home-launchpad .tfph-feature.is-featured>.tfph-icon { display:flex; flex-basis:28px; width:28px; height:34px; } #tfp-home-launchpad .tfph-feature.is-featured .tfph-feature-copy>strong { font-size:17px; } #tfp-home-launchpad .tfph-more-grid>a>.tfph-icon { flex-basis:24px; width:24px; } #tfp-home-launchpad .tfph-market { padding:16px; } #tfp-home-launchpad .tfph-market-intro>h2 { font-size:19px!important; } #tfp-home-launchpad .tfph-market-item { grid-template-columns:78px minmax(0,1fr); gap:12px; } #tfp-home-launchpad .tfph-market-photo { width:78px; height:94px; } } @media (prefers-reduced-motion:reduce) { #tfp-home-launchpad *,#tfp-home-launchpad *::before,#tfp-home-launchpad *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } } /* Desktop: use the screen, keeping one shared 32px outer gutter. */ @media (min-width:1181px) { body.tfp-home-launchpad #tfp-home-launchpad { width:calc(100% - 64px); max-width:none; margin-top:22px; } body.tfp-home-launchpad #hp-content .hp-wrap, body.tfp-home-launchpad #hp-content #tfp-home-features .hfx-wrap { width:calc(100% - 64px)!important; max-width:none!important; margin-left:auto!important; margin-right:auto!important; box-sizing:border-box; } body.tfp-home-launchpad #hp-content #tfp-home-features .hfx-wrap:not(.v5-feature) { padding-left:0!important; padding-right:0!important; } #tfp-home-launchpad .tfph-create, #tfp-home-launchpad .tfph-organize-hint { max-width:460px; } } @media (min-width:1440px) { #tfp-home-launchpad .tfph-hero { gap:40px; padding:36px 40px; } #tfp-home-launchpad .tfph-story { grid-template-columns:minmax(0,1fr) 200px; column-gap:20px; row-gap:8px; } #tfp-home-launchpad #tfph-title { font-size:52px!important; font-size:clamp(44px,2.8vw,56px)!important; letter-spacing:-1.8px; } #tfp-home-launchpad .tfph-intro { font-size:17px; } #tfp-home-launchpad .tfph-organize { min-height:64px; font-size:26px!important; } #tfp-home-launchpad .tfph-organize-hint { font-size:13px; } #tfp-home-launchpad .tfph-primary { padding-left:34px; } #tfp-home-launchpad .tfph-primary-grid { gap:16px; } #tfp-home-launchpad .tfph-feature { min-height:96px; gap:16px; padding:20px; } #tfp-home-launchpad .tfph-feature.is-featured { min-height:126px; } #tfp-home-launchpad .tfph-feature-copy>strong { font-size:20px; } #tfp-home-launchpad .is-featured .tfph-feature-copy>strong { font-size:27px; } #tfp-home-launchpad .tfph-feature-copy>small { font-size:14px; } #tfp-home-launchpad .is-featured>.tfph-icon { flex-basis:56px; width:56px; height:58px; } #tfp-home-launchpad .is-featured>.tfph-icon>svg { width:34px; height:34px; } #tfp-home-launchpad .tfph-tour { padding:23px 34px; } #tfp-home-launchpad .tfph-tour-copy>strong { font-size:30px; } #tfp-home-launchpad .tfph-tour-copy>small { font-size:15px; } #tfp-home-launchpad .tfph-city { min-height:46px; font-size:15px; } #tfp-home-launchpad .tfph-secondary { gap:40px; margin-top:28px; } #tfp-home-launchpad .tfph-more>h2 { font-size:28px!important; } #tfp-home-launchpad .tfph-more-grid { gap:13px; } #tfp-home-launchpad .tfph-more-grid>a { min-height:72px; padding:14px 18px; } #tfp-home-launchpad .tfph-more-grid>a>strong { font-size:16px; } }