:root{--tr-navy-950:#031326;--tr-navy-900:#061b31;--tr-navy-850:#08213a;--tr-navy-800:#0b2947;--tr-line:#284969;--tr-blue:#0878ff;--tr-blue-2:#176af5;--tr-cyan:#2db8ff;--tr-text:#f8fbff;--tr-muted:#aac0d7;--tr-ink:#0d1c36;--tr-ink-2:#526783;--tr-card:#fff;--tr-radius:13px}
*{box-sizing:border-box}.travel-page{min-height:calc(100vh - 72px);background:linear-gradient(180deg,#061b30 0,#031326 72%,#02101e 100%);color:var(--tr-text);font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",Segoe UI,Arial,sans-serif}.travel-page button,.travel-page input,.travel-page select{font:inherit}.travel-page button{cursor:pointer}
.travel-hero{height:268px;position:relative;overflow:hidden;background:#072440 url('/static/img/travel/hero-travel-world.jpg') center center/cover no-repeat}.travel-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,18,36,.96) 0%,rgba(2,18,36,.78) 31%,rgba(1,22,43,.34) 55%,rgba(2,17,32,.08) 80%)}.travel-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(180deg,transparent,rgba(3,19,38,.86))}.travel-hero__inner{position:relative;z-index:1;height:100%;padding:25px clamp(28px,3.25vw,50px) 12px;display:flex;flex-direction:column;justify-content:space-between}.travel-hero__eyebrow{font-size:14px;font-weight:800;color:#fff;margin-bottom:8px;text-shadow:0 2px 6px rgba(0,0,0,.42)}.travel-hero h1{font-size:42px;line-height:1.08;letter-spacing:-1.7px;margin:0;color:#fff;font-weight:950;text-shadow:0 3px 12px rgba(0,0,0,.36)}.travel-hero h1 span{color:#1288ff}.travel-hero p{margin:11px 0 0;font-size:17px;line-height:1.52;color:#f1f6ff;max-width:710px;text-shadow:0 2px 8px rgba(0,0,0,.45)}.travel-hero__features{display:flex;gap:14px;margin-top:10px}.travel-feature{width:188px;height:68px;border:1px solid rgba(129,189,239,.36);border-radius:13px;background:rgba(2,24,45,.73);backdrop-filter:blur(5px);display:flex;align-items:center;padding:10px 13px;gap:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.travel-feature__icon{width:43px;flex:0 0 43px;text-align:center;font-size:30px;color:#36b8ff}.travel-feature:nth-child(2) .travel-feature__icon{color:#438dff}.travel-feature:nth-child(3) .travel-feature__icon{color:#ffc629}.travel-feature:nth-child(4) .travel-feature__icon{color:#fff}.travel-feature b{font-size:14px;line-height:1.35}
.travel-shell{padding:10px clamp(20px,2.9vw,44px) 34px;max-width:1920px;margin:0 auto}.travel-major-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.travel-major-tab{height:61px;border:1px solid #274c6f;border-radius:13px;background:linear-gradient(180deg,#0a2947,#071e36);color:#fff;display:flex;align-items:center;justify-content:center;gap:14px;text-align:left;transition:.18s ease;min-width:0}.travel-major-tab:hover{border-color:#3a76a9;transform:translateY(-1px)}.travel-major-tab.active{border-color:#0b83ff;background:linear-gradient(135deg,#0785ff,#0e6af6);box-shadow:0 7px 16px rgba(0,109,244,.18)}.travel-major-tab .tab-icon{font-size:27px;width:35px;text-align:center}.travel-major-tab b{font-size:16px;display:block;white-space:nowrap}.travel-major-tab small{display:block;font-size:12px;color:#bad0e6;margin-top:2px;white-space:nowrap}.travel-major-tab.active small{color:#dbeeff}
.travel-destination-bar{margin-top:8px;height:58px;border:1px solid #2a4b69;border-radius:14px;background:rgba(4,24,43,.86);display:flex;align-items:center;padding:0 15px;gap:11px;overflow:hidden}.travel-destination-bar>strong{font-size:15px;white-space:nowrap}.travel-destination-scroll{display:flex;align-items:center;gap:11px;overflow-x:auto;scrollbar-width:none;flex:1;padding:4px 0}.travel-destination-scroll::-webkit-scrollbar{display:none}.travel-country-btn{height:40px;min-width:103px;padding:0 15px;border:1px solid #355671;border-radius:10px;background:#0a2036;color:#e7eef8;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:12.5px;white-space:nowrap;transition:.16s}.travel-country-btn:hover{border-color:#2788d5;background:#0e2b49}.travel-country-btn.active{border-color:#0c8cff;background:#10365e;box-shadow:inset 0 0 0 1px #0c8cff}.travel-country-btn .flag{font-size:20px}.travel-destination-arrow{width:36px;height:36px;border-radius:50%;border:1px solid #466987;background:#0c2945;color:#fff;font-size:22px;line-height:1;flex:0 0 36px;display:flex;align-items:center;justify-content:center;transition:.15s ease}.travel-destination-arrow:hover:not(:disabled){border-color:#0c8cff;background:#10365e;transform:scale(1.04)}.travel-destination-arrow:disabled{opacity:.28;cursor:default;filter:saturate(.55)}
.travel-quick-panel{margin-top:8px;border:1px solid #28567d;border-radius:14px;background:linear-gradient(135deg,#0a2948,#09213a);padding:12px 14px;display:flex;align-items:center;gap:16px}.travel-quick-panel[hidden]{display:none}.quick-intro{min-width:210px;display:flex;flex-direction:column}.quick-intro b{font-size:15px}.quick-intro span{font-size:11.5px;color:#aac0d7;margin-top:3px}.quick-options{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr)) auto;gap:8px;align-items:end;flex:1}.quick-options label{font-size:11px;color:#bcd0e4}.quick-options select{display:block;width:100%;height:36px;margin-top:4px;border:1px solid #3a6185;border-radius:9px;background:#081c31;color:#fff;padding:0 8px}.quick-options button{height:36px;padding:0 18px;border:0;border-radius:9px;background:#0b7dff;color:#fff;font-weight:800}
.travel-main-grid{margin-top:7px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:12px;align-items:start}.travel-filter-panel{border:1px solid #2a4e6f;border-radius:13px;background:linear-gradient(180deg,#0a263f,#061b31);padding:12px 12px 14px;min-height:0}.travel-filter-section+.travel-filter-section{margin-top:13px}.travel-filter-title{font-size:15px;font-weight:900;margin-bottom:9px;color:#f4f8fd}.travel-country-search{height:37px;border-radius:9px;border:1px solid #355a7c;background:#0e2b49;display:flex;align-items:center;padding:0 10px;color:#c5d4e4}.travel-country-search input{width:100%;min-width:0;border:0;background:transparent;outline:0;color:#fff;font-size:12.5px}.travel-country-search input::placeholder{color:#9eafc2}.travel-country-search span{font-size:16px}.travel-checks{display:grid;gap:8px}.travel-check-row{display:flex;align-items:center;font-size:13px;color:#dce6f1;line-height:1.35;cursor:pointer;user-select:none;min-width:0}.travel-check-row input{appearance:auto;width:15px;height:15px;accent-color:#2463eb;margin:0 6px 0 0;flex:0 0 15px}.travel-check-row span{min-width:0}.travel-filter-sep{height:1px;background:#244762;margin:13px 0}#travelTypeFilters,#travelSpeedFilters,#travelDataFilters{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:7px;row-gap:8px}#travelDataFilters .travel-check-row:nth-child(n+3){grid-column:1/-1}.travel-day-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.travel-day-quick .travel-check-row{height:31px;justify-content:center;border:1px solid #2e5272;border-radius:8px;background:#0a2540;font-size:12.5px;padding:0 3px}.travel-day-quick .travel-check-row.active{border-color:#167df5;background:#0d355e;color:#fff}.travel-day-quick .travel-check-row input{width:14px;height:14px;flex-basis:14px;margin-right:4px}.travel-day-select{position:relative;margin-top:8px}.travel-day-select-btn{width:100%;height:36px;padding:0 10px;border:1px solid #355a7c;border-radius:9px;background:#0e2b49;color:#dce8f5;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:12.5px}.travel-day-select-btn:hover,.travel-day-select-btn[aria-expanded="true"]{border-color:#1787ef;background:#103354}.travel-day-select-arrow{font-size:16px;line-height:1;color:#a9c2dc}.travel-day-menu{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:60;max-height:204px;overflow-y:auto;overscroll-behavior:contain;padding:4px;border:1px solid #365d80;border-radius:9px;background:#071f36;box-shadow:0 13px 26px rgba(0,0,0,.34);scrollbar-width:thin}.travel-day-menu[hidden]{display:none}.travel-day-option{width:100%;height:32px;border:0;border-radius:6px;background:transparent;color:#dce8f5;text-align:left;padding:0 9px;font-size:12.5px}.travel-day-option:hover,.travel-day-option.active{background:#0d4275;color:#fff}.travel-day-option.active{font-weight:850}.travel-day-section{position:relative;z-index:3}
.travel-results{min-width:0}.travel-result-toolbar{height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.travel-sort-list{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;min-width:0}.travel-sort-list::-webkit-scrollbar{display:none}.travel-sort-list button{height:35px;padding:0 22px;border-radius:11px;border:1px solid #294c6b;background:#081e34;color:#dbe6f3;white-space:nowrap;font-size:12px}.travel-sort-list button:hover{border-color:#3b82c3}.travel-sort-list button.active{background:#0b80ff;border-color:#0b80ff;color:#fff;font-weight:850}.travel-result-meta{display:flex;align-items:center;gap:10px;color:#dce8f5;font-size:12px;white-space:nowrap;flex:0 0 auto}.travel-per-page{height:35px;padding:0 13px;border:1px solid #294c6b;border-radius:11px;display:flex;align-items:center}.travel-filter-mobile{display:none;height:35px;padding:0 14px;border-radius:10px;border:1px solid #376386;background:#0a2947;color:#fff;font-size:12px;font-weight:800;white-space:nowrap}.travel-loading,.travel-empty{min-height:180px;border:1px dashed #315475;border-radius:13px;color:#9db3c9;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px}.travel-cards{display:grid;gap:6px}.travel-cards:empty{display:none}
.travel-product-card{display:grid;grid-template-columns:minmax(168px,17%) minmax(285px,2.7fr) minmax(108px,1fr) minmax(116px,1.1fr) minmax(120px,1.05fr) minmax(132px,1.05fr);min-height:96px;background:linear-gradient(180deg,#fbfdff 0,#f3f8fe 100%);color:var(--tr-ink);border-radius:14px;overflow:hidden;box-shadow:0 10px 28px rgba(2,18,38,.16);border:1px solid #cbd9e8;min-width:0}.travel-card-thumb{position:relative;min-width:0;overflow:hidden;background:#dbe8f5}.travel-card-thumb img{width:100%;height:100%;min-height:94px;display:block;object-fit:cover}.travel-thumb-badges{position:absolute;left:8px;top:7px;display:flex;gap:4px}.travel-thumb-badge{padding:4px 8px;border-radius:8px;background:#1557b8;color:#fff;font-size:11px;font-weight:900;box-shadow:0 2px 6px rgba(0,0,0,.16)}.travel-thumb-badge.hot{background:#ff287a}.travel-product-main{padding:10px 12px;min-width:0;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#ffffff 0,#f8fbff 100%)}.travel-provider-line{display:flex;align-items:center;gap:8px;min-width:0}.travel-provider-mark{height:29px;max-width:125px;padding:0 9px;border-radius:7px;background:#067df8;color:#fff;display:inline-flex;align-items:center;font-size:12px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.travel-provider-name{font-size:11px;font-weight:800;color:#4c617f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.travel-product-name{font-size:16px;font-weight:950;line-height:1.23;margin-top:4px;letter-spacing:-.2px;color:#102645;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.travel-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;min-width:0}.travel-tag{font-size:10.5px;line-height:23px;height:23px;padding:0 8px;border-radius:8px;background:#eef4fb;border:1px solid #d5e1ef;color:#183659;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.travel-metric,.travel-card-action{border-left:1px solid #d7e2ee;padding:11px 12px;display:flex;flex-direction:column;justify-content:center;min-width:0;background:#f6faff}.travel-metric.data{background:linear-gradient(180deg,#f7fbff 0,#f0f7ff 100%)}.travel-metric.duration{background:linear-gradient(180deg,#f5f8fc 0,#eef4fb 100%)}.travel-metric.price{background:linear-gradient(180deg,#edf6ff 0,#f6fbff 100%)}.travel-card-action{align-items:center;gap:6px;background:linear-gradient(180deg,#f7fbff 0,#eef5fd 100%)}.travel-metric label{font-size:10.5px;color:#547096;margin-bottom:4px;font-weight:800}.travel-metric strong{font-size:15px;color:#076ef0;line-height:1.25;overflow-wrap:anywhere}.travel-metric .sub{font-size:10.5px;color:#5e7594;margin-top:4px;line-height:1.3;overflow-wrap:anywhere}.travel-metric.duration strong{font-size:12px;color:#142949}.travel-metric.price strong{font-size:16px;color:#076ef0;white-space:nowrap}.travel-offer-hint{font-size:10px;color:#5f7591;text-align:center;line-height:1.25;font-weight:700}.travel-detail-btn{width:100%;height:43px;border:0;border-radius:11px;background:linear-gradient(135deg,#0e80ff,#0c6ff2);color:#fff;font-size:14px;font-weight:900;transition:.16s ease}.travel-detail-btn:hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(0,113,247,.3);filter:brightness(1.04)}
.travel-modal{position:fixed;inset:0;z-index:200;background:rgba(0,10,24,.7);display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}.travel-modal.open{display:flex}.travel-modal-card{width:min(760px,100%);max-height:min(760px,88vh);overflow:hidden;border-radius:17px;background:#fff;color:#152846;box-shadow:0 28px 70px rgba(0,0,0,.35);display:flex;flex-direction:column}.travel-modal-head{padding:16px 18px;border-bottom:1px solid #e0e7f0;display:flex;align-items:center;justify-content:space-between;gap:15px}.travel-modal-head div{min-width:0}.travel-modal-head small{display:block;color:#67809c;font-size:11px;margin-bottom:2px}.travel-modal-head b{font-size:19px;display:block;overflow-wrap:anywhere}.travel-modal-head button{width:36px;height:36px;border:1px solid #dce5ef;border-radius:10px;background:#fff;color:#334b69;font-size:22px}.travel-modal-body{padding:17px 18px 20px;overflow:auto}.travel-detail-grid{display:grid;grid-template-columns:130px 1fr;margin:0;border:1px solid #e0e8f1;border-radius:12px;overflow:hidden}.travel-detail-grid dt,.travel-detail-grid dd{margin:0;padding:10px 12px;border-bottom:1px solid #e8eef5;font-size:13px;line-height:1.4}.travel-detail-grid dt{background:#f5f8fc;font-weight:850;color:#4c627d}.travel-detail-grid dd{overflow-wrap:anywhere}.travel-detail-grid dt:last-of-type,.travel-detail-grid dd:last-of-type{border-bottom:0}.travel-offer-list{margin-top:14px}.travel-offer-list h3{font-size:15px;margin:0 0 8px}.travel-offer-row{display:grid;grid-template-columns:minmax(115px,1.1fr) 110px minmax(0,1.6fr) auto;gap:8px;align-items:center;padding:10px 11px;border:1px solid #e0e8f2;border-radius:11px;margin-top:7px}.travel-offer-row b{font-size:13px}.travel-offer-price{font-size:14px;font-weight:950;color:#0874f8}.travel-offer-condition{font-size:11px;color:#6d819c;overflow-wrap:anywhere}.travel-offer-row a{height:34px;padding:0 12px;border-radius:9px;background:#0b79fa;color:#fff;text-decoration:none;font-size:11px;font-weight:850;display:flex;align-items:center;justify-content:center;white-space:nowrap}.travel-modal-note{margin-top:12px;padding:10px 12px;border-radius:10px;background:#f3f7fc;color:#687e98;font-size:11px;line-height:1.45}
@media(max-width:1320px){.travel-product-card{grid-template-columns:minmax(150px,17%) minmax(250px,2.5fr) minmax(100px,.9fr) minmax(105px,1fr) minmax(112px,1fr) minmax(120px,1fr)}.travel-product-main{padding-left:10px;padding-right:10px}.travel-metric,.travel-card-action{padding-left:9px;padding-right:9px}.travel-sort-list button{padding:0 17px}}
@media(max-width:1180px){.travel-hero{height:252px}.travel-hero h1{font-size:38px}.travel-hero p{font-size:15.5px}.travel-feature{width:171px}.travel-main-grid{grid-template-columns:220px minmax(0,1fr)}.travel-product-card{grid-template-columns:150px minmax(250px,2.3fr) minmax(95px,.9fr) minmax(105px,1fr) minmax(112px,1fr)}.travel-card-action{grid-column:2/6;border-left:0;border-top:1px solid #e0e7ef;flex-direction:row;justify-content:flex-end;padding:7px 10px}.travel-detail-btn{width:130px;height:35px}.travel-offer-hint{text-align:right}.travel-card-thumb{grid-row:1/3}.travel-card-thumb img{height:100%}.travel-result-meta .travel-per-page{display:none}}
@media(max-width:1100px){.travel-shell{padding-left:20px;padding-right:20px}.travel-main-grid{grid-template-columns:minmax(0,1fr)}.travel-filter-mobile{display:block}.travel-filter-panel{display:none;min-height:0}.travel-filter-panel.open{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:7px}.travel-filter-panel.open .travel-filter-sep{display:none}.travel-filter-section+.travel-filter-section{margin-top:0}.travel-result-toolbar{height:auto;min-height:44px}.travel-sort-list{flex:1}.travel-quick-panel{align-items:flex-start;flex-direction:column}.quick-options{width:100%}}
@media(max-width:900px){.travel-hero{height:235px}.travel-hero__features{gap:7px}.travel-feature{width:157px;height:61px;padding:8px 9px;gap:7px}.travel-feature__icon{width:34px;flex-basis:34px;font-size:24px}.travel-feature b{font-size:12.5px}.travel-major-tab{height:56px;gap:7px}.travel-major-tab .tab-icon{font-size:22px;width:27px}.travel-major-tab b{font-size:14px}.travel-major-tab small{font-size:10.5px}.travel-product-card{grid-template-columns:150px minmax(230px,2.3fr) minmax(90px,.8fr) minmax(105px,1fr)}.travel-metric.duration{display:none}.travel-card-action{grid-column:2/5}.travel-result-meta{display:none}.travel-filter-panel.open{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.travel-hero{height:300px}.travel-hero__inner{padding:23px 18px 13px}.travel-hero h1{font-size:32px}.travel-hero p{font-size:14px}.travel-hero__features{display:grid;grid-template-columns:1fr 1fr}.travel-feature{width:auto;height:55px}.travel-feature__icon{font-size:21px}.travel-feature b{font-size:11.5px}.travel-shell{padding:8px 12px 28px}.travel-major-tabs{grid-template-columns:1fr 1fr}.travel-major-tab{height:58px}.travel-destination-bar{height:54px;padding:0 9px}.travel-destination-bar>strong{display:none}.travel-country-btn{min-width:91px;height:37px;padding:0 10px}.travel-product-card{grid-template-columns:124px minmax(0,1fr);min-height:0}.travel-card-thumb{grid-row:1/3}.travel-card-thumb img{height:100%;min-height:130px}.travel-product-main{padding:9px}.travel-product-name{font-size:14.5px}.travel-metric{border-left:0;border-top:1px solid #e0e8f0;display:grid;grid-template-columns:56px 1fr;align-items:center;padding:7px 9px;grid-column:2}.travel-metric label{margin:0}.travel-metric .sub{grid-column:2;margin-top:1px}.travel-metric.data,.travel-metric.price{display:grid}.travel-metric.duration{display:none}.travel-card-action{grid-column:1/3;grid-row:auto;border-left:0;border-top:1px solid #e0e8f0}.travel-tags .travel-tag:nth-child(n+4){display:none}.travel-sort-list button{height:33px;padding:0 13px}.travel-result-toolbar{gap:6px}.quick-options{grid-template-columns:1fr 1fr}.quick-options button{grid-column:1/3}.travel-offer-row{grid-template-columns:1fr 90px}.travel-offer-condition{grid-column:1/3}.travel-offer-row a{grid-column:1/3}.travel-detail-grid{grid-template-columns:105px 1fr}}
@media(max-width:480px){.desktop-only{display:none}.travel-hero{height:317px}.travel-hero h1{font-size:29px;letter-spacing:-1.2px}.travel-hero__eyebrow{font-size:12.5px}.travel-hero p{font-size:13px}.travel-major-tab small{display:none}.travel-major-tab b{font-size:13px}.travel-destination-arrow{width:32px;height:32px;flex-basis:32px;font-size:20px}.travel-filter-panel.open{grid-template-columns:1fr}.travel-product-card{grid-template-columns:112px minmax(0,1fr)}.travel-card-thumb img{min-height:136px}.travel-provider-name{display:none}.travel-provider-mark{max-width:95px}.travel-product-name{font-size:13.5px}.travel-tag{font-size:9.5px;padding:0 6px}.travel-metric.price strong{font-size:14px}.travel-detail-btn{width:115px}.travel-offer-hint{font-size:9.5px}.quick-options{grid-template-columns:1fr}.quick-options button{grid-column:auto}.travel-detail-grid{grid-template-columns:92px 1fr}.travel-detail-grid dt,.travel-detail-grid dd{padding:8px;font-size:11.5px}}
html[data-hp-theme="light"] .travel-page{background:linear-gradient(180deg,#061b30 0,#031326 72%,#02101e 100%)}

/* =========================================================
   v11.42.28 final UI integration
   - 해외유심 필터를 국내 요금제 찾기와 같은 구조로 재정렬
   - 판매가/사용일수 양방향 슬라이더
   - 데스크톱/노트북에서 필터+결과 동시 노출
   - 여행 특징 배지 줄바꿈 및 다크 카드 개선
   ========================================================= */
.travel-shell{max-width:1180px;padding-left:20px;padding-right:20px}
.travel-hero__features{display:grid;grid-template-columns:1fr 1fr 1.18fr 1fr;gap:12px;width:min(920px,100%)}
.travel-feature{width:auto;min-width:0;height:72px;padding:10px 13px;gap:9px}
.travel-feature__icon{width:36px;flex-basis:36px;font-size:27px}
.travel-feature b{font-size:14px;line-height:1.34;word-break:keep-all;overflow-wrap:normal}

.travel-main-grid{grid-template-columns:290px minmax(0,1fr);gap:20px;margin-top:14px}
.travel-filter-panel{position:sticky;top:82px;max-height:calc(100vh - 100px);overflow-y:auto;overscroll-behavior:contain;padding:18px;border-radius:15px;background:#0d1a2d;border-color:#2d4562;scrollbar-width:thin;scrollbar-color:#48627e transparent}
.travel-filter-heading{margin:0 0 4px;font-size:19px;line-height:1.3;color:#f4f8ff}
.travel-filter-section{padding:14px 0;border-top:1px solid #284059;margin:0!important}
.travel-filter-section:first-of-type{border-top:0;padding-top:12px}
.travel-filter-title{font-size:15px;font-weight:900;margin-bottom:10px;color:#f2f6fc}
.travel-filter-sep{display:none}
.travel-country-search{height:42px;border-radius:9px;border-color:#36506d;background:#101f34;padding:0 11px}
.travel-country-search input{font-size:13px}
.travel-filter-select{display:block;width:100%;height:42px;padding:0 34px 0 11px;border:1px solid #36506d;border-radius:9px;background:#101f34;color:#eef4fb;font-size:13px;outline:0}
.travel-filter-select:focus,.travel-country-search:focus-within{border-color:#4f87d8;box-shadow:0 0 0 2px rgba(49,117,222,.15)}
.travel-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 8px!important}
.travel-check-row{font-size:13.5px;line-height:1.38;color:#d9e4f1;align-items:flex-start;word-break:keep-all}
.travel-check-row input{width:16px;height:16px;flex:0 0 16px;margin-top:1px;margin-right:6px}
#travelTypeFilters .travel-check-row:nth-child(4),#travelDataFilters .travel-check-row:nth-child(3),#travelDataFilters .travel-check-row:nth-child(4){grid-column:auto}

.travel-range-section{padding-top:7px;padding-bottom:7px}
.travel-range-box{padding:10px;border:1px solid #34506e;border-radius:12px;background:#0b1729;box-shadow:inset 0 0 0 1px rgba(130,157,202,.05)}
.travel-range-head{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0;margin-bottom:4px;line-height:1.25}
.travel-range-head strong{display:inline-flex;align-items:center;flex:0 0 auto;font-size:15px;font-weight:900;color:#eef4ff;white-space:nowrap}
.travel-range-dot{display:inline-block;margin-right:5px;color:#3f82ff;font-size:19px;font-weight:950;line-height:1;transform:translateY(-1px)}
.travel-range-current{display:flex;align-items:center;justify-content:flex-end;gap:3px;min-width:0;color:#4285ff;font-size:12.5px;font-weight:850;letter-spacing:-.035em;white-space:nowrap}
.travel-range-current b{display:inline!important;margin:0!important;color:#4285ff!important;font-size:12.5px!important;line-height:1.2!important}
.travel-dual-range{position:relative;height:24px;margin:0 4px}
.travel-dual-range-track,.travel-dual-range-fill{position:absolute;left:0;right:0;top:9px;height:6px;border-radius:999px}
.travel-dual-range-track{background:#1d3450}
.travel-dual-range-fill{right:auto;background:linear-gradient(90deg,#2e7cf7,#4b8eff)}
.travel-dual-range-input{position:absolute;inset:0;width:100%;height:24px;margin:0;background:transparent!important;border:0!important;outline:0;appearance:none;-webkit-appearance:none;pointer-events:none}
.travel-dual-range-input::-webkit-slider-runnable-track{height:6px;background:transparent;border:0}
.travel-dual-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;border:2px solid #dce9ff;background:#3b82f6;box-shadow:0 0 0 1px #07111f,0 1px 5px rgba(59,130,246,.55);pointer-events:auto;cursor:pointer}
.travel-dual-range-input::-moz-range-track{height:6px;background:transparent;border:0}
.travel-dual-range-input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:2px solid #dce9ff;background:#3b82f6;box-shadow:0 0 0 1px #07111f,0 1px 5px rgba(59,130,246,.55);pointer-events:auto;cursor:pointer}
#travelPriceMinRange,#travelDaysMinRange{z-index:4}
#travelPriceMaxRange,#travelDaysMaxRange{z-index:5}

.travel-product-card{grid-template-columns:150px minmax(220px,2fr) minmax(92px,.82fr) minmax(102px,.9fr) minmax(108px,.92fr);min-height:116px}
.travel-card-thumb{grid-row:1/3}
.travel-card-thumb img{height:100%;min-height:116px}
.travel-product-main{padding:11px 12px}
.travel-card-action{grid-column:2/6;border-left:0;border-top:1px solid #d7e2ee;min-height:45px;padding:6px 10px;flex-direction:row;justify-content:flex-end;align-items:center}
.travel-detail-btn{width:132px;height:34px}
.travel-offer-hint{text-align:right;max-width:55%}

html[data-hp-theme="dark"] .travel-product-card{background:#111a2d;border-color:#31415d;color:#e8effa;box-shadow:0 10px 26px rgba(0,0,0,.2)}
html[data-hp-theme="dark"] .travel-card-thumb{background:#0e1a2c}
html[data-hp-theme="dark"] .travel-product-main{background:linear-gradient(180deg,#121d31 0,#101a2d 100%)}
html[data-hp-theme="dark"] .travel-provider-name{color:#9eafc5}
html[data-hp-theme="dark"] .travel-product-name{color:#f1f5fb}
html[data-hp-theme="dark"] .travel-tag{background:#17243a;border-color:#30415d;color:#c8d6e8}
html[data-hp-theme="dark"] .travel-metric,html[data-hp-theme="dark"] .travel-card-action{background:#101a2c;border-color:#2d3c55}
html[data-hp-theme="dark"] .travel-metric.data{background:linear-gradient(180deg,#111e32 0,#0f1a2d 100%)}
html[data-hp-theme="dark"] .travel-metric.duration{background:linear-gradient(180deg,#101c30 0,#0e192b 100%)}
html[data-hp-theme="dark"] .travel-metric.price{background:linear-gradient(180deg,#102039 0,#0f1b2f 100%)}
html[data-hp-theme="dark"] .travel-metric label{color:#8fa4bf}
html[data-hp-theme="dark"] .travel-metric strong{color:#78adff}
html[data-hp-theme="dark"] .travel-metric.duration strong{color:#e5edf8}
html[data-hp-theme="dark"] .travel-metric .sub,html[data-hp-theme="dark"] .travel-offer-hint{color:#91a3ba}
html[data-hp-theme="dark"] .travel-card-action{border-top-color:#2d3c55}

@media(max-width:1180px){
 .travel-shell{max-width:1160px}
 .travel-main-grid{grid-template-columns:280px minmax(0,1fr);gap:16px}
 .travel-product-card{grid-template-columns:142px minmax(210px,2fr) minmax(88px,.8fr) minmax(96px,.9fr) minmax(102px,.9fr)}
 .travel-card-action{grid-column:2/6}
 .travel-hero__features{width:min(880px,100%)}
}
@media(max-width:1050px){
 .travel-main-grid{grid-template-columns:260px minmax(0,1fr);gap:14px}
 .travel-filter-panel{display:block;position:sticky;max-height:calc(100vh - 96px)}
 .travel-filter-mobile{display:none}
 .travel-product-card{grid-template-columns:132px minmax(190px,2fr) minmax(84px,.82fr) minmax(98px,.9fr)}
 .travel-metric.duration{display:none}
 .travel-card-action{grid-column:2/5}
 .travel-result-meta{display:none}
 .travel-product-name{font-size:14.5px}
 .travel-tag{padding:0 6px}
}
@media(max-width:900px){
 .travel-shell{padding-left:16px;padding-right:16px}
 .travel-main-grid{grid-template-columns:245px minmax(0,1fr);gap:12px}
 .travel-filter-panel{display:block;padding:15px}
 .travel-filter-mobile{display:none}
 .travel-filter-heading{font-size:17px}
 .travel-filter-title{font-size:14px}
 .travel-check-row{font-size:12.5px}
 .travel-product-card{grid-template-columns:120px minmax(172px,2fr) minmax(78px,.8fr) minmax(90px,.9fr)}
 .travel-card-thumb img{min-height:122px}
 .travel-provider-name{display:none}
 .travel-product-main{padding:9px}
 .travel-metric,.travel-card-action{padding-left:8px;padding-right:8px}
 .travel-detail-btn{width:118px}
 .travel-hero__features{grid-template-columns:1fr 1fr 1.12fr 1fr;width:100%;gap:7px}
 .travel-feature{width:auto!important;height:63px;padding:8px 9px;gap:6px}
 .travel-feature__icon{width:30px;flex-basis:30px;font-size:22px}
 .travel-feature b{font-size:12px;line-height:1.3}
}
@media(max-width:820px){
 .travel-main-grid{grid-template-columns:minmax(0,1fr)}
 .travel-filter-mobile{display:block}
 .travel-filter-panel{display:none;position:static;max-height:none;margin-bottom:8px}
 .travel-filter-panel.open{display:block;grid-template-columns:none;gap:0}
 .travel-result-toolbar{height:auto;min-height:44px}
}
@media(max-width:700px){
 .travel-hero__features{grid-template-columns:1fr 1fr}
 .travel-feature{height:55px}
 .travel-product-card{grid-template-columns:124px minmax(0,1fr);min-height:0}
 .travel-card-thumb{grid-row:1/3}
 .travel-card-thumb img{height:100%;min-height:130px}
 .travel-product-main{padding:9px}
 .travel-product-name{font-size:14.5px}
 .travel-metric{border-left:0;border-top:1px solid #e0e8f0;display:grid;grid-template-columns:56px 1fr;align-items:center;padding:7px 9px;grid-column:2}
 .travel-metric label{margin:0}.travel-metric .sub{grid-column:2;margin-top:1px}
 .travel-metric.data,.travel-metric.price{display:grid}.travel-metric.duration{display:none}
 .travel-card-action{grid-column:1/3;grid-row:auto;border-left:0;border-top:1px solid #e0e8f0}
 html[data-hp-theme="dark"] .travel-metric,html[data-hp-theme="dark"] .travel-card-action{border-top-color:#2d3c55}
 .travel-offer-hint{max-width:none}
}
@media(max-width:480px){
 .travel-product-card{grid-template-columns:112px minmax(0,1fr)}
 .travel-card-thumb img{min-height:136px}
 .travel-provider-name{display:none}
 .travel-provider-mark{max-width:95px}
 .travel-product-name{font-size:13.5px}
 .travel-tag{font-size:9.5px;padding:0 6px}
 .travel-metric.price strong{font-size:14px}
 .travel-detail-btn{width:115px}
 .travel-offer-hint{font-size:9.5px}
 .travel-range-current,.travel-range-current b{font-size:11.5px!important}
}
@media(min-width:821px) and (max-width:1100px){
 .travel-filter-panel.open{display:block;grid-template-columns:none;gap:0;margin-bottom:0}
}
@media(min-width:821px) and (max-width:1100px){
 .travel-filter-panel{display:block}
 .travel-filter-mobile{display:none}
}


/* =========================================================
   v11.42.27 최종 - 해외상품 판매가/사용일수 범위막대 통일
   현재 요금제 찾기의 양방향 슬라이더와 동일한 시각 규칙을 사용한다.
   - 선택 구간은 밝은 파랑으로 확실히 노출
   - 양 끝 손잡이 모두 보이도록 overflow/stacking 고정
   - 기본 상태에서는 최저 손잡이를 한 단계 앞으로 배치
   ========================================================= */
.travel-range-box{
  padding:9px 10px!important;
}
.travel-range-head{
  margin-bottom:3px!important;
}
.travel-dual-range{
  position:relative;
  isolation:isolate;
  overflow:visible;
  height:22px!important;
  margin:0 8px!important;
}
.travel-dual-range-track,
.travel-dual-range-fill{
  top:8px!important;
  height:6px!important;
  border-radius:999px!important;
}
.travel-dual-range-track{
  z-index:1;
  background:#3a4a66!important;
  box-shadow:inset 0 0 0 1px rgba(173,197,235,.16)!important;
}
.travel-dual-range-fill{
  z-index:2;
  right:auto!important;
  width:100%;
  background:#3478f6!important;
  box-shadow:0 0 0 1px rgba(91,146,255,.18),0 0 10px rgba(52,120,246,.18)!important;
}
.travel-dual-range-input{
  top:0!important;
  bottom:auto!important;
  height:22px!important;
  overflow:visible!important;
  opacity:1!important;
  filter:none!important;
}
.travel-dual-range-input::-webkit-slider-runnable-track{
  height:6px!important;
  background:transparent!important;
  border:0!important;
}
.travel-dual-range-input::-webkit-slider-thumb{
  width:18px!important;
  height:18px!important;
  margin-top:-6px!important;
  border:2px solid #d5e5ff!important;
  border-radius:50%!important;
  background:#3478f6!important;
  box-shadow:0 0 0 1px #0a1020,0 1px 5px rgba(59,130,246,.55)!important;
  opacity:1!important;
}
.travel-dual-range-input::-moz-range-track{
  height:6px!important;
  background:transparent!important;
  border:0!important;
}
.travel-dual-range-input::-moz-range-thumb{
  width:16px!important;
  height:16px!important;
  border:2px solid #d5e5ff!important;
  border-radius:50%!important;
  background:#3478f6!important;
  box-shadow:0 0 0 1px #0a1020,0 1px 5px rgba(59,130,246,.55)!important;
  opacity:1!important;
}
#travelPriceMinRange,#travelDaysMinRange{z-index:6!important}
#travelPriceMaxRange,#travelDaysMaxRange{z-index:5!important}


/* =========================================================
   v11.42.28 듀얼 범위 슬라이더 최종 가시성 보강
   브라우저별 range stacking 차이와 끝점 clipping을 피하기 위해
   실제 drag thumb 위에 pointer-events:none 시각 thumb를 별도로 그린다.
   ========================================================= */
.travel-dual-range{
  margin:0 10px!important;
  overflow:visible!important;
}
.travel-dual-range-track{
  background:#2f75e8!important;
  box-shadow:0 0 0 1px rgba(111,168,255,.30),0 0 8px rgba(47,117,232,.20)!important;
}
.travel-dual-range-fill{
  background:#58a4ff!important;
  box-shadow:0 0 0 1px rgba(170,211,255,.38),0 0 10px rgba(60,142,255,.24)!important;
}
.travel-dual-range-input{z-index:10!important}
.travel-dual-range-input::-webkit-slider-thumb{opacity:0!important;box-shadow:none!important}
.travel-dual-range-input::-moz-range-thumb{opacity:0!important;box-shadow:none!important}
.travel-range-visual-thumb{
  position:absolute;
  top:1px;
  width:20px;
  height:20px;
  border:2px solid #edf6ff;
  border-radius:50%;
  background:#347ef3;
  box-shadow:0 0 0 1px #07111f,0 1px 7px rgba(58,135,255,.72);
  transform:translateX(-50%);
  pointer-events:none;
  z-index:30;
}
.travel-range-visual-thumb.min{z-index:32}
.travel-range-visual-thumb.max{z-index:31}

/* =========================================================
   v11.42.30 해외상품 듀얼 범위 슬라이더 안정화
   - 공통 다크모드 input 배경이 range 위를 덮던 문제 차단
   - 실제 브라우저 thumb는 투명한 조작 핸들로만 사용
   - 시각 thumb는 항상 최상단에서 두 개 모두 노출
   - 전체 트랙은 밝은 파랑, 선택 구간은 더 밝은 파랑
   ========================================================= */
.travel-page .travel-dual-range{
  position:relative!important;
  isolation:isolate!important;
  height:24px!important;
  margin:0 12px!important;
  overflow:visible!important;
}
.travel-page .travel-dual-range-track,
.travel-page .travel-dual-range-fill{
  position:absolute!important;
  top:9px!important;
  height:6px!important;
  border-radius:999px!important;
  pointer-events:none!important;
}
.travel-page .travel-dual-range-track{
  left:0!important;
  right:0!important;
  z-index:1!important;
  background:#2f7df4!important;
  box-shadow:0 0 0 1px rgba(133,184,255,.34),0 0 8px rgba(47,125,244,.20)!important;
}
.travel-page .travel-dual-range-fill{
  right:auto!important;
  z-index:2!important;
  background:#72b6ff!important;
  box-shadow:0 0 0 1px rgba(201,228,255,.32),0 0 9px rgba(87,164,255,.22)!important;
}
.travel-page input.travel-dual-range-input,
html[data-hp-theme="dark"] .travel-page input.travel-dual-range-input{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:24px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-color:transparent!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  pointer-events:none!important;
  overflow:visible!important;
  opacity:1!important;
  filter:none!important;
}
.travel-page #travelPriceMinRange,
.travel-page #travelDaysMinRange{z-index:20!important}
.travel-page #travelPriceMaxRange,
.travel-page #travelDaysMaxRange{z-index:21!important}

.travel-page input.travel-dual-range-input::-webkit-slider-runnable-track{
  height:6px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.travel-page input.travel-dual-range-input::-webkit-slider-thumb{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:22px!important;
  height:22px!important;
  margin-top:-8px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:0!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
.travel-page input.travel-dual-range-input::-moz-range-track,
.travel-page input.travel-dual-range-input::-moz-range-progress{
  height:6px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.travel-page input.travel-dual-range-input::-moz-range-thumb{
  width:22px!important;
  height:22px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:0!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
.travel-page .travel-range-visual-thumb{
  position:absolute!important;
  top:1px!important;
  width:20px!important;
  height:20px!important;
  border:2px solid #f0f6ff!important;
  border-radius:50%!important;
  background:#347ef3!important;
  box-shadow:0 0 0 1px #07111f,0 2px 7px rgba(58,135,255,.65)!important;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
  opacity:1!important;
  visibility:visible!important;
  z-index:40!important;
}
.travel-page .travel-range-visual-thumb.min{z-index:42!important}
.travel-page .travel-range-visual-thumb.max{z-index:41!important}



/* =========================================================
   v11.42.38 해외유심 히어로 폭 회귀 보정
   - 데스크톱에서 상단 이미지 영역이 브라우저 전체폭으로 다시 퍼지는 회귀 수정
   - 아래 travel-shell과 동일한 1180px 최대폭으로 중앙 정렬
   - 700px 이하 모바일은 기존처럼 전체폭 유지
   ========================================================= */
@media (min-width:701px){
  .travel-hero{
    width:100%;
    max-width:1180px;
    margin-left:auto;
    margin-right:auto;
  }
}