/* Waseef public sports-booking landing page */
.landing-page { min-height:100vh; padding:0!important; background:#f4f8fb!important; }
.landing-header { position:absolute; top:4px; left:0; right:0; z-index:20; }
.landing-nav { display:flex; width:min(calc(100% - 40px),1180px); min-height:82px; align-items:center; justify-content:space-between; margin:0 auto; padding:12px 4px; }
.landing-brand img { display:block; width:auto; height:58px; object-fit:contain; filter:drop-shadow(0 3px 8px rgba(0,0,0,.14)); }
.landing-nav-actions { display:flex; align-items:center; gap:10px; }
.landing-nav-link { display:inline-flex; min-height:43px; align-items:center; justify-content:center; padding:9px 20px; border:1px solid rgba(255,255,255,.45); border-radius:10px; color:#fff!important; font-size:13px; font-weight:800; text-decoration:none!important; transition:.2s; }
.landing-nav-link:hover { border-color:#fff; background:rgba(255,255,255,.12); }
.landing-nav-link.primary { border-color:#fff; background:#fff; color:#00518c!important; box-shadow:0 7px 18px rgba(0,0,0,.14); }
.landing-nav-link.primary:hover { transform:translateY(-1px); box-shadow:0 10px 22px rgba(0,0,0,.18); }

.landing-hero { position:relative; min-height:620px; display:flex; align-items:center; overflow:hidden; background:#063a5a; }
.landing-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,38,60,.96) 0%,rgba(3,47,75,.84) 43%,rgba(3,47,75,.34) 72%,rgba(3,47,75,.18)),url("../Image/MSPaddle-Court.jpg") center/cover no-repeat; }
.landing-hero::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:90px; background:linear-gradient(176deg,transparent 0 47%,#f4f8fb 48%); }
.landing-hero-content { position:relative; z-index:2; width:min(calc(100% - 40px),1180px); margin:70px auto 0; padding:70px 0 110px; }
.landing-eyebrow { display:block; margin-bottom:16px; color:#8bd6ff; font-size:11px; font-weight:900; letter-spacing:.17em; text-transform:uppercase; }
.landing-hero h1 { max-width:720px; margin:0!important; padding:0!important; border:0!important; color:#fff!important; font-size:clamp(38px,6vw,70px)!important; font-weight:850!important; line-height:1.04!important; letter-spacing:-.025em; text-align:left!important; }
.landing-hero-copy { max-width:580px; margin:22px 0 0; color:rgba(255,255,255,.80); font-size:16px; line-height:1.7; }
.landing-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.landing-cta { display:inline-flex; min-height:50px; align-items:center; justify-content:center; padding:12px 24px; border:1px solid rgba(255,255,255,.48); border-radius:11px; color:#fff!important; font-size:14px; font-weight:850; text-decoration:none!important; }
.landing-cta.primary { border-color:#fff; background:#fff; color:#00518c!important; box-shadow:0 9px 22px rgba(0,0,0,.18); }
.landing-cta:hover { transform:translateY(-1px); }
.landing-benefit { display:flex; max-width:520px; align-items:flex-start; gap:12px; margin-top:28px; color:rgba(255,255,255,.74); font-size:12px; }
.landing-benefit-mark { display:flex; width:24px; height:24px; flex:0 0 24px; align-items:center; justify-content:center; border-radius:50%; background:rgba(139,214,255,.18); color:#9cddff; font-weight:900; }

.landing-content { width:min(calc(100% - 40px),1080px); margin:0 auto; padding:34px 0 80px; }
.landing-section-header { display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,.65fr); gap:38px; align-items:end; margin-bottom:34px; }
.landing-section-header .landing-eyebrow { margin-bottom:9px; color:#0067b1; }
.landing-section-header h2 { margin:0!important; color:#122a3a!important; font-size:clamp(28px,4vw,42px)!important; font-weight:850!important; line-height:1.15; }
.landing-section-header p { margin:0; color:#667d8c; font-size:14px; line-height:1.65; }
.pricing-list { border-top:1px solid #d8e5ec; }
.pricing-block { display:grid; grid-template-columns:235px minmax(0,1fr); gap:34px; padding:36px 0; border-bottom:1px solid #d8e5ec; }
.pricing-name small { display:block; margin-bottom:7px; color:#0067b1; font-size:10px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.pricing-name h3 { margin:0; color:#122a3a!important; font-size:25px!important; font-weight:850!important; }
.pricing-name p { margin:8px 0 0; color:#718592; font-size:12px; line-height:1.5; }
.pricing-table-wrap { overflow-x:auto; border:1px solid #d9e5ec; border-radius:13px; background:#fff; box-shadow:0 8px 24px rgba(13,54,78,.06); }
.landing-page .pricing-table { width:100%; min-width:520px; margin:0!important; border:0!important; border-collapse:collapse!important; border-radius:0!important; box-shadow:none!important; }
.landing-page .pricing-table th { padding:14px 16px!important; border:0!important; background:#f0f6fa!important; color:#496271!important; font-size:11px!important; font-weight:850!important; text-align:left; }
.landing-page .pricing-table td { padding:14px 16px!important; border:0!important; border-top:1px solid #e5edf2!important; background:#fff!important; color:#1d3747!important; font-size:13px!important; text-align:left!important; }
.landing-page .pricing-table tr:nth-child(even) td { background:#f9fbfc!important; }
.landing-page .pricing-table td:first-child { color:#005a9c!important; font-weight:850!important; }
.landing-footer { padding:24px 20px; background:#072f49; color:rgba(255,255,255,.58); font-size:11px; text-align:center; letter-spacing:.06em; }

@media (max-width:760px) {
    .landing-nav { width:calc(100% - 24px); min-height:68px; }
    .landing-brand img { height:46px; }
    .landing-nav-link { min-height:39px; padding:8px 13px; font-size:12px; }
    .landing-hero { min-height:600px; }
    .landing-hero::before { background:linear-gradient(0deg,rgba(3,38,60,.97),rgba(3,47,75,.68)),url("../Image/MSPaddle-Court.jpg") 62% center/cover no-repeat; }
    .landing-hero::after { height:56px; }
    .landing-hero-content { width:calc(100% - 34px); margin-top:60px; padding:60px 0 90px; }
    .landing-hero h1 { font-size:clamp(36px,12vw,52px)!important; }
    .landing-hero-copy { font-size:14px; }
    .landing-hero-actions { display:grid; grid-template-columns:1fr 1fr; }
    .landing-content { width:calc(100% - 28px); padding-top:25px; }
    .landing-section-header { grid-template-columns:1fr; gap:12px; }
    .pricing-block { grid-template-columns:1fr; gap:18px; padding:28px 0; }
}
@media (max-width:410px) {
    .landing-nav-link:not(.primary) { display:none; }
    .landing-hero-actions { grid-template-columns:1fr; }
    .landing-hero { min-height:630px; }
}

/* Exact Waseef brand palette and home-page identity */
.landing-page { --waseef-blue:#0067b1; --waseef-magenta:#b1005d; --waseef-gold:#ba8748; }
.landing-page::before { background:linear-gradient(90deg,var(--waseef-blue) 0 72%,var(--waseef-magenta) 72% 88%,var(--waseef-gold) 88% 100%)!important; }
.landing-brand { display:flex; width:116px; height:78px; align-items:center; justify-content:center; padding:9px 13px; border-radius:0 0 13px 13px; background:#fff; box-shadow:0 9px 24px rgba(0,0,0,.18); }
.landing-brand img { width:auto!important; max-width:90px; height:auto!important; max-height:58px; filter:none!important; object-fit:contain; }
.landing-eyebrow { color:#9edcff; }
.landing-benefit-mark { color:#fff; background:var(--waseef-magenta); }
.landing-nav-link.primary,.landing-cta.primary { color:var(--waseef-blue)!important; }
.landing-section-header .landing-eyebrow,.pricing-name small { color:var(--waseef-magenta); }
.landing-section-header h2 { position:relative; display:inline-block; margin-top:2px!important; color:#122a3a!important; font-size:clamp(30px,4.2vw,46px)!important; }
.landing-section-header h2::after { content:""; display:block; width:64px; height:4px; margin-top:13px; border-radius:4px; background:linear-gradient(90deg,var(--waseef-blue) 0 55%,var(--waseef-magenta) 55% 78%,var(--waseef-gold) 78% 100%); }
.pricing-name h3 { color:var(--waseef-blue)!important; }
.landing-page .pricing-table td:first-child { color:var(--waseef-blue)!important; }
.landing-footer { border-top:4px solid var(--waseef-gold); }
@media (max-width:760px) {
    .landing-brand { width:88px; height:62px; padding:7px 10px; }
    .landing-brand img { max-width:68px; max-height:46px; }
    .landing-section-header h2 { font-size:30px!important; }
}
/* Mobile rate cards: show every price without horizontal scrolling */
@media(max-width:640px){
    .pricing-table-wrap{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
    .landing-page .pricing-table{display:block;width:100%;min-width:0}
    .landing-page .pricing-table thead{display:none}
    .landing-page .pricing-table tbody{display:grid;gap:10px}
    .landing-page .pricing-table tr{display:grid;overflow:hidden;border:1px solid #d9e6ed;border-radius:13px;background:#fff;box-shadow:0 6px 18px rgba(13,54,78,.055)}
    .landing-page .pricing-table td{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px!important;border:0!important;background:#fff!important;font-size:13px!important}
    .landing-page .pricing-table td:before{color:#6b7f8b;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
    .landing-page .pricing-table td:first-child{grid-column:1/-1;padding:13px 14px!important;border-bottom:1px solid #e4edf2!important;background:#f3f8fb!important;color:#12374e!important;font-size:14px!important}
    .landing-page .pricing-table td:first-child:before{content:"Duration"}
    .landing-page .pricing-table--padel tr{grid-template-columns:repeat(2,minmax(0,1fr))}
    .landing-page .pricing-table--padel td:nth-child(2){border-right:1px solid #e4edf2!important}
    .landing-page .pricing-table--padel td:nth-child(2),.landing-page .pricing-table--padel td:nth-child(3){display:grid;justify-content:start;gap:5px;font-weight:800}
    .landing-page .pricing-table--padel td:nth-child(2):before{content:"Morning"}
    .landing-page .pricing-table--padel td:nth-child(3):before{content:"Evening"}
    .landing-page .pricing-table--football tr{grid-template-columns:1fr}
    .landing-page .pricing-table--football td:nth-child(2){font-weight:850;color:#0067b1!important}
    .landing-page .pricing-table--football td:nth-child(2):before{content:"Price"}
}
.landing-page .pricing-table th span,.landing-page .pricing-table th small{display:block}
.landing-page .pricing-table th small{margin-top:2px;color:#718693;font-size:9px;font-weight:700;letter-spacing:0}

/* Compact mobile rate panels */
@media(max-width:640px){
    .pricing-block{gap:14px;padding:24px 0}
    .pricing-name p{max-width:320px;margin-top:5px}
    .pricing-table-wrap{overflow:hidden!important;border:1px solid #d7e4eb!important;border-radius:13px!important;background:#fff!important;box-shadow:0 7px 20px rgba(13,54,78,.055)!important}
    .landing-page .pricing-table{display:table!important;width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important}
    .landing-page .pricing-table thead{display:table-header-group!important}
    .landing-page .pricing-table tbody{display:table-row-group!important}
    .landing-page .pricing-table tr{display:table-row!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
    .landing-page .pricing-table th,.landing-page .pricing-table td{display:table-cell!important;width:auto!important;min-width:0!important;padding:12px 10px!important;border:0!important;border-bottom:1px solid #e4edf2!important;vertical-align:middle!important;text-align:left!important}
    .landing-page .pricing-table th{background:#eef5f8!important;color:#4c6574!important;font-size:10px!important;line-height:1.25!important}
    .landing-page .pricing-table td{background:#fff!important;color:#17394d!important;font-size:12px!important;font-weight:750!important;line-height:1.3!important}
    .landing-page .pricing-table tr:last-child td{border-bottom:0!important}
    .landing-page .pricing-table tr:nth-child(even) td{background:#fafcfd!important}
    .landing-page .pricing-table td:before{display:none!important;content:none!important}
    .landing-page .pricing-table--padel th:first-child,.landing-page .pricing-table--padel td:first-child{width:40%!important}
    .landing-page .pricing-table--padel th:nth-child(2),.landing-page .pricing-table--padel th:nth-child(3),.landing-page .pricing-table--padel td:nth-child(2),.landing-page .pricing-table--padel td:nth-child(3){width:30%!important}
    .landing-page .pricing-table--football th:first-child,.landing-page .pricing-table--football td:first-child{width:58%!important}
    .landing-page .pricing-table--football td:nth-child(2){color:#0067b1!important;text-align:right!important}
}