/* FlyParks responsive Trip.com booking search forms, 2026-11-04. */
.fp-trip-page{max-width:1160px}
.fp-trip-page .crumbs{margin:22px 0 12px}
.fp-trip-intro{padding:15px 0 12px;max-width:840px}
.fp-trip-intro .eyebrow{text-transform:uppercase;letter-spacing:.1em;color:#24638e;font-weight:800;font-size:12px}
.fp-trip-intro h1{font-size:clamp(2rem,3.1vw,2.8rem);line-height:1.16;letter-spacing:-.025em;color:#132f4f;margin:9px 0 12px}
.fp-trip-lead{font-size:1.07rem;line-height:1.6;color:#425d72;max-width:760px;margin:0 0 7px}
.fp-trip-search{background:#fff;border:1px solid #d8e5ee;border-radius:16px;box-shadow:0 4px 20px #18395211;padding:24px;margin:12px 0 13px}
.fp-trip-search-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px 24px;margin-bottom:14px}
.fp-trip-search-heading h2{font-size:1.18rem;line-height:1.45;margin:0;color:#183b5a;font-weight:750}
.fp-trip-search-heading p{margin:2px 0 0;white-space:nowrap;font-size:.82rem;color:#557087}
.fp-trip-frame{width:100%;max-width:900px;margin:0 auto;min-height:200px;text-align:center;overflow:visible}
.fp-trip-frame iframe{display:block;border:0;width:900px;max-width:100%;height:200px;margin:auto;background:#fff}
.fp-trip-fallback{font-size:.82rem;color:#546e81;text-align:center;margin:11px 0 0}
.fp-trip-fallback a{font-weight:700}
.fp-trip-disclosure{font-size:.82rem;line-height:1.55;color:#567087;background:#f4f8fb;padding:13px 18px;border:1px solid #d9e7ef;border-radius:9px;margin:0 0 14px}
.fp-trip-help,.fp-trip-next,.fp-trip-faq{padding-top:22px;padding-bottom:18px}
.fp-trip-page h2{color:#193b5a}
.fp-trip-tip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:16px}
.fp-trip-tip{border:1px solid #dae5ec;background:#fff;border-radius:11px;padding:17px 19px}
.fp-trip-tip h3{font-size:1.05rem;margin:0 0 8px;color:#173d59}
.fp-trip-tip p{margin:0;color:#425e72;line-height:1.55;font-size:.94rem}
.fp-trip-next-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:16px}
.fp-trip-next-grid a{display:flex;flex-direction:column;gap:6px;padding:17px 19px;border-radius:11px;border:1px solid #cfe0ec;background:#eef6fb;text-decoration:none;color:#1a4463;min-height:85px}
.fp-trip-next-grid a:hover{background:#e3f1fa;border-color:#9cbed4}
.fp-trip-next-grid a span{font-size:.86rem;line-height:1.4;color:#47677d}
.fp-trip-faq details{padding:13px 17px;margin:9px 0;border:1px solid #d4e3ec;border-radius:9px}
.fp-trip-faq summary{cursor:pointer;min-height:30px;font-weight:750;color:#254b69}
.fp-trip-faq details p{color:#476578;font-size:.93rem;margin:9px 0 2px}
@media(max-width:650px){
  .fp-trip-page .crumbs{margin:12px 0 7px}
  .fp-trip-intro{padding:5px 0 8px}
  .fp-trip-intro h1{font-size:clamp(1.85rem,6vw,2.3rem);margin:7px 0 9px}
  .fp-trip-lead{font-size:.97rem;line-height:1.55}
  .fp-trip-search{padding:16px 8px 13px;border-radius:12px}
  .fp-trip-search-heading{display:block;text-align:center;margin:0 8px 10px}
  .fp-trip-search-heading h2{font-size:1rem}
  .fp-trip-search-heading p{margin-top:5px}
  .fp-trip-frame{max-width:320px;min-height:320px}
  .fp-trip-frame iframe{width:320px;max-width:100%;height:320px}
  .fp-trip-tip-grid,.fp-trip-next-grid{grid-template-columns:1fr}
  .fp-trip-help,.fp-trip-next,.fp-trip-faq{padding-top:18px;padding-bottom:8px}
}

/* Hotels search only: Trip.com uses a fixed-layout iframe.
   Avoid squeezing the 900 px desktop widget on tablets or narrow browsers;
   reserve additional vertical space so controls and date pickers are not cut off. */
.fp-hotels-page .fp-trip-search {max-width:1160px;padding:24px 32px 26px}
.fp-hotels-page .fp-trip-frame {width:100%;max-width:900px;min-height:360px;overflow:visible;margin:8px auto 0}
.fp-hotels-page .fp-trip-frame iframe {width:900px;max-width:100%;height:360px;min-height:360px;display:block;border:0;overflow:hidden}
.fp-hotels-page .fp-trip-fallback-prominent {margin:18px auto 0;max-width:900px;padding:12px 14px;border-radius:8px;background:#edf6fc;border:1px solid #d0e3f0;text-align:center;font-size:.87rem}
.fp-hotels-page .fp-trip-fallback-prominent a {font-weight:800;text-decoration:underline}
@media (max-width:1040px) {
 .fp-hotels-page .fp-trip-search {padding:20px 18px 24px}
 .fp-hotels-page .fp-trip-search-heading {display:block;text-align:center}
 .fp-hotels-page .fp-trip-search-heading p {margin-top:5px}
 .fp-hotels-page .fp-trip-frame {max-width:320px;min-height:460px}
 .fp-hotels-page .fp-trip-frame iframe {width:320px;max-width:100%;height:460px;min-height:460px}
}
@media (max-width:570px) {
 .fp-hotels-page .fp-trip-search {padding:15px 9px 18px}
 .fp-hotels-page .fp-trip-frame {width:100%;max-width:320px}
 .fp-hotels-page .fp-trip-frame iframe {width:100%;height:460px}
 .fp-hotels-page .fp-trip-fallback-prominent {font-size:.83rem}
}
