:root{--navy:#07172b;--blue:#1677ff;--cyan:#27d5e8;--ink:#10243a;--muted:#647990;--line:#d9e8f2;--bg:#f4f9fc;--ok:#0aa677;--warn:#d78b00}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#edf8ff,#f9fcfe);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}
.shell{min-height:100vh}.top{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1100px)/2))}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy)}.brand img{width:46px;height:46px;object-fit:contain}.brand strong{font-size:22px}.brand span{display:block;font-size:9px;letter-spacing:1.5px;color:#668}
.lang{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 10px}.main{max-width:1100px;margin:0 auto;padding:34px 20px 90px}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:stretch}.hero-card,.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 16px 45px rgba(20,91,140,.08)}
.hero-card{background:linear-gradient(135deg,#08264a,#0a7797);color:#fff}.hero-card h1{font-size:clamp(32px,5vw,58px);line-height:1;margin:12px 0}.hero-card p{color:#d5f3ff;line-height:1.6}.pill{display:inline-flex;border:1px solid rgba(255,255,255,.25);border-radius:99px;padding:7px 11px;font-size:12px}
.tabs{display:flex;gap:8px;margin-bottom:18px}.tab{flex:1;border:0;border-radius:12px;padding:11px;font-weight:800;cursor:pointer}.tab.active{background:var(--blue);color:#fff}.tab:not(.active){background:#edf4f9;color:#456}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:#526b82}.input{width:100%;border:1px solid #bdd3e1;border-radius:13px;padding:13px;background:#fbfdff;font-size:15px;outline:none}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,119,255,.11)}
.inline{display:grid;grid-template-columns:1fr auto;gap:8px}.btn{border:0;border-radius:13px;padding:13px 17px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:900;cursor:pointer}.btn.secondary{background:#edf4f9;color:#345}.btn:disabled{opacity:.55}.msg{min-height:22px;font-size:13px;margin-top:10px}.ok{color:var(--ok)}.err{color:#d13b4c}
.portal-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{background:#f3f9fd;border-radius:16px;padding:14px}.metric b{display:block;font-size:24px}.orders{display:grid;gap:12px;margin-top:16px}.order{border:1px solid var(--line);border-radius:18px;padding:16px}.order-top{display:flex;justify-content:space-between;gap:10px}.status{font-size:11px;font-weight:900;border-radius:99px;padding:6px 9px;background:#e9f8f4;color:#087759}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.note{margin-top:16px;font-size:12px;color:var(--muted)}.hidden{display:none!important}
@media(max-width:760px){.top{padding:0 14px}.main{padding:18px 12px 70px}.hero{grid-template-columns:1fr}.hero-card,.card{padding:18px;border-radius:20px}.grid{grid-template-columns:1fr}.field.full{grid-column:auto}.metrics{grid-template-columns:repeat(3,1fr)}.metric{padding:10px}.metric b{font-size:19px}.portal-head{align-items:flex-start;flex-direction:column}}

/* V85.1 unified purchase journey */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 20px}.step{padding:10px;border-radius:12px;background:#eaf3f8;color:#60788e;font-size:12px;font-weight:800;text-align:center}.step.active{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff}.step.done{background:#e7f8f3;color:#087759}
.fast-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.select-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choice{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px;text-align:left;cursor:pointer;color:var(--ink)}.choice.active{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,119,255,.10);background:#f5faff}.choice b{display:block}.choice small{color:var(--muted)}
.days-row{display:flex;gap:8px;flex-wrap:wrap}.day-btn{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 13px;font-weight:800;cursor:pointer}.day-btn.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;position:relative}.plan-card.featured{border:2px solid var(--blue);transform:translateY(-4px)}.plan-tag{position:absolute;right:12px;top:12px;border-radius:99px;background:#e8f4ff;color:#0968c6;padding:6px 9px;font-size:10px;font-weight:900}.plan-price{font-size:30px;font-weight:900;margin:12px 0}.plan-meta{display:grid;gap:6px;color:var(--muted);font-size:13px}.summary-list{display:grid;gap:10px}.summary-row{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.summary-total{font-size:24px;font-weight:900}.identity-box{margin-top:16px;padding:16px;background:#f7fbfd;border:1px solid var(--line);border-radius:18px}.compact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.progress-note{background:#e9f8f4;color:#087759;border-radius:14px;padding:11px;font-size:13px;font-weight:700}.soft-note{background:#fff7e5;border:1px solid #f0d18b;color:#775600;border-radius:14px;padding:11px;font-size:12px;margin-top:12px}.link-small{font-size:12px;color:#39769b}.hero-clean{background:linear-gradient(135deg,#07315f,#0a8197);color:#fff}.hero-clean h1{font-size:clamp(38px,6vw,72px);line-height:1;margin:12px 0}.hero-clean p{color:#dcf6ff;font-size:17px;line-height:1.55}.top-actions{display:flex;align-items:center;gap:10px}
@media(max-width:760px){.fast-grid,.plan-grid,.compact-grid{grid-template-columns:1fr}.select-grid{grid-template-columns:1fr 1fr}.steps{gap:4px}.step{padding:8px 3px;font-size:10px}.plan-card.featured{transform:none}}


/* V85.2 trip-day selector: precise 1–31 day slider + quick presets */
.day-slider-card{margin-top:8px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#f7fbfe}
.day-slider-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;font-weight:800}
.day-slider-head strong{font-size:20px;color:var(--blue);white-space:nowrap}
.day-slider{width:100%;margin:14px 0 6px;accent-color:var(--blue);cursor:pointer}


.day-scale{display:flex;justify-content:space-between;color:#7b8da0;font-size:10px;font-weight:700}
.preset-label{margin:10px 0 7px;color:#73869a;font-size:11px;font-weight:800}
.days-row{display:flex;flex-wrap:wrap;gap:8px}
.day-btn{min-width:48px}
@media(max-width:760px){
  .day-slider-card{padding:12px}
  .day-slider-head strong{font-size:18px}
  .days-row{display:grid;grid-template-columns:repeat(4,1fr)}
  .day-btn{min-width:0;width:100%}
}


/* V85.2 final: selected-duration helper */
.day-recommendation{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border-radius:13px;background:#eef8ff;border-left:4px solid var(--cyan);color:#4f657a;font-size:12px;line-height:1.4}
.day-recommendation strong{color:var(--blue);white-space:nowrap;font-size:15px}
@media(max-width:760px){.day-recommendation{align-items:flex-start;flex-direction:column;gap:3px}}


/* V85.2 slider width alignment fix */
.day-slider-card{width:100%;padding-left:0;padding-right:0;border:0;background:transparent}
.day-slider-head,.day-scale{padding-left:0;padding-right:0}
.day-slider{display:block;width:100%;margin-left:0;margin-right:0}
.days-row{width:100%}


/* V85.3 Premium Production — mobile-first destination picker and synchronized day slider */
.destination-button{width:100%;min-height:58px;display:flex;align-items:center;gap:12px;border:1px solid #b9d3e4;border-radius:15px;padding:10px 14px;background:#fbfdff;color:var(--ink);text-align:left;cursor:pointer}
.destination-button:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,119,255,.12)}
.destination-button>span:first-child{font-size:25px}.destination-button-copy{display:grid;gap:2px;flex:1}.destination-button-copy strong{font-size:16px}.destination-button-copy small{font-size:11px;color:var(--muted)}.destination-chevron{font-size:20px;color:#668}
.destination-modal{position:fixed;inset:0;z-index:9999;background:rgba(2,17,36,.55);display:grid;place-items:center;padding:20px}
.destination-sheet{width:min(680px,100%);max-height:min(760px,88vh);display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.28)}
.destination-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 10px}.destination-sheet-head strong{display:block;font-size:20px}.destination-sheet-head small{display:block;color:var(--muted);margin-top:3px}.sheet-close{width:40px;height:40px;border:0;border-radius:50%;background:#eef5f9;font-size:25px;cursor:pointer}
.destination-search-wrap{display:flex;align-items:center;gap:8px;margin:0 20px 12px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:#f8fbfd}.destination-search-wrap input{width:100%;border:0;background:transparent;padding:13px 0;font-size:16px;outline:none}
.destination-list{overflow:auto;padding:0 12px 16px;overscroll-behavior:contain}.destination-item{width:100%;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;border:0;border-bottom:1px solid #edf2f6;background:#fff;padding:12px 8px;text-align:left;cursor:pointer}.destination-item:hover{background:#f4faff}.destination-item-flag{font-size:26px}.destination-item strong{display:block;font-size:15px}.destination-item small{display:block;color:var(--muted);margin-top:3px;font-size:11px}
.modal-open{overflow:hidden}
.range-wrap{position:relative;padding-top:22px}
.day-slider{--progress:20%;appearance:none;-webkit-appearance:none;display:block;width:100%;height:8px;margin:0;border-radius:99px;background:linear-gradient(90deg,var(--blue) 0,var(--cyan) var(--progress),#d8e3ea var(--progress),#d8e3ea 100%);outline:none}
.day-slider::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:transparent}.day-slider::-moz-range-track{height:8px;border-radius:99px;background:transparent}
.day-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-7px;border-radius:50%;background:#fff;border:5px solid var(--blue);box-shadow:0 3px 10px rgba(22,119,255,.3);cursor:pointer}.day-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:5px solid var(--blue);box-shadow:0 3px 10px rgba(22,119,255,.3);cursor:pointer}
.day-bubble{position:absolute;top:0;transform:translateX(-50%);min-width:32px;text-align:center;padding:3px 7px;border-radius:8px;background:var(--blue);color:#fff;font-size:12px;font-weight:900;pointer-events:none}
.day-scale{display:grid;grid-template-columns:repeat(5,1fr);margin-top:9px}.day-scale span{text-align:center}.day-scale span:first-child{text-align:left}.day-scale span:last-child{text-align:right}
.purchase-card{overflow:visible}.loading-card{padding:30px;text-align:center;color:var(--muted)}
@media(max-width:760px){
 .destination-modal{padding:0;place-items:end center}.destination-sheet{width:100%;max-height:92dvh;border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom)}
 .destination-sheet-head{padding:16px 16px 10px}.destination-search-wrap{margin:0 14px 10px}.destination-list{padding:0 8px 14px}
 .destination-item{min-height:62px}.destination-item strong{font-size:16px}.destination-item small{font-size:12px}
 .day-slider-card{padding:0}.range-wrap{padding-top:24px}.days-row{grid-template-columns:repeat(4,1fr)}
}