.package-page{color:#10233f;background:#f4f7fb;min-height:100vh}.package-head{height:72px;position:relative}.package-head>a{align-items:center;gap:10px;display:flex}.package-head>a>span{background:#ff6b35;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.package-head svg{width:20px}.package-head em{color:#69d2e7;font-style:normal}.package-head>button{background:#fff;border:0;border-radius:11px;padding:10px 16px;font-weight:800}.package-search{background:#fff;border:1px solid #dce5ef;border-radius:18px;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:10px;max-width:1360px;margin:24px auto 14px;padding:14px;display:grid}.package-search label{border-right:1px solid #e5ebf2;padding:8px 12px}.package-search small,.package-search b{display:block}.package-search small{color:#64748b;font-size:11px}.package-search b{align-items:center;gap:6px;display:flex}.package-search svg{color:#0b7891;width:17px}.package-search>button{color:#fff;background:#ff6b35;border:0;border-radius:12px;align-items:center;gap:7px;padding:0 20px;font-weight:900;display:flex}.package-demo{color:#0a5365;background:#eafaff;border:1px solid #69d2e766;border-radius:13px;gap:10px;max-width:1360px;margin:0 auto 20px;padding:12px 16px;font-size:13px;display:flex}.package-demo svg{flex:none;width:20px}.package-intro{justify-content:space-between;align-items:end;max-width:1360px;margin:auto;padding:12px 0 22px;display:flex}.package-intro p,.package-intro h1{margin:0}.package-intro h1{margin:5px 0;font-size:34px}.package-intro>div>span{color:#64748b}.steps{color:#64748b;align-items:center;gap:8px;font-size:11px;display:flex}.steps i{background:#dce5ef;border-radius:50%;place-items:center;width:25px;height:25px;font-style:normal;font-weight:900;display:grid}.steps i.active{color:#fff;background:#ff6b35}.package-layout{grid-template-columns:1fr 330px;gap:24px;max-width:1360px;margin:auto;padding-bottom:70px;display:grid}.package-list article{background:#fff;border:2px solid #0000;border-radius:19px;grid-template-columns:245px 1fr 190px;gap:18px;margin-bottom:15px;padding:12px;display:grid;box-shadow:0 8px 25px #10233f0c}.package-list article.selected{border-color:#0b7891}.package-image{border-radius:13px;height:210px;position:relative;overflow:hidden}.package-image img{object-fit:cover;width:100%;height:100%}.package-image span{color:#fff;background:#071b35;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:900;position:absolute;top:10px;left:10px}.stars{color:#f5a623;margin:5px 0}.package-info h2{margin:4px 0}.package-info>p:nth-of-type(2){color:#64748b;gap:5px;display:flex}.package-info svg{width:16px}.combo{color:#44546a;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0;font-size:12px;display:grid}.combo span,.change{align-items:center;gap:5px;display:flex}.change{color:#0b7891;font-size:12px}.package-price{text-align:right;align-self:end}.package-price small,.package-price b,.package-price span,.package-price em{display:block}.package-price>b{font-size:28px}.package-price span{color:#64748b;font-size:11px}.package-price em{color:#147a50;margin:6px 0;font-size:12px;font-style:normal;font-weight:800}.package-price button{color:#fff;background:#ff6b35;border:0;border-radius:10px;width:100%;padding:11px;font-weight:900}.trip-summary{background:#fff;border:1px solid #dce5ef;border-radius:19px;align-self:start;padding:18px;position:sticky;top:90px}.trip-summary h2{margin-top:0}.trip-summary img{object-fit:cover;border-radius:12px;width:100%;height:135px}.trip-summary h3{margin-bottom:3px}.trip-summary>p{color:#64748b}.trip-summary>div{border-bottom:1px solid #e5ebf2;justify-content:space-between;padding:10px 0;font-size:13px;display:flex}.trip-summary .total{font-size:16px}.trip-summary .total b{font-size:21px}.trip-summary .saving{color:#147a50;background:#eaf8ef;border-radius:9px;padding:9px;font-weight:800}.trip-summary>button{color:#fff;background:#071b35;border:0;border-radius:11px;justify-content:center;gap:6px;width:100%;padding:13px;font-weight:900;display:flex}.trip-summary>button svg{width:18px}.trip-summary>small{color:#94a3b8;margin-top:9px;display:block}.extras-modal{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#041328c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.extras-modal>article{background:#fff;border-radius:23px;width:min(580px,100%);padding:30px;position:relative}.extras-modal .close{background:0 0;border:0;font-size:30px;position:absolute;top:10px;right:18px}.modal-kicker{color:#0b7891;letter-spacing:.15em;font-size:11px;font-weight:900}.extras-modal label{border:1px solid #dce5ef;border-radius:11px;align-items:center;gap:9px;margin:10px 0;padding:13px;display:flex}.extras-modal label b{margin-left:auto}.modal-total{background:#f4f7fb;border-radius:11px;justify-content:space-between;margin-top:17px;padding:14px;display:flex}.continue{color:#fff;background:#ff6b35;border:0;border-radius:11px;justify-content:center;gap:6px;width:100%;margin-top:14px;padding:13px;font-weight:900;display:flex}.continue svg{width:18px}.extras-modal article>p:last-child{color:#64748b;font-size:12px}@media (max-width:1000px){.package-search{grid-template-columns:repeat(2,1fr);margin:15px}.package-demo{margin:0 15px 15px}.package-intro{padding:15px}.package-layout{grid-template-columns:1fr;padding:0 15px 60px}.trip-summary{position:static}.package-list article{grid-template-columns:200px 1fr 170px}}@media (max-width:650px){.package-head nav{display:none}.package-search{grid-template-columns:1fr}.package-search label{border:0}.package-search>button{justify-content:center;min-height:50px}.package-intro{display:block}.steps{flex-wrap:wrap;margin-top:15px}.package-list article{grid-template-columns:1fr}.package-image{height:220px}.package-price{text-align:left}.combo{grid-template-columns:1fr}}
