/* Standalone landing page styles for affiliate compare pages */
.lp-hero{position:relative;color:#fff;padding:90px 0 80px;background-size:cover;background-position:center;background-color:#1b1b1f}
.lp-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,15,.55) 0%,rgba(10,10,15,.78) 100%)}
.lp-hero .container{position:relative;z-index:1;max-width:980px}
.lp-hero h1{font-size:clamp(30px,4.6vw,52px);line-height:1.15;margin:0 0 18px;font-family:var(--font-serif,Georgia,serif);font-weight:700;letter-spacing:-.5px}
.lp-hero p.lead{font-size:clamp(16px,1.6vw,20px);margin:0 0 32px;color:#f0eee9;max-width:760px}
.lp-cta{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;max-width:720px}
.lp-cta a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:64px;padding:0 22px;border-radius:12px;font-weight:700;font-size:17px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.lp-cta a:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.25)}
.lp-cta .cta-klook{background:#ff5722;color:#fff}
.lp-cta .cta-klook:hover{background:#f1480f;color:#fff}
.lp-cta .cta-trip{background:#287dfa;color:#fff}
.lp-cta .cta-trip:hover{background:#1668e3;color:#fff}
.lp-cta a small{display:block;font-size:12px;font-weight:500;opacity:.9}

.lp-compare{padding:64px 0;background:#fafaf7}
.lp-compare .container{max-width:1100px}
.lp-compare h2{font-size:clamp(24px,2.6vw,32px);margin:0 0 32px;text-align:center;font-family:var(--font-serif,Georgia,serif)}
.lp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}
.lp-card{background:#fff;border:1px solid #ece8df;border-radius:16px;padding:28px 26px;display:flex;flex-direction:column;gap:14px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.lp-card .lp-logo{height:42px;display:flex;align-items:center}
.lp-card h3{margin:0;font-size:22px;font-family:var(--font-serif,Georgia,serif)}
.lp-card ul{margin:0;padding-left:20px;color:#3a352c;line-height:1.7}
.lp-card ul li{margin-bottom:4px}
.lp-card .lp-card-cta{margin-top:auto;padding-top:8px}
.lp-card .lp-card-cta a{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:10px;font-weight:700;text-decoration:none;font-size:16px}
.lp-card .cta-klook{background:#ff5722;color:#fff}
.lp-card .cta-klook:hover{background:#f1480f}
.lp-card .cta-trip{background:#287dfa;color:#fff}
.lp-card .cta-trip:hover{background:#1668e3}
.lp-badge{display:inline-block;padding:3px 10px;border-radius:99px;background:#fff5cc;color:#7a5a00;font-size:12px;font-weight:600;letter-spacing:.3px}

.lp-content{padding:64px 0;background:#fff}
.lp-content .container{max-width:820px}
.lp-content h2{font-size:clamp(22px,2.4vw,30px);margin:32px 0 14px;font-family:var(--font-serif,Georgia,serif)}
.lp-content h2:first-child{margin-top:0}
.lp-content p,.lp-content li{font-size:16.5px;line-height:1.75;color:#2a261e}
.lp-content ul{padding-left:22px}

.lp-footer-cta{padding:56px 0;background:#1a1a1f;color:#fff;text-align:center}
.lp-footer-cta h2{font-size:clamp(22px,2.4vw,30px);margin:0 0 12px;color:#fff;font-family:var(--font-serif,Georgia,serif)}
.lp-footer-cta p{margin:0 0 24px;color:#cfc9bd}
.lp-footer-cta .lp-cta{margin:0 auto}

.lp-disclaimer{padding:24px 0;background:#f4f1e9;text-align:center;font-size:13px;color:#6b6555}
.lp-disclaimer a{color:#6b6555;text-decoration:underline}

/* Brand text-logo fallbacks (used inside .lp-logo) */
.lp-logo-klook{font-size:28px;font-weight:800;color:#ff5722;letter-spacing:-1px}
.lp-logo-trip{font-size:28px;font-weight:800;color:#287dfa;letter-spacing:-1px}
.lp-logo-trip .dot{color:#ffb700}