:root{--ink:#153047;--muted:#617180;--paper:#f7fbfa;--card:#fff;--line:#dceae7;--sea:#167d84;--deep:#0d4651;--coral:#ff6f61;--sun:#f5c45b;--soft:#e8f6f4;--shadow:0 18px 44px rgba(15,64,72,.12)} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--paper);color:var(--ink)}a{text-decoration:none;color:inherit}.container{width:min(1200px,92%);margin:auto}.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.navin{height:74px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:900;letter-spacing:-.6px}.mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--sea),#5bc0b8);color:#fff;box-shadow:0 8px 20px rgba(22,125,132,.3)}.by{font-size:.68rem;color:var(--muted);font-weight:700;display:block;letter-spacing:.3px}.nav-filter{border:0;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer;padding:8px 2px}.nav-filter:hover{color:var(--sea)}.navlinks{margin-left:auto;display:flex;align-items:center;gap:19px;font-weight:700;color:#435767}.btn{border:0;border-radius:13px;padding:11px 16px;font-weight:800;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:7px}.primary{background:var(--sea);color:#fff;box-shadow:0 8px 20px rgba(22,125,132,.22)}.secondary{background:#fff;border:1px solid var(--line)}.hero{min-height:610px;position:relative;display:flex;align-items:center;overflow:hidden;background:#123}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,37,48,.82) 0%,rgba(5,37,48,.52) 52%,rgba(5,37,48,.12) 100%),url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1800&q=90') center/cover}.hero-content{position:relative;z-index:2;color:#fff;padding:80px 0;max-width:780px}.eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.14);font-weight:800;font-size:.8rem;border:1px solid rgba(255,255,255,.24)}h1{font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-3px;margin:18px 0 18px}.hero p{font-size:1.15rem;line-height:1.7;color:#dff7f4;max-width:700px}.search-shell{margin-top:28px;background:#fff;padding:12px;border-radius:22px;box-shadow:var(--shadow);color:var(--ink)}.keyword-row{display:flex;gap:9px;padding-bottom:10px;border-bottom:1px solid var(--line)}.keyword-row input{width:100%;border:0;background:#f2f7f6;border-radius:13px;padding:15px 16px;font:inherit;color:var(--ink);font-size:1rem}.booking-row{display:grid;grid-template-columns:1.2fr 1.25fr 1fr .75fr auto;gap:8px;padding-top:10px;align-items:stretch}.booking-control{position:relative;min-width:0}.booking-control select,.date-trigger{width:100%;height:52px;border:0;background:#f2f7f6;border-radius:13px;padding:8px 13px;font:inherit;color:var(--ink);text-align:left;cursor:pointer}.control-label{display:block;font-size:.68rem;line-height:1.1;text-transform:uppercase;letter-spacing:.55px;color:#6b7d88;font-weight:900;margin-bottom:4px}.control-value{display:block;font-size:.92rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px}.date-arrow{font-size:.8rem;color:var(--sea)}.date-popover{display:none;position:absolute;left:0;top:calc(100% + 9px);z-index:300;width:min(390px,calc(100vw - 42px));background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 20px 55px rgba(15,64,72,.22)}.date-popover.show{display:block;animation:dateDrop .2s ease-out}@keyframes dateDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.date-popover h3{margin:0 0 12px;font-size:1rem}.date-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.date-field{display:flex;flex-direction:column;gap:6px}.date-field label{font-size:.75rem;font-weight:900;color:var(--muted)}.date-field input{width:100%;border:1px solid var(--line);background:#f8fbfa;border-radius:11px;padding:10px;font:inherit}.date-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.date-actions button{border:0;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer}.date-clear{background:#f2f7f6;color:var(--ink)}.date-done{background:var(--sea);color:#fff}.booking-row>.btn{height:52px;align-self:stretch}.search-status{display:none;margin-top:10px;padding:9px 12px;border-radius:11px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);font-size:.84rem}.search-status.show{display:block}.search-status.error{background:rgba(168,34,34,.28);border-color:rgba(255,255,255,.3)}.chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.chip{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.25);color:#fff;padding:8px 12px;border-radius:999px;cursor:pointer;font-weight:700;font-size:.82rem}section{padding:62px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.sectionhead h2{margin:0;font-size:2rem;letter-spacing:-.7px}.sectionhead p{margin:7px 0 0;color:var(--muted)}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{border:1px solid var(--line);background:#fff;padding:9px 13px;border-radius:999px;font-weight:750;cursor:pointer}.tab.active{background:var(--deep);color:#fff;border-color:var(--deep)}.grid{display:grid;gap:20px}.cards{grid-template-columns:repeat(3,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 7px 22px rgba(15,64,72,.06);transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.photo{height:230px;position:relative;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;transition:.5s}.card:hover .photo img{transform:scale(1.05)}.heart{position:absolute;right:13px;top:13px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.92);cursor:pointer;font-size:1.1rem}.tag{position:absolute;left:13px;top:13px;background:#fff;color:var(--sea);padding:6px 9px;border-radius:999px;font-weight:800;font-size:.72rem}.body{padding:17px}.place{font-size:.82rem;color:var(--muted);font-weight:700}.title{font-size:1.08rem;font-weight:900;margin:6px 0}.meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.82rem}.rating{color:#a66b00;font-weight:800}.price{display:flex;justify-content:space-between;align-items:end;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.price b{font-size:1.18rem}.includes{background:var(--soft);border-radius:18px;padding:23px}.includegrid{grid-template-columns:repeat(4,1fr)}.include{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px}.include span{font-size:1.6rem}.include h3{font-size:1rem;margin:9px 0 5px}.include p{font-size:.84rem;color:var(--muted);margin:0;line-height:1.45}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.split img{width:100%;height:430px;object-fit:cover;border-radius:24px}.quiz{background:linear-gradient(135deg,var(--deep),var(--sea));color:#fff;border-radius:28px;padding:44px}.quiz p{color:#d9f6f1;line-height:1.6}.host{background:#fff}.hostbox{background:#173348;color:#fff;border-radius:28px;padding:45px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.hostbox p{color:#cfe0e7}.hostbox img{width:100%;height:300px;object-fit:cover;border-radius:20px}.modal{position:fixed;inset:0;background:rgba(9,32,40,.62);z-index:200;display:none;align-items:center;justify-content:center;padding:20px;overscroll-behavior:contain}.modal.show{display:flex}.modalbox{width:min(920px,100%);max-height:min(92vh,920px);overflow:auto;background:#fff;border-radius:24px;padding:25px;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.close{float:right;border:0;background:transparent;font-size:1.7rem;cursor:pointer}.detailgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.gallerymain{height:370px;width:100%;object-fit:cover;border-radius:18px}.booking{border:1px solid var(--line);border-radius:18px;padding:20px;position:sticky;top:20px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field input,.field select{border:1px solid var(--line);border-radius:11px;padding:11px;font:inherit}.total{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);margin-top:10px}.footer{padding:38px 0;background:#102d3c;color:#cfe0e7}.footer strong{color:#fff}.footgrid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.footgrid a{display:block;margin:8px 0;font-size:.87rem}.notice{font-size:.78rem;color:#87a8b4;margin-top:24px;border-top:1px solid rgba(255,255,255,.13);padding-top:18px} @media(max-width:1180px){.booking-row{grid-template-columns:1.1fr 1.2fr 1fr .75fr auto}}@media(max-width:980px){.booking-row{grid-template-columns:1fr 1fr}.booking-row>.btn{grid-column:1/-1}.cards{grid-template-columns:repeat(2,1fr)}.includegrid{grid-template-columns:repeat(2,1fr)}.split,.hostbox,.detailgrid{grid-template-columns:1fr}.navlinks a{display:none}} @media(max-width:620px){.cards,.includegrid,.footgrid{grid-template-columns:1fr}.booking-row{grid-template-columns:1fr}.date-popover{position:fixed;left:10px;right:10px;top:50%;transform:translateY(-50%);width:auto}.date-popover.show{animation:none}.date-grid{grid-template-columns:1fr}.hero{min-height:700px}.hero-content{padding-top:55px}.photo{height:210px}h1{letter-spacing:-2px}.navlinks .secondary{display:none}} /* Seamless Lociora module transition */ .page-transition{position:fixed;inset:0;z-index:9999;background:linear-gradient(135deg,#0d4651 0%,#167d84 50%,#6f3bf5 100%);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .38s ease}.page-transition.active{opacity:1;pointer-events:auto}.transition-inner{text-align:center;color:#fff;transform:translateY(16px) scale(.96);transition:transform .42s cubic-bezier(.16,1,.3,1)}.page-transition.active .transition-inner{transform:translateY(0) scale(1)}.transition-orb{position:relative;width:78px;height:78px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:1000;color:#fff;background:radial-gradient(circle at 35% 30%,#243b77 0%,#12234c 32%,#08111f 68%,#030711 100%);border:1px solid rgba(255,255,255,.2);box-shadow:0 18px 45px rgba(0,0,0,.24),0 0 0 2px rgba(255,255,255,.05) inset;overflow:hidden}.transition-orb::before{content:"";position:absolute;inset:14px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#6fd8ff 0%,#2b8ad6 36%,#1a5db3 62%,#12346b 100%);box-shadow:0 0 0 1px rgba(255,255,255,.08) inset;animation:transitionSpin 6s linear infinite}.transition-orb::after{content:"";position:absolute;inset:18px;border-radius:50%;background:linear-gradient(90deg,transparent 0 14%,rgba(255,255,255,.18) 14% 16%,transparent 16% 33%,rgba(255,255,255,.12) 33% 35%,transparent 35% 52%,rgba(255,255,255,.12) 52% 54%,transparent 54% 71%,rgba(255,255,255,.18) 71% 73%,transparent 73% 100%);mix-blend-mode:screen;animation:transitionSpin 6s linear infinite}.transition-orb{animation:transitionPulse 1.8s ease-in-out infinite}.transition-inner strong{display:block;font-size:1.35rem}.transition-inner span{display:block;margin-top:5px;opacity:.82;font-size:.9rem}@keyframes transitionPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes transitionSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}body.page-enter{animation:pageEnter .55s cubic-bezier(.16,1,.3,1) both}@keyframes pageEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} /* Vaycayzen virtual travel assistant */ .vay-ai-btn{position:fixed;right:24px;bottom:24px;z-index:120;width:64px;height:64px;border-radius:50%;border:0;cursor:pointer;color:#fff;font-size:1.55rem;background:linear-gradient(135deg,var(--sea),#5bc0b8);box-shadow:0 15px 36px rgba(13,70,81,.32);transition:.22s}.vay-ai-btn:hover{transform:translateY(-3px) scale(1.04)}.vay-ai-panel{position:fixed;right:18px;bottom:96px;z-index:120;width:min(460px,94vw);height:min(720px,86vh);max-height:calc(100dvh - 110px);background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 60px rgba(13,70,81,.25);display:none;flex-direction:column;overflow:hidden}.vay-ai-panel.show{display:flex;animation:assistantIn .28s cubic-bezier(.16,1,.3,1)}@keyframes assistantIn{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}.vay-ai-head{padding:17px 18px;background:linear-gradient(135deg,var(--deep),var(--sea));color:#fff;display:flex;align-items:center;gap:12px}.vay-ai-avatar{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:1.3rem}.vay-ai-head strong{display:block}.vay-ai-head small{opacity:.8}.vay-ai-close{margin-left:auto;border:0;width:31px;height:31px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;cursor:pointer}.vay-ai-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px;background:#f5fbfa;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.vay-msg{max-width:88%;padding:11px 14px;border-radius:15px;line-height:1.48;font-size:.91rem}.vay-msg.bot{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:5px}.vay-msg.user{align-self:flex-end;background:var(--sea);color:#fff;border-bottom-right-radius:5px}.vay-msg.typing{color:var(--muted);font-style:italic}.vay-ai-suggestions{display:flex;gap:7px;flex-wrap:wrap;padding:0 14px 12px;background:#f5fbfa}.vay-ai-suggestions button{border:1px solid var(--line);background:#fff;color:var(--deep);border-radius:999px;padding:7px 10px;font-size:.78rem;cursor:pointer}.vay-ai-input{padding:12px;background:#fff;border-top:1px solid var(--line);display:flex;gap:8px}.vay-ai-input input{flex:1;border:1px solid var(--line);border-radius:12px;padding:11px 12px;font:inherit}.vay-ai-input button{border:0;border-radius:12px;background:var(--sea);color:#fff;font-weight:800;padding:0 16px;cursor:pointer} @media(max-width:620px){.vay-ai-btn{right:14px;bottom:14px}.vay-ai-panel{right:10px;bottom:88px;width:calc(100vw - 20px);height:72vh}} /* Restored Vaycayzen title reveal */ .vay-title-splash{position:fixed;inset:0;z-index:10000;background:linear-gradient(135deg,#0d4651,#167d84 55%,#5bc0b8);display:flex;align-items:center;justify-content:center;color:#fff;animation:vaySplashOut .7s ease 1.35s forwards;pointer-events:none}.vay-title-inner{text-align:center;animation:vayTitleIn .75s cubic-bezier(.16,1,.3,1) both}.vay-title-icon{font-size:42px;margin-bottom:12px;animation:vayFloat 1.4s ease-in-out infinite}.vay-title-name{font-size:clamp(36px,7vw,68px);font-weight:950;letter-spacing:-2px}.vay-title-line{width:0;height:3px;border-radius:999px;background:#f5c45b;margin:14px auto 10px;animation:vayLine 1s ease .35s forwards}.vay-title-sub{opacity:0;animation:vaySub .6s ease .55s forwards}@keyframes vayTitleIn{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}@keyframes vayLine{to{width:160px}}@keyframes vaySub{to{opacity:.88}}@keyframes vayFloat{50%{transform:translateY(-6px)}}@keyframes vaySplashOut{to{opacity:0;visibility:hidden}} .vay-ai-memory{padding:8px 14px;background:#eef8f6;border-bottom:1px solid var(--line);font-size:.76rem;color:var(--deep);display:none}.vay-ai-memory.show{display:block}.vay-ai-tools{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.vay-ai-tools button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 9px;font-size:.75rem;cursor:pointer;color:var(--deep)} /* Debug fixes: keep critical travel controls visible on smaller screens */ .back-lociora{display:inline-flex!important} @media(max-width:980px){ .navlinks>a:not(.back-lociora){display:none} .navlinks{gap:8px} .navlinks .back-lociora,.navlinks button.primary{display:inline-flex!important} } @media(max-width:620px){ .navin{gap:10px} .navlinks{margin-left:auto} .navlinks .back-lociora{display:inline-flex!important;padding:9px 11px;font-size:.78rem} .navlinks button.primary{display:inline-flex!important;padding:9px 11px;font-size:.78rem} } .vay-ai-debug{ display:none; padding:9px 13px; border-bottom:1px solid var(--line); background:#eef8f6; color:#45636b; font-size:.74rem; line-height:1.45; max-height:92px; overflow:auto } .vay-ai-debug.show{display:block} .vay-ai-debug code{ color:var(--deep); font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace } /* Search-box fit and overflow fixes */ .search-shell,.keyword-row,.booking-row,.booking-control{min-width:0} .keyword-row input{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .booking-row{grid-template-columns:minmax(180px,1.2fr) minmax(210px,1.25fr) minmax(160px,1fr) minmax(125px,.75fr) minmax(110px,auto)} .booking-control select,.date-trigger{min-width:0;max-width:100%;overflow:hidden} .booking-control select{display:block;text-overflow:ellipsis;white-space:nowrap;padding-right:34px} .date-trigger{padding:8px 12px} .date-trigger>span:first-child{min-width:0;flex:1;overflow:hidden} .control-label,.control-value{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .date-arrow{flex:0 0 auto} .booking-row>.btn{min-width:0;white-space:nowrap;padding-left:14px;padding-right:14px} @media(max-width:1180px){.booking-row{grid-template-columns:minmax(170px,1.1fr) minmax(200px,1.2fr) minmax(150px,1fr) minmax(120px,.75fr) minmax(105px,auto)}} @media(max-width:980px){.booking-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.booking-row>.btn{width:100%}} @media(max-width:620px){.booking-row{grid-template-columns:minmax(0,1fr)}.booking-control select,.date-trigger,.keyword-row input,.booking-row>.btn{width:100%;font-size:.92rem}.control-value{font-size:.88rem}.search-shell{padding:10px}.date-popover{max-height:82vh;overflow:auto}} /* Vaycayzen amenities and smart location upgrades */ .amenity-filter-dropdown{grid-column:1/-1;border:1px solid var(--line);border-radius:14px;background:#fbfdfc;overflow:hidden} .amenity-filter-dropdown summary{list-style:none;cursor:pointer;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:900;color:var(--deep)} .amenity-filter-dropdown summary::-webkit-details-marker{display:none}.amenity-filter-dropdown summary:after{content:'⌄';font-size:1.1rem;color:var(--sea);transition:.2s}.amenity-filter-dropdown[open] summary:after{transform:rotate(180deg)} .amenity-filter-summary{font-size:.76rem;color:var(--muted);font-weight:750;margin-left:auto} .amenity-filter-menu{border-top:1px solid var(--line);padding:14px;background:#fff} .amenity-checkbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px} .amenity-check{display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer;font-size:.82rem;font-weight:750;color:#435767;transition:.18s} .amenity-check:hover{border-color:#9ccfc6;background:#f6fcfa}.amenity-check.active{border-color:var(--sea);background:#eaf7f4;color:var(--deep)}.amenity-check input{width:17px;height:17px;accent-color:var(--sea);flex:0 0 auto} .listing-amenity-preview{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 2px}.listing-amenity-pill{padding:6px 8px;border-radius:999px;background:#f1f8f6;border:1px solid #d9ebe7;color:#315f64;font-size:.72rem;font-weight:760}.listing-amenity-more{background:#fff;color:var(--muted)} .detail-amenities{margin:18px 0}.detail-amenities h3{margin:0 0 11px}.detail-amenity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.detail-amenity{display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:#fbfdfc;font-size:.84rem;font-weight:750}.detail-amenity span:first-child{font-size:1rem} .location-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.location-grid .field.city-field{grid-column:1/-1}.autocomplete-field{position:relative}.suggestion-list{display:none;position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:250;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 38px rgba(15,64,72,.18);max-height:220px;overflow:auto}.suggestion-list.show{display:block}.suggestion-option{display:block;width:100%;border:0;border-bottom:1px solid #eef2f1;background:#fff;text-align:left;padding:10px 12px;cursor:pointer;font:inherit;color:var(--ink)}.suggestion-option:last-child{border-bottom:0}.suggestion-option:hover,.suggestion-option.active{background:#edf8f6;color:var(--deep)}.suggestion-option small{display:block;color:var(--muted);font-size:.7rem;margin-top:2px}.location-help{font-size:.74rem;color:var(--muted);margin-top:5px;line-height:1.4} .host-amenities-panel{margin:14px 0;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fbfdfc}.host-amenities-panel>label{display:block;font-weight:900;margin-bottom:5px}.host-amenities-panel>p{margin:0 0 12px;color:var(--muted);font-size:.8rem}.host-amenity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.host-amenity-option{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:.79rem;font-weight:720;cursor:pointer}.host-amenity-option:has(input:checked){border-color:var(--sea);background:#eaf7f4;color:var(--deep)}.host-amenity-option input{width:17px;height:17px;accent-color:var(--sea)} .custom-amenity-row{display:flex;gap:8px;margin-top:12px}.custom-amenity-row input{flex:1;min-width:0}.custom-amenity-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.custom-amenity-tag{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:#eef8f6;border:1px solid #d3e9e4;color:#315f64;font-size:.76rem;font-weight:750}.custom-amenity-tag button{border:0;background:transparent;color:#8a3b33;cursor:pointer;font-weight:900;padding:0} @media(max-width:820px){.amenity-checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.amenity-checkbox-grid,.host-amenity-grid,.detail-amenity-grid,.location-grid{grid-template-columns:1fr}.location-grid .field.city-field{grid-column:auto}.custom-amenity-row{flex-direction:column}.custom-amenity-row .btn{width:100%}} /* Searchable destination picker — Vaycayzen only */ .destination-picker-control{position:relative;min-width:0}.destination-trigger{width:100%;height:52px;border:0;background:#f2f7f6;border-radius:13px;padding:8px 13px;font:inherit;color:var(--ink);text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0}.destination-trigger>span:first-child{min-width:0;display:block;flex:1 1 auto;overflow:hidden}.destination-trigger .control-label{line-height:1.05}.destination-trigger .control-value{display:block;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;line-height:1.2}.destination-trigger .date-arrow{flex:0 0 auto;margin-left:4px}.destination-popover{display:none;position:absolute;left:0;top:calc(100% + 9px);z-index:320;width:min(480px,calc(100vw - 34px));background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;box-shadow:0 20px 55px rgba(15,64,72,.22)}.destination-popover.show{display:block;animation:dateDrop .2s ease-out}.destination-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.destination-picker-grid .autocomplete-field{min-width:0}.destination-picker-grid input{width:100%;height:46px;border:1px solid var(--line);background:#f8fbfa;border-radius:11px;padding:10px 11px;font:inherit;min-width:0}.destination-picker-grid label{display:block;font-size:.74rem;font-weight:900;color:var(--muted);margin-bottom:6px}.destination-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.destination-actions button{border:0;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer}.destination-clear{background:#f2f7f6;color:var(--ink)}.destination-done{background:var(--sea);color:#fff}.destination-help{font-size:.72rem;color:var(--muted);line-height:1.4;margin-top:9px}.destination-popover .suggestion-list{top:calc(100% + 5px);max-height:190px}.destination-summary-empty{color:#667085;font-weight:750}.host-city-note{font-size:.72rem;color:var(--muted);margin-top:5px}.booking-row{grid-template-columns:minmax(155px,1.2fr) minmax(165px,1.25fr) minmax(125px,1fr) minmax(105px,.75fr) auto}.booking-control{overflow:visible}.booking-control select,.date-trigger,.destination-trigger{min-width:0} @media(max-width:900px){.booking-row{grid-template-columns:1fr 1fr}.destination-popover{left:0;right:auto}.destination-picker-control{grid-column:1/-1}} @media(max-width:620px){.destination-picker-grid{grid-template-columns:1fr}.destination-popover{position:fixed;left:4%;right:4%;top:96px;width:92%;max-height:72vh;overflow:auto}.destination-picker-control{grid-column:auto}.booking-row{grid-template-columns:1fr}} .delete-listing-btn{background:#fff1f1!important;color:#a52828!important;border:1px solid #efcaca!important} .delete-listing-btn:hover{background:#ffe3e3!important} .delete-confirm-copy{color:var(--muted);line-height:1.6;margin:8px 0 20px} .delete-confirm-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap} /* Simple listing snapshot */ .vaya-overview{position:relative;margin:20px 0 4px;padding:20px;border:1px solid #d5e9e5;border-radius:19px;background:linear-gradient(145deg,#f9fdfc 0%,#edf8f6 55%,#fffaf0 100%);box-shadow:0 12px 30px rgba(15,64,72,.08);overflow:hidden} .vaya-overview::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-72px;top:-82px;background:radial-gradient(circle,rgba(245,196,91,.24),transparent 68%);pointer-events:none} .vaya-overview-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px} .vaya-overview-brand{display:flex;align-items:center;gap:9px;font-weight:950;color:var(--deep);letter-spacing:-.2px} .vaya-overview-spark{width:31px;height:31px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--deep),var(--sea));box-shadow:0 8px 18px rgba(22,125,132,.22)} .vaya-overview-beta{display:inline-flex;padding:4px 7px;border-radius:999px;background:#fff3cf;border:1px solid #efd58a;color:#7f5b00;font-size:.66rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase} .vaya-overview-confidence{font-size:.74rem;font-weight:850;color:#49656c;background:rgba(255,255,255,.78);border:1px solid #dbeae7;border-radius:999px;padding:6px 9px} .vaya-overview-lead{position:relative;z-index:1;margin:0 0 13px;font-size:1rem;line-height:1.65;color:#24434c} .vaya-overview-signals{position:relative;z-index:1;display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px} .vaya-overview-signal{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#fff;border:1px solid #dceae7;color:#315f64;font-size:.74rem;font-weight:800} .vaya-overview-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .vaya-overview-card{background:rgba(255,255,255,.82);border:1px solid #dceae7;border-radius:14px;padding:13px} .vaya-overview-card strong{display:block;margin-bottom:6px;color:var(--deep);font-size:.82rem} .vaya-overview-card p{margin:0;color:#496069;font-size:.82rem;line-height:1.53} .vaya-overview-note{position:relative;z-index:1;display:block;margin-top:12px;color:#71838a;font-size:.69rem;line-height:1.45} .review-sort{display:inline-flex;align-items:center;gap:7px;margin-left:auto}.review-sort label{font-size:.75rem;font-weight:850;color:var(--muted)}.review-sort select{border:1px solid var(--line);background:#fff;color:var(--deep);border-radius:10px;padding:8px 28px 8px 10px;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}.review-head{gap:10px;flex-wrap:wrap}.review-list{scroll-margin-top:90px} .vaya-rank{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.7rem;font-weight:950;letter-spacing:.05em;text-transform:uppercase;border:1px solid transparent} .vaya-rank-bronze{background:#f4e3d5;color:#7c421e;border-color:#d6ad8b}.vaya-rank-silver{background:#edf1f4;color:#50606b;border-color:#cbd3d9}.vaya-rank-gold{background:#fff3cf;color:#7f5b00;border-color:#efd58a}.vaya-rank-platinum{background:#edf7f7;color:#285d64;border-color:#b9d9d9}.vaya-rank-ultimate{background:linear-gradient(135deg,#17233a,#6f3bf5);color:#fff;border-color:#9881ec;box-shadow:0 5px 14px rgba(111,59,245,.2)} @media(max-width:760px){.vaya-overview-grid{grid-template-columns:1fr}.vaya-overview{padding:17px}} /* Vaycayzen experience discovery and Vaya AI tools */ .travel-style-section{background:linear-gradient(180deg,#fff 0%,#f7fbfa 100%);padding:54px 0 34px} .travel-style-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--sea);font-size:.76rem;font-weight:900;letter-spacing:.7px;text-transform:uppercase;margin-bottom:8px} .travel-style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px} .travel-style-card{position:relative;min-height:150px;border:1px solid var(--line);border-radius:21px;padding:20px;text-align:left;cursor:pointer;overflow:hidden;background:#fff;color:var(--ink);box-shadow:0 8px 24px rgba(15,64,72,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease} .travel-style-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(22,125,132,.35)} .travel-style-card::after{content:"";position:absolute;width:94px;height:94px;border-radius:50%;right:-27px;bottom:-35px;background:radial-gradient(circle,rgba(91,192,184,.2),transparent 68%)} .travel-style-icon{font-size:1.75rem;display:block;margin-bottom:15px} .travel-style-card strong{display:block;font-size:1.03rem;margin-bottom:5px} .travel-style-card small{display:block;color:var(--muted);line-height:1.45;max-width:210px} .discovery-mode-row{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0 18px} .discovery-mode{border:1px solid var(--line);background:#fff;color:var(--deep);border-radius:999px;padding:9px 13px;font:inherit;font-size:.82rem;font-weight:850;cursor:pointer;transition:.18s} .discovery-mode:hover{border-color:var(--sea);color:var(--sea)} .discovery-mode.active{background:var(--deep);border-color:var(--deep);color:#fff;box-shadow:0 7px 18px rgba(13,70,81,.16)} .vaya-capabilities-section{padding:62px 0;background:linear-gradient(135deg,#0d4651 0%,#12364c 58%,#172a4a 100%);color:#fff;position:relative;overflow:hidden} .vaya-capabilities-section::before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-160px;top:-220px;background:radial-gradient(circle,rgba(91,192,184,.22),transparent 68%)} .vaya-capabilities-head{position:relative;display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px} .vaya-capabilities-head h2{font-size:clamp(30px,4vw,48px);letter-spacing:-1.5px;margin:10px 0 8px} .vaya-capabilities-head p{color:#d2ece9;max-width:700px;line-height:1.65;margin:0} .vaya-ai-disclosure{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);border-radius:999px;padding:8px 11px;font-size:.75rem;font-weight:850;color:#e7f8f6;white-space:nowrap} .vaya-capabilities-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:15px} .vaya-capability-card{border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:20px;background:rgba(255,255,255,.075);backdrop-filter:blur(10px);color:#fff;text-align:left;cursor:pointer;transition:.22s;min-height:156px} .vaya-capability-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28)} .vaya-capability-card span{font-size:1.55rem;display:block;margin-bottom:13px} .vaya-capability-card strong{display:block;font-size:1.02rem;margin-bottom:6px} .vaya-capability-card small{display:block;color:#cfe7e5;line-height:1.5} .vaya-capabilities-note{position:relative;margin-top:18px;color:#a9cbc9;font-size:.75rem;line-height:1.5} @media(max-width:900px){.travel-style-grid{grid-template-columns:repeat(2,1fr)}.vaya-capabilities-grid{grid-template-columns:repeat(2,1fr)}.vaya-capabilities-head{align-items:flex-start;flex-direction:column}} @media(max-width:620px){.travel-style-grid,.vaya-capabilities-grid{grid-template-columns:1fr}.travel-style-section,.vaya-capabilities-section{padding:46px 0}.travel-style-card{min-height:130px}.discovery-mode-row{gap:7px}.discovery-mode{font-size:.76rem;padding:8px 11px}} :root{--ai-glow:0 20px 55px rgba(8,61,72,.28)} /* Never transform the page body: transformed ancestors break viewport-fixed modals and AI panels. */ body.page-enter{transform:none!important;animation:vayPageFade .42s ease both!important}@keyframes vayPageFade{from{opacity:0}to{opacity:1}} html.modal-open,body.modal-open{overflow:hidden!important} .nav{box-shadow:0 8px 30px rgba(13,70,81,.05)} .brand{position:relative;isolation:isolate} .brand .mark{position:relative;overflow:visible;isolation:isolate} .brand .logo-letter{position:relative;z-index:2} .brand-plane{position:absolute;z-index:4;left:30px;top:4px;font-size:14px;line-height:1;color:#fff;filter:drop-shadow(0 3px 5px rgba(0,0,0,.28));opacity:0;transform-origin:center;animation:brandPlaneFlight 5.8s cubic-bezier(.22,.8,.32,1) infinite} .brand-plane::after{content:'';position:absolute;right:11px;top:8px;width:22px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72));transform:rotate(-8deg);transform-origin:right center} @keyframes brandPlaneFlight{0%,61%{opacity:0;transform:translate(-22px,14px) rotate(-14deg) scale(.86)}67%{opacity:1}84%{opacity:1;transform:translate(88px,-20px) rotate(13deg) scale(1)}91%,100%{opacity:0;transform:translate(116px,-27px) rotate(18deg) scale(.9)}} @media(prefers-reduced-motion:reduce){.brand-plane{animation:none;opacity:1;transform:translate(70px,-16px) rotate(12deg)}} .navlinks .ai-nav-trigger{background:linear-gradient(135deg,#0d4651,#167d84);color:#fff;border:0;box-shadow:0 8px 22px rgba(22,125,132,.2)} .hero:after{content:'';position:absolute;inset:auto -12% -42% 45%;height:520px;background:radial-gradient(circle,rgba(86,211,198,.28),transparent 65%);pointer-events:none} .hero-content{position:relative} .hero-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px} .hero-proof span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);font-size:.79rem;font-weight:750;color:#fff;backdrop-filter:blur(8px)} .smart-strip{padding:0;background:linear-gradient(180deg,#fff,#f7fbfa)} .smart-strip .smart-strip-inner{transform:translateY(-25px);position:relative;z-index:4;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px 22px;box-shadow:0 18px 45px rgba(13,70,81,.1);display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .smart-point{display:flex;gap:12px;align-items:flex-start}.smart-point-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--soft);font-size:1.2rem;flex:0 0 auto}.smart-point b{display:block;margin:2px 0 4px}.smart-point small{color:var(--muted);line-height:1.45} .card{border-color:rgba(220,234,231,.95)} .card:hover{border-color:rgba(22,125,132,.25)} /* Always-center modals inside the visible Vaycayzen viewport. */ .modal{display:flex!important;position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:100vh!important;z-index:2147483000!important;align-items:center!important;justify-content:center!important;overflow:auto!important;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important;background:rgba(5,31,39,.68)!important;backdrop-filter:blur(7px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease} .modal.show{opacity:1!important;visibility:visible!important;pointer-events:auto!important} .modalbox{position:relative!important;margin:auto!important;width:min(920px,calc(100vw - 32px))!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important;border-radius:24px!important;box-shadow:0 30px 90px rgba(3,31,40,.35)!important;transform:translateY(18px) scale(.97);opacity:.95;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s ease} .modal.show .modalbox{transform:none;opacity:1} #hostModal .modalbox{width:min(680px,calc(100vw - 32px))!important} #hostModal .modalbox:before{content:'HOST YOUR ESCAPE';display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--soft);color:var(--sea);font-size:.72rem;font-weight:900;letter-spacing:.7px;margin-bottom:6px} #hostModal .close,#detailModal .close{position:sticky;top:0;z-index:2;float:right;width:38px;height:38px;border-radius:50%;background:#f1f7f6;border:1px solid var(--line);display:grid;place-items:center} /* AI is always inside the visible frame, never below page content. */ .vay-ai-btn{right:20px!important;bottom:18px!important;z-index:2147482000!important;width:auto!important;min-width:154px!important;height:56px!important;padding:0 18px!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;font-size:.95rem!important;font-weight:900!important;letter-spacing:-.1px!important;box-shadow:0 17px 42px rgba(13,70,81,.36)!important} .vay-ai-btn .ai-spark{font-size:1.2rem}.vay-ai-btn .ai-label{display:inline} .vay-ai-panel{position:fixed!important;right:18px!important;top:88px!important;bottom:84px!important;height:auto!important;max-height:none!important;width:min(448px,calc(100vw - 36px))!important;z-index:2147482500!important;border-radius:24px!important;box-shadow:var(--ai-glow)!important} .vay-ai-panel.show{display:flex!important} .vay-ai-head{flex:0 0 auto}.vay-ai-avatar{position:relative;overflow:hidden}.vay-ai-avatar:after{content:'✦';position:absolute;right:4px;top:3px;font-size:.55rem;animation:aiTwinkle 1.8s ease-in-out infinite}@keyframes aiTwinkle{50%{opacity:.25;transform:scale(.75)}} .vay-ai-memory{display:none;padding:9px 14px;background:#e9f7f5;color:#155b62;font-size:.78rem;line-height:1.45;border-bottom:1px solid #d6ebe7}.vay-ai-memory.show{display:block} .vay-ai-debug{display:none;padding:8px 14px;background:#fbfdfc;color:var(--muted);font-size:.72rem;line-height:1.45;border-bottom:1px solid var(--line)}.vay-ai-debug.show{display:block}.vay-ai-debug details{cursor:pointer}.vay-ai-debug code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;color:#145a61} .vay-msg{white-space:pre-line}.vay-msg.bot{box-shadow:0 4px 14px rgba(13,70,81,.04)} .vay-ai-input input:focus{outline:2px solid rgba(22,125,132,.22);border-color:var(--sea)} .vay-ai-suggestions{max-height:88px;overflow:auto} @media(max-width:980px){.smart-strip .smart-strip-inner{grid-template-columns:1fr}.navlinks a{display:none}.navlinks{gap:8px}.navlinks .back-lociora,.navlinks .ai-nav-trigger,.navlinks .primary{display:inline-flex}.vay-ai-panel{top:82px!important;bottom:78px!important}} @media(max-width:620px){.brand{font-size:19px}.brand .by{font-size:.56rem}.navin{height:68px}.navlinks .primary{display:none}.navlinks .btn{padding:9px 11px;font-size:.78rem}.vay-ai-btn{right:10px!important;bottom:10px!important;min-width:132px!important;height:50px!important;padding:0 14px!important}.vay-ai-panel{left:8px!important;right:8px!important;top:74px!important;bottom:68px!important;width:auto!important;border-radius:19px!important}.modalbox{width:calc(100vw - 18px)!important;max-height:calc(100dvh - 18px)!important}.smart-strip .smart-strip-inner{transform:translateY(-14px)}} .vaya-beta-badge{display:inline-flex;vertical-align:middle;margin-left:6px;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);font-size:.62rem;letter-spacing:.05em;text-transform:uppercase} .vaya-offline-note{padding:7px 14px;background:#fffaf0;border-bottom:1px solid #f0dfb7;color:#76591b;font-size:.72rem;line-height:1.4}.vay-ai-memory{display:none!important} /* Vaycayzen marketplace and Vaya Brain upgrades */ .recommendation-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:17px 19px;margin:0 0 17px;border:1px solid #d9eae6;border-radius:18px;background:linear-gradient(135deg,#f9fffe,#edf8f6)} .recommendation-intro h3{margin:0 0 5px;font-size:1.2rem}.recommendation-intro p{margin:0;color:var(--muted);line-height:1.5}.recommendation-mark{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:14px;background:linear-gradient(135deg,var(--deep),var(--sea));color:#fff;font-size:1.15rem} .filter-panel{display:grid;grid-template-columns:1.25fr 1fr 1fr auto;gap:12px;align-items:end;padding:17px;margin-bottom:22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(15,64,72,.05)} .filter-field{min-width:0}.filter-field label,.amenity-wrap>label{display:block;margin-bottom:7px;color:var(--muted);font-size:.7rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.filter-field select{width:100%;height:44px;border:1px solid var(--line);border-radius:11px;padding:0 11px;background:#f8fbfa;font:inherit;color:var(--ink)} .price-line{display:flex;align-items:center;gap:10px}.price-line input{width:100%;accent-color:var(--sea)}.price-value{min-width:72px;text-align:right;font-weight:900;color:var(--sea)} .filter-actions{display:flex;gap:8px}.filter-actions .btn{height:44px;white-space:nowrap}.amenity-wrap{grid-column:1/-1}.amenity-chips{display:flex;gap:8px;flex-wrap:wrap}.amenity-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-weight:750;color:#435767;cursor:pointer}.amenity-chip.active{background:var(--deep);color:#fff;border-color:var(--deep)} .result-count{margin-top:7px;color:var(--muted);font-size:.82rem;font-weight:750}.card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.card-actions .btn{flex:1;min-width:86px;padding:9px 10px;font-size:.8rem}.btn.soft-sea{background:#edf8f6;color:var(--sea);border:1px solid #cee7e2}.btn.coral{background:var(--coral);color:#fff} .booking-dates{padding:12px;border:1px solid #d8ebe7;border-radius:13px;background:#f4fbfa;margin-bottom:12px}.booking-dates strong,.booking-dates span,.booking-dates small{display:block}.booking-dates span{margin:4px 0;font-weight:850}.booking-dates small{color:var(--muted)} .detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.detail-actions .primary-action{grid-column:1/-1}.host-card{display:flex;gap:12px;align-items:center;margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fbfdfc}.host-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--deep),var(--sea));color:#fff;font-weight:900}.host-card small{display:block;color:var(--muted);margin-top:3px} .review-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.review-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.review-list{display:grid;gap:10px}.review-item{padding:13px;border:1px solid var(--line);border-radius:13px;background:#fbfdfc}.review-item-head{display:flex;justify-content:space-between;gap:12px}.review-stars{color:#a66b00;font-weight:900}.review-item p{margin:6px 0 0;color:#435767;line-height:1.5}.empty-review{color:var(--muted);font-style:italic} .modal-note{padding:12px 13px;border:1px solid #dceae7;border-radius:12px;background:#f4fbfa;color:#375d62;font-size:.84rem;line-height:1.5;margin-bottom:14px}.form-status{display:none;margin-top:12px;padding:10px 12px;border-radius:11px;background:#e9f7f5;color:#155b62;font-weight:750}.form-status.show{display:block}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rating-picker{display:flex;gap:6px;flex-wrap:wrap}.rating-picker button{width:42px;height:42px;border-radius:11px;border:1px solid var(--line);background:#fff;cursor:pointer;font-weight:900;color:#8b6a1c}.rating-picker button.active{background:#fff5d8;border-color:#d6ae45;color:#6e500b} .booking-summary{padding:14px;border:1px solid var(--line);border-radius:13px;background:#fbfdfc;margin-bottom:14px}.booking-summary-row{display:flex;justify-content:space-between;gap:14px;margin:7px 0}.booking-summary-row.total{padding-top:10px;border-top:1px solid var(--line);font-size:1.05rem} .vaya-brain-line{padding:7px 14px;background:#eef8f6;border-bottom:1px solid #d8ebe7;color:#175e65;font-size:.71rem;line-height:1.35}.source-list{display:grid;gap:8px;margin-top:10px}.source-link{display:block;padding:10px 11px;border:1px solid #dceae7;border-radius:11px;background:#f7fffd;color:#145a61;font-weight:800;text-decoration:none}.source-link small{display:block;color:var(--muted);font-weight:600;margin-top:3px} @media(max-width:900px){.filter-panel{grid-template-columns:1fr 1fr}.filter-actions,.amenity-wrap{grid-column:1/-1}.filter-actions .btn{flex:1}} @media(max-width:620px){.filter-panel{grid-template-columns:1fr}.filter-actions,.amenity-wrap{grid-column:auto}.two-col{grid-template-columns:1fr}.detail-actions{grid-template-columns:1fr}.detail-actions .primary-action{grid-column:auto}.card-actions .btn{flex:1 1 100%}} /* Vaya Safety AI moderation — Vaycayzen only */ .vaya-safety-note{margin:12px 0;padding:11px 13px;border-radius:12px;background:#eef8f6;border:1px solid #cce8e2;color:#315b61;font-size:.82rem;line-height:1.5} .vaya-safety-note strong{color:var(--deep)} .vaya-moderation-box{display:none;margin:13px 0;padding:14px 15px;border-radius:14px;border:1px solid var(--line);font-size:.86rem;line-height:1.5} .vaya-moderation-box.show{display:block;animation:vayaModerationIn .22s ease-out} .vaya-moderation-box.checking{background:#eef8f6;border-color:#b9ddd7;color:#315b61} .vaya-moderation-box.approved{background:#edf9f1;border-color:#b8e3c4;color:#1f6840} .vaya-moderation-box.blocked{background:#fff2f0;border-color:#efc2bc;color:#8b2d25} .vaya-moderation-head{display:flex;align-items:center;gap:9px;font-weight:900;margin-bottom:5px} .vaya-moderation-score{margin-left:auto;border-radius:999px;padding:3px 8px;background:rgba(255,255,255,.72);font-size:.74rem;white-space:nowrap} .vaya-moderation-box ul{margin:8px 0 0;padding-left:19px}.vaya-moderation-box li{margin:4px 0} .vaya-moderation-sub{font-size:.78rem;opacity:.82;margin-top:8px} .vaya-safety-spinner{width:17px;height:17px;border:2px solid rgba(22,125,132,.22);border-top-color:var(--sea);border-radius:50%;animation:vayaSafetySpin .7s linear infinite} .vaya-field-flag{border-color:#d65d52!important;box-shadow:0 0 0 3px rgba(214,93,82,.12)!important} @keyframes vayaSafetySpin{to{transform:rotate(360deg)}} @keyframes vayaModerationIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}} .vay-ai-head-actions{margin-left:auto;display:flex;align-items:center;gap:7px} .vay-ai-head-action,.vay-ai-close{margin-left:0!important;border:0;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.15);color:#fff;cursor:pointer;display:grid;place-items:center;font-size:1rem;transition:.18s} .vay-ai-head-action:hover,.vay-ai-close:hover{background:rgba(255,255,255,.26);transform:translateY(-1px)} .vaya-chat-manager{display:none;position:absolute;inset:0;z-index:20;background:#f7fbfa;flex-direction:column} .vaya-chat-manager.show{display:flex;animation:assistantIn .22s cubic-bezier(.16,1,.3,1)} .vaya-chat-manager-head{padding:16px 17px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px} .vaya-chat-manager-head h3{margin:0;font-size:1rem;color:var(--deep)} .vaya-chat-manager-head .spacer{flex:1} .vaya-chat-manager-head button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;font-weight:800;cursor:pointer;color:var(--deep)} .vaya-chat-manager-head button.primary-mini{background:var(--sea);color:#fff;border-color:var(--sea)} .vaya-chat-list{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px} .vaya-chat-item{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;cursor:pointer;transition:.18s} .vaya-chat-item:hover{border-color:#99cbc7;box-shadow:0 7px 20px rgba(13,70,81,.08)} .vaya-chat-item.active{border-color:var(--sea);background:#eef9f7} .vaya-chat-title{font-weight:850;color:var(--deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .vaya-chat-meta{font-size:.73rem;color:var(--muted);margin-top:3px} .vaya-chat-actions{display:flex;gap:5px} .vaya-chat-actions button{width:30px;height:30px;border:1px solid var(--line);background:#fff;border-radius:9px;cursor:pointer;color:var(--muted)} .vaya-chat-actions button:hover{color:var(--deep);border-color:#a8cfc9} .vaya-chat-manager-foot{padding:12px 14px;border-top:1px solid var(--line);background:#fff;display:flex;gap:8px;justify-content:space-between;align-items:center} .vaya-chat-manager-foot small{color:var(--muted)} .vaya-chat-manager-foot button{border:1px solid #f1b6b6;background:#fff4f4;color:#a12626;border-radius:10px;padding:8px 10px;font-weight:800;cursor:pointer} .vaya-current-chat-label{font-size:.7rem;opacity:.82;display:block;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px} .vaya-chat-action-modal{display:none;position:absolute;inset:0;z-index:40;background:rgba(7,37,44,.58);backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:18px} .vaya-chat-action-modal.show{display:flex;animation:assistantIn .2s cubic-bezier(.16,1,.3,1)} .vaya-chat-action-box{width:min(340px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 22px 55px rgba(8,48,57,.25)} .vaya-chat-action-box h3{margin:0 0 7px;color:var(--deep);font-size:1.08rem} .vaya-chat-action-box p{margin:0 0 14px;color:var(--muted);line-height:1.5;font-size:.86rem} .vaya-chat-action-box input{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 12px;font:inherit;color:var(--ink);margin-bottom:14px} .vaya-chat-action-buttons{display:flex;justify-content:flex-end;gap:8px} .vaya-chat-action-buttons button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;font-weight:850;cursor:pointer} .vaya-chat-action-buttons .danger{background:#b42318;border-color:#b42318;color:#fff} .vaya-chat-action-buttons .primary{background:var(--sea);border-color:var(--sea);color:#fff} @media(max-width:620px){.vaya-chat-manager-head{padding:13px}.vaya-chat-manager-head button{padding:7px 8px}.vaya-current-chat-label{max-width:135px}.vay-ai-head-action,.vay-ai-close{width:30px;height:30px}} .filters-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px} .filters-toggle{border:1px solid #cfe2df;background:#fff;color:var(--deep);border-radius:13px;padding:11px 15px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;gap:9px;box-shadow:0 7px 20px rgba(15,64,72,.06)} .filters-toggle:hover,.filters-toggle[aria-expanded="true"]{background:#edf8f6;border-color:#9fcfc8} .filter-count-badge{display:none;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--sea);color:#fff;align-items:center;justify-content:center;font-size:.72rem} .filter-count-badge.show{display:inline-flex} .quick-filter-row{display:flex;gap:8px;flex-wrap:wrap} .quick-filter{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-weight:800;color:#435767;cursor:pointer} .quick-filter:hover,.quick-filter.active{border-color:var(--sea);background:#edf8f6;color:var(--sea)} .filter-panel.upgraded{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:end} .filter-panel.upgraded.show{display:grid;animation:filterDrawerIn .24s cubic-bezier(.16,1,.3,1)} @keyframes filterDrawerIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}} .filter-panel.upgraded .amenity-wrap,.filter-panel.upgraded .filter-actions{grid-column:1/-1} .filter-panel.upgraded .filter-actions{justify-content:flex-end} .filter-field input[type="number"]{width:100%;height:44px;border:1px solid var(--line);border-radius:11px;padding:10px 12px;font:inherit;background:#fff;color:var(--ink)} .listing-stats{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:8px;color:var(--muted);font-size:.79rem;font-weight:750} .view-pill{display:inline-flex;align-items:center;gap:5px} .demo-review-badge{display:inline-flex;margin-left:7px;padding:2px 6px;border-radius:999px;background:#edf8f6;color:var(--sea);font-size:.65rem;font-weight:900;vertical-align:middle} .smart-image-toggle{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid #d7e8e4;background:#f7fcfb;border-radius:12px;color:#435767;font-size:.85rem;line-height:1.45} .smart-image-toggle input{margin-top:3px} .smart-image-note{font-size:.76rem;color:var(--muted);line-height:1.5;margin-top:6px} .smart-image-preview{display:none;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:13px;background:#fbfdfc} .smart-image-preview.show{display:flex} .smart-image-preview img{width:92px;height:66px;object-fit:cover;border-radius:10px} .smart-image-preview small{display:block;color:var(--muted);line-height:1.4} @media(max-width:900px){.filter-panel.upgraded{grid-template-columns:1fr 1fr}} @media(max-width:620px){.filters-toolbar{align-items:stretch}.filters-toggle{width:100%;justify-content:center}.quick-filter-row{width:100%}.quick-filter{flex:1}.filter-panel.upgraded{grid-template-columns:1fr}.filter-panel.upgraded .amenity-wrap,.filter-panel.upgraded .filter-actions{grid-column:auto}.filter-panel.upgraded .filter-actions{display:grid;grid-template-columns:1fr 1fr}} /* Destination picker top-layer fix: prevents the next section from covering suggestions. */ #destinationPopover.destination-popover{ position:fixed!important; z-index:10000!important; right:auto!important; width:min(580px,calc(100vw - 24px))!important; max-height:calc(100vh - 24px)!important; overflow-y:auto!important; overscroll-behavior:contain; animation:none!important; } #destinationPopover .suggestion-list{ position:static!important; left:auto!important; right:auto!important; top:auto!important; width:100%!important; max-height:150px!important; margin-top:5px; overflow-y:auto; z-index:auto!important; } #destinationPopover .destination-picker-grid{align-items:start} @media(max-width:620px){ #destinationPopover.destination-popover{ left:12px!important; right:12px!important; top:84px!important; width:auto!important; max-height:calc(100vh - 96px)!important; } } /* Orazenn modern luxury transition identity */ .transition-orb{position:relative!important;width:84px!important;height:84px!important;border-radius:27px!important;display:grid!important;place-items:center!important;overflow:hidden!important;color:#f7e7bd!important;font-family:Georgia,'Times New Roman',serif!important;font-size:35px!important;font-weight:700!important;letter-spacing:-2px!important;background:radial-gradient(circle at 32% 24%,#244f86 0%,#122b51 38%,#091a33 72%,#06101f 100%)!important;border:1px solid rgba(234,208,145,.65)!important;box-shadow:0 20px 48px rgba(0,0,0,.3),0 0 0 3px rgba(255,255,255,.04) inset,0 0 30px rgba(55,121,184,.16)!important;text-shadow:0 2px 10px rgba(0,0,0,.48)!important;animation:orazennTransitionFloat 3.8s ease-in-out infinite!important} .transition-orb::before{content:""!important;position:absolute!important;inset:-38%!important;background:conic-gradient(from 0deg,transparent 0 33%,rgba(247,226,172,.98) 39%,rgba(198,150,63,.72) 45%,transparent 51% 78%,rgba(111,171,229,.52) 85%,transparent 92% 100%)!important;animation:orazennTransitionSpin 7s linear infinite!important;z-index:-1!important} .transition-orb::after{content:""!important;position:absolute!important;inset:4px!important;border-radius:23px!important;background:linear-gradient(120deg,transparent 18%,rgba(255,255,255,.17) 42%,transparent 63%)!important;transform:translateX(-150%)!important;animation:orazennTransitionSweep 5s ease-in-out infinite!important;pointer-events:none!important} @keyframes orazennTransitionSpin{to{transform:rotate(360deg)}} @keyframes orazennTransitionFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.025)}} @keyframes orazennTransitionSweep{0%,34%{transform:translateX(-150%)}64%,100%{transform:translateX(150%)}} @media (prefers-reduced-motion:reduce){.transition-orb,.transition-orb::before,.transition-orb::after{animation:none!important}} :root{--auth-navy:#0b1f33;--auth-sea:#167d84;--auth-line:#dbe7e8;--auth-soft:#f3faf9;--auth-red:#a63131} .vaya-auth-overlay{position:fixed;top:82px;left:max(14px,calc((100vw - 1180px)/2));z-index:30000;display:none;background:transparent;pointer-events:none}.vaya-auth-overlay.show{display:block;animation:authPanelIn .18s ease-out}.vaya-auth-card{width:min(390px,calc(100vw - 24px));max-height:calc(100vh - 96px);overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid var(--auth-line);border-radius:20px;box-shadow:0 26px 78px rgba(5,27,38,.28);padding:17px;pointer-events:auto;scrollbar-gutter:stable}.vaya-auth-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:13px}.vaya-auth-logo{width:40px;height:40px;flex:0 0 auto;border-radius:13px;background:linear-gradient(145deg,var(--auth-navy),var(--auth-sea));color:#fff;display:grid;place-items:center;font-size:1.05rem;font-weight:950}.vaya-auth-head h2{font-size:1.13rem;margin:0 0 3px;letter-spacing:-.02em}.vaya-auth-head p{font-size:.77rem;line-height:1.35;color:#637681;margin:0}.vaya-auth-close{margin-left:auto;width:30px;height:30px;border:0;border-radius:50%;background:#eef3f4;color:#2c4651;cursor:pointer}.vaya-auth-step{display:none}.vaya-auth-step.active{display:block;animation:authStepIn .18s ease-out}.vaya-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;margin-bottom:13px;border-radius:12px;background:#edf4f4}.vaya-auth-tab{border:0;border-radius:9px;padding:8px 9px;background:transparent;color:#536a72;font-size:.76rem;font-weight:900;cursor:pointer}.vaya-auth-tab.active{background:#fff;color:#0e626a;box-shadow:0 4px 14px rgba(17,77,84,.1)}.vaya-auth-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.vaya-auth-field label{font-size:.73rem;font-weight:900;color:#344b58}.vaya-auth-field input{width:100%;border:1px solid var(--auth-line);border-radius:10px;padding:10px 11px;font:inherit;font-size:.88rem;outline:none}.vaya-auth-field input:focus{border-color:#65aaa9;box-shadow:0 0 0 3px rgba(22,125,132,.1)}.vaya-auth-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vaya-auth-primary,.vaya-auth-secondary,.vaya-auth-link{width:100%;border-radius:10px;padding:10px 12px;font-size:.83rem;font-weight:900;cursor:pointer}.vaya-auth-primary{border:0;background:linear-gradient(135deg,#0d5f68,#167d84);color:#fff;box-shadow:0 9px 20px rgba(22,125,132,.2)}.vaya-auth-primary:disabled{opacity:.58;cursor:wait}.vaya-auth-secondary{border:1px solid var(--auth-line);background:#fff;color:#29434d;margin-top:7px}.vaya-auth-link{border:0;background:transparent;color:#0e6d74;text-decoration:underline;text-underline-offset:3px;padding:8px 4px}.vaya-auth-note,.vaya-email-status,.vaya-privacy-note{padding:9px 10px;margin:9px 0 0;border-radius:10px;background:var(--auth-soft);border:1px solid #d8ece8;color:#48666e;font-size:.71rem;line-height:1.48}.vaya-privacy-note{background:#f8fafb;border-color:#e4eaed;color:#5a6e77}.vaya-email-status{display:grid;gap:3px;margin:8px 0 10px}.vaya-auth-error{display:none;padding:8px 9px;margin:8px 0;border-radius:10px;background:#fff0f0;border:1px solid #f2cccc;color:var(--auth-red);font-size:.75rem;line-height:1.4}.vaya-auth-error.show{display:block}.vaya-auth-success-message{display:none;padding:8px 9px;margin:8px 0;border-radius:10px;background:#edf9f4;border:1px solid #c7eadb;color:#176048;font-size:.75rem;line-height:1.4}.vaya-auth-success-message.show{display:block}.vaya-profile-picker{display:flex;align-items:center;gap:9px;padding:9px;margin:3px 0 10px;border:1px solid var(--auth-line);border-radius:12px;background:#f9fcfc}.vaya-profile-preview{width:48px;height:48px;min-width:48px;border-radius:50%;overflow:hidden;background:#e8f0f2;display:grid;place-items:center}.vaya-profile-preview img,.vaya-success-avatar{width:100%;height:100%;object-fit:cover}.vaya-profile-copy{min-width:0}.vaya-profile-copy label{display:block;font-size:.74rem;font-weight:900}.vaya-profile-copy small{display:block;font-size:.65rem;line-height:1.3;color:#71848c}.vaya-profile-copy input{font-size:.68rem;max-width:245px}.vaya-username-rules{display:grid;gap:4px;margin:4px 0 10px;padding:9px 10px;border-radius:10px;background:#f6f8fa;color:#61727a;font-size:.68rem}.vaya-welcome{text-align:center;padding:2px 0}.vaya-success-avatar{width:62px;height:62px;border-radius:50%;margin:0 auto 8px;display:block;background:#e8f0f2}.vaya-welcome h3{font-size:1.12rem;margin:0 0 5px}.vaya-welcome p{font-size:.77rem;color:#637681;line-height:1.5}.vaya-feature-list{display:grid;gap:7px;text-align:left;margin:12px 0}.vaya-feature-item{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid #e3eceb;border-radius:11px;background:#f8fcfb;color:#38545e;font-size:.72rem;line-height:1.35}.vaya-feature-item span{font-size:1rem}.vaya-account-summary{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:10px;border-radius:12px;background:#f5faf9;border:1px solid #deebe9;margin-bottom:10px}.vaya-account-summary img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#e8f0f2}.vaya-account-summary strong{display:block;font-size:.86rem}.vaya-account-summary small{display:block;color:#71848c;font-size:.68rem;margin-top:2px;word-break:break-all}.auth-nav-button{margin-left:4px;padding:8px 11px!important;border-radius:999px!important;font-size:.78rem!important;gap:6px!important;border:1px solid #d5e7e5!important;background:#f6fbfa!important;color:#0d5e67!important;white-space:nowrap}.auth-nav-button.signed-in{background:#e9f8f4!important;color:#0b6a55!important;border-color:#bfe3d8!important}.auth-mini-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover}.vaya-guest-strip,.vay-auth-strip{display:none!important}@keyframes authPanelIn{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}@keyframes authStepIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:620px){.vaya-auth-overlay{top:70px;left:10px}.vaya-auth-card{width:calc(100vw - 20px);max-height:calc(100vh - 80px)}.auth-nav-button{padding:7px 9px!important;font-size:.72rem!important}.vaya-auth-row{grid-template-columns:1fr}} section,.footer{content-visibility:auto;contain-intrinsic-size:700px}.card,.modalbox,.vay-ai-panel{transform:translateZ(0)} img{background:#eaf2f1}.navin{min-width:0}.navlinks{min-width:0}.navlinks>*{flex:0 0 auto}.cards .card{height:100%;display:flex;flex-direction:column}.cards .card .body{display:flex;flex-direction:column;flex:1}.cards .card .body .card-actions,.cards .card .body .price{margin-top:auto} @media(max-width:980px){.navin{height:auto;min-height:72px;padding:9px 0;flex-wrap:wrap}.navlinks{width:100%;margin-left:0;overflow-x:auto;scrollbar-width:none;padding-bottom:3px}.navlinks::-webkit-scrollbar{display:none}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}} .back-lociora{display:inline-flex!important;white-space:nowrap;padding:9px 11px!important;font-size:.78rem!important}.navin>.back-lociora{margin-left:0}.navlinks{min-width:0}@media(max-width:980px){.navin>.back-lociora{order:0}.navlinks{order:2;width:100%}}@media(max-width:620px){.navin{gap:8px}.navin>.back-lociora{padding:8px 9px!important;font-size:.72rem!important}.vay-auth-left-button{margin-left:auto!important}} .vaya-auth-tabs.hidden{display:none!important} /* Vaycayzen Featured Partners — native sponsored listings */ .vay-showcase{padding:48px 0}.vay-showcase.top-rated-showcase{background:#fff}.vay-showcase.sponsored-showcase{background:linear-gradient(180deg,#eef9f7 0%,#f8fcfb 100%);border-top:1px solid #dceae7;border-bottom:1px solid #dceae7} .showcase-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.showcase-head h2{margin:6px 0 5px;font-size:clamp(1.65rem,3vw,2.25rem);letter-spacing:-.04em}.showcase-head p{margin:0;color:var(--muted);line-height:1.55}.showcase-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--sea);font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.showcase-disclosure{max-width:340px;padding:10px 12px;border:1px solid #d2e8e3;border-radius:12px;background:rgba(255,255,255,.78);color:#527078;font-size:.75rem;line-height:1.45} .showcase-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.showcase-card{position:relative;min-width:0;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(15,64,72,.08);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.showcase-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(15,64,72,.13);border-color:#b9d9d4}.showcase-photo{height:210px;position:relative;overflow:hidden;background:#dceae7}.showcase-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.showcase-card:hover .showcase-photo img{transform:scale(1.04)}.showcase-rank{position:absolute;left:13px;top:13px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--deep);font-size:.72rem;font-weight:950;box-shadow:0 7px 18px rgba(0,0,0,.12)} .sponsored-badge{position:absolute;left:13px;top:13px;z-index:3;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:linear-gradient(135deg,#102f43,#167d84);color:#fff;font-size:.72rem;font-weight:950;letter-spacing:.04em;box-shadow:0 10px 24px rgba(13,70,81,.28);animation:sponsorBadgeFloat 2.6s ease-in-out infinite}.sponsored-badge::before{content:'✦';color:#ffe28a;animation:sponsorSpark 1.4s ease-in-out infinite}.sponsored-badge::after{content:'';position:absolute;inset:-3px;border:1px solid rgba(255,255,255,.7);border-radius:999px;opacity:0;animation:sponsorRing 2.6s ease-out infinite} .showcase-body{padding:17px}.showcase-place{font-size:.8rem;color:var(--muted);font-weight:800}.showcase-title{margin:6px 0 8px;font-size:1.08rem;font-weight:950;line-height:1.35}.showcase-meta{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:.79rem}.showcase-meta strong{color:#986500}.showcase-price{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}.showcase-price b{font-size:1.13rem}.showcase-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.showcase-actions .btn{padding:9px 10px;font-size:.78rem}.showcase-actions .full{grid-column:1/-1}.sponsor-note{margin-top:10px;color:#617180;font-size:.72rem;line-height:1.45} .partner-pricing{margin-top:24px;padding:22px;border:1px solid #d4e8e4;border-radius:22px;background:#fff}.partner-pricing-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.partner-pricing-head h3{margin:0 0 5px;font-size:1.25rem}.partner-pricing-head p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.5}.partner-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.partner-plan{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fbfdfc}.partner-plan.featured{border-color:#86c4bd;background:#f1fbf9;box-shadow:0 8px 24px rgba(22,125,132,.08)}.partner-plan-name{font-weight:950}.partner-plan-price{font-size:1.55rem;font-weight:950;margin:8px 0 2px;color:var(--deep)}.partner-plan small{display:block;color:var(--muted);line-height:1.45;min-height:42px}.partner-plan .btn{width:100%;margin-top:13px;padding:9px 11px;font-size:.78rem}.partner-plan-pill{display:inline-flex;padding:4px 7px;border-radius:999px;background:#dff4ef;color:#116268;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px} .sponsor-plan-notice{display:none;margin:10px 0 14px;padding:12px 13px;border-radius:13px;background:#eef9f7;border:1px solid #cce6e1;color:#2d5960;font-size:.82rem;line-height:1.5}.sponsor-plan-notice.show{display:block}.detail-sponsored-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}.detail-sponsored-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:linear-gradient(135deg,#102f43,#167d84);color:#fff;font-size:.7rem;font-weight:950}.detail-sponsored-pill::before{content:'✦';color:#ffe28a}.detail-sponsored-copy{color:var(--muted);font-size:.74rem} @keyframes sponsorBadgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes sponsorSpark{0%,100%{opacity:.55;transform:scale(.86) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(14deg)}}@keyframes sponsorRing{0%{opacity:.65;transform:scale(.92)}70%,100%{opacity:0;transform:scale(1.13)}} @media(max-width:900px){.showcase-track{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-plans{grid-template-columns:1fr 1fr}.partner-plan:last-child{grid-column:1/-1}.showcase-head{align-items:flex-start;flex-direction:column}.showcase-disclosure{max-width:none}} @media(max-width:620px){.vay-showcase{padding:38px 0}.showcase-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:13px;padding:2px 1px 12px;overscroll-behavior-inline:contain}.showcase-card{flex:0 0 86%;scroll-snap-align:start}.showcase-photo{height:195px}.partner-plans{grid-template-columns:1fr}.partner-plan:last-child{grid-column:auto}.partner-pricing{padding:17px}.showcase-actions{grid-template-columns:1fr}.showcase-actions .full{grid-column:auto}} @media(prefers-reduced-motion:reduce){.sponsored-badge,.sponsored-badge::before,.sponsored-badge::after{animation:none!important}.showcase-card,.showcase-photo img{transition:none!important}} /* Clean responsive navigation and Sponsor experience */ .navin{min-height:76px;height:auto!important;padding:9px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap} .brand{flex:0 0 auto;white-space:nowrap} .nav-account-cluster{display:flex;align-items:center;gap:8px;flex:0 0 auto} .navlinks{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0} .navlinks>*{flex:0 0 auto;white-space:nowrap} .nav-filter{padding:9px 8px;border-radius:10px} .nav-filter:hover,.nav-filter:focus-visible{background:#edf7f5;color:var(--sea)} .curated-tab{color:#0d6870;background:#f1faf8;border:1px solid #d8ece8} .sponsor-nav-button,.sponsor-inline-button{position:relative;overflow:hidden;border:1px solid #d8b45c;background:linear-gradient(135deg,#fff8df,#f5d47e);color:#513b08;box-shadow:0 9px 22px rgba(172,124,22,.18);font-weight:950} .sponsor-nav-button::after,.sponsor-inline-button::after{content:"";position:absolute;inset:-45% auto -45% -35%;width:42%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:skewX(-18deg);animation:sponsorButtonSweep 4.2s ease-in-out infinite} .sponsor-nav-button:hover,.sponsor-inline-button:hover{background:linear-gradient(135deg,#fff4c9,#efc85f)} .list-place-button{min-width:max-content!important;white-space:nowrap!important;padding-inline:15px!important} .ai-nav-trigger{white-space:nowrap} @keyframes sponsorButtonSweep{0%,58%{left:-45%}82%,100%{left:130%}} .sponsor-modal-box{width:min(860px,100%)} .sponsor-modal-hero{padding:4px 4px 18px}.sponsor-modal-hero h2{font-size:clamp(1.8rem,4vw,2.65rem);margin:8px 0 10px;letter-spacing:-.045em;color:var(--deep)}.sponsor-modal-hero p{margin:0;max-width:760px;color:var(--muted);line-height:1.65} .sponsor-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:4px 0 18px}.sponsor-benefits>div{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:start;padding:14px;border:1px solid #dcebe8;border-radius:15px;background:#f8fcfb}.sponsor-benefits>div>span{grid-row:1/3;width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#e4f5f1;color:#0e6870;font-weight:950}.sponsor-benefits strong{font-size:.84rem}.sponsor-benefits small{color:var(--muted);line-height:1.4;margin-top:3px} .sponsor-modal-plans{margin-top:0}.sponsor-modal-note{margin-top:14px;padding:11px 12px;border-radius:12px;background:#fff8e6;border:1px solid #efdca6;color:#655022;font-size:.78rem;line-height:1.5} .vaya-overview{padding:22px;border-color:#cfe4df;background:linear-gradient(145deg,#fbfefd 0%,#eef8f6 52%,#fffaf1 100%)} .vaya-overview-lead{font-size:1.02rem;max-width:900px} .vaya-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .vaya-overview-card{padding:15px}.vaya-overview-card strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#0f5c64}.vaya-overview-card p{font-size:.84rem;line-height:1.6} .vaya-overview-note{padding-top:10px;border-top:1px solid rgba(22,125,132,.12)} @media(max-width:1120px){ .navlinks{order:3;width:100%;margin-left:0;justify-content:flex-start;flex-wrap:wrap;overflow:visible;padding:2px 0 5px} } @media(max-width:720px){ .navin{gap:8px} .brand{font-size:18px}.mark{width:39px;height:39px} .nav-account-cluster{margin-left:auto;gap:6px} .nav-account-cluster .btn,.nav-account-cluster .back-lociora{padding:8px 9px!important;font-size:.71rem!important} .navlinks{gap:7px} .navlinks .btn,.nav-filter{padding:9px 10px!important;font-size:.76rem!important} .sponsor-benefits,.vaya-overview-grid{grid-template-columns:1fr} .partner-pricing-head{flex-direction:column;align-items:stretch} .sponsor-inline-button{width:100%} } @media(max-width:390px){ .brand .by{display:none} .nav-account-cluster .back-lociora{font-size:0!important} .nav-account-cluster .back-lociora::after{content:"← O";font-size:.72rem} } @media(prefers-reduced-motion:reduce){.sponsor-nav-button::after,.sponsor-inline-button::after{animation:none!important}} .sponsor-nav-button{position:relative;z-index:2;pointer-events:auto!important;white-space:nowrap;touch-action:manipulation} .vaya-beta-notice{display:grid;gap:5px;padding:12px 14px;background:linear-gradient(135deg,#fff9e8,#f4fbfa);border-bottom:1px solid var(--line);color:#314d57;font-size:.78rem;line-height:1.48} .vaya-beta-notice strong{color:#0d5d66;font-size:.84rem} .vaya-beta-notice span{display:block} @media(max-width:520px){.vaya-beta-notice{padding:10px 12px;font-size:.73rem;line-height:1.42}} /* Only the Sponsor builder and Vaya chat organization are changed here. */ .sponsor-builder{width:min(820px,100%)!important} .sponsor-builder form{display:grid;gap:18px}.sponsor-form-section{border:1px solid #dce9e7;border-radius:20px;padding:19px;background:#fbfefd}.sponsor-step-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:15px}.sponsor-step-head>span{width:30px;height:30px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;background:#167d84;color:#fff;font-weight:950}.sponsor-step-head h3{margin:0 0 3px}.sponsor-step-head p{margin:0;color:var(--muted);font-size:.82rem}.sponsor-builder textarea{min-height:110px}.sponsor-field-help{display:block;margin-top:5px;color:var(--muted);font-size:.72rem}.sponsor-modal-plans .partner-plan{position:relative;transition:.18s}.sponsor-modal-plans .partner-plan.selected{border-color:#167d84;background:#effaf8;box-shadow:0 0 0 3px rgba(22,125,132,.11)}.sponsor-modal-plans .partner-plan.selected:after{content:'Selected';position:absolute;right:10px;top:10px;padding:4px 7px;border-radius:999px;background:#167d84;color:#fff;font-size:.62rem;font-weight:900}.sponsor-selection-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:13px;padding:12px 14px;border-radius:13px;background:#eef8f6;border:1px solid #d3eae5;color:#315861}.sponsor-selection-summary strong{color:#0d5f68}.sponsor-selection-summary span{font-size:.78rem}.sponsor-form-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.sponsor-form-actions .btn{min-width:150px}.sponsor-form-actions .btn:disabled{opacity:.55;cursor:not-allowed} .vaya-beta-notice{display:block;padding:0;background:#fffaf0;border-bottom:1px solid #ead9ad;color:#55441f;font-size:.77rem;line-height:1.45}.vaya-beta-notice summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;background:linear-gradient(135deg,#fff9e8,#f4fbfa)}.vaya-beta-notice summary::-webkit-details-marker{display:none}.vaya-beta-notice summary span:first-child{display:grid;gap:1px}.vaya-beta-notice summary strong{color:#0d5d66;font-size:.82rem}.vaya-beta-notice summary small{color:#76591b;font-size:.68rem}.vaya-beta-chevron{font-size:1rem;transition:transform .18s}.vaya-beta-notice[open] .vaya-beta-chevron{transform:rotate(180deg)}.vaya-beta-copy{padding:11px 14px 13px;border-top:1px solid rgba(118,89,27,.12)}.vaya-beta-copy strong{display:block;color:#0d5d66;margin-bottom:4px}.vaya-beta-copy p{margin:0}.vaya-chat-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;background:#f8fbfb;border-bottom:1px solid var(--line)}.vaya-chat-section-head span{font-size:.72rem;font-weight:950;color:#244852;text-transform:uppercase;letter-spacing:.08em}.vaya-chat-section-head small{color:var(--muted);font-size:.66rem;text-align:right}.vay-ai-body{padding:14px!important;gap:13px!important}.vay-msg{position:relative;padding-top:27px!important;min-width:88px;white-space:pre-line}.vay-msg:before{position:absolute;left:13px;top:7px;font-size:.62rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase;opacity:.72}.vay-msg.bot:before{content:'Vaya'}.vay-msg.user:before{content:'You';color:rgba(255,255,255,.88)}.vaya-suggestion-zone{background:#f5fbfa;border-top:1px solid #e4efed;padding:9px 12px 10px}.vaya-suggestion-label{display:block;margin:0 2px 7px;font-size:.67rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:#4a6971}.vaya-suggestion-zone .vay-ai-suggestions{padding:0;background:transparent;max-height:none}.vaya-suggestion-zone .vay-ai-suggestions button{box-shadow:0 3px 10px rgba(13,70,81,.04)} @media(max-width:620px){.sponsor-form-section{padding:15px}.sponsor-form-actions .btn{width:100%}.vaya-chat-section-head small{display:none}.vaya-beta-notice summary{padding:9px 11px}.vaya-beta-copy{padding:9px 11px 11px}} /* Layout stability: modals, AI panel, forms */ .modal{z-index:200!important} .modal.show{display:flex!important} .modalbox{max-width:100%;box-sizing:border-box} .vay-ai-panel{z-index:120} .vay-ai-panel.show{display:flex!important} .vay-ai-body{flex:1 1 auto;min-height:180px;max-height:none} .vay-msg{word-break:break-word;overflow-wrap:anywhere} .vay-ai-input{flex-shrink:0} .vay-ai-suggestions{flex-shrink:0;max-height:88px;overflow:auto} .vay-ai-head{flex-shrink:0} .location-grid{grid-template-columns:1fr 1fr} .partner-plans{grid-template-columns:repeat(3,minmax(0,1fr))} @media(max-width:760px){ .location-grid{grid-template-columns:1fr} .partner-plans{grid-template-columns:1fr} .vay-ai-panel{right:10px;left:10px;width:auto;bottom:88px;height:min(78vh,680px);max-height:calc(100dvh - 96px)} .modal{padding:12px} .modalbox{padding:18px;border-radius:18px;max-height:min(94vh,900px)} } @media(max-width:420px){ .vay-ai-panel{height:min(72vh,620px)} } html.modal-open .vay-ai-panel,body.modal-open .vay-ai-panel{opacity:.35;pointer-events:none} .vaya-beta-notice{flex-shrink:0;margin:0;border-bottom:1px solid var(--line)} .vaya-beta-notice summary{cursor:pointer;padding:8px 14px;font-size:.78rem} .vaya-beta-notice[open] .vaya-beta-copy{padding:0 14px 10px;font-size:.78rem;line-height:1.45;max-height:120px;overflow:auto} .vay-ai-memory,.vay-ai-tools,.vay-ai-debug{flex-shrink:0} .vay-ai-panel{display:none;flex-direction:column} .vay-ai-panel.show{display:flex!important} /* Final stability layer: keeps the composer visible and gives every chat area one job. */ #vayAiPanel{ top:auto!important; right:18px!important; bottom:86px!important; left:auto!important; width:min(448px,calc(100vw - 36px))!important; height:min(700px,calc(100dvh - 112px))!important; max-height:calc(100dvh - 112px)!important; display:none; flex-direction:column!important; overflow:hidden!important; overscroll-behavior:contain; } #vayAiPanel.show{display:flex!important} #vayAiPanel>.vay-ai-head, #vayAiPanel>.vaya-beta-notice, #vayAiPanel>.vay-ai-memory, #vayAiPanel>.vay-ai-debug, #vayAiPanel>.vaya-chat-section-head, #vayAiPanel>.vaya-suggestion-zone, #vayAiPanel>.vay-ai-input{flex:0 0 auto!important} #vayAiPanel>.vay-ai-body{ flex:1 1 0!important; min-height:0!important; max-height:none!important; overflow-y:auto!important; overflow-x:hidden!important; scrollbar-gutter:stable; } #vayAiPanel .vay-ai-memory:empty, #vayAiPanel .vay-ai-debug:empty{display:none!important} #vayAiPanel .vay-ai-input{ position:relative!important; inset:auto!important; z-index:5; width:100%; min-height:64px; padding:10px 11px max(10px,env(safe-area-inset-bottom))!important; background:#fff!important; border-top:1px solid var(--line)!important; box-shadow:0 -8px 22px rgba(13,70,81,.06); } #vayAiPanel .vay-ai-input input{min-width:0;width:100%} #vayAiPanel .vay-ai-input button{flex:0 0 auto;min-width:66px} #vayAiPanel .vaya-suggestion-zone{max-height:104px;overflow:auto} #vayAiPanel .vaya-chat-manager{inset:0!important;min-height:0;overflow:hidden} #vayAiPanel .vaya-chat-list{min-height:0} #vayAiPanel .vaya-chat-action-modal{inset:0!important} @media(max-width:620px){ #vayAiPanel{ left:8px!important; right:8px!important; top:72px!important; bottom:max(74px,calc(env(safe-area-inset-bottom) + 66px))!important; width:auto!important; height:auto!important; max-height:none!important; border-radius:18px!important; } #vayAiPanel .vay-ai-head{padding:11px 12px!important} #vayAiPanel .vay-ai-avatar{width:36px;height:36px;border-radius:11px} #vayAiPanel .vaya-current-chat-label{max-width:120px} #vayAiPanel .vaya-beta-notice summary{padding:7px 10px!important} #vayAiPanel .vaya-beta-copy{padding:0 10px 9px!important;max-height:82px!important;overflow:auto} #vayAiPanel .vaya-chat-section-head{padding:6px 10px!important} #vayAiPanel .vay-ai-body{padding:10px!important;gap:10px!important} #vayAiPanel .vaya-suggestion-zone{padding:7px 9px!important;max-height:58px!important;overflow:hidden} #vayAiPanel .vaya-suggestion-label{display:none!important} #vayAiPanel .vay-ai-suggestions{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;max-height:42px!important;padding:0 0 3px!important;scrollbar-width:none} #vayAiPanel .vay-ai-suggestions::-webkit-scrollbar{display:none} #vayAiPanel .vay-ai-suggestions button{flex:0 0 auto;white-space:nowrap} #vayAiPanel .vay-ai-input{min-height:62px;padding:9px 9px max(9px,env(safe-area-inset-bottom))!important} } @media(max-height:700px){ #vayAiPanel .vaya-chat-section-head{display:none!important} #vayAiPanel .vaya-beta-notice:not([open]) small{display:none!important} #vayAiPanel .vay-ai-memory,#vayAiPanel .vay-ai-debug{max-height:46px;overflow:auto} } .vay-trip-center-nav{color:#0b5961!important;background:#eef9f7!important;border:1px solid #cfe9e5!important;font-weight:900!important} .vaya-sync-section{padding:48px 0;background:linear-gradient(180deg,#fff,#f4faf9)} .vaya-sync-shell{display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;padding:30px;border:1px solid #d9eae7;border-radius:26px;background:#fff;box-shadow:0 18px 46px rgba(13,70,81,.09)} .vaya-sync-copy h2{font-size:clamp(1.8rem,3.5vw,2.7rem);letter-spacing:-.04em;line-height:1.08;margin:13px 0 10px;color:var(--deep)}.vaya-sync-copy p{color:var(--muted);line-height:1.65;margin:0} .vaya-sync-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.vaya-sync-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.vaya-sync-grid>div{padding:17px;border:1px solid #dceae7;border-radius:17px;background:#f8fcfb}.vaya-sync-grid span{display:block;font-size:1.35rem;margin-bottom:8px}.vaya-sync-grid strong{display:block;font-size:.92rem;color:#173d45}.vaya-sync-grid small{display:block;color:#687b82;line-height:1.45;margin-top:4px} .vaya-ops-modalbox{width:min(1040px,100%);padding:26px}.vaya-ops-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}.vaya-ops-head h2{margin:6px 0;font-size:2rem}.vaya-ops-head p{margin:0;color:var(--muted);line-height:1.5}.vaya-ops-tabs{display:flex;gap:7px;overflow:auto;padding:4px 0 13px;border-bottom:1px solid var(--line)}.vaya-ops-tab{border:1px solid #dce8e6;background:#fff;border-radius:999px;padding:8px 12px;font-weight:850;white-space:nowrap;cursor:pointer;color:#3d5961}.vaya-ops-tab.active{background:#eaf7f5;border-color:#9ecfca;color:#0d6169}.vaya-ops-body{padding-top:17px;min-height:350px}.vaya-ops-list{display:grid;gap:11px}.vaya-ops-card{border:1px solid #dfe8e7;border-radius:16px;padding:15px;background:#fff}.vaya-ops-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.vaya-ops-card h3{margin:0 0 5px;font-size:1rem}.vaya-ops-card p{margin:4px 0;color:#647780;line-height:1.48;font-size:.84rem}.vaya-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:.69rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.vaya-status.confirmed{background:#e6f7ef;color:#176044}.vaya-status.pending_host{background:#fff4d9;color:#725109}.vaya-status.declined,.vaya-status.declined_host,.vaya-status.cancelled_guest,.vaya-status.expired{background:#fff0f0;color:#9b3030}.vaya-status.inquiry{background:#eef4ff;color:#315d9b}.vaya-status.security_hold{background:#f7efff;color:#7442a4}.vaya-ops-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.vaya-ops-actions button{border:1px solid #dce6e5;background:#fff;border-radius:10px;padding:8px 10px;font-weight:850;cursor:pointer}.vaya-ops-actions button.primary{background:var(--sea);color:#fff;border-color:var(--sea)}.vaya-ops-actions button.danger{color:#9d3030;background:#fff4f4;border-color:#efcccc}.vaya-countdown{font-variant-numeric:tabular-nums;font-size:.76rem;color:#7b5a14;font-weight:800}.vaya-booking-unlock{margin-top:10px;padding:11px;border-radius:12px;background:#edf8f4;border:1px solid #cce9de;font-size:.8rem;line-height:1.5;color:#31584d} .vaya-calendar-controls,.vaya-setting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.vaya-setting-grid .field{margin:0}.vaya-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.vaya-cal-head{text-align:center;font-size:.68rem;font-weight:900;color:#718188;padding:5px}.vaya-cal-day{min-height:70px;padding:7px;border:1px solid #e1e8e7;border-radius:10px;background:#fff;font-size:.72rem}.vaya-cal-day strong{display:block;font-size:.78rem;margin-bottom:5px}.vaya-cal-day.booked{background:#e7f7ef;border-color:#bfe4d4}.vaya-cal-day.pending{background:#fff4db;border-color:#ead39a}.vaya-cal-day.buffer{background:#f2f4f7;border-color:#d6dae0}.vaya-cal-day.external{background:#eef2ff;border-color:#ccd5f2}.vaya-cal-legend{display:flex;gap:11px;flex-wrap:wrap;margin:11px 0;color:#62747c;font-size:.72rem}.vaya-cal-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;border:1px solid #d0d7d7}.vaya-thread-modalbox{width:min(720px,100%)}.vaya-thread-banner{padding:11px 13px;border-radius:12px;background:#f2f8f7;border:1px solid #d8e9e6;margin:10px 0 14px;font-size:.82rem;font-weight:800;color:#355961}.vaya-thread-list{display:grid;gap:9px;max-height:360px;overflow:auto;padding:4px}.vaya-thread-msg{max-width:86%;border:1px solid #dfe8e7;border-radius:14px;padding:10px 12px;background:#fff}.vaya-thread-msg.me{margin-left:auto;background:#e9f7f5}.vaya-thread-msg small{display:block;color:#78888e;margin-top:5px}.vaya-thread-compose{display:flex;gap:8px;margin-top:12px}.vaya-thread-compose input{flex:1;border:1px solid #dbe5e4;border-radius:11px;padding:11px}.vaya-thread-compose button{border:0;border-radius:11px;padding:10px 14px;background:var(--sea);color:#fff;font-weight:900}.vaya-ops-empty{padding:30px;text-align:center;border:1px dashed #d7e1df;border-radius:16px;color:#72838a;background:#fbfdfd}.vaya-ops-note{padding:11px 13px;border-radius:12px;background:#fff9e9;border:1px solid #f0dfaf;color:#655326;font-size:.78rem;line-height:1.5;margin-bottom:12px}.vaya-ical-box{display:grid;gap:8px;padding:14px;border:1px solid #e0e8e7;border-radius:14px;background:#fafcfc;margin-top:12px}.vaya-ical-box textarea{min-height:100px;border:1px solid #d8e1df;border-radius:10px;padding:10px;font:inherit}.vaya-notice-channel{font-size:.68rem;padding:4px 7px;border-radius:999px;background:#f1f5f5;color:#53686f;font-weight:850} @media(max-width:820px){.vaya-sync-shell{grid-template-columns:1fr}.vaya-setting-grid,.vaya-calendar-controls{grid-template-columns:1fr}.vaya-calendar-grid{gap:3px}.vaya-cal-day{min-height:58px;padding:5px}.vaya-ops-head{flex-direction:column}.vaya-ops-head>.btn{width:100%}} @media(max-width:560px){.vaya-sync-grid{grid-template-columns:1fr}.vaya-ops-modalbox{padding:18px}.vaya-calendar-grid{grid-template-columns:repeat(7,minmax(39px,1fr));overflow-x:auto}.vaya-thread-compose{flex-direction:column}} #vayChildGuestStrip,#vayAiPanel,#vayAiLauncher,#vayAiButton,.vay-ai-launcher,.vaya-beta-badge{display:none!important} :root{--vaya-safe:#176b5b} button,.btn,[role="button"]{touch-action:manipulation} .vay-feedback{border-top:1px solid var(--line);background:#fff;padding:10px 12px;display:grid;gap:8px;flex:0 0 auto} .vay-feedback-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.vay-feedback-top strong{font-size:.78rem}.vay-stars{display:flex;gap:4px}.vay-star{border:0;background:transparent;font-size:1.25rem;line-height:1;color:#a7b4b7;padding:2px;cursor:pointer}.vay-star.active{color:#d89b12}.vay-feedback-row{display:none;grid-template-columns:minmax(0,1fr) auto;gap:7px}.vay-feedback.open .vay-feedback-row{display:grid}.vay-feedback-row input{min-width:0;border:1px solid var(--line);border-radius:10px;padding:9px 10px;font:inherit;font-size:.8rem}.vay-feedback-row button{border:0;border-radius:10px;background:var(--sea);color:#fff;font-weight:850;padding:8px 11px}.vay-feedback-note{font-size:.68rem;color:var(--muted);line-height:1.35}.vay-feedback-status{font-size:.72rem;color:var(--vaya-safe);font-weight:750;min-height:1em} .vay-ai-panel,.ai-panel{transition:none!important}.vay-msg.typing,.msg.typing{animation:none!important} @media(max-width:620px){.vay-feedback-row{grid-template-columns:1fr}.vay-feedback-row button{width:100%}} /* Recalibration is logic-first. UI stays unchanged except a subtle live/local status chip. */ .vaya-mode-chip{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font-size:.62rem;font-weight:850;color:#526b77} .vaya-mode-dot{width:6px;height:6px;border-radius:50%;background:#55a58f;display:inline-block} button,.btn,.nav-filter,.tab,.chip,.suggestion-option{touch-action:manipulation} button:active,.btn:active{transform:translateY(0)!important} .modal,.modalbox,.vay-ai-panel{transition-duration:.08s!important;animation-duration:.08s!important} section,.footer{content-visibility:visible!important;contain:none!important} /* Vaya is a true chat widget again: floating bubble + compact conversation window. */ #vayAiBtn{ position:fixed!important;right:20px!important;bottom:18px!important;z-index:2147482000!important; min-width:132px!important;width:auto!important;height:52px!important;padding:0 16px!important; border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important; gap:8px!important;box-shadow:0 15px 36px rgba(13,70,81,.34)!important; } #vayAiPanel{ position:fixed!important;left:auto!important;top:auto!important;right:20px!important;bottom:82px!important; width:min(392px,calc(100vw - 32px))!important;height:min(570px,calc(100dvh - 118px))!important; max-width:392px!important;max-height:570px!important;border-radius:22px!important;overflow:hidden!important; z-index:2147482500!important;box-shadow:0 26px 70px rgba(9,42,51,.30)!important; } #vayAiPanel.show{display:flex!important} #vayAiPanel>.vay-ai-head{padding:13px 14px!important} #vayAiPanel>.vay-ai-body{min-height:0!important;padding:12px!important;gap:10px!important} #vayAiPanel .vay-msg{max-width:88%!important;font-size:.91rem!important;line-height:1.48!important;padding:10px 12px!important} #vayAiPanel .vaya-chat-section-head{padding:7px 11px!important} #vayAiPanel .vaya-beta-notice summary{padding:7px 11px!important} #vayAiPanel .vaya-beta-copy{max-height:92px!important;overflow:auto!important} #vayAiPanel .vaya-suggestion-zone{padding:7px 10px!important;max-height:66px!important;overflow:hidden!important} #vayAiPanel .vaya-suggestion-label{display:none!important} #vayAiPanel .vay-ai-suggestions{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;padding:0 0 2px!important} #vayAiPanel .vay-ai-suggestions::-webkit-scrollbar{display:none} #vayAiPanel .vay-ai-suggestions button{flex:0 0 auto!important;white-space:nowrap!important} #vayAiPanel>.vay-ai-input{padding:9px 10px max(9px,env(safe-area-inset-bottom))!important;gap:8px!important} #vayAiPanel .vay-ai-input input{min-height:46px!important;padding:11px 12px!important;font-size:.92rem!important} #vayAiPanel .vay-ai-input button{min-width:64px!important;min-height:46px!important;padding:0 13px!important} #vayAiPanel .vaya-chat-manager{inset:58px 8px 66px!important;max-width:none!important;border-radius:15px!important} @media(max-width:620px){ #vayAiBtn{right:10px!important;bottom:10px!important;min-width:118px!important;height:48px!important;padding:0 13px!important} #vayAiPanel{ left:8px!important;right:8px!important;top:auto!important;bottom:68px!important;width:auto!important; height:min(64dvh,530px)!important;max-width:none!important;max-height:530px!important;border-radius:18px!important; } #vayAiPanel .vaya-current-chat-label{max-width:112px!important} } @media(max-height:620px){ #vayAiPanel{height:calc(100dvh - 88px)!important;max-height:calc(100dvh - 88px)!important} #vayAiPanel .vaya-beta-notice{display:none!important} #vayAiPanel .vaya-chat-section-head{display:none!important} } #vayAiBtn{width:58px!important;min-width:58px!important;height:58px!important;padding:0!important;border-radius:50%!important;font-size:1.3rem!important} #vayAiBtn .ai-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} #vayAiPanel{right:18px!important;bottom:88px!important;width:min(388px,calc(100vw - 28px))!important;height:min(560px,calc(100dvh - 112px))!important} @media(max-width:620px){#vayAiBtn{right:12px!important;bottom:12px!important;width:54px!important;min-width:54px!important;height:54px!important}#vayAiPanel{left:8px!important;right:8px!important;bottom:74px!important;width:auto!important;height:min(66dvh,520px)!important}} /* Keep speaker labels (Vaya / You) on their own line above chat text. */ #vayAiPanel .vay-msg{ position:relative!important; padding:29px 12px 11px!important; min-height:48px!important; overflow:visible!important; word-break:break-word!important; overflow-wrap:anywhere!important; } #vayAiPanel .vay-msg::before{ position:absolute!important; top:7px!important; left:12px!important; right:auto!important; height:14px!important; line-height:14px!important; margin:0!important; padding:0!important; pointer-events:none!important; white-space:nowrap!important; z-index:2!important; } #vayAiPanel .vay-msg.bot::before{content:"Vaya"!important;} #vayAiPanel .vay-msg.user::before{content:"You"!important;} @media(max-width:620px){ #vayAiPanel .vay-msg{ padding:28px 11px 10px!important; } #vayAiPanel .vay-msg::before{ top:6px!important; left:11px!important; } } /* Simple listing summary presentation. */ .stay-glance{background:#fff!important;border:1px solid #dfe8e6!important;box-shadow:none!important;padding:17px!important;border-radius:16px!important;overflow:visible!important} .stay-glance::after{display:none!important} .stay-glance .vaya-overview-head{margin-bottom:9px!important} .stay-glance .vaya-overview-brand{font-size:.96rem!important;color:#173d4d!important;gap:8px!important} .stay-glance .vaya-overview-spark{width:28px!important;height:28px!important;border-radius:9px!important;background:#eaf6f4!important;color:#12636b!important;box-shadow:none!important} .stay-glance .vaya-overview-lead{font-size:.91rem!important;line-height:1.55!important;color:#4b626b!important;margin-bottom:11px!important} .stay-glance .vaya-overview-grid{grid-template-columns:1fr!important;gap:8px!important} .stay-glance .vaya-overview-card{padding:11px 12px!important;border-radius:11px!important;background:#f8fbfa!important;border:1px solid #e4ecea!important} .stay-glance .vaya-overview-card strong{font-size:.79rem!important} .stay-glance .vaya-overview-card p{font-size:.82rem!important;line-height:1.5!important;margin-top:4px!important} .stay-glance .vaya-overview-note{display:block!important;margin-top:10px!important;font-size:.68rem!important;line-height:1.45!important;color:#718087!important} .stay-glance .vaya-overview-beta,.stay-glance .vaya-overview-confidence,.stay-glance .vaya-overview-signals{display:none!important} /* Keep the Vaya header readable: no clipped subtitle/current-chat text. */ #vayAiPanel>.vay-ai-head{min-height:72px!important;height:auto!important;overflow:visible!important;align-items:center!important} #vayAiPanel .vaya-chat-title-copy{min-width:0!important;flex:1 1 auto!important;overflow:visible!important;padding:1px 0!important} #vayAiPanel .vaya-chat-title-copy>strong{display:block!important;font-size:1rem!important;line-height:1.25!important;margin:0 0 2px!important;overflow:visible!important} #vayAiPanel .vaya-chat-title-copy>small{display:block!important;font-size:.72rem!important;line-height:1.35!important;opacity:.88!important;white-space:normal!important;overflow:visible!important} #vayAiPanel .vaya-current-chat-label{display:block!important;font-size:.66rem!important;line-height:1.3!important;margin-top:2px!important;opacity:.72!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #vayAiPanel .vay-ai-head-actions{flex:0 0 auto!important} /* Message speaker labels are normal elements, not overlays. */ #vayAiPanel .vay-msg{position:relative!important;padding:11px 12px!important;min-height:0!important;overflow:visible!important;display:block!important} #vayAiPanel .vay-msg::before{display:none!important;content:none!important} #vayAiPanel .vay-msg-label{display:block!important;position:static!important;margin:0 0 5px!important;padding:0!important;height:auto!important;line-height:1.2!important;font-size:.64rem!important;font-weight:950!important;letter-spacing:.045em!important;text-transform:uppercase!important;opacity:.72!important;white-space:nowrap!important} #vayAiPanel .vay-msg.bot .vay-msg-label{color:#276069!important} #vayAiPanel .vay-msg.user .vay-msg-label{color:rgba(255,255,255,.9)!important} #vayAiPanel .vay-msg-text{display:block!important;position:static!important;line-height:1.5!important;white-space:pre-line!important;overflow:visible!important;word-break:break-word!important;overflow-wrap:anywhere!important} #vayAiPanel .vay-msg.typing .vay-msg-text{font-style:italic!important} @media(max-width:620px){ #vayAiPanel>.vay-ai-head{min-height:68px!important;padding:11px 12px!important} #vayAiPanel .vaya-chat-title-copy>small{font-size:.7rem!important} #vayAiPanel .vay-msg{padding:10px 11px!important} } /* Hard chat layout fix: .vay-ai-body is a vertical flex container. Older CSS allowed message bubbles to flex-shrink, so long replies visually escaped their own bubbles and overlapped the following VAYA / YOU labels. */ #vayAiPanel .vay-ai-body{ display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:12px!important; overflow-y:auto!important; overflow-x:hidden!important; } #vayAiPanel .vay-ai-body > .vay-msg{ flex:0 0 auto!important; flex-shrink:0!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; box-sizing:border-box!important; position:relative!important; } #vayAiPanel .vay-msg.bot{ align-self:flex-start!important; width:auto!important; max-width:88%!important; } #vayAiPanel .vay-msg.user{ align-self:flex-end!important; width:auto!important; max-width:88%!important; } #vayAiPanel .vay-msg::before, #vayAiPanel .vay-msg::after{ content:none!important; display:none!important; } #vayAiPanel .vay-msg-label{ display:block!important; position:static!important; width:auto!important; height:auto!important; min-height:0!important; margin:0 0 6px 0!important; padding:0!important; border:0!important; background:transparent!important; border-radius:0!important; box-shadow:none!important; line-height:1.2!important; font-size:.65rem!important; font-weight:900!important; letter-spacing:.05em!important; text-transform:uppercase!important; } #vayAiPanel .vay-msg-text{ display:block!important; position:static!important; width:auto!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; overflow:visible!important; line-height:1.5!important; white-space:pre-line!important; word-break:normal!important; overflow-wrap:anywhere!important; } #vayAiPanel .vaya-chat-title-copy{ display:flex!important; flex-direction:column!important; justify-content:center!important; min-width:0!important; line-height:normal!important; } #vayAiPanel .vaya-chat-title-copy > strong, #vayAiPanel .vaya-chat-title-copy > small, #vayAiPanel .vaya-current-chat-label{ position:static!important; transform:none!important; height:auto!important; min-height:0!important; overflow:visible!important; } @media(max-width:620px){ #vayAiPanel .vay-ai-body{gap:10px!important;padding:12px!important} #vayAiPanel .vay-msg.bot, #vayAiPanel .vay-msg.user{max-width:92%!important} } #vayAiPanel{width:min(520px,calc(100vw - 36px))!important;height:min(760px,calc(100dvh - 112px))!important} #vayAiPanel .vaya-travel-status{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:8px 12px;background:#f7fbfa;border-bottom:1px solid var(--line);font-size:.69rem;color:#57717a;flex:0 0 auto!important} #vayAiPanel .vaya-travel-status strong{color:#173d4d;font-size:.71rem} #vayAiPanel .vaya-travel-status-dot{width:8px;height:8px;border-radius:50%;background:#98a2b3;box-shadow:0 0 0 3px rgba(152,162,179,.14)} #vayAiPanel .vaya-travel-status[data-mode="live"] .vaya-travel-status-dot{background:#16a36b;box-shadow:0 0 0 3px rgba(22,163,107,.13)} #vayAiPanel .vaya-travel-status[data-mode="sandbox"] .vaya-travel-status-dot{background:#d98b12;box-shadow:0 0 0 3px rgba(217,139,18,.14)} #vayAiPanel .vaya-travel-status[data-mode="demo"] .vaya-travel-status-dot{background:#667085} #vayAiPanel .vaya-trip-summary{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 2px} #vayAiPanel .vaya-trip-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #d8e7e5;border-radius:999px;background:#f8fcfb;color:#355861;font-size:.69rem;font-weight:800} #vayAiPanel .vaya-rich-msg{max-width:96%!important;width:96%!important;padding:12px!important} #vayAiPanel .vaya-rich-copy{white-space:pre-line;line-height:1.48} #vayAiPanel .vaya-offer-section{margin-top:12px} #vayAiPanel .vaya-offer-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px} #vayAiPanel .vaya-offer-section-head strong{font-size:.78rem;color:#173d4d} #vayAiPanel .vaya-offer-section-head small{font-size:.65rem;color:#71848c} #vayAiPanel .vaya-offer-list{display:grid;gap:7px} #vayAiPanel .vaya-offer-card{border:1px solid #dfe9e7;border-radius:12px;background:#fff;padding:10px;box-shadow:0 5px 14px rgba(12,62,72,.05)} #vayAiPanel .vaya-offer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px} #vayAiPanel .vaya-offer-title{font-size:.78rem;font-weight:900;color:#183f4b;line-height:1.35} #vayAiPanel .vaya-offer-price{font-size:.78rem;font-weight:950;color:#0d6e75;white-space:nowrap} #vayAiPanel .vaya-offer-meta{font-size:.68rem;line-height:1.45;color:#647983;margin-top:4px} #vayAiPanel .vaya-offer-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px} #vayAiPanel .vaya-offer-badge{font-size:.61rem;font-weight:900;border-radius:999px;padding:4px 6px;background:#edf6f5;color:#315e63;border:1px solid #d1e6e3} #vayAiPanel .vaya-offer-badge.live{background:#edf9f4;color:#176048;border-color:#c9eada} #vayAiPanel .vaya-offer-badge.warn{background:#fff7e8;color:#8a5a09;border-color:#efddb8} #vayAiPanel .vaya-offer-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px} #vayAiPanel .vaya-offer-actions button{border:1px solid #cfe1df;background:#fff;color:#20555d;border-radius:9px;padding:6px 8px;font-size:.65rem;font-weight:850;cursor:pointer} #vayAiPanel .vaya-offer-actions button.primary{background:#167d84;border-color:#167d84;color:#fff} #vayAiPanel .vaya-itinerary-card{margin-top:10px;border:1px solid #dfe9e7;border-radius:12px;background:linear-gradient(180deg,#fbfefd,#f5faf9);overflow:hidden} #vayAiPanel .vaya-itinerary-card summary{cursor:pointer;padding:9px 10px;font-size:.72rem;font-weight:900;color:#214b55} #vayAiPanel .vaya-itinerary-days{display:grid;gap:7px;padding:0 10px 10px} #vayAiPanel .vaya-itinerary-day{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:flex-start} #vayAiPanel .vaya-day-num{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#e7f5f3;color:#0d6c73;font-size:.65rem;font-weight:950} #vayAiPanel .vaya-day-copy strong{display:block;font-size:.7rem;color:#254e58;margin-bottom:2px} #vayAiPanel .vaya-day-copy span{display:block;font-size:.66rem;line-height:1.4;color:#677d86} #vayAiPanel .vaya-policy-note{margin-top:8px;padding:8px 9px;border-radius:10px;background:#f4f6fb;border:1px solid #e1e5ef;font-size:.65rem;line-height:1.45;color:#586477} #vayAiPanel .vaya-complete-total{margin-top:9px;padding:9px 10px;border-radius:11px;background:#103e48;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px} #vayAiPanel .vaya-complete-total span{font-size:.67rem;opacity:.82} #vayAiPanel .vaya-complete-total strong{font-size:.86rem} @media(max-width:620px){#vayAiPanel{width:auto!important}#vayAiPanel .vaya-rich-msg{max-width:100%!important;width:100%!important}#vayAiPanel .vaya-offer-top{align-items:flex-start}.vaya-travel-status-text{display:none}} #vayAiPanel .vaya-full-ai-chip{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:4px 8px;border-radius:999px;background:#eaf8f5;border:1px solid #c7e8df;color:#0b665d;font-size:.62rem;font-weight:900;line-height:1.2;width:max-content;max-width:100%} #vayAiPanel .vaya-full-ai-dot{width:7px;height:7px;border-radius:50%;background:#16a36b;box-shadow:0 0 0 3px rgba(22,163,107,.12);flex:0 0 auto} #vayAiPanel .vaya-full-ai-chip.offline{background:#f7f7f8;border-color:#e2e4e7;color:#667085} #vayAiPanel .vaya-full-ai-chip.offline .vaya-full-ai-dot{background:#98a2b3;box-shadow:0 0 0 3px rgba(152,162,179,.12)} #vayAiPanel .vaya-full-ai-chip.thinking .vaya-full-ai-dot{animation:vayaFullPulse 1s ease-in-out infinite} @keyframes vayaFullPulse{50%{transform:scale(1.45);opacity:.55}} #vayAiPanel .vay-msg-text,#vayAiPanel .vaya-rich-copy{white-space:pre-wrap!important} #vayAiPanel .vaya-full-ai-chip{max-width:210px!important} #vayAiPanel .vaya-full-ai-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #vayaOpsModal .vaya-cal-day.booked, #vayaOpsModal .vaya-cal-day.pending, #vayaOpsModal .vaya-cal-day.buffer, #vayaOpsModal .vaya-cal-day.external{ opacity:.40!important; filter:grayscale(.15); cursor:not-allowed!important; user-select:none; } #vayaOpsModal .vaya-cal-day[aria-disabled="true"] strong{text-decoration:line-through;text-decoration-thickness:1px} #vayaAvailabilityToast{ position:fixed;left:50%;bottom:22px;z-index:100000; transform:translate(-50%,18px);opacity:0;pointer-events:none; max-width:min(540px,calc(100vw - 28px));padding:12px 16px;border-radius:13px; background:#122e39;color:#fff;box-shadow:0 18px 44px rgba(0,0,0,.24); font-weight:800;font-size:.86rem;transition:.2s; } #vayaAvailabilityToast.show{opacity:1;transform:translate(-50%,0)} .vaya-availability-help{margin:10px 0 0;color:#667b82;font-size:.76rem;line-height:1.45} .notification-badge{display:none;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#d92d20;color:#fff;font-size:10px;font-weight:950;line-height:18px;text-align:center;vertical-align:middle;box-shadow:0 2px 8px rgba(217,45,32,.28);margin-left:5px;letter-spacing:0} .notification-badge.show{display:inline-block} .vaya-inbox-fab{position:fixed;left:20px;bottom:20px;z-index:10020;width:58px;height:58px;border:0;border-radius:50%;background:linear-gradient(145deg,#0c3e48,#167d84);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 16px 36px rgba(12,62,72,.28);font-size:1.35rem} .vaya-inbox-fab .notification-badge{position:absolute;right:-4px;top:-4px;margin:0;border:2px solid #fff;min-width:20px;height:20px;line-height:16px;font-size:10px} .vaya-inbox-panel{position:fixed;left:20px;bottom:88px;z-index:10020;width:min(390px,calc(100vw - 28px));max-height:min(540px,calc(100vh - 120px));display:none;flex-direction:column;overflow:hidden;border:1px solid #dce7e5;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(8,44,52,.24)} .vaya-inbox-panel.show{display:flex} .vaya-inbox-head{display:flex;align-items:center;gap:10px;padding:15px 16px;border-bottom:1px solid #e4eceb}.vaya-inbox-head strong{font-size:1rem}.vaya-inbox-head small{display:block;color:#667b82;margin-top:2px}.vaya-inbox-close{margin-left:auto;width:32px;height:32px;border:0;border-radius:50%;background:#eef4f3;cursor:pointer} .vaya-inbox-list{padding:10px;overflow:auto;display:grid;gap:8px;background:#f7fbfa}.vaya-inbox-item{padding:12px;border:1px solid #dfe9e7;border-radius:14px;background:#fff}.vaya-inbox-item h4{margin:0 0 4px;font-size:.88rem}.vaya-inbox-item p{margin:0;color:#5b7076;font-size:.77rem;line-height:1.45}.vaya-inbox-item small{display:block;margin-top:5px;color:#819096;font-size:.67rem}.vaya-inbox-item-actions{display:flex;gap:7px;margin-top:9px}.vaya-inbox-item-actions button{border:1px solid #d6e3e1;background:#fff;border-radius:9px;padding:7px 10px;font-weight:850;cursor:pointer;font-size:.72rem}.vaya-inbox-item-actions .primary{border-color:#167d84;background:#167d84;color:#fff}.vaya-inbox-empty{padding:28px 18px;text-align:center;color:#667b82;font-size:.82rem} .message-moderation-warning{display:none;margin:9px 0 0;padding:9px 10px;border-radius:10px;background:#fff4ed;border:1px solid #ffd7c2;color:#9a3412;font-size:.75rem;line-height:1.45}.message-moderation-warning.show{display:block} @media(max-width:620px){.vaya-inbox-fab{left:12px;bottom:12px;width:54px;height:54px}.vaya-inbox-panel{left:10px;bottom:76px;width:calc(100vw - 20px);max-height:70vh}} .alert-enable-btn{ position:relative;overflow:hidden;min-width:158px; transition:transform .16s ease,background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease!important; } .alert-enable-btn:active{transform:scale(.98)} .alert-enable-btn .alert-btn-content{display:inline-flex;align-items:center;justify-content:center;gap:8px} .alert-enable-btn .alert-spinner{ width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%; display:none;animation:alertSpin .65s linear infinite; } .alert-enable-btn.enabling .alert-spinner{display:inline-block} .alert-enable-btn.enabled{ background:#ecfdf3!important;color:#067647!important;border-color:#abefc6!important; box-shadow:0 8px 20px rgba(6,118,71,.12)!important; } .alert-enable-btn .alert-check{ width:20px;height:20px;border-radius:50%;display:none;place-items:center; background:#12b76a;color:#fff;font-size:12px;font-weight:950;line-height:1; } .alert-enable-btn.enabled .alert-check{display:inline-grid;animation:alertCheckPop .48s cubic-bezier(.2,1.5,.35,1)} .alert-enable-btn.enabled .alert-label{animation:alertLabelIn .3s ease} .alert-enable-btn.denied{background:#fff6ed!important;color:#b54708!important;border-color:#fedf89!important} @keyframes alertSpin{to{transform:rotate(360deg)}} @keyframes alertCheckPop{ 0%{transform:scale(.15) rotate(-35deg);opacity:0} 65%{transform:scale(1.18) rotate(4deg);opacity:1} 100%{transform:scale(1) rotate(0);opacity:1} } @keyframes alertLabelIn{from{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:none}} @media(prefers-reduced-motion:reduce){ .alert-enable-btn,.alert-enable-btn *{animation-duration:.001ms!important;transition-duration:.001ms!important} } \nbutton,.btn,[role="button"],summary{touch-action:manipulation!important}\n.btn,button,.modalbox,.vaya-inbox-panel,.vay-ai-panel,.vay-msg{transition-duration:.16s!important}\n.btn:active,button:active{transform:scale(.985)}\n.vaya-browser-ai-progress{height:4px;background:#e5efed;border-radius:99px;overflow:hidden;margin-top:5px;display:none}\n.vaya-browser-ai-progress.show{display:block}\n.vaya-browser-ai-progress>i{display:block;height:100%;width:0;background:#167d84;transition:width .18s ease}\n /* Final QA public preview labels */ .showcase-rank{white-space:nowrap} /* Shared Supabase marketplace owner tools — V7 */ .shared-owner-tools{ display:inline-flex; gap:7px; flex-wrap:wrap; align-items:center; } .shared-owner-tools .shared-delete, .shared-owner-tools .delete-listing-btn{ border-color:#efc8c8!important; color:#a52828!important; background:#fff7f7!important; } .shared-owner-tools .shared-delete:hover, .shared-owner-tools .delete-listing-btn:hover{ background:#fff0f0!important; } /* V7.2 — consistent location suggestion rows */ .suggestion-option{ display:flex!important; flex-direction:column; align-items:flex-start; gap:2px; line-height:1.2; } .suggestion-value{font-weight:800;color:var(--ink)} .suggestion-meta{font-size:.7rem;color:var(--muted);font-weight:650} /* V7.3 — location dropdowns show names only */ .suggestion-option{ display:block!important; padding:10px 12px!important; line-height:1.25!important; } .suggestion-option .suggestion-value{ display:block; font-weight:780; } .suggestion-option .suggestion-meta{display:none!important} /* V7.8.2 footer engagement */ .vay-footer-newsletter{margin-top:16px}.vay-footer-newsletter label{display:block;color:#fff;font-size:.84rem;font-weight:800;margin-bottom:7px}.vay-newsletter-row{display:flex;gap:7px}.vay-newsletter-row input{min-width:0;flex:1;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:10px;padding:9px 10px;font:inherit}.vay-newsletter-row input::placeholder{color:#a9c1ca}.vay-newsletter-row button{border:0;border-radius:10px;padding:9px 12px;background:#fff;color:#0d4651;font-weight:850;cursor:pointer}.footer .engagement-status{min-height:17px;margin-top:5px;font-size:.72rem;color:#a9c1ca}.footer .engagement-status.success{color:#8ce2d6}.footer .engagement-status.error{color:#ffc5bd}.vay-copyright{display:inline-block;margin-top:7px;color:#b5ccd5}.footer .nav-filter{display:block;border:0;background:transparent;color:#cfe0e7;padding:0;margin:8px 0;font:inherit;font-size:.87rem;cursor:pointer;text-align:left} @media(max-width:520px){.vay-newsletter-row{flex-direction:column}.vay-newsletter-row button{width:100%}} /* V7.9 — optional affiliate/ad placements; hidden until configured */ .vay-monetization-zone{padding:34px 0;background:#f7fbfa} .vay-affiliate-card{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#fff,#edf9f6);border:1px solid var(--line);box-shadow:0 10px 30px rgba(8,55,63,.08)} .vay-affiliate-card h2{margin:10px 0 7px;font-size:1.8rem}.vay-affiliate-card p{margin:0;color:var(--muted)} .vay-ad-zone{padding:18px 0 26px;background:#f7fbfa} .vay-ad-label{text-align:center;color:#7d8d91;font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;margin-bottom:7px} @media(max-width:760px){.vay-affiliate-card{display:block}.vay-affiliate-card .btn{margin-top:18px}} /* V7.9.1 — Vaycayzen mobile stability */ html,body{max-width:100%;overflow-x:hidden} @media(max-width:700px){ .container{width:min(100% - 28px,1180px)!important} .modal{padding:8px!important;align-items:flex-start!important;padding-top:max(8px,env(safe-area-inset-top))!important} .modal-box{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 16px)!important;overflow-y:auto!important;border-radius:18px!important;padding:18px!important} .trip-center-shell,.trip-center-modal,.vay-trip-center{max-width:100%!important} button,.btn,[role="button"]{touch-action:manipulation} } /* ================================================================ V8.0 — VAYCAYZEN FULL MOBILE EXPERIENCE Keeps the desktop design intact; <= 900px becomes an intentional phone/tablet navigation + responsive travel UI. ================================================================ */ .vay-nav-drawer{display:contents} .vay-mobile-menu-toggle{display:none} .vaya-auth-legal-note,.form-privacy-note{font-size:.74rem;line-height:1.5;color:#65777f;margin:9px 0 0} .vaya-auth-legal-note a,.form-privacy-note a,.vay-newsletter-note a{color:var(--sea);text-decoration:underline;text-underline-offset:2px} .vay-newsletter-note{display:block;color:#a9c1ca;font-size:.72rem;line-height:1.45;margin-top:6px} @media(max-width:900px){ body.vay-mobile-nav-open{overflow:hidden} body.vay-mobile-nav-open::before{ content:"";position:fixed;inset:72px 0 0;z-index:48; background:rgba(5,31,39,.34);backdrop-filter:blur(2px) } .nav{z-index:90} .navin{height:72px!important;min-height:72px!important;padding:8px 0!important;flex-wrap:nowrap!important;gap:10px!important} .brand{margin-right:auto!important;font-size:21px!important;min-width:0} .brand .mark{width:44px!important;height:44px!important;border-radius:14px!important;flex:0 0 44px} .brand .by{font-size:.56rem!important;line-height:1.05} .vay-mobile-menu-toggle{ display:flex;width:48px;height:48px;flex:0 0 48px;border:1px solid var(--line); border-radius:14px;background:#fff;align-items:center;justify-content:center; flex-direction:column;gap:5px;cursor:pointer;box-shadow:0 6px 18px rgba(15,64,72,.06) } .vay-mobile-menu-toggle span{width:20px;height:2px;border-radius:999px;background:var(--deep);transition:.2s} .vay-mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)} .vay-mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0} .vay-mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} .vay-nav-drawer{ display:none;position:fixed;top:80px;left:12px;right:12px;z-index:95; max-height:calc(100dvh - 94px);overflow:auto;padding:10px;background:#fff; border:1px solid var(--line);border-radius:19px;box-shadow:0 24px 70px rgba(5,31,39,.25); overscroll-behavior:contain } .vay-nav-drawer.mobile-open{display:block} .nav-account-cluster,.navlinks{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:5px!important;margin:0!important} .nav-account-cluster{padding-bottom:8px;margin-bottom:5px!important;border-bottom:1px solid #e7efed} .nav-account-cluster>*, .navlinks>*{ display:flex!important;width:100%!important;min-height:44px!important;justify-content:flex-start!important; align-items:center!important;padding:10px 12px!important;margin:0!important;border-radius:11px!important; font-size:.94rem!important;white-space:normal!important;text-align:left!important } .navlinks .nav-filter{border:0!important;background:transparent!important} .navlinks .nav-filter:hover{background:#edf8f6!important} .navlinks .sponsor-nav-button{justify-content:center!important} .navlinks .ai-nav-trigger,.navlinks .list-place-button{justify-content:center!important} } @media(max-width:700px){ .container{width:min(100% - 28px,1200px)!important} section{padding:44px 0} /* Hero */ .hero{min-height:auto!important;align-items:flex-start!important} .hero:before{background:linear-gradient(180deg,rgba(5,37,48,.88) 0%,rgba(5,37,48,.72) 54%,rgba(5,37,48,.55) 100%),url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1200&q=82') center/cover} .hero-content{padding:48px 0 44px!important;max-width:100%!important} .hero .eyebrow{font-size:.7rem!important;padding:7px 10px!important;line-height:1.25!important} h1{font-size:clamp(2.35rem,11vw,3rem)!important;line-height:1.03!important;letter-spacing:-1.8px!important;margin:15px 0 13px!important} .hero p{font-size:.98rem!important;line-height:1.58!important;margin:0!important} .search-shell{margin-top:22px!important;padding:9px!important;border-radius:18px!important} .keyword-row{padding-bottom:8px!important} .keyword-row input{min-height:52px!important;padding:13px 14px!important;font-size:16px!important} .booking-row{grid-template-columns:1fr!important;gap:8px!important;padding-top:8px!important} .booking-control select,.date-trigger,.destination-trigger,.booking-row>.btn{height:54px!important;font-size:16px!important} .booking-row>.btn{width:100%!important} .destination-popover,.date-popover{ position:fixed!important;left:8px!important;right:8px!important;top:50%!important; transform:translateY(-50%)!important;width:auto!important;max-height:calc(100dvh - 24px)!important; overflow:auto!important;border-radius:19px!important;z-index:1000!important } .destination-picker-grid,.date-grid{grid-template-columns:1fr!important} .destination-actions,.date-actions{position:sticky;bottom:0;background:#fff;padding-top:8px} .chips{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:5px!important;scrollbar-width:none} .chips::-webkit-scrollbar{display:none} .chip{flex:0 0 auto!important} .hero-proof{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin-top:13px!important} .hero-proof span{font-size:.74rem!important;padding:7px 10px!important} /* Smart value strip */ .smart-strip .smart-strip-inner{ transform:translateY(-10px)!important;grid-template-columns:1fr!important;gap:10px!important; padding:13px!important;border-radius:18px!important } .smart-point{padding:8px!important} .smart-point-icon{width:38px!important;height:38px!important;flex:0 0 38px!important} .smart-point small{line-height:1.4!important} /* Featured / sponsored */ .vay-showcase{padding:38px 0!important} .showcase-head{gap:12px!important;margin-bottom:16px!important} .showcase-head h2{font-size:2rem!important;line-height:1.08!important} .showcase-disclosure{font-size:.72rem!important;width:100%!important} .showcase-track{gap:12px!important;padding-bottom:10px!important} .showcase-card{flex-basis:91%!important;border-radius:18px!important} .showcase-photo{height:205px!important} .showcase-body{padding:16px!important} .showcase-actions{grid-template-columns:1fr!important} .partner-pricing{padding:16px!important;border-radius:18px!important} .partner-pricing-head{display:block!important} .partner-pricing-head .btn{width:100%!important;margin-top:12px!important} .partner-plans{grid-template-columns:1fr!important} .partner-plan{padding:16px!important} /* Travel styles are compact, tappable mobile cards */ .travel-style-section{padding:40px 0!important} .sectionhead{display:block!important;margin-bottom:17px!important} .sectionhead h2{font-size:1.85rem!important;line-height:1.1!important} .sectionhead p{font-size:.94rem!important;line-height:1.5!important} .travel-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:15px!important} .travel-style-card{min-height:124px!important;padding:14px!important;border-radius:17px!important} .travel-style-icon{font-size:1.45rem!important;margin-bottom:9px!important} .travel-style-card strong{font-size:.95rem!important} .travel-style-card small{font-size:.74rem!important;line-height:1.35!important} /* Discovery / results */ #stays{padding-top:42px!important} #stays .sectionhead{display:block!important} .tabs,.discovery-mode-row,.quick-filter-row{ display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scroll-snap-type:x proximity; scrollbar-width:none;padding-bottom:5px!important } .tabs::-webkit-scrollbar,.discovery-mode-row::-webkit-scrollbar,.quick-filter-row::-webkit-scrollbar{display:none} .tab,.discovery-mode,.quick-filter{flex:0 0 auto!important;scroll-snap-align:start} .recommendation-intro{padding:14px!important;border-radius:16px!important} .recommendation-intro h3{font-size:1.08rem!important} .recommendation-intro p{font-size:.82rem!important} .recommendation-mark{width:38px!important;height:38px!important;flex-basis:38px!important} .filters-toolbar{display:block!important;margin-bottom:13px!important} .filters-toggle{width:100%!important;justify-content:center!important;margin-bottom:9px!important} .quick-filter-row{width:100%!important} .filter-panel.upgraded{grid-template-columns:1fr!important;padding:14px!important;border-radius:16px!important} .filter-panel.upgraded .filter-actions{display:grid!important;grid-template-columns:1fr!important} .cards{grid-template-columns:1fr!important;gap:14px!important} .card{border-radius:18px!important} .photo{height:225px!important} .body{padding:16px!important} .card-actions{display:grid!important;grid-template-columns:1fr!important} .card-actions .btn{width:100%!important} .price{align-items:center!important} /* Included / content grids */ .includegrid{grid-template-columns:1fr 1fr!important;gap:10px!important} .include{padding:14px!important} .split,.hostbox,.detailgrid{grid-template-columns:1fr!important} .split img{height:260px!important} .quiz,.hostbox{padding:24px 18px!important;border-radius:21px!important} .hostbox h2{font-size:2rem!important;line-height:1.08!important} .hostbox img{height:230px!important} .vaya-sync-shell{padding:18px!important;border-radius:20px!important} .vaya-sync-copy h2{font-size:1.9rem!important} .vaya-sync-actions{display:grid!important;grid-template-columns:1fr!important} .vaya-sync-actions .btn{width:100%!important} /* Modals: full phone viewport, reliable close, internal scrolling */ .modal{ align-items:flex-start!important;padding:6px!important;padding-top:max(6px,env(safe-area-inset-top))!important; background:rgba(5,31,39,.72)!important } .modalbox,.vaya-ops-modalbox,.vaya-thread-modalbox,.sponsor-modal-box{ width:100%!important;max-width:100%!important;max-height:calc(100dvh - 12px)!important; margin:0!important;padding:17px!important;border-radius:18px!important;overflow-y:auto!important; overscroll-behavior:contain!important } .modalbox>.close{ position:sticky!important;float:right!important;top:0!important;right:0!important;z-index:25!important; width:42px!important;height:42px!important;display:grid!important;place-items:center!important; border-radius:50%!important;background:#edf3f2!important;box-shadow:0 4px 12px rgba(15,64,72,.12)!important } .detailgrid{gap:16px!important} .gallerymain{height:245px!important} .booking{position:static!important} .two-col,.location-grid,.host-amenity-grid,.amenity-checkbox-grid{grid-template-columns:1fr!important} .sponsor-form-section{padding:14px!important} .sponsor-modal-hero h2{font-size:2rem!important} .sponsor-form-actions{display:grid!important;grid-template-columns:1fr!important} .sponsor-form-actions .btn{width:100%!important} /* Auth becomes a mobile sheet instead of a floating desktop card */ .vaya-auth-overlay{ position:fixed!important;inset:0!important;top:0!important;left:0!important;z-index:30000!important; background:rgba(5,31,39,.52)!important;padding:8px!important;align-items:flex-end!important; pointer-events:none!important } .vaya-auth-overlay.show{display:flex!important} .vaya-auth-card{ width:100%!important;max-width:100%!important;max-height:calc(100dvh - 16px)!important; border-radius:20px!important;padding:17px!important;pointer-events:auto!important } .vaya-auth-head{position:sticky!important;top:-17px!important;background:#fff!important;z-index:10!important;padding-top:4px!important} /* Trips & Messages */ .vaya-ops-modalbox{padding:14px!important} .vaya-ops-head{display:block!important;margin-bottom:10px!important} .vaya-ops-head h2{font-size:1.6rem!important;line-height:1.1!important} .vaya-ops-head>.btn{width:100%!important;margin-top:11px!important} .vaya-ops-tabs{margin-left:-2px!important;margin-right:-2px!important;scrollbar-width:none!important} .vaya-ops-tabs::-webkit-scrollbar{display:none} .vaya-ops-body{padding-top:13px!important;min-height:260px!important} .vaya-ops-card{padding:13px!important} .vaya-ops-card-head{display:block!important} .vaya-status{margin-top:7px!important} .vaya-ops-actions{display:grid!important;grid-template-columns:1fr!important} .vaya-ops-actions button,.vaya-ops-actions .btn{width:100%!important} .vaya-setting-grid,.vaya-calendar-controls{grid-template-columns:1fr!important} .vaya-calendar-grid{min-width:350px!important} .vaya-ops-body:has(.vaya-calendar-grid){overflow-x:auto!important} .vaya-cal-day{min-height:52px!important;padding:4px!important;font-size:.65rem!important} .vaya-cal-head{font-size:.6rem!important} .vaya-thread-compose{flex-direction:column!important} .vaya-thread-compose button{width:100%!important} /* Vaya AI and inbox */ #vayAiPanel{ left:8px!important;right:8px!important;top:auto!important;bottom:72px!important;width:auto!important; height:min(74dvh,620px)!important;border-radius:19px!important } #vayAiPanel>.vay-ai-head{min-height:66px!important} #vayAiPanel .vay-msg.bot,#vayAiPanel .vay-msg.user{max-width:92%!important} .vaya-inbox-panel{left:8px!important;right:8px!important;width:auto!important;max-height:70dvh!important} #vayAiBtn,.vaya-inbox-fab{width:54px!important;height:54px!important;min-width:54px!important} /* Footer */ .footgrid{grid-template-columns:1fr 1fr!important;gap:22px 18px!important} .footgrid>div:first-child{grid-column:1/-1} .vay-newsletter-row{flex-direction:column!important} .vay-newsletter-row button{width:100%!important} } @media(max-width:430px){ .brand{font-size:19px!important} .brand .mark{width:42px!important;height:42px!important;flex-basis:42px!important} .vay-mobile-menu-toggle{width:46px!important;height:46px!important;flex-basis:46px!important} .vay-nav-drawer{top:78px!important} h1{font-size:2.45rem!important} .travel-style-grid{grid-template-columns:1fr 1fr!important} .travel-style-card{min-height:118px!important;padding:12px!important} .showcase-card{flex-basis:94%!important} .includegrid{grid-template-columns:1fr!important} .footgrid{grid-template-columns:1fr!important} .footgrid>div:first-child{grid-column:auto} } @media(max-width:360px){ .container{width:min(100% - 22px,1200px)!important} .brand{font-size:18px!important} h1{font-size:2.2rem!important} .travel-style-grid{grid-template-columns:1fr!important} } /* V8.0 mobile drawer text normalization over older compact-nav rules */ @media(max-width:900px){ .nav-account-cluster .back-lociora{font-size:.94rem!important} .nav-account-cluster .back-lociora::after{content:none!important;display:none!important} } /* ================================================================ V8.0.1 — VAYCAYZEN DESKTOP SEARCH-POPOVER LAYER FIX Fixes destination/date pickers being covered by the smart-value strip and keeps desktop picker interaction visually stable. ================================================================ */ /* Keep interactive hero content above the overlapping smart strip, without raising the hero background itself. */ .hero-content{ z-index:12!important; } /* Create a reliable local stacking layer for the search controls. */ .search-shell{ position:relative!important; z-index:20!important; } /* Popovers must win over the smart strip when open. */ #destinationPopover.destination-popover, .date-popover{ z-index:2147481000!important; } /* The smart strip should remain above the hero background but below active search UI. */ .smart-strip .smart-strip-inner{ z-index:4!important; } @media(min-width:621px){ #destinationPopover.destination-popover{ width:min(620px,calc(100vw - 32px))!important; max-height:calc(100dvh - 100px)!important; } #destinationPopover .suggestion-list{ max-height:180px!important; } } @media(min-width:621px){ /* The desktop picker is fixed-positioned; do not clip it at the hero boundary. */ .hero{overflow:visible!important;} } /* V8.0.1A — simple travel search: Destination | From | To | Guests | Search */ .vay-simple-search{max-width:1040px!important} .vay-simple-booking-row{display:grid!important;grid-template-columns:minmax(250px,1.7fr) minmax(150px,.9fr) minmax(150px,.9fr) minmax(135px,.75fr) auto!important;gap:9px!important;align-items:stretch!important;padding-top:0!important} .vay-simple-booking-row .booking-control{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;height:auto!important;min-height:64px!important;padding:9px 14px!important;border-radius:14px!important;background:#f2f7f6!important} .vay-simple-booking-row .control-label{display:block!important;margin:0 0 3px!important;color:#667b83!important;font-size:.67rem!important;line-height:1.1!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important} .vay-simple-booking-row input,.vay-simple-booking-row select{width:100%!important;min-width:0!important;height:auto!important;min-height:27px!important;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#183247!important;font:inherit!important;font-size:.96rem!important;font-weight:760!important} .vay-simple-booking-row .vay-search-submit{min-width:100px!important;min-height:64px!important;border-radius:14px!important;align-self:stretch!important} @media(max-width:900px){.vay-simple-booking-row{grid-template-columns:1fr 1fr!important}.vay-simple-booking-row .vay-destination-field{grid-column:1/-1!important}.vay-simple-booking-row .vay-guests-field{grid-column:1/2!important}.vay-simple-booking-row .vay-search-submit{grid-column:2/3!important;width:100%!important}} @media(max-width:700px){.vay-simple-search{padding:10px!important}.vay-simple-booking-row{grid-template-columns:1fr 1fr!important;gap:8px!important}.vay-simple-booking-row .booking-control{min-height:58px!important;padding:8px 11px!important}.vay-simple-booking-row .vay-destination-field{grid-column:1/-1!important}.vay-simple-booking-row .vay-guests-field{grid-column:1/-1!important}.vay-simple-booking-row .vay-search-submit{grid-column:1/-1!important;min-height:54px!important}.vay-simple-booking-row input,.vay-simple-booking-row select{font-size:16px!important}} /* ================================================================ V8.0.1B — CLEAN GUEST SELECTOR Closed field stays compact; Adults / Children / Infants open on tap. ================================================================ */ .vay-guests-field{position:relative!important} .vay-guest-trigger{ width:100%!important;min-width:0!important;min-height:27px!important;padding:0!important; border:0!important;background:transparent!important;color:#183247!important; display:flex!important;align-items:center!important;justify-content:space-between!important; gap:8px!important;font:inherit!important;font-size:.96rem!important;font-weight:760!important; cursor:pointer!important;text-align:left!important } .vay-guest-summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .vay-guest-arrow{flex:0 0 auto;color:var(--sea);font-size:.78rem} .vay-guest-popover{ display:none;position:absolute;right:0;top:calc(100% + 11px);z-index:2147481200; width:320px;max-width:calc(100vw - 28px);background:#fff;color:var(--ink); border:1px solid var(--line);border-radius:18px;padding:10px 15px; box-shadow:0 22px 60px rgba(15,64,72,.24) } .vay-guest-popover.show{display:block;animation:dateDrop .18s ease-out} .vay-guest-row{ display:flex;align-items:center;justify-content:space-between;gap:16px; padding:13px 0;border-bottom:1px solid #e7efed } .vay-guest-row:last-of-type{border-bottom:0} .vay-guest-row strong{display:block;font-size:.9rem;color:#183247} .vay-guest-row small{display:block;margin-top:3px;color:var(--muted);font-size:.72rem} .vay-stepper{display:flex;align-items:center;gap:11px;flex:0 0 auto} .vay-stepper button{ width:34px;height:34px;border:1px solid #cfe0df;border-radius:50%;background:#fff; color:var(--sea);display:grid;place-items:center;font-size:1.18rem;line-height:1; font-weight:800;cursor:pointer } .vay-stepper button:hover{background:#edf8f6} .vay-stepper span{min-width:20px;text-align:center;font-weight:900;color:#183247} .vay-guest-popover-footer{display:flex;justify-content:flex-end;padding-top:9px} .vay-guest-done{ border:0;border-radius:11px;background:var(--sea);color:#fff;padding:9px 15px; font-weight:850;cursor:pointer } @media(max-width:700px){ .vay-guest-trigger{font-size:16px!important} .vay-guest-popover{ position:fixed!important;left:8px!important;right:8px!important;bottom:8px!important;top:auto!important; width:auto!important;max-width:none!important;border-radius:20px!important;padding:12px 17px 15px!important; z-index:2147483000!important } .vay-guest-row{padding:15px 0!important} .vay-stepper button{width:38px;height:38px} .vay-guest-done{width:100%;min-height:44px} }