/* TennisFinalsPro HOME V5 · homepage-only, purely visual showcases. Original HERO image and all production modules stay untouched. */ #hp-content #tfp-home-features.v5-root{--v5-navy:#0a2636;--v5-green:#07846c;--v5-mint:#78e8cd;--v5-purple:#7639db;--v5-ink:#112d3d;--v5-muted:#69808a;background:#f7fbf9} #hp-content #tfp-home-features.v5-root .hfx-section{overflow:clip;scroll-margin-top:92px} #hp-content #tfp-home-features.v5-root .v5-clubs{padding:clamp(70px,8vw,120px) 0;background:radial-gradient(ellipse at 67% 55%,#def9ee,transparent 60%),linear-gradient(135deg,#f5fbf8,#eaf7f1)} #hp-content #tfp-home-features.v5-root .v5-clubs-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,6vw,90px);align-items:center} #hp-content #tfp-home-features .v5-copy{max-width:580px;position:relative;z-index:2} #hp-content #tfp-home-features .v5-kicker{display:inline-flex;align-items:center;gap:11px;font-size:11px;font-weight:850;letter-spacing:.15em;color:#048a71;line-height:1.5} #hp-content #tfp-home-features .v5-kicker>span{width:7px;height:7px;border-radius:50%;background:#09b48d;box-shadow:0 0 0 6px #3de5b81e} #hp-content #tfp-home-features .v5-copy h2,#hp-content #tfp-home-features .v5-showcase-head h2{margin:17px 0 22px!important;color:var(--v5-ink)!important;font-size:clamp(43px,4.6vw,72px)!important;line-height:1.035!important;letter-spacing:-.055em!important;font-weight:850!important} #hp-content #tfp-home-features .v5-copy h2 em,#hp-content #tfp-home-features .v5-showcase-head h2 em{display:block;color:#09866f;font-style:normal} #hp-content #tfp-home-features .v5-copy p,#hp-content #tfp-home-features .v5-showcase-head p{margin:0;color:#607b78;font-size:clamp(14px,1.25vw,17px);line-height:1.88} #hp-content #tfp-home-features .v5-mini-benefits{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 30px} #hp-content #tfp-home-features .v5-mini-benefits span{padding:9px 12px;border:1px solid #bfe9d7;border-radius:30px;background:#ffffffba;color:#267463;font-size:11px;font-weight:700} #hp-content #tfp-home-features .v5-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;max-width:100%;min-height:52px;padding:13px 20px;border:1px solid transparent;border-radius:13px;background:#0a8f70;color:#fff!important;text-decoration:none;font-size:13px;font-weight:790;box-shadow:0 15px 33px #09876823;transition:transform .3s,box-shadow .3s,background .3s} #hp-content #tfp-home-features .v5-cta span{font-size:21px;line-height:1} #hp-content #tfp-home-features .v5-cta:focus-visible{outline:3px solid #60e4c0;outline-offset:3px} @media(hover:hover) and (pointer:fine){#hp-content #tfp-home-features .v5-cta:hover{transform:translateY(-4px);background:#0c755e;box-shadow:0 20px 42px #09876833}} /* Club first: atmospheric court scene, no live booking data. */ #hp-content #tfp-home-features .v5-club-visual{position:relative;min-height:490px;display:grid;place-items:center;perspective:1000px} #hp-content #tfp-home-features .v5-club-glow{position:absolute;inset:10% 5%;border-radius:50%;background:radial-gradient(ellipse,#4ee3be57,transparent 65%);filter:blur(30px);pointer-events:none} #hp-content #tfp-home-features .v5-court-card{position:relative;z-index:2;width:min(88%,540px);padding:15px;border:1px solid #c6e9dd;border-radius:27px;background:#fff;box-shadow:0 32px 75px #0c614925;transform:rotate(-2deg);overflow:hidden} #hp-content #tfp-home-features .v5-court-heading{display:flex;align-items:center;gap:9px;margin-bottom:13px;padding:5px 4px;color:#1d493f;font-size:12px} #hp-content #tfp-home-features .v5-court-heading>span:last-child{margin-left:auto;color:#79948a;font-size:10px} #hp-content #tfp-home-features .v5-online-dot{width:8px;height:8px;background:#19bf9a;border-radius:50%;box-shadow:0 0 0 5px #17bf9b1b} #hp-content #tfp-home-features .v5-court-field{height:260px;position:relative;border:11px solid #176e56;border-radius:15px;background:linear-gradient(120deg,#2cbb94,#1c9f82);box-shadow:inset 0 0 35px #063e3030;overflow:hidden} #hp-content #tfp-home-features .v5-court-lines{position:absolute;inset:21px 28px;border:3px solid #d7fff4} #hp-content #tfp-home-features .v5-court-lines::before,#hp-content #tfp-home-features .v5-court-lines::after{content:"";position:absolute;top:0;bottom:0;width:2px;background:#d7fff4;left:50%} #hp-content #tfp-home-features .v5-court-lines::after{left:0;right:0;top:50%;width:100%;height:2px} #hp-content #tfp-home-features .v5-court-service{position:absolute;top:22%;bottom:22%;left:23%;right:23%;border-left:2px solid #d7fff4;border-right:2px solid #d7fff4} #hp-content #tfp-home-features .v5-court-service::after{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#d7fff4} #hp-content #tfp-home-features .v5-court-ball{position:absolute;left:66%;top:32%;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#efff62,#a9df1f);box-shadow:0 7px 13px #043f3340} #hp-content #tfp-home-features .v5-court-footer{display:flex;justify-content:space-between;gap:10px;padding:16px 5px 4px} #hp-content #tfp-home-features .v5-court-footer span{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#578070;font-weight:750} #hp-content #tfp-home-features .v5-court-footer i{display:block;width:7px;height:7px;border-radius:50%;background:#37d59f} #hp-content #tfp-home-features .v5-club-card--back{position:absolute;z-index:1;left:1%;top:15%;transform:rotate(-9deg);display:flex;flex-direction:column;gap:10px;width:135px;padding:18px;border:1px solid #dbefe7;border-radius:18px;background:#fff;box-shadow:0 18px 45px #155f4c18} #hp-content #tfp-home-features .v5-club-card span{color:#b6d5c5;font-size:24px;font-weight:900} #hp-content #tfp-home-features .v5-club-card strong{color:#2b6952;font-size:15px} #hp-content #tfp-home-features .v5-club-card small{color:#719184;font-size:10px} #hp-content #tfp-home-features .v5-club-bubble{position:absolute;right:0;bottom:4%;z-index:3;display:flex;gap:10px;align-items:center;padding:16px;border:1px solid #cfebdf;border-radius:18px;background:#fff;box-shadow:0 20px 44px #0d77502c} #hp-content #tfp-home-features .v5-club-bubble>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#d6f9e8;color:#078764;font-size:18px} #hp-content #tfp-home-features .v5-club-bubble strong,#hp-content #tfp-home-features .v5-club-bubble small{display:block} #hp-content #tfp-home-features .v5-club-bubble strong{font-size:12px;color:#19483d} #hp-content #tfp-home-features .v5-club-bubble small{font-size:10px;color:#698478;margin-top:3px} /* Showcase containers are high-end section compositions, not apps. */ #hp-content #tfp-home-features .v5-showcase{background:radial-gradient(circle at 5% 12%,#d9f9ed,transparent 24%),radial-gradient(circle at 100% 74%,#dfdcff5c,transparent 23%),#f9fcfb;padding:clamp(80px,9vw,132px) 0 75px} #hp-content #tfp-home-features .v5-showcase-head{max-width:775px;margin:0 auto 66px;text-align:center} #hp-content #tfp-home-features .v5-showcase-head h2{font-size:clamp(38px,4.1vw,66px)!important} #hp-content #tfp-home-features .v5-showcase-head h2 em{display:block} #hp-content #tfp-home-features .v5-feature{display:grid;grid-template-columns:minmax(0,.81fr) minmax(0,1.19fr);align-items:center;gap:clamp(22px,4vw,64px);padding:clamp(26px,4vw,57px);margin:0 0 36px;border:1px solid #cfe5da;border-radius:32px;background:linear-gradient(150deg,#fff,#f6fbf8);box-shadow:0 24px 65px #1c6d5410} #hp-content #tfp-home-features .v5-feature--reverse{grid-template-columns:minmax(0,1.19fr) minmax(0,.81fr)} #hp-content #tfp-home-features .v5-feature--reverse .v5-feature-copy{grid-column:2;grid-row:1} #hp-content #tfp-home-features .v5-feature--reverse .v5-feature-art{grid-column:1;grid-row:1} #hp-content #tfp-home-features .v5-feature-copy{min-width:0} #hp-content #tfp-home-features .v5-index{display:inline-flex;align-items:center;gap:8px;color:#088b70;font-size:10px;font-weight:850;letter-spacing:.12em;line-height:1.5} #hp-content #tfp-home-features .v5-feature-copy h3{color:#112f3f;font-size:clamp(29px,3.1vw,46px);line-height:1.09;letter-spacing:-.05em;margin:14px 0 17px!important;font-weight:840} #hp-content #tfp-home-features .v5-feature-copy p{font-size:14px;line-height:1.85;color:#667f79;margin:0 0 20px} #hp-content #tfp-home-features .v5-feature-copy ul{display:grid;gap:11px;padding:0;margin:0 0 26px;list-style:none} #hp-content #tfp-home-features .v5-feature-copy li{display:flex;align-items:flex-start;gap:11px;font-size:12px;color:#305549;line-height:1.65;font-weight:700} #hp-content #tfp-home-features .v5-feature-copy li::before{content:"✓";display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:7px;background:#d9f9eb;color:#078a68;font-size:11px;font-weight:900} #hp-content #tfp-home-features .v5-feature-art{min-width:0;position:relative;isolation:isolate} #hp-content #tfp-home-features .v5-feature-art::before{content:"";position:absolute;inset:-12%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#2ee2ac26,transparent 66%);filter:blur(28px);pointer-events:none} #hp-content #tfp-home-features .v5-art-window{overflow:hidden;border:1px solid #dce9e4;border-radius:23px;background:#fff;box-shadow:0 20px 55px #184b531b} #hp-content #tfp-home-features .v5-art-top{min-height:52px;display:flex;align-items:center;gap:9px;padding:11px 14px;background:#0b3040;color:#fff;font-size:11px} #hp-content #tfp-home-features .v5-art-top>strong{font-size:12px} #hp-content #tfp-home-features .v5-art-top>span:last-child{margin-left:auto;color:#9cbec7;font-size:10px} #hp-content #tfp-home-features .v5-window-dots{display:flex;gap:5px} #hp-content #tfp-home-features .v5-window-dots i{width:7px;height:7px;border-radius:50%;background:#82e8cd} #hp-content #tfp-home-features .v5-window-dots i:nth-child(2){background:#f6d382} #hp-content #tfp-home-features .v5-window-dots i:nth-child(3){background:#e68f94} #hp-content #tfp-home-features .v5-booking-row{display:flex;justify-content:space-between;gap:10px;padding:18px 18px 12px;color:#284e5e;font-size:12px;font-weight:800} #hp-content #tfp-home-features .v5-chip-soft{background:#eaf6f0;color:#167d67;padding:5px 9px;border-radius:999px;font-size:10px} #hp-content #tfp-home-features .v5-booking-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:0 13px 14px} #hp-content #tfp-home-features .v5-booking-day{display:flex;flex-direction:column;gap:6px;min-width:0} #hp-content #tfp-home-features .v5-booking-day>strong{padding:9px 3px;text-align:center;border-radius:8px;background:#edf4f5;color:#507484;font-size:10px} #hp-content #tfp-home-features .v5-booking-slot{display:flex;flex-direction:column;justify-content:space-between;gap:4px;min-height:75px;padding:9px 6px;border-radius:9px;font-size:9px;line-height:1.2} #hp-content #tfp-home-features .v5-booking-slot small{font-size:9px;opacity:.75} #hp-content #tfp-home-features .v5-booking-slot span{font-size:10px;font-weight:800;overflow-wrap:anywhere} #hp-content #tfp-home-features .v5-booking-slot.is-free{background:#dcf8eb;color:#16715a;border:1px solid #c0e9d7} #hp-content #tfp-home-features .v5-booking-slot.is-taken{background:#eeebf5;color:#716b86;border:1px solid #e5deef} #hp-content #tfp-home-features .v5-booking-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:13px 18px 16px;border-top:1px solid #ecf3ef;font-size:10px;color:#6d8680} #hp-content #tfp-home-features .v5-booking-legend span{display:inline-flex;align-items:center;gap:6px} #hp-content #tfp-home-features .v5-booking-legend span:last-child{margin-left:auto} #hp-content #tfp-home-features .v5-booking-legend i{width:7px;height:7px;border-radius:3px;background:#2aca94} #hp-content #tfp-home-features .v5-booking-legend .v5-busy{background:#a99bbf} /* LIVE board, all labels are explicitly generic. */ #hp-content #tfp-home-features .v5-feature--referee{background:linear-gradient(125deg,#f0f5fb,#fff)} #hp-content #tfp-home-features .v5-scoreboard{padding:clamp(17px,2.4vw,33px);border:1px solid #2f5968;border-radius:22px;background:radial-gradient(ellipse at 92% 18%,#10516a88,transparent 58%),#092535;color:#fff;box-shadow:0 24px 56px #082b4f28} #hp-content #tfp-home-features .v5-scoreboard>header{display:flex;align-items:center;gap:14px;margin-bottom:21px;color:#a9c9d9;font-size:11px} #hp-content #tfp-home-features .v5-live-pill{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:#096951;color:#caffee;font-size:10px;font-weight:900;letter-spacing:.12em} #hp-content #tfp-home-features .v5-live-pill i{width:6px;height:6px;background:#88f9d2;border-radius:50%} #hp-content #tfp-home-features .v5-scoped-line{margin-left:auto;width:30%;height:1px;background:#ffffff20} #hp-content #tfp-home-features .v5-score-heading,.v5-score-line{display:grid;grid-template-columns:minmax(0,1fr) 42px 42px 54px;align-items:center;gap:5px} #hp-content #tfp-home-features .v5-score-heading{padding:0 0 12px;text-align:center;border-bottom:1px solid #ffffff24;color:#86a9bb;font-size:10px} #hp-content #tfp-home-features .v5-score-heading span:first-child{text-align:left} #hp-content #tfp-home-features .v5-score-line{padding:16px 0;border-bottom:1px solid #ffffff1c;text-align:center;font-size:23px;font-weight:750} #hp-content #tfp-home-features .v5-score-line>div{position:relative;text-align:left;padding-left:18px} #hp-content #tfp-home-features .v5-score-line strong{display:block;font-size:clamp(12px,1.3vw,18px);line-height:1.3} #hp-content #tfp-home-features .v5-score-line small{display:block;margin-top:4px;font-size:10px;color:#75deb8;height:14px} #hp-content #tfp-home-features .v5-player-accent{position:absolute;top:3px;bottom:2px;left:0;width:4px;border-radius:3px;background:#7847ee} #hp-content #tfp-home-features .v5-player-accent.is-other{background:#00baa0} #hp-content #tfp-home-features .v5-score-line b{padding:11px 2px;border-radius:11px;background:#204256;font-size:30px;line-height:1.1} #hp-content #tfp-home-features .v5-score-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;color:#9bc0cd;font-size:11px} #hp-content #tfp-home-features .v5-score-bottom>div{display:flex;align-items:center;gap:8px} #hp-content #tfp-home-features .v5-score-bottom i{height:7px;width:7px;background:#77edd5;border-radius:50%} #hp-content #tfp-home-features .v5-match-pulse{display:flex;align-items:end;gap:3px;height:21px} #hp-content #tfp-home-features .v5-match-pulse span{width:4px;height:12px;background:#76eaca;border-radius:3px;opacity:.7} #hp-content #tfp-home-features .v5-match-pulse span:nth-child(2){height:19px} #hp-content #tfp-home-features .v5-match-pulse span:nth-child(3){height:8px} #hp-content #tfp-home-features .v5-match-pulse span:nth-child(4){height:16px} #hp-content #tfp-home-features .v5-match-pulse span:nth-child(5){height:10px} /* Homepage match analysis: anonymous sample, responsive comparison table. */ #hp-content #tfp-home-features .v5-feature--analysis{background:linear-gradient(130deg,#fff,#faf8ff)} #hp-content #tfp-home-features .v5-match-stats{min-width:0;padding:clamp(14px,2.2vw,27px);border:1px solid #dce6e3;border-radius:24px;background:#fff;color:#153746;box-shadow:0 20px 55px #294e6710;font-variant-numeric:tabular-nums} #hp-content #tfp-home-features .v5-match-stats,#hp-content #tfp-home-features .v5-match-stats *{box-sizing:border-box} #hp-content #tfp-home-features .v5-match-stats__header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 18px} #hp-content #tfp-home-features .v5-match-stats__eyebrow{display:block;font-size:9px;font-weight:800;line-height:1.5;letter-spacing:.12em;color:#6b807d} #hp-content #tfp-home-features .v5-match-stats__header h4{margin:5px 0 0!important;padding:0!important;color:#153746!important;font-size:clamp(21px,2.2vw,28px)!important;font-weight:800!important;letter-spacing:-.035em!important;line-height:1.2!important} #hp-content #tfp-home-features .v5-match-stats__example{display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border:1px solid #dceae1;border-radius:99px;background:#f1f8f3;color:#526f61;font-size:10px;line-height:1.4;font-weight:700} #hp-content #tfp-home-features .v5-match-stats__score{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin-bottom:15px;padding:15px 12px;border:1px solid #dfece5;border-radius:16px;background:linear-gradient(115deg,#eff9f4,#f8f7fd)} #hp-content #tfp-home-features .v5-match-stats__player{display:flex;align-items:center;gap:7px;min-width:0;font-size:13px;font-weight:750;color:#0a806e;white-space:nowrap} #hp-content #tfp-home-features .v5-match-stats__player.is-second{justify-content:flex-end;color:#7650ad} #hp-content #tfp-home-features .v5-match-stats__player i,#hp-content #tfp-home-features .v5-match-stats__dot{display:inline-block;flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#0b8a76} #hp-content #tfp-home-features .v5-match-stats__player.is-second i,#hp-content #tfp-home-features .v5-match-stats__dot.is-second{background:#8a63bf} #hp-content #tfp-home-features .v5-match-stats__score>div{text-align:center} #hp-content #tfp-home-features .v5-match-stats__score strong{display:block;color:#153746;font-size:35px;font-weight:800;letter-spacing:-.05em;line-height:1.1} #hp-content #tfp-home-features .v5-match-stats__score strong span{margin:0 5px;color:#8ba29d;font-weight:500} #hp-content #tfp-home-features .v5-match-stats__score small{display:block;margin-top:5px;font-size:11px;font-weight:650;line-height:1.4;color:#6a807d} #hp-content #tfp-home-features .v5-match-stats__summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 15px} #hp-content #tfp-home-features .v5-match-stats__summary>div{min-width:0;padding:12px 10px;border:1px solid #e2ebe7;border-radius:12px;background:#f8fbfa} #hp-content #tfp-home-features .v5-match-stats__summary>div>span{display:block;font-size:11px;line-height:1.4;color:#697f7e} #hp-content #tfp-home-features .v5-match-stats__summary strong{display:flex;align-items:baseline;gap:4px;margin-top:7px;font-size:clamp(17px,1.8vw,25px);line-height:1.2;white-space:nowrap} #hp-content #tfp-home-features .v5-match-stats__summary b{font-weight:800;color:#087e6d} #hp-content #tfp-home-features .v5-match-stats__summary b:last-child{color:#7953af} #hp-content #tfp-home-features .v5-match-stats__summary i{font-size:12px;font-style:normal;font-weight:500;color:#90a29e} #hp-content #tfp-home-features .v5-match-stats__toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;margin-bottom:13px} #hp-content #tfp-home-features .v5-match-stats__periods,#hp-content #tfp-home-features .v5-match-stats__modes{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3px;min-width:0;padding:3px;border:1px solid #dfe8e5;border-radius:11px;background:#f3f7f5} #hp-content #tfp-home-features .v5-match-stats__modes{grid-auto-columns:auto} #hp-content #tfp-home-features .v5-match-stats button{display:block;appearance:none;min-width:0;min-height:40px;margin:0;padding:8px 7px;border:1px solid transparent;border-color:transparent!important;border-radius:8px!important;background:transparent;color:#607a77;font:inherit;font-size:11px;font-weight:700;line-height:1.25;cursor:pointer;box-shadow:none;transform:none;transition:background .15s,color .15s} #hp-content #tfp-home-features .v5-match-stats button[aria-pressed=true]{border-color:#dce9e2!important;background:#fff;color:#0c7766;box-shadow:0 2px 5px #1a50300a} #hp-content #tfp-home-features .v5-match-stats__modes button[aria-pressed=true]{border-color:transparent!important;background:#0b8072;color:#fff} #hp-content #tfp-home-features .v5-match-stats__modes button[data-v5-stats-mode=pro][aria-pressed=true]{background:#7951b1} #hp-content #tfp-home-features .v5-match-stats button:disabled{cursor:default;opacity:.6} #hp-content #tfp-home-features .v5-match-stats button:focus-visible{outline:3px solid #387cdb!important;outline-offset:2px!important} @media(hover:hover){#hp-content #tfp-home-features .v5-match-stats button:not(:disabled):not([aria-pressed=true]):hover{background:#e4eee8;color:#1c5d4f}} #hp-content #tfp-home-features .v5-match-stats__table-wrap{overflow:hidden;border:1px solid #e0e9e6;border-radius:13px} #hp-content #tfp-home-features .v5-match-stats table{width:100%;margin:0;border:0;border-collapse:collapse;table-layout:fixed;font-size:12px;line-height:1.45} #hp-content #tfp-home-features .v5-match-stats th,#hp-content #tfp-home-features .v5-match-stats td{height:auto;padding:11px 10px;border:0;border-bottom:1px solid #e8efeb;border-color:#e8efeb!important;vertical-align:middle;text-align:center;background:none!important;color:inherit} #hp-content #tfp-home-features .v5-match-stats th{font-size:12px!important;letter-spacing:0!important;text-transform:none!important;font-weight:550!important} #hp-content #tfp-home-features .v5-match-stats thead,#hp-content #tfp-home-features .v5-match-stats thead tr{background:#edf4f1!important} #hp-content #tfp-home-features .v5-match-stats thead th{font-size:11px!important;font-weight:750!important;color:#56736d!important} #hp-content #tfp-home-features .v5-match-stats th:first-child{width:46%;text-align:left} #hp-content #tfp-home-features .v5-match-stats__dot{width:5px;height:5px;margin-right:5px;vertical-align:middle} #hp-content #tfp-home-features .v5-match-stats tbody th{font-weight:550;color:#4c6d66!important;overflow-wrap:anywhere} #hp-content #tfp-home-features .v5-match-stats tbody tr:nth-child(even){background:#f8fbfa} #hp-content #tfp-home-features .v5-match-stats tbody tr:last-child>*{border-bottom:0} #hp-content #tfp-home-features .v5-match-stats td strong{display:inline-block;padding:3px 7px;border-radius:7px;color:#0a806e;font-size:16px;font-weight:750;line-height:1.25} #hp-content #tfp-home-features .v5-match-stats td:last-child strong{color:#7953af} #hp-content #tfp-home-features .v5-match-stats td.is-best strong{background:#e1f2e8;font-weight:850} #hp-content #tfp-home-features .v5-match-stats td:last-child.is-best strong{background:#eee7f7} #hp-content #tfp-home-features .v5-match-stats td small{display:block;margin-top:2px;color:#708782;font-size:10px;font-weight:500} #hp-content #tfp-home-features .v5-match-stats td small:empty{display:none} #hp-content #tfp-home-features .v5-match-stats__bar{display:block;width:100%;height:3px;margin-top:6px;border-radius:3px;overflow:hidden;background:#b39ad4} #hp-content #tfp-home-features .v5-match-stats__bar i{display:block;height:100%;max-width:100%;background:#42aa94} #hp-content #tfp-home-features .v5-match-stats__footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 10px;margin-top:13px;color:#6d837e;font-size:10px;line-height:1.5} #hp-content #tfp-home-features .v5-match-stats__footer>span:first-child{font-weight:650} #hp-content #tfp-home-features .v5-match-stats__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} #hp-content #tfp-home-features .v5-match-stats [hidden]{display:none!important} @media(max-width:400px){ #hp-content #tfp-home-features .v5-match-stats{border-radius:18px;padding:13px} #hp-content #tfp-home-features .v5-match-stats__header{gap:8px} #hp-content #tfp-home-features .v5-match-stats__header h4{font-size:21px!important} #hp-content #tfp-home-features .v5-match-stats__score{padding:13px 8px;gap:7px} #hp-content #tfp-home-features .v5-match-stats__player{gap:5px;font-size:11px} #hp-content #tfp-home-features .v5-match-stats__score strong{font-size:30px} #hp-content #tfp-home-features .v5-match-stats__summary{gap:6px} #hp-content #tfp-home-features .v5-match-stats__summary>div{padding:10px 6px} #hp-content #tfp-home-features .v5-match-stats__summary strong{font-size:17px;gap:3px} #hp-content #tfp-home-features .v5-match-stats__toolbar{gap:5px} #hp-content #tfp-home-features .v5-match-stats button{padding:7px 5px;font-size:10px} #hp-content #tfp-home-features .v5-match-stats th,#hp-content #tfp-home-features .v5-match-stats td{padding:10px 6px} #hp-content #tfp-home-features .v5-match-stats thead th{font-size:10px!important} #hp-content #tfp-home-features .v5-match-stats__dot{margin-right:3px;width:4px;height:4px} #hp-content #tfp-home-features .v5-match-stats td strong{padding:3px 4px;font-size:15px} } #hp-content #tfp-home-features .v5-purple-chip{padding:9px 12px;border-radius:12px;background:#eee7fc;color:#7137d5;font-size:11px;font-weight:850} /* Bracket remains fully visible: three columns desktop, stacked rounds mobile. */ #hp-content #tfp-home-features .v5-bracket-window{padding:15px;border-radius:21px;border:1px solid #e0d8ef;background:linear-gradient(140deg,#fbfaff,#f5f1fc);box-shadow:0 23px 49px #48367515} #hp-content #tfp-home-features .v5-bracket-window>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px;color:#38295c;font-size:11px;font-weight:800} #hp-content #tfp-home-features .v5-bracket-window>header span:last-child{font-size:9px;color:#9387ac;font-weight:700} #hp-content #tfp-home-features .v5-bracket-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px} #hp-content #tfp-home-features .v5-bracket-column{min-width:0;display:flex;flex-direction:column;gap:8px} #hp-content #tfp-home-features .v5-bracket-column>strong{font-size:10px;margin-bottom:1px;color:#6d4aaa} #hp-content #tfp-home-features .v5-bracket-semi{justify-content:space-between} #hp-content #tfp-home-features .v5-bracket-semi>strong{margin-bottom:9px} #hp-content #tfp-home-features .v5-bracket-final{justify-content:center} #hp-content #tfp-home-features .v5-bracket-final>strong{margin-bottom:9px} #hp-content #tfp-home-features .v5-bracket-match{padding:6px;border-radius:10px;border:1px solid #dfd6ee;background:#fff;box-shadow:0 4px 10px #22184f07} #hp-content #tfp-home-features .v5-bracket-match>span{display:flex;justify-content:space-between;gap:4px;align-items:center;padding:8px 6px;font-size:10px;font-weight:780;color:#365064;border-radius:5px} #hp-content #tfp-home-features .v5-bracket-match>span:first-child{background:#e5f7ed;color:#086d58} #hp-content #tfp-home-features .v5-bracket-match b{flex:none;padding:4px 5px;border-radius:5px;background:#f0ecf7;color:#594d80;font-size:9px;white-space:nowrap} #hp-content #tfp-home-features .v5-bracket-match--final{background:#122a45;border-color:#122a45} #hp-content #tfp-home-features .v5-bracket-match--final>span{color:#fff} #hp-content #tfp-home-features .v5-bracket-match--final>span:first-child{background:#0e554a;color:#d7fff0} #hp-content #tfp-home-features .v5-bracket-winner{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;margin:13px 0 0} #hp-content #tfp-home-features .v5-bracket-winner>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff0b6;color:#a66c16;font-size:19px} #hp-content #tfp-home-features .v5-bracket-winner small{font-size:9px;color:#9c83b1} #hp-content #tfp-home-features .v5-bracket-winner strong{color:#49347b;font-size:12px} #hp-content #tfp-home-features .v5-bracket-bottom{margin-top:14px;padding:11px;text-align:center;border-top:1px solid #e0d6ed;color:#776a92;font-size:10px;font-weight:650} /* Academy and chat close the product journey. */ #hp-content #tfp-home-features .v5-academy{background:#f6f7fd;padding:75px 0} #hp-content #tfp-home-features .v5-feature--academy{background:#fff;margin-bottom:0} #hp-content #tfp-home-features .v5-calendar-window{padding:20px;border-radius:22px;border:1px solid #e3dcf1;background:#fff;box-shadow:0 23px 52px #4e388e18} #hp-content #tfp-home-features .v5-calendar-window header{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px} #hp-content #tfp-home-features .v5-calendar-window header div{display:flex;flex-direction:column;gap:4px} #hp-content #tfp-home-features .v5-calendar-window header span:first-child{font-size:10px;color:#88769d;font-weight:770} #hp-content #tfp-home-features .v5-calendar-window header strong{font-size:20px;color:#2d2946} #hp-content #tfp-home-features .v5-calendar-logo{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#ebe1fb;color:#824ee0} #hp-content #tfp-home-features .v5-calendar-weekdays,#hp-content #tfp-home-features .v5-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px} #hp-content #tfp-home-features .v5-calendar-weekdays span{text-align:center;padding:9px 0;color:#a39ab5;font-size:9px;font-weight:800} #hp-content #tfp-home-features .v5-calendar-days>div{min-height:45px;display:flex;justify-content:space-between;flex-direction:column;padding:6px;border:1px solid #e9e5ef;border-radius:8px;background:#fff;color:#586275;font-size:11px} #hp-content #tfp-home-features .v5-calendar-days>div.has-session{background:#f0e9ff;border-color:#cebafb;color:#6f3acb} #hp-content #tfp-home-features .v5-calendar-days i{display:block;width:22px;height:4px;border-radius:3px;background:#a474ed} #hp-content #tfp-home-features .v5-calendar-session{display:flex;align-items:center;gap:15px;margin-top:15px;padding:14px;border:1px solid #ded5ed;border-radius:13px;background:#faf8fd} #hp-content #tfp-home-features .v5-calendar-session>span:first-child{font-size:14px;font-weight:850;color:#7741cb} #hp-content #tfp-home-features .v5-calendar-session>div{display:flex;flex-direction:column;gap:4px} #hp-content #tfp-home-features .v5-calendar-session strong{font-size:11px;color:#483467} #hp-content #tfp-home-features .v5-calendar-session small{font-size:9px;color:#9c89af} #hp-content #tfp-home-features .v5-calendar-status{margin-left:auto;padding:7px 8px;border-radius:8px;background:#e7e0f7;color:#7548bc;font-size:9px;font-weight:800} #hp-content #tfp-home-features .v5-chat{background:radial-gradient(circle at 65% 45%,#145369,transparent 54%),linear-gradient(120deg,#071a2b,#08273a);padding:95px 0} #hp-content #tfp-home-features .v5-feature--chat{margin-bottom:0;border:0;background:transparent;box-shadow:none;color:#fff} #hp-content #tfp-home-features .v5-chat .v5-index{color:#6bdfd0} #hp-content #tfp-home-features .v5-chat .v5-feature-copy h3{color:#fff!important} #hp-content #tfp-home-features .v5-chat .v5-feature-copy p{color:#bad0dc} #hp-content #tfp-home-features .v5-chat .v5-feature-copy li{color:#d7e9ee} #hp-content #tfp-home-features .v5-chat .v5-feature-copy li::before{background:#1a756c;color:#c7fff1} #hp-content #tfp-home-features .v5-chat .v5-cta{background:#65e0cd;color:#073c37!important} #hp-content #tfp-home-features .v5-phone-scene{position:relative;min-height:470px;display:grid;place-items:center} #hp-content #tfp-home-features .v5-phone-ring{position:absolute;inset:12% 0;border:1px solid #81ddd62d;border-radius:50%;transform:rotate(-24deg)} #hp-content #tfp-home-features .v5-phone-ring::before{content:"";position:absolute;inset:20%;border:1px solid #81ddd623;border-radius:50%} #hp-content #tfp-home-features .v5-phone{position:relative;z-index:1;overflow:hidden;width:min(100%,302px);border:5px solid #205369;border-radius:31px;background:#edf4f7;box-shadow:0 30px 68px #010b1ca8;transform:rotate(-3deg)} #hp-content #tfp-home-features .v5-phone>header{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:16px;background:#0a2b3c;color:#fff} #hp-content #tfp-home-features .v5-phone>header>div{display:flex;align-items:center;gap:9px} #hp-content #tfp-home-features .v5-phone-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:11px;background:#0a8c80;color:#c7fff1;font-size:10px;font-weight:850} #hp-content #tfp-home-features .v5-phone header strong,#hp-content #tfp-home-features .v5-phone header small{display:block} #hp-content #tfp-home-features .v5-phone header strong{font-size:14px} #hp-content #tfp-home-features .v5-phone header small{font-size:9px;color:#98c2ce;margin-top:4px} #hp-content #tfp-home-features .v5-phone-thread{display:flex;flex-direction:column;gap:13px;padding:23px 15px 38px;min-height:285px} #hp-content #tfp-home-features .v5-bubble{display:flex;flex-direction:column;max-width:83%;padding:13px;border-radius:13px;background:#fff;color:#1b4252;box-shadow:0 7px 18px #12374d13} #hp-content #tfp-home-features .v5-bubble-out{align-self:flex-end;background:#d1f4e9} #hp-content #tfp-home-features .v5-bubble small{font-size:9px;color:#2e8975;font-weight:800} #hp-content #tfp-home-features .v5-bubble>span{font-size:11px;line-height:1.55;margin-top:7px} #hp-content #tfp-home-features .v5-bubble time{align-self:end;margin-top:5px;color:#91abb2;font-size:8px} #hp-content #tfp-home-features .v5-phone-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 12px 13px;padding:12px;border-radius:100px;background:#fff;color:#9ab1b6;font-size:10px} #hp-content #tfp-home-features .v5-phone-bottom>span:last-child{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#16ab9e;color:#fff} #hp-content #tfp-home-features .v5-phone-sticker{position:absolute;right:5%;bottom:18%;z-index:2;padding:13px 16px;border-radius:15px;background:#eafff7;color:#086750;font-size:11px;font-weight:800;box-shadow:0 12px 28px #04101c66} /* JS-enhanced scroll entrances: content never remains hidden if JS cannot initialise. */ #hp-content #tfp-home-features.v5-motion [data-v5-reveal]{transition:opacity 1s ease,transform 1s cubic-bezier(.18,.82,.22,1),filter 1s ease;transition-delay:var(--v5-delay,0ms);will-change:opacity,transform} #hp-content #tfp-home-features.v5-motion [data-v5-reveal].v5-pending{opacity:0;filter:blur(7px);transform:translate3d(0,55px,0) scale(.985)} #hp-content #tfp-home-features.v5-motion [data-v5-reveal="left"].v5-pending{transform:translate3d(-65px,20px,0) scale(.985)} #hp-content #tfp-home-features.v5-motion [data-v5-reveal="right"].v5-pending{transform:translate3d(65px,20px,0) scale(.985)} #hp-content #tfp-home-features.v5-motion [data-v5-reveal].v5-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:none} #hp-content #tfp-home-features.v5-motion [data-v5-reveal].v5-visible .v5-bar-track>span{transform:scaleX(1)} #hp-content #tfp-home-features.v5-motion [data-v5-reveal].v5-pending .v5-bar-track>span{transform:scaleX(.02)} #hp-content #tfp-home-features.v5-motion .v5-visible .v5-court-ball{animation:v5-ball-bob 4.8s ease-in-out infinite} #hp-content #tfp-home-features.v5-motion .v5-visible .v5-court-card{animation:v5-card-float 8s ease-in-out infinite} #hp-content #tfp-home-features.v5-motion .v5-visible .v5-club-bubble{animation:v5-bubble-float 7s ease-in-out infinite} #hp-content #tfp-home-features.v5-motion .v5-visible .v5-match-pulse span{animation:v5-wave 1.9s ease-in-out infinite} #hp-content #tfp-home-features.v5-motion .v5-visible .v5-match-pulse span:nth-child(2n){animation-delay:.35s} #hp-content #tfp-home-features.v5-motion .v5-visible .v5-last-bubble{animation:v5-message-glow 6s ease-in-out infinite} @keyframes v5-ball-bob{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-8px,-17px,0)}} @keyframes v5-card-float{0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}50%{transform:translate3d(0,-8px,0) rotate(-1.5deg)}} @keyframes v5-bubble-float{0%,100%{translate:0 0}50%{translate:0 -8px}} @keyframes v5-wave{0%,100%{transform:scaleY(.45);opacity:.5}50%{transform:scaleY(1.2);opacity:1}} @keyframes v5-message-glow{0%,100%{box-shadow:0 6px 15px #0b8c6b18}50%{box-shadow:0 8px 30px #0b8c6b55}} @media(max-width:1100px){ #hp-content #tfp-home-features .v5-feature{grid-template-columns:minmax(0,1fr);gap:25px} #hp-content #tfp-home-features .v5-feature--reverse .v5-feature-copy,#hp-content #tfp-home-features .v5-feature--reverse .v5-feature-art{grid-column:auto;grid-row:auto} #hp-content #tfp-home-features .v5-feature--reverse .v5-feature-copy{order:0} #hp-content #tfp-home-features .v5-feature--reverse .v5-feature-art{order:1} #hp-content #tfp-home-features .v5-feature-art{width:100%} #hp-content #tfp-home-features .v5-clubs-layout{gap:25px} #hp-content #tfp-home-features .v5-court-field{height:220px} } @media(max-width:760px){ #hp-content #tfp-home-features .v5-clubs-layout{grid-template-columns:minmax(0,1fr)} #hp-content #tfp-home-features .v5-club-visual{min-height:365px} #hp-content #tfp-home-features .v5-court-card{width:min(94%,490px)} #hp-content #tfp-home-features .v5-showcase{padding:70px 0 35px} #hp-content #tfp-home-features .v5-showcase-head{margin-bottom:38px} #hp-content #tfp-home-features .v5-feature{padding:24px;border-radius:23px;margin-bottom:21px} #hp-content #tfp-home-features .v5-feature-copy h3{font-size:clamp(27px,7vw,39px)} #hp-content #tfp-home-features .v5-score-line strong{font-size:15px} } @media(max-width:500px){ #hp-content #tfp-home-features .v5-clubs{padding:62px 0 58px} #hp-content #tfp-home-features .v5-copy h2,#hp-content #tfp-home-features .v5-showcase-head h2{font-size:clamp(33px,9vw,46px)!important} #hp-content #tfp-home-features .v5-copy p,#hp-content #tfp-home-features .v5-showcase-head p{font-size:13px} #hp-content #tfp-home-features .v5-mini-benefits{margin:20px 0 25px} #hp-content #tfp-home-features .v5-club-visual{min-height:315px} #hp-content #tfp-home-features .v5-court-card{padding:9px;border-radius:20px} #hp-content #tfp-home-features .v5-court-field{height:175px;border-width:8px} #hp-content #tfp-home-features .v5-court-lines{inset:13px 16px} #hp-content #tfp-home-features .v5-club-card--back{top:0;left:0;scale:.76;transform-origin:left top} #hp-content #tfp-home-features .v5-club-bubble{right:0;bottom:0;padding:10px} #hp-content #tfp-home-features .v5-feature{padding:16px;gap:24px} #hp-content #tfp-home-features .v5-feature-copy h3{font-size:clamp(27px,8vw,34px)} #hp-content #tfp-home-features .v5-feature-copy p{font-size:13px} #hp-content #tfp-home-features .v5-feature-copy li{font-size:11px} #hp-content #tfp-home-features .v5-booking-grid{gap:3px;padding:0 6px 12px} #hp-content #tfp-home-features .v5-booking-row{padding:13px 10px} #hp-content #tfp-home-features .v5-booking-day{gap:4px} #hp-content #tfp-home-features .v5-booking-day>strong{font-size:9px;padding:8px 0} #hp-content #tfp-home-features .v5-booking-slot{min-height:63px;padding:6px 3px} #hp-content #tfp-home-features .v5-booking-slot small{font-size:8px} #hp-content #tfp-home-features .v5-booking-slot span{font-size:8px} #hp-content #tfp-home-features .v5-booking-legend{gap:9px;padding:10px} #hp-content #tfp-home-features .v5-scoreboard{padding:16px} #hp-content #tfp-home-features .v5-score-heading,#hp-content #tfp-home-features .v5-score-line{grid-template-columns:minmax(0,1fr) 32px 32px 45px;gap:2px} #hp-content #tfp-home-features .v5-score-line{font-size:19px} #hp-content #tfp-home-features .v5-score-line b{font-size:22px;padding:9px 2px} #hp-content #tfp-home-features .v5-score-line strong{font-size:12px} #hp-content #tfp-home-features .v5-bracket-routes{grid-template-columns:minmax(0,1fr)} #hp-content #tfp-home-features .v5-bracket-semi,#hp-content #tfp-home-features .v5-bracket-final{justify-content:initial} #hp-content #tfp-home-features .v5-bracket-column{gap:7px} #hp-content #tfp-home-features .v5-bracket-column>strong{padding-top:8px} #hp-content #tfp-home-features .v5-bracket-match>span{font-size:11px} #hp-content #tfp-home-features .v5-bracket-winner{flex-direction:row;justify-content:center} #hp-content #tfp-home-features .v5-calendar-window{padding:12px} #hp-content #tfp-home-features .v5-calendar-days{gap:3px} #hp-content #tfp-home-features .v5-calendar-days>div{min-height:38px;padding:4px} #hp-content #tfp-home-features .v5-calendar-session{gap:8px;padding:10px} #hp-content #tfp-home-features .v5-calendar-status{font-size:8px} #hp-content #tfp-home-features .v5-phone-scene{min-height:425px} #hp-content #tfp-home-features .v5-phone-sticker{right:0;bottom:9%} #hp-content #tfp-home-features .v5-cta{min-height:48px;width:100%} } @media(prefers-reduced-motion:reduce){ #hp-content #tfp-home-features [data-v5-reveal]{opacity:1!important;filter:none!important;transform:none!important;transition:none!important} #hp-content #tfp-home-features .v5-court-card,#hp-content #tfp-home-features .v5-club-bubble,#hp-content #tfp-home-features .v5-court-ball,#hp-content #tfp-home-features .v5-match-pulse span,#hp-content #tfp-home-features .v5-last-bubble{animation:none!important} #hp-content #tfp-home-features .v5-bar-track span{transform:scaleX(1)!important;transition:none!important} } /* Mobile club layout requires higher specificity than the desktop v5-root rule. */ @media(max-width:760px){ #hp-content #tfp-home-features.v5-root .v5-clubs-layout{grid-template-columns:minmax(0,1fr);gap:18px} #hp-content #tfp-home-features.v5-root .v5-clubs-layout>.v5-copy{max-width:none;width:100%} #hp-content #tfp-home-features.v5-root .v5-clubs-layout>.v5-club-visual{width:100%;min-width:0} } /* V6 focused patch: original V5 kept, only club booking visual + layout fixes. */ /* Partner club logos now directly follow HERO. Existing published logos only. */ #hp-content #tfp-home-features.v5-root > #zaufali-nam.hfx-trusted { background:#f5faf7!important; border-bottom:1px solid rgba(7,114,88,.1)!important; padding:clamp(18px,3vw,36px) 0!important; } #hp-content #tfp-home-features.v5-root > #zaufali-nam .hfx-wrap { margin-inline:auto; } /* Calendar and chat use the same centered global column width as the other sections. */ #hp-content #tfp-home-features.v5-root .v5-academy > .hfx-wrap.v5-feature--academy, #hp-content #tfp-home-features.v5-root .v5-chat > .hfx-wrap.v5-feature--chat { margin-left:auto; margin-right:auto; margin-bottom:0; } /* A compact seven-day booking calendar, replacing the decorative court drawing. */ #hp-content #tfp-home-features.v5-root .v6-booking-preview { min-width:0; border:1px solid #d8e9e3; border-radius:16px; overflow:hidden; background:#fbfefc; padding:12px; box-shadow:inset 0 1px 0 #fff,0 5px 22px rgba(8,92,71,.05); } #hp-content #tfp-home-features.v5-root .v6-booking-toolbar { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:12px; padding:0 2px; color:#245c51; font-size:11px; font-weight:800; } #hp-content #tfp-home-features.v5-root .v6-booking-court { display:inline-flex; align-items:center; gap:6px; padding:5px 8px; border:1px solid #cbe8dc; border-radius:9px; color:#127a63; background:#edf9f3; white-space:nowrap; font-size:10px; } #hp-content #tfp-home-features.v5-root .v6-booking-court i { display:block;width:7px;height:7px;border-radius:2px;background:#16ae89; } #hp-content #tfp-home-features.v5-root .v6-booking-days { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:5px; } #hp-content #tfp-home-features.v5-root .v6-booking-day { min-width:0; padding:5px 3px 6px; border:1px solid #e7efeb; border-radius:10px; background:#fff; } #hp-content #tfp-home-features.v5-root .v6-booking-day.is-highlighted { background:#f2fcf8;border-color:#8bd9be; } #hp-content #tfp-home-features.v5-root .v6-booking-day > strong { display:block; text-align:center; margin-bottom:7px; color:#41655e; font-size:9px; font-weight:850; letter-spacing:.025em; } #hp-content #tfp-home-features.v5-root .v6-booking-day.is-highlighted > strong { color:#098969; } #hp-content #tfp-home-features.v5-root .v6-booking-time { display:flex; flex-direction:column; gap:4px; min-height:48px; padding:7px 2px; margin-top:4px; border-radius:7px; text-align:center; border:1px solid transparent; } #hp-content #tfp-home-features.v5-root .v6-booking-time small { display:block; font-size:9px; font-weight:800; white-space:nowrap; } #hp-content #tfp-home-features.v5-root .v6-booking-time span { display:block; font-size:9px; font-weight:750; white-space:nowrap; } #hp-content #tfp-home-features.v5-root .v6-booking-time.is-open {background:#e3f8ee;border-color:#c4ebd8;color:#087956;} #hp-content #tfp-home-features.v5-root .v6-booking-time.is-booked {background:#f2f0f9;border-color:#e7e0f4;color:#796a96;} #hp-content #tfp-home-features.v5-root .v6-booking-key { display:flex; justify-content:flex-end; align-items:center; gap:14px; margin-top:11px; font-size:9px; color:#687e77; font-weight:700; } #hp-content #tfp-home-features.v5-root .v6-booking-key > span {display:inline-flex;align-items:center;gap:5px;} #hp-content #tfp-home-features.v5-root .v6-booking-key i {display:inline-block;width:9px;height:9px;border-radius:3px;} #hp-content #tfp-home-features.v5-root .v6-booking-key .is-open {background:#a7e6c8;} #hp-content #tfp-home-features.v5-root .v6-booking-key .is-booked {background:#c8bee4;} @media(max-width:800px) { #hp-content #tfp-home-features.v5-root .v6-booking-preview {padding:10px;} #hp-content #tfp-home-features.v5-root .v6-booking-days {grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;} #hp-content #tfp-home-features.v5-root .v6-booking-day {padding:5px;} #hp-content #tfp-home-features.v5-root .v6-booking-time {min-height:40px;padding:5px 2px;} } @media(min-width:801px) and (max-width:1024px) { #hp-content #tfp-home-features.v5-root .v6-booking-days {gap:3px;} #hp-content #tfp-home-features.v5-root .v6-booking-day {padding:4px 2px;} #hp-content #tfp-home-features.v5-root .v6-booking-time {padding:5px 1px;} #hp-content #tfp-home-features.v5-root .v6-booking-time small, #hp-content #tfp-home-features.v5-root .v6-booking-time span {font-size:8px;} } @media(prefers-reduced-motion:reduce) { #hp-content #tfp-home-features.v5-root .v6-booking-preview *{animation:none!important;} } /* Full Riko under the Poland map: preserve the whole original figure and racket. */ #hp-content #tfp-home-features #home-tfp-tour .hfx-riko-guide { display:grid; grid-template-columns:clamp(116px,34vw,164px) minmax(0,1fr); align-items:center; justify-content:normal; gap:12px; width:100%; max-width:460px; margin:6px auto 0; padding:6px 0; overflow:visible; } #hp-content #tfp-home-features #home-tfp-tour .hfx-riko-guide > img { display:block; position:static; width:100%; height:auto; min-width:0; max-width:100%; max-height:none; aspect-ratio:1 / 1; object-fit:contain; object-position:center; margin:0; padding:0; border:0; border-radius:0; background:none; clip-path:none; mask:none; } #hp-content #tfp-home-features #home-tfp-tour .hfx-riko-guide > p { min-width:0; width:100%; margin:0; } #hp-content #tfp-home-features #home-tfp-tour .hfx-riko-guide > p > span { overflow-wrap:anywhere; } @media(max-width:360px) { #hp-content #tfp-home-features #home-tfp-tour .hfx-riko-guide { gap:8px; } } /* One visible label above the existing logos. */ #hp-content #tfp-home-features #zaufali-nam .hfx-trust-heading > div { display:block!important; flex:1 1 auto; min-width:0; } #hp-content #tfp-home-features #zaufali-nam #hfxTrustedTitle { position:static!important; display:block!important; width:100%!important; height:auto!important; margin:0 0 16px!important; overflow:visible!important; clip:auto!important; clip-path:none!important; white-space:normal!important; color:#173b55!important; font-size:clamp(18px,2vw,22px)!important; font-weight:750!important; line-height:1.3!important; letter-spacing:-.02em!important; text-align:center!important; } /* Mint court surface for the existing logo section only. */ #hp-content #tfp-home-features.v5-root > #zaufali-nam.hfx-trusted { background-color:#d2e7dd!important; background-image: linear-gradient(150deg,transparent 0%,transparent 15.5%,rgba(255,255,255,.42) 15.5%,rgba(255,255,255,.42) 18%,transparent 18%,transparent 100%), linear-gradient(150deg,transparent 0%,transparent 79.5%,rgba(255,255,255,.4) 79.5%,rgba(255,255,255,.4) 82%,transparent 82%,transparent 100%), radial-gradient(ellipse at 50% 38%,rgba(243,250,246,.35) 0%,rgba(214,235,224,.08) 58%,rgba(72,127,111,.08) 100%), url('/frontend/img/textures/tfp-court-mint-v1.png')!important; background-size:100% 100%,100% 100%,100% 100%,240px 240px!important; background-position:center,center,center,left top!important; background-repeat:no-repeat,no-repeat,no-repeat,repeat!important; } /* The visible title is immediate, including before deferred page scripts run. */ #hp-content #tfp-home-features #zaufali-nam #hfxTrustedTitle { font-size:0!important; line-height:0!important; } #hp-content #tfp-home-features #zaufali-nam #hfxTrustedTitle > * { display:none!important; } #hp-content #tfp-home-features #zaufali-nam #hfxTrustedTitle::after { content:"Zaufali nam"!important; content:"Zaufali nam" / ""!important; display:block!important; color:#173b55!important; font-size:clamp(18px,2vw,22px)!important; font-weight:750!important; line-height:1.3!important; letter-spacing:-.02em!important; text-align:center!important; }