html.ati-lock,body.ati-lock{overflow:hidden!important}
.ati-overlay{--violet:#6841e6;--violet2:#8b6af2;--ink:#211944;--muted:#81789b;--line:#e8e1fa;position:fixed;inset:0;z-index:999999;background:linear-gradient(145deg,#faf8ff 0%,#f7fbff 58%,#f6f0ff 100%);display:none;overflow:auto;font-family:Inter,ui-rounded,"SF Pro Rounded",system-ui,-apple-system,sans-serif;color:var(--ink)}
.ati-overlay.is-open{display:block}.ati-overlay *{box-sizing:border-box}.ati-overlay button{font:inherit}.ati-shell{max-width:1540px;min-height:100%;margin:auto;padding:16px 22px 112px}
.ati-top{height:72px;border:1px solid rgba(103,70,220,.11);background:rgba(255,255,255,.9);backdrop-filter:blur(22px);border-radius:24px;display:flex;align-items:center;gap:14px;padding:11px 18px;box-shadow:0 14px 40px rgba(62,38,126,.08);position:sticky;top:8px;z-index:30}.ati-top>button{width:44px;height:44px;border:0;border-radius:50%;background:#f1ebff;color:#5d39d3;font-size:23px;cursor:pointer}.ati-top>div{flex:1}.ati-top small{font-size:10px;font-weight:950;letter-spacing:.14em;color:#7b61d1}.ati-top h1{font-size:24px;line-height:1;margin:4px 0 0}.ati-top>span{padding:9px 13px;border-radius:15px;background:#ecfff4;color:#247d55;font-weight:850;font-size:12px}
.ati-layout{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(330px,.72fr);gap:18px;margin-top:18px;align-items:start}.ati-main,.ati-side{display:grid;gap:18px;align-content:start}
.ati-hero{min-height:322px;border-radius:32px;padding:34px 32px;background:linear-gradient(135deg,#8f6df0 0%,#a991f5 42%,#d5c8ff 100%);display:flex;align-items:stretch;overflow:hidden;position:relative;box-shadow:0 26px 64px rgba(88,51,183,.2);isolation:isolate}.ati-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 21% 15%,rgba(255,255,255,.22),transparent 33%),linear-gradient(105deg,rgba(74,39,171,.14),transparent 60%);z-index:-1}.ati-hero-copy{width:55%;max-width:585px;position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start}.ati-hero-copy>small{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.22);color:#fff;font-weight:900;font-size:10px;letter-spacing:.12em}.ati-hero h2{font-size:clamp(34px,3.7vw,56px);line-height:1.02;color:#fff;margin:18px 0 12px;text-shadow:0 7px 22px rgba(63,32,139,.18)}.ati-hero p{color:rgba(255,255,255,.92);font-size:15px;line-height:1.55;font-weight:650;max-width:520px;margin:0}.ati-hero-art{position:absolute;right:0;top:0;width:49%;height:100%;object-fit:cover;object-position:left center;z-index:1;mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 100%)}
.ati-search-toggle{margin-top:auto;min-height:58px;width:min(480px,100%);border:1px solid rgba(255,255,255,.55);border-radius:19px;background:rgba(255,255,255,.94);color:#3d287e;display:grid;grid-template-columns:36px auto 1fr 22px;align-items:center;gap:10px;text-align:left;padding:9px 14px;box-shadow:0 15px 28px rgba(64,34,137,.16);cursor:pointer}.ati-search-toggle>span{font-size:27px}.ati-search-toggle b{font-size:15px;white-space:nowrap}.ati-search-toggle em{font-style:normal;color:#8a80a3;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ati-search-toggle i{font-style:normal;font-size:21px;transition:.2s}.ati-search-toggle.is-open i{transform:rotate(180deg)}
.ati-search,.ati-opportunities,.ati-side>section{background:rgba(255,255,255,.92);border:1px solid rgba(105,73,211,.12);border-radius:28px;padding:21px;box-shadow:0 14px 42px rgba(66,41,123,.07)}.ati-search[hidden]{display:none}.ati-search{display:grid;gap:16px;animation:atiReveal .24s ease}.ati-summarybar{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.ati-summarybar article{padding:11px 13px;border-radius:16px;background:#f7f3ff;display:grid;gap:4px}.ati-summarybar small{font-size:8px;font-weight:950;color:#8d79d2;letter-spacing:.11em}.ati-summarybar b{font-size:12px}.ati-search-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ati-search-row label,.ati-travellers>label{width:132px;font-weight:900;color:#513795;font-size:13px}.ati-search button,.ati-travellers button{border:1px solid #e2daf7;background:#fbf9ff;color:#62587a;padding:10px 13px;border-radius:13px;font-weight:800;cursor:pointer;transition:.17s}.ati-search button:hover,.ati-search button.is-active,.ati-travellers button.is-active{background:linear-gradient(135deg,#7854ed,#6035dc);color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(93,52,216,.2)}.ati-sliders{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ati-sliders label{background:#f8f5ff;border-radius:17px;padding:12px 14px;display:grid;gap:8px}.ati-sliders span{display:flex;justify-content:space-between;font-weight:800;font-size:12px;color:#675c83}.ati-sliders input{width:100%;accent-color:#6b43e7}.ati-travellers{display:flex;align-items:center;gap:10px}.ati-travellers>div{display:flex;gap:8px;flex-wrap:wrap}.ati-travellers button{padding:6px 10px 6px 6px;display:flex;align-items:center;gap:7px}.ati-travellers button>span,.ati-family-mini article>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eee8ff;overflow:hidden}.ati-travellers img,.ati-family-mini img{width:100%;height:100%;object-fit:cover}
.ati-opportunities>header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.ati-opportunities>header small{color:#795cdf;font-weight:950;letter-spacing:.12em}.ati-opportunities h2{font-size:25px;margin:5px 0}.ati-opportunities p{margin:0;color:var(--muted);font-size:12px}.ati-opportunities>header>span{background:#f2edff;padding:8px 11px;border-radius:999px;color:#6546c6;font-weight:800;font-size:11px;white-space:nowrap}.ati-filter-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}.ati-filter-chips button{border:1px solid #e4ddf7;background:#fff;color:#615777;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:850;cursor:pointer}.ati-filter-chips button.is-active{background:linear-gradient(135deg,#7149e8,#5b31d4);color:#fff;border-color:transparent}
.ati-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.ati-destination{border:2px solid transparent;background:#fff;border-radius:21px;overflow:hidden;box-shadow:0 10px 28px rgba(48,28,92,.09);transition:.2s;color:inherit;min-width:0}.ati-destination:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(48,28,92,.14)}.ati-destination.is-selected{border-color:#6d44e6;box-shadow:0 0 0 4px rgba(109,68,230,.11),0 18px 36px rgba(57,31,123,.16)}.ati-destination-art{height:148px;position:relative;background:#ded4ff;overflow:hidden}.ati-destination-art>img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s}.ati-destination:hover .ati-destination-art>img{transform:scale(1.04)}.ati-destination-art em{position:absolute;top:10px;left:10px;background:rgba(255,255,255,.93);color:#4e388e;border-radius:999px;padding:6px 9px;font-size:9px;font-style:normal;font-weight:900;max-width:72%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 6px 16px rgba(45,28,95,.12)}.ati-heart{position:absolute;top:9px;right:9px;width:33px;height:33px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#6740dc;font-size:22px;cursor:pointer;box-shadow:0 6px 16px rgba(46,29,91,.15)}.ati-destination-copy{padding:13px}.ati-destination-copy>header{display:flex;justify-content:space-between;align-items:start;gap:8px}.ati-destination h3{margin:0;font-size:18px}.ati-destination header small{color:#9189a4;font-size:9px}.ati-destination header>b{background:#eaffef;color:#238153;border-radius:999px;padding:5px 7px;font-size:9px}.ati-destination-copy>p{height:38px;overflow:hidden;margin:8px 0;color:#817895;font-size:10px;line-height:1.45}.ati-meta{display:grid;gap:5px}.ati-meta span{font-size:9px;color:#655c7c}.ati-destination footer{display:flex;justify-content:space-between;align-items:end;gap:8px;margin-top:11px;border-top:1px solid #eee9fb;padding-top:10px}.ati-destination footer>div{display:flex;align-items:baseline;gap:3px;flex-wrap:wrap}.ati-destination footer small{font-size:8px;color:#8d85a0}.ati-destination footer strong{font-size:18px;color:#5834cc}.ati-destination footer em{width:100%;font-style:normal;font-size:8px;color:#9189a4}.ati-destination footer>button{border:0;background:#f0ebff;color:#5e39d2;border-radius:12px;padding:8px 9px;font-size:9px;font-weight:900;cursor:pointer}.ati-empty{grid-column:1/-1;min-height:210px;display:grid;place-items:center;text-align:center;align-content:center;gap:7px;background:#faf8ff;border:1px dashed #d8cdf8;border-radius:21px}.ati-empty span{font-size:42px}.ati-empty small{color:#8c84a0}.ati-compare{display:block;margin:17px auto 0;border:0;border-radius:15px;background:linear-gradient(135deg,#7752ed,#5d32d8);color:#fff;padding:13px 21px;font-weight:900;cursor:pointer}
.ati-side{position:sticky;top:98px}.ati-side>section>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.ati-side h3{margin:0;font-size:16px}.ati-side header small{color:#7662bd;font-size:10px}.ati-family-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.ati-family-mini article{background:#f9f6ff;border-radius:15px;padding:8px 4px;text-align:center;display:grid;justify-items:center;gap:3px}.ati-family-mini article>span{width:47px;height:47px}.ati-family-mini b{font-size:10px}.ati-family-mini small{font-size:7px;color:#8a819c}.ati-status-list{display:grid;gap:8px}.ati-status-list article{display:flex;align-items:center;gap:10px;background:#f8f5ff;padding:10px;border-radius:15px}.ati-status-list article>span{width:38px;height:38px;border-radius:13px;background:#fff;display:grid;place-items:center;font-size:20px}.ati-status-list article>div{display:grid;gap:2px}.ati-status-list small{font-size:8px;color:#7c61d3;font-weight:900}.ati-status-list b{font-size:11px}.ati-status-list em{font-size:8px;color:#8a829d;font-style:normal}.ati-tip{background:linear-gradient(145deg,#eee6ff,#dceeff)!important}.ati-tip>span{font-size:31px}.ati-tip p{color:#645b7f;line-height:1.55;font-size:11px}.ati-shortlist{display:grid;gap:8px}.ati-shortlist>p{color:#8a829b;font-size:11px}.ati-shortlist article{display:flex;align-items:center;gap:9px;padding:8px;background:#f8f5ff;border-radius:13px}.ati-shortlist article>img{width:42px;height:34px;border-radius:9px;object-fit:cover}.ati-shortlist article div{flex:1;display:grid}.ati-shortlist article b{font-size:10px}.ati-shortlist article small{color:#8a829b;font-size:8px}.ati-shortlist article button{border:0;background:#fff;border-radius:50%;width:27px;height:27px;cursor:pointer;color:#8d80a6}
.ati-launcher{width:calc(100% - 40px);margin:20px;border:0;border-radius:24px;background:linear-gradient(135deg,#d2c0ff,#b79cff);padding:21px;display:flex;align-items:center;gap:17px;text-align:left;color:white;box-shadow:0 20px 40px rgba(92,52,195,.19);cursor:pointer}.ati-launcher>span{font-size:44px}.ati-launcher div{display:grid;gap:3px;flex:1}.ati-launcher small{font-weight:900;letter-spacing:.13em}.ati-launcher b{font-size:23px}.ati-launcher em{font-style:normal;opacity:.9}.ati-launcher>i{font-style:normal;font-size:29px}
.ati-flights-modal,.ati-compare-modal{position:fixed;inset:0;z-index:1000001;background:rgba(32,18,70,.42);backdrop-filter:blur(15px);display:none;padding:24px;overflow:auto}.ati-flights-modal.is-open,.ati-compare-modal.is-open{display:grid;place-items:center}.ati-flights-dialog,.ati-compare-dialog{width:min(1280px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#fbfaff;border-radius:28px;padding:22px;box-shadow:0 32px 90px rgba(35,20,78,.3)}.ati-modal-head{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:18px}.ati-modal-head small{font-weight:900;color:#7659d8;letter-spacing:.12em}.ati-modal-head h2{font-size:28px;margin:4px 0}.ati-modal-head p{margin:0;color:#857d99}.ati-modal-head>button{width:42px;height:42px;border:0;border-radius:50%;background:#eee8ff;color:#5e38d2;font-size:25px;cursor:pointer}.ati-board-head,.ati-flight-row{display:grid;grid-template-columns:.8fr .8fr 1.35fr 1.1fr 1fr .9fr 1fr;gap:8px;align-items:center}.ati-board-head{padding:0 13px 8px;color:#8a80a2;font-size:8px;font-weight:900}.ati-board{display:grid;gap:8px}.ati-flight-row{width:100%;border:1px solid #e8e1f8;background:#fff;border-radius:17px;padding:13px;text-align:left;color:inherit;cursor:pointer}.ati-flight-row.is-best{border-color:#8c70ed;background:linear-gradient(90deg,#f4f0ff,#fff)}.ati-flight-row span{display:grid;gap:2px}.ati-flight-row b{font-size:12px}.ati-flight-row small{font-size:8px;color:#8f879f}.ati-board-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:15px}.ati-board-foot span{color:#8b829d;font-size:10px}.ati-board-foot button{border:0;border-radius:14px;background:#6841e3;color:#fff;padding:11px 15px;font-weight:850;cursor:pointer}.ati-compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.ati-compare-card{border:1px solid #e4dcf7;border-radius:20px;background:#fff;overflow:hidden}.ati-compare-card.ati-best{border:2px solid #6b44e5}.ati-compare-card>img{width:100%;height:145px;object-fit:cover}.ati-compare-card>header{display:flex;justify-content:space-between;padding:13px}.ati-compare-card h3{margin:0}.ati-compare-card header small{color:#837a96}.ati-compare-card header>b{font-size:8px;background:#e8fff0;color:#21814e;padding:6px 8px;border-radius:999px}.ati-compare-card dl{margin:0;padding:0 13px 13px}.ati-compare-card dl>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #eee9f8;padding:9px 0}.ati-compare-card dt{font-size:10px;color:#817991}.ati-compare-card dd{margin:0;font-size:10px;font-weight:850}.ati-modal-note{background:#f3eeff;border-radius:14px;padding:11px;color:#766d88;font-size:10px}
@keyframes atiReveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:1250px){.ati-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ati-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr)}}
@media(max-width:1020px){.ati-layout{grid-template-columns:1fr}.ati-side{position:static;grid-template-columns:repeat(2,1fr)}.ati-hero-copy{width:60%}.ati-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ati-shell{padding:10px 10px 96px}.ati-top{height:62px;border-radius:19px}.ati-top>span{display:none}.ati-layout{margin-top:10px;gap:10px}.ati-main,.ati-side{gap:10px}.ati-hero{min-height:370px;padding:24px 20px;align-items:flex-start}.ati-hero-copy{width:100%;max-width:none}.ati-hero h2{font-size:38px;max-width:90%}.ati-hero p{max-width:82%;font-size:13px}.ati-hero-art{width:75%;height:62%;top:auto;bottom:0;right:-9%;mask-image:linear-gradient(180deg,transparent 0%,#000 30%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 30%)}.ati-search-toggle{position:relative;z-index:4;margin-top:auto;width:100%;grid-template-columns:32px auto 1fr 18px;min-height:55px}.ati-search-toggle em{font-size:9px}.ati-search,.ati-opportunities,.ati-side>section{border-radius:21px;padding:16px}.ati-summarybar{grid-template-columns:1fr 1fr}.ati-search-row label,.ati-travellers>label{width:100%}.ati-sliders{grid-template-columns:1fr}.ati-travellers{align-items:flex-start;flex-direction:column}.ati-opportunities>header{display:block}.ati-opportunities>header>span{display:inline-block;margin-top:9px}.ati-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 12px}.ati-destination{min-width:78vw;scroll-snap-align:start}.ati-destination-art{height:185px}.ati-side{display:grid;grid-template-columns:1fr}.ati-family-mini{grid-template-columns:repeat(4,1fr)}.ati-board-head{display:none}.ati-flight-row{grid-template-columns:1fr 1fr}.ati-flight-row span:nth-child(n+5){border-top:1px solid #eee9f8;padding-top:8px}.ati-compare-grid{grid-template-columns:1fr}.ati-launcher{width:calc(100% - 20px);margin:10px;padding:16px}.ati-launcher b{font-size:18px}.ati-launcher em{font-size:11px}}
.ati-load-more{display:block;margin:18px auto 2px;border:1px solid #d9cff8;background:#f6f2ff;color:#5c38cf;border-radius:15px;padding:12px 20px;font-weight:900;cursor:pointer;transition:.18s}
.ati-load-more:hover{transform:translateY(-2px);background:#eee7ff;box-shadow:0 10px 22px rgba(86,53,189,.14)}
.ati-load-more[hidden]{display:none}
.ati-opportunities>header>span b{color:#5634c9}
.ati-date-block{margin:9px 0;padding:9px 10px;border-radius:13px;background:linear-gradient(135deg,#f3efff,#f8fbff);border:1px solid #e5ddfa;display:grid;gap:2px}
.ati-date-block b{font-size:10px;color:#4f359c}.ati-date-block span{font-size:9px;color:#625a78;font-weight:800}.ati-date-block small{font-size:7px;color:#948ba8}
.ati-mobile-status-toggle{display:none}
@media(max-width:760px){
.ati-overlay{overflow-x:hidden}
.ati-shell{width:100%;max-width:100vw;overflow-x:hidden;padding:8px 8px 116px}
.ati-top{width:100%;min-width:0;padding:9px 11px;gap:9px}.ati-top h1{font-size:19px}.ati-top>button{width:39px;height:39px;flex:0 0 39px}
.ati-layout,.ati-main{display:block;width:100%;min-width:0}.ati-main>*{margin-bottom:10px}
.ati-hero{min-height:310px;width:100%;padding:20px 16px;border-radius:23px;overflow:hidden}
.ati-hero-copy{min-width:0;width:100%}.ati-hero h2{font-size:31px;line-height:1.05;max-width:100%;overflow-wrap:anywhere;margin:12px 0 9px}.ati-hero p{max-width:100%;font-size:12px;padding-right:22%}
.ati-hero-art{width:68%;height:52%;right:-16%;opacity:.82}
.ati-search-toggle{min-width:0;grid-template-columns:30px minmax(0,auto) minmax(0,1fr) 16px;padding:8px 10px}.ati-search-toggle b{font-size:13px}.ati-search-toggle em{min-width:0}
.ati-search,.ati-opportunities{width:100%;min-width:0;padding:14px;border-radius:19px}
.ati-opportunities>header h2{font-size:22px;line-height:1.12;overflow-wrap:anywhere}.ati-opportunities>header p{font-size:11px}
.ati-filter-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.ati-filter-chips button{flex:0 0 auto}
.ati-grid{display:grid;grid-template-columns:1fr;overflow:visible;padding:0;gap:12px;width:100%}
.ati-destination{width:100%;min-width:0;max-width:100%;display:grid;grid-template-columns:42% 58%;border-radius:18px;scroll-snap-align:none}
.ati-destination-art{height:100%;min-height:250px}.ati-destination-copy{padding:12px;min-width:0}.ati-destination h3{font-size:17px}.ati-destination-copy>p{height:auto;max-height:43px;margin:6px 0}.ati-meta span{font-size:8px}.ati-destination footer{align-items:center;flex-wrap:wrap}.ati-destination footer>button{width:100%;font-size:10px;padding:9px}.ati-destination footer strong{font-size:17px}
.ati-mobile-status-toggle{display:flex;width:100%;border:1px solid #ded4f8;background:#fff;color:#4e358f;border-radius:17px;padding:12px 14px;align-items:center;justify-content:space-between;font-weight:900;box-shadow:0 10px 25px rgba(58,36,104,.08);margin:0 0 10px}.ati-mobile-status-toggle span{font-size:10px;color:#7b68b8}
.ati-side{display:none!important;position:static;width:100%;grid-template-columns:1fr!important;margin-bottom:10px}.ati-side.is-mobile-open{display:grid!important}
.ati-side>section{padding:14px;border-radius:18px}.ati-family-mini{grid-template-columns:repeat(4,minmax(0,1fr))}.ati-family-mini article{min-width:0}
.ati-flights-modal,.ati-compare-modal{padding:8px}.ati-flights-dialog,.ati-compare-dialog{max-height:calc(100vh - 16px);padding:14px;border-radius:19px}.ati-modal-head h2{font-size:22px}.ati-board-foot{padding-bottom:74px}
}
/* AGNES Travel 1.41.1 — live rotating departure board */
.atm-departure-board{overflow:hidden;border:1px solid rgba(87,59,123,.14);border-radius:24px;background:rgba(255,255,255,.82);box-shadow:0 16px 42px rgba(63,42,88,.08)}
.atm-departure-head{display:flex;align-items:center;justify-content:space-between;padding:17px 22px 13px}.atm-departure-head h3{margin:0!important;color:#2f2360!important;font-size:18px!important;letter-spacing:.08em}.atm-departure-head>span{color:#786b88;font-size:10px}.atm-departure-head>span i{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#16b86c;box-shadow:0 0 0 5px rgba(22,184,108,.09)}.atm-departure-head>span b{font-weight:700}
.atm-departure-columns,.atm-departure-row{display:grid;grid-template-columns:minmax(260px,1.25fr) minmax(220px,1fr) minmax(170px,.75fr) minmax(160px,.65fr) 28px;align-items:center;gap:16px}.atm-departure-columns{padding:0 20px 8px;color:#76668e;font-size:9px;font-weight:850;letter-spacing:.04em}.atm-departure-list{min-height:434px;border-top:1px solid #eee8f3}.atm-departure-list>.atm-loading,.atm-departure-list>.atm-empty{display:grid;place-items:center;min-height:430px;color:#796d85}
.atm-departure-row{position:relative;width:100%;min-height:62px;padding:5px 20px;border:0;border-bottom:1px solid #eee9f2;background:transparent;color:#302252;font:inherit;text-align:left;cursor:pointer;transition:.18s ease}.atm-departure-row:hover{z-index:2;background:#fbf8ff;box-shadow:inset 4px 0 #8b5be4}.atm-departure-row.is-best{z-index:1;border:1px solid #c7aaf8;background:linear-gradient(90deg,rgba(249,245,255,.98),rgba(255,255,255,.92));box-shadow:0 0 0 3px rgba(140,88,231,.06),0 8px 20px rgba(91,54,143,.08)}
.atm-departure-destination,.atm-departure-dates,.atm-departure-flight,.atm-departure-price{position:relative;display:flex;align-items:center;gap:10px;min-width:0}.atm-departure-destination>i{flex:0 0 108px;height:50px;overflow:hidden;border-radius:10px;background:#eee}.atm-departure-destination picture,.atm-departure-destination img{display:block;width:100%;height:100%;object-fit:cover}.atm-departure-destination>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.atm-departure-destination>em{position:absolute;left:0;bottom:-1px;padding:3px 7px;border-radius:0 8px 0 9px;background:#7a4cdb;color:#fff;font-size:6px;font-style:normal;font-weight:900;letter-spacing:.04em}
.atm-departure-dates,.atm-departure-flight{color:#5d3fab}.atm-departure-dates>b,.atm-departure-flight>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#332558;font-size:12px}.atm-departure-dates small,.atm-departure-flight small{display:none;color:#91859b;font-size:8px}.atm-departure-price{gap:5px}.atm-departure-price>b{color:#ec4e54;font-size:22px}.atm-departure-price>small{color:#665776;font-size:9px}.atm-departure-price.is-pending>b{color:#7148c9;font-size:12px;letter-spacing:.04em}.atm-departure-chevron{justify-self:end;color:#7948dc;font-size:25px}
.atm-departure-rotation{display:grid;grid-template-columns:1fr 1fr 1.4fr auto;align-items:center;gap:18px;min-height:55px;padding:8px 20px;color:#78698b;font-size:10px}.atm-departure-dots{display:flex;justify-content:center;gap:9px}.atm-departure-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#c4bdd0;cursor:pointer}.atm-departure-dots button.is-active{background:#7546dc;box-shadow:0 0 0 4px rgba(117,70,220,.1)}.atm-departure-next{display:flex;align-items:center;justify-content:flex-end;gap:8px}.atm-departure-next>b{color:#7044cf}.atm-departure-next>i{width:120px;height:4px;overflow:hidden;border-radius:99px;background:#ded3ed}.atm-departure-next>i>em{display:block;width:0;height:100%;border-radius:inherit;background:#7c4ee2;transition:width .9s linear}.atm-departure-rotation>[data-atm-pause]{width:36px;height:36px;border:1px solid #d5c3ef;border-radius:50%;background:#fff;color:#7345d4;font:inherit;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 5px 14px rgba(79,45,122,.07)}
.atm-departure-modal{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(49,34,67,.28);backdrop-filter:blur(10px);opacity:0;transition:.2s}.atm-departure-modal.is-open{opacity:1}.atm-departure-modal-card{position:relative;width:min(820px,94vw);display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:28px;background:#fff;box-shadow:0 28px 80px rgba(48,30,66,.2)}.atm-departure-modal-card>[data-atm-modal-close]{position:absolute;z-index:3;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#5d456e;font-size:22px;cursor:pointer}.atm-departure-modal-photo{min-height:350px}.atm-departure-modal-photo picture,.atm-departure-modal-photo img{display:block;width:100%;height:100%;object-fit:cover}.atm-departure-modal-copy{display:flex;flex-direction:column;justify-content:center;padding:34px}.atm-departure-modal-copy>small{color:#7850c8;font-weight:900;letter-spacing:.08em}.atm-departure-modal-copy h2{margin:8px 0!important;color:#302342!important;font-size:40px!important}.atm-departure-modal-copy>p{color:#756a7d}.atm-departure-modal-copy>strong{margin:14px 0;color:#eb4e55;font-size:32px}.atm-departure-modal-copy>strong small{font-size:11px}.atm-departure-modal-copy>div{display:flex;gap:8px}.atm-departure-modal-copy>div button{min-height:42px;padding:0 14px;border:1px solid #8c60dc;border-radius:12px;background:#fff;color:#6e43c3;font:inherit;font-weight:850}.atm-provider-note{font-size:9px!important;color:#95899d!important}
@media(max-width:900px){.atm-departure-columns{display:none}.atm-departure-list{min-height:0}.atm-departure-row{grid-template-columns:minmax(170px,1.1fr) minmax(150px,1fr) minmax(110px,.7fr) 24px}.atm-departure-flight{display:none}.atm-departure-destination>i{flex-basis:78px}.atm-departure-rotation{grid-template-columns:1fr 1fr auto}.atm-departure-next{display:none}}
@media(max-width:620px){.atm-departure-head{padding:14px}.atm-departure-head h3{font-size:13px!important}.atm-departure-head>span{font-size:8px}.atm-departure-row{grid-template-columns:minmax(0,1fr) auto 18px;gap:8px;padding:6px 10px}.atm-departure-destination>i{flex-basis:62px;height:44px}.atm-departure-destination>b{font-size:13px}.atm-departure-dates{display:none}.atm-departure-price>b{font-size:18px}.atm-departure-rotation{padding:8px 12px}.atm-departure-modal-card{grid-template-columns:1fr}.atm-departure-modal-photo{min-height:230px}.atm-departure-modal-copy{padding:24px}.atm-departure-modal-copy h2{font-size:32px!important}}
/* 1.39.1 — approved travel opportunities page */
.als-travel-magazine-page{padding:22px clamp(18px,2.4vw,38px)!important;background:linear-gradient(145deg,#fff,#fbf9ff 55%,#f5fbff)!important}
.atm-approved-top{align-items:center!important;margin-bottom:12px!important}.atm-approved-top h2{font-size:clamp(30px,3vw,48px)!important;font-weight:750!important;color:#332055!important}.atm-approved-top>button{min-height:46px!important;background:#ffffffe6!important}
.atm-approved-filters{display:flex;gap:8px;overflow-x:auto;padding:9px 0 14px;scrollbar-width:none}.atm-approved-filters::-webkit-scrollbar{display:none}.atm-approved-filters button{flex:0 0 auto;min-height:43px;padding:0 14px;border:1px solid #e4dceb;border-radius:14px;background:#ffffffd6;color:#34245b;font:inherit;font-size:11px;font-weight:850;cursor:pointer;white-space:nowrap}.atm-approved-filters button.is-active{border-color:#8958ef;background:#f7f1ff;color:#6c3bd8;box-shadow:0 5px 14px #6237ca17}
.atm-approved-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:3px 0 12px}.atm-approved-heading h3{margin:0!important;color:#332055!important;font-size:20px!important}.atm-approved-heading span{padding:8px 13px;border:1px solid #f0dfc4;border-radius:999px;background:#fffaf1;color:#3d2a61;font-size:10px;font-weight:800}
.atm-approved-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.atm-approved-grid>.atm-loading,.atm-approved-grid>.atm-empty{grid-column:1/-1;min-height:300px}
.atm-approved-card{position:relative;min-width:0;min-height:265px;padding:0;overflow:hidden;border:1px solid #6746aa24;border-radius:20px;background:#eee8f8;color:#302050;text-align:left;box-shadow:0 10px 25px #2f1c501a;cursor:pointer;transition:.18s}.atm-approved-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px #2f1c5026}
.atm-approved-media,.atm-approved-media picture,.atm-approved-media img{position:absolute;inset:0;width:100%;height:100%}.atm-approved-media img{object-fit:cover}.atm-approved-media::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,#25163b1f)}
.atm-route{position:absolute;z-index:2;left:9px;top:9px;padding:6px 9px;border:1px solid #ffffffcc;border-radius:999px;background:#ffffffe8;backdrop-filter:blur(8px);color:#37235f;font-size:8px;font-weight:900}.atm-score{position:absolute;z-index:2;right:9px;top:9px;width:47px;height:38px;display:grid;place-items:center;padding:3px;border:1px solid #ffffffd6;border-radius:12px;background:#ffffffe8;backdrop-filter:blur(8px);color:#7246de}.atm-score small{font-size:4.7px;font-weight:950;line-height:1}.atm-score b{font-size:15px;line-height:1}
.atm-approved-glass{position:absolute;z-index:3;left:0;right:0;bottom:0;min-height:76px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid #ffffffd1;background:#fffdfbba;backdrop-filter:blur(11px) saturate(120%)}.atm-approved-glass>div:first-child{display:grid;gap:2px;min-width:0}.atm-approved-glass>div:first-child>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.atm-approved-glass>div:first-child>strong{color:#ed4d55;font-size:9px}.atm-approved-glass>div:first-child>small{font-size:8px}.atm-approved-price{min-width:76px;display:grid;justify-items:end;padding-left:10px;border-left:1px solid #482f6f29;text-align:right}.atm-approved-price b{color:#ec4f55;font-size:21px;white-space:nowrap}.atm-approved-price small{font-size:8px}
.atm-approved-footer{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid #ebe4f1;color:#84788e;font-size:9px}.atm-approved-footer>span{margin-right:auto}.atm-approved-footer button{min-height:36px;padding:0 13px;border:1px solid #8051df;border-radius:12px;background:#fff;color:#6c3bd0;font:inherit;font-weight:850}.atm-approved-footer button:last-child{background:#7647da;color:#fff}
@media(max-width:1080px){.atm-approved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.atm-approved-top{display:flex!important}.atm-approved-top h2{font-size:27px!important}.atm-approved-top small{display:none}.atm-approved-top>button{margin:0!important;padding:0 10px!important;font-size:9px!important}.atm-approved-heading{align-items:flex-start;flex-direction:column}.atm-approved-heading span{font-size:9px}.atm-approved-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.atm-approved-card{flex:0 0 82vw;min-height:310px;scroll-snap-align:start}.atm-approved-footer>span{display:none}}
/* ==========================================================
1.39.0 PHOTO-FIRST OPPORTUNITY CARDS
========================================================== */
.ati-rail-card.ati-photo-opportunity{
position:relative!important;
min-height:260px!important;
border:1px solid rgba(111,76,202,.14)!important;
border-radius:22px!important;
overflow:hidden!important;
background:#f7f2ff!important;
box-shadow:0 12px 30px rgba(52,35,94,.12)!important;
}
.ati-photo-opportunity .ati-rail-art{
position:absolute!important;
inset:0!important;
height:100%!important;
}
.ati-photo-opportunity .ati-rail-art picture,
.ati-photo-opportunity .ati-rail-art img{
width:100%!important;
height:100%!important;
display:block!important;
object-fit:cover!important;
}
.ati-photo-opportunity .ati-rail-art::after{
content:'';
position:absolute;
inset:42% 0 0;
background:linear-gradient(180deg,transparent,rgba(33,19,55,.12));
pointer-events:none;
}
.ati-photo-opportunity .ati-source-badge,
.ati-photo-opportunity .ati-rail-copy,
.ati-photo-opportunity .ati-rail-art>span:not(.ati-route-pill):not(.ati-score-badge){display:none!important}
.ati-photo-opportunity .ati-route-pill{
position:absolute!important;
left:10px!important;
top:10px!important;
right:auto!important;
bottom:auto!important;
z-index:3!important;
display:inline-flex!important;
width:auto!important;
padding:6px 10px!important;
border:1px solid rgba(255,255,255,.8)!important;
border-radius:999px!important;
background:rgba(255,255,255,.88)!important;
backdrop-filter:blur(9px)!important;
-webkit-backdrop-filter:blur(9px)!important;
color:#35225f!important;
font-size:9px!important;
font-weight:900!important;
box-shadow:0 5px 14px rgba(37,24,69,.09)!important;
}
.ati-photo-opportunity .ati-score-badge{
position:absolute!important;
top:10px!important;
right:10px!important;
bottom:auto!important;
z-index:3!important;
display:grid!important;
place-items:center!important;
width:52px!important;
height:42px!important;
padding:3px!important;
border:1px solid rgba(255,255,255,.82)!important;
border-radius:13px!important;
background:rgba(255,255,255,.88)!important;
backdrop-filter:blur(9px)!important;
-webkit-backdrop-filter:blur(9px)!important;
color:#6a43dc!important;
box-shadow:0 5px 14px rgba(37,24,69,.08)!important;
}
.ati-photo-opportunity .ati-score-badge small{font-size:5px!important;line-height:1!important;font-weight:900!important}
.ati-photo-opportunity .ati-score-badge b{font-size:16px!important;line-height:1!important;color:#6a43dc!important}
.ati-photo-opportunity .ati-card-glass{
position:absolute!important;
z-index:3!important;
left:0!important;
right:0!important;
bottom:0!important;
min-height:72px!important;
padding:11px 13px!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
align-items:center!important;
gap:10px!important;
border-top:1px solid rgba(255,255,255,.75)!important;
background:rgba(255,252,250,.72)!important;
backdrop-filter:blur(11px) saturate(120%)!important;
-webkit-backdrop-filter:blur(11px) saturate(120%)!important;
box-sizing:border-box!important;
}
.ati-card-details{display:grid!important;gap:2px!important;min-width:0!important}
.ati-card-details>b{font-size:17px!important;line-height:1.05!important;color:#2f1d55!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.ati-card-details>strong{font-size:10px!important;line-height:1.2!important;color:#ef4e54!important}
.ati-card-details>small{font-size:9px!important;color:#392761!important}
.ati-card-price{
min-width:75px!important;
padding-left:11px!important;
border-left:1px solid rgba(83,59,121,.16)!important;
display:grid!important;
justify-items:end!important;
text-align:right!important;
}
.ati-card-price>strong{font-size:23px!important;line-height:1!important;color:#eb4f55!important;white-space:nowrap!important}
.ati-card-price>small{margin-top:4px!important;font-size:9px!important;color:#35225f!important}
.ati-date-choice{align-items:center!important}
.ati-date-choice>.ati-date-field{
width:auto!important;
display:flex!important;
align-items:center!important;
gap:7px!important;
padding:6px 9px!important;
border:1px solid #e2daf7!important;
border-radius:13px!important;
background:#fff!important;
}
.ati-date-field span{font-size:9px!important;color:#766c8c!important}
.ati-date-field input{border:0!important;background:transparent!important;color:#35225f!important;font:inherit!important}
@media(max-width:760px){
.ati-rail-card.ati-photo-opportunity{min-height:285px!important}
.ati-photo-opportunity .ati-card-glass{min-height:80px!important;padding:12px!important}
.ati-card-details>b{font-size:19px!important}
.ati-card-price>strong{font-size:24px!important}
.ati-date-choice>.ati-date-field{width:100%!important;justify-content:space-between!important}
}
@media(max-width:430px){
.ati-destination{grid-template-columns:39% 61%}.ati-destination-art{min-height:270px}.ati-date-block{padding:7px 8px}.ati-date-block b{font-size:9px}.ati-hero h2{font-size:28px}
}
/* 1.4.3 emergency mobile touch restoration */
.ati-overlay,
.ati-overlay.is-open,
.ati-shell,
.ati-layout,
.ati-main,
.ati-side,
.ati-opportunities,
.ati-grid,
.ati-destination,
.ati-destination-copy {
pointer-events: auto !important;
}
.ati-overlay button,
.ati-overlay a,
.ati-overlay input,
.ati-overlay select,
.ati-overlay [role="button"],
.ati-launcher,
.ati-mobile-status-toggle,
.ati-search-toggle,
.ati-heart,
.ati-destination footer > button,
.ati-load-more,
.ati-compare {
pointer-events: auto !important;
touch-action: manipulation !important;
-webkit-tap-highlight-color: rgba(104,65,230,.12);
}
.ati-hero-art,
.ati-hero::before {
pointer-events: none !important;
}
.ati-flights-modal:not(.is-open),
.ati-compare-modal:not(.is-open) {
display: none !important;
pointer-events: none !important;
}
.ati-flights-modal.is-open,
.ati-compare-modal.is-open {
pointer-events: auto !important;
}
@media(max-width:760px){
.ati-overlay{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.ati-destination{display:block!important}
.ati-destination-art{height:180px!important;min-height:0!important}
.ati-destination-copy{width:100%!important}
}
/* 1.4.4 Safari / Chrome mobile safe-area correction */
:root{
--ati-safe-bottom: env(safe-area-inset-bottom, 0px);
--ati-visible-height: 100dvh;
--ati-viewport-offset: 0px;
}
@supports (height: 100dvh){
.ati-overlay.is-open{
min-height: 100dvh !important;
height: 100dvh !important;
}
}
.ati-overlay.is-open{
height: var(--ati-visible-height, 100dvh) !important;
max-height: var(--ati-visible-height, 100dvh) !important;
padding-bottom: calc(128px + var(--ati-safe-bottom)) !important;
overflow-y: auto !important;
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch !important;
}
.ati-shell,
.ati-layout,
.ati-main{
min-width: 0 !important;
max-width: 100% !important;
}
.ati-main{
padding-bottom: calc(112px + var(--ati-safe-bottom)) !important;
}
.ati-destination:last-child{
margin-bottom: calc(48px + var(--ati-safe-bottom)) !important;
}
/* Global AGNES overlays: only their actual controls capture taps. */
.agnes-toast,
.agnes-notification,
.agnes-live-alert,
.agnes-next-event,
[class*="notification-bar"],
[class*="live-alert"],
[class*="toast"]{
pointer-events: none !important;
}
.agnes-toast button,
.agnes-toast a,
.agnes-notification button,
.agnes-notification a,
.agnes-live-alert button,
.agnes-live-alert a,
.agnes-next-event button,
.agnes-next-event a,
[class*="notification-bar"] button,
[class*="notification-bar"] a,
[class*="live-alert"] button,
[class*="live-alert"] a,
[class*="toast"] button,
[class*="toast"] a{
pointer-events: auto !important;
touch-action: manipulation !important;
}
@media(max-width:760px){
.ati-overlay.is-open{
inset: 0 !important;
width: 100% !important;
max-width: 100vw !important;
}
.ati-hero{
overflow: hidden !important;
}
.ati-opportunities,
.ati-grid,
.ati-destination{
width: 100% !important;
max-width: 100% !important;
}
.ati-destination footer{
padding-bottom: 4px;
}
.ati-destination footer > button,
.ati-load-more,
.ati-compare{
position: relative;
z-index: 6;
}
}
/* ==========================================================
1.5.0 MOBILE COMPACT BIG UPDATE
IMPORTANT: scoped strictly to phones. Tablet and desktop
retain the stable 1.4.4 layout without any changes.
========================================================== */
@media (max-width:760px){
/* Denser top section */
.ati-shell{
padding-left:8px !important;
padding-right:8px !important;
}
.ati-hero{
min-height:245px !important;
padding:17px 15px !important;
}
.ati-hero h2{
max-width:78% !important;
margin:8px 0 7px !important;
font-size:27px !important;
line-height:1.02 !important;
}
.ati-hero p{
max-width:72% !important;
padding:0 !important;
margin:0 0 8px !important;
font-size:11px !important;
line-height:1.35 !important;
}
.ati-hero-art{
width:60% !important;
height:58% !important;
right:-14% !important;
bottom:0 !important;
}
.ati-search-toggle{
min-height:48px !important;
margin-top:8px !important;
padding:7px 9px !important;
border-radius:15px !important;
}
/* Offers header */
.ati-opportunities{
padding:12px 10px 16px !important;
}
.ati-opportunities>header{
margin-bottom:10px !important;
}
.ati-opportunities>header h2{
font-size:20px !important;
line-height:1.08 !important;
margin-bottom:4px !important;
}
.ati-opportunities>header p{
display:none !important;
}
.ati-filter-chips{
gap:6px !important;
margin:8px -2px 10px !important;
}
.ati-filter-chips button{
min-height:34px !important;
padding:7px 10px !important;
font-size:9px !important;
border-radius:999px !important;
}
/* One compact horizontal card per row */
.ati-grid{
display:grid !important;
grid-template-columns:1fr !important;
gap:10px !important;
overflow:visible !important;
padding:0 !important;
}
.ati-destination{
display:grid !important;
grid-template-columns:112px minmax(0,1fr) !important;
width:100% !important;
min-width:0 !important;
max-width:100% !important;
min-height:216px !important;
border-radius:19px !important;
overflow:hidden !important;
box-shadow:0 9px 22px rgba(44,31,92,.10) !important;
background:#fff !important;
}
.ati-destination-art{
height:100% !important;
min-height:216px !important;
border-radius:0 !important;
}
.ati-destination-art img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
}
.ati-destination-art>em{
left:7px !important;
right:7px !important;
top:7px !important;
width:auto !important;
padding:5px 7px !important;
font-size:7px !important;
line-height:1.15 !important;
text-align:center !important;
border-radius:999px !important;
}
.ati-heart{
top:auto !important;
right:7px !important;
bottom:7px !important;
width:35px !important;
height:35px !important;
}
.ati-destination-copy{
width:100% !important;
min-width:0 !important;
padding:10px 10px 9px !important;
display:flex !important;
flex-direction:column !important;
gap:7px !important;
}
.ati-destination-copy>header{
display:flex !important;
align-items:flex-start !important;
gap:7px !important;
margin:0 !important;
}
.ati-destination h3{
margin:0 !important;
font-size:17px !important;
line-height:1.05 !important;
}
.ati-destination-copy>header small{
display:block !important;
margin-top:2px !important;
font-size:9px !important;
}
.ati-destination-copy>header>b{
flex:0 0 auto !important;
padding:5px 7px !important;
font-size:9px !important;
border-radius:10px !important;
}
/* Long prose does not occupy permanent space on phone */
.ati-destination-copy>p{
display:none !important;
}
/* Date becomes a single compact line */
.ati-date-block{
display:flex !important;
flex-wrap:wrap !important;
align-items:center !important;
gap:3px 7px !important;
margin:0 !important;
padding:7px 8px !important;
border-radius:11px !important;
}
.ati-date-block b{
width:100% !important;
font-size:9px !important;
line-height:1.15 !important;
}
.ati-date-block span{
font-size:8px !important;
}
.ati-date-block small{
display:none !important;
}
/* Horizontal smart-information rail */
.ati-meta{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:5px !important;
margin:0 !important;
}
.ati-meta span{
display:flex !important;
align-items:center !important;
min-width:0 !important;
min-height:29px !important;
padding:5px 6px !important;
border:1px solid #ebe5f7 !important;
border-radius:9px !important;
background:#faf9fe !important;
font-size:7px !important;
font-weight:850 !important;
line-height:1.15 !important;
white-space:normal !important;
}
.ati-meta span:last-child{
grid-column:1/-1 !important;
}
/* Price and CTA remain on one compact row */
.ati-destination footer{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
align-items:end !important;
gap:7px !important;
margin-top:auto !important;
padding-top:7px !important;
border-top:1px solid #eeeaf8 !important;
}
.ati-destination footer>div{
display:grid !important;
grid-template-columns:auto auto auto !important;
align-items:end !important;
justify-content:start !important;
gap:2px !important;
min-width:0 !important;
}
.ati-destination footer strong{
font-size:18px !important;
line-height:1 !important;
}
.ati-destination footer small{
font-size:7px !important;
}
.ati-destination footer em{
grid-column:1/-1 !important;
margin-top:2px !important;
font-size:7px !important;
white-space:nowrap !important;
}
.ati-destination footer>button{
width:auto !important;
min-width:91px !important;
min-height:39px !important;
margin:0 !important;
padding:8px 9px !important;
border-radius:11px !important;
font-size:9px !important;
white-space:nowrap !important;
}
.ati-load-more{
min-height:42px !important;
margin:13px auto 0 !important;
padding:9px 15px !important;
}
/* Shorter status drawer and safe bottom spacing */
.ati-mobile-status-toggle{
min-height:46px !important;
padding:10px 12px !important;
margin-bottom:8px !important;
}
.ati-main{
padding-bottom:calc(124px + var(--ati-safe-bottom)) !important;
}
}
/* Extra-narrow iPhones */
@media (max-width:390px){
.ati-destination{
grid-template-columns:100px minmax(0,1fr) !important;
}
.ati-destination footer>button{
min-width:82px !important;
padding-left:7px !important;
padding-right:7px !important;
}
.ati-hero h2{
font-size:25px !important;
}
}
/* ==========================================================
1.5.1 MOBILE CARD COMPACT FIX
- split date area into small chips instead of one full-width row
- hide redundant season row like "Αύγ–Οκτ"
========================================================== */
@media (max-width:760px){
.ati-date-block{
display:flex !important;
flex-wrap:wrap !important;
gap:6px !important;
padding:0 !important;
border:none !important;
background:transparent !important;
}
.ati-date-block b,
.ati-date-block span{
display:flex !important;
align-items:center !important;
min-height:30px !important;
padding:6px 8px !important;
border:1px solid #ebe5f7 !important;
border-radius:10px !important;
background:#faf9fe !important;
font-size:8px !important;
line-height:1.15 !important;
font-weight:850 !important;
width:auto !important;
max-width:100% !important;
flex:0 1 auto !important;
}
.ati-date-block b{ white-space:nowrap !important; }
.ati-date-block span{ white-space:normal !important; }
.ati-date-block small{ display:none !important; }
.ati-meta{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.ati-meta span:last-child{
display:none !important;
}
}
/* ==========================================================
1.5.2 TABLET COMPACT CARDS
Scoped only to tablet widths. Phone keeps 1.5.1 layout.
========================================================== */
@media (min-width:761px) and (max-width:1180px){
.ati-shell{
padding:12px 14px 18px !important;
}
.ati-opportunities{
padding:12px !important;
}
.ati-opportunities>header{
margin-bottom:10px !important;
}
.ati-filter-chips{
gap:8px !important;
margin-bottom:12px !important;
}
.ati-grid{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:14px !important;
align-items:start !important;
}
.ati-destination{
display:grid !important;
grid-template-rows:150px auto !important;
min-height:0 !important;
border-radius:18px !important;
overflow:hidden !important;
background:#fff !important;
box-shadow:0 10px 24px rgba(45,31,91,.10) !important;
}
.ati-destination-art{
width:100% !important;
height:150px !important;
min-height:150px !important;
overflow:hidden !important;
border-radius:18px 18px 0 0 !important;
background:#ece9f6 !important;
}
.ati-destination-art img{
width:100% !important;
height:100% !important;
display:block !important;
object-fit:cover !important;
object-position:center 52% !important;
image-rendering:auto !important;
transform:translateZ(0) !important;
backface-visibility:hidden !important;
}
.ati-destination-copy{
display:flex !important;
flex-direction:column !important;
gap:7px !important;
min-height:0 !important;
padding:11px 12px 12px !important;
}
.ati-destination-copy>header{
margin:0 !important;
align-items:flex-start !important;
}
.ati-destination h3{
margin:0 !important;
font-size:1.15rem !important;
line-height:1.05 !important;
}
.ati-destination-copy>header small{
font-size:.74rem !important;
}
.ati-destination-copy>header>b{
padding:5px 8px !important;
font-size:.72rem !important;
}
/* Remove long prose and redundant season on tablet cards. */
.ati-destination-copy>p:not(.ati-country):not(.ati-card-price),
.ati-meta span:last-child{
display:none !important;
}
/* Strong date treatment without making the card taller. */
.ati-date-block{
display:flex !important;
align-items:center !important;
flex-wrap:wrap !important;
gap:3px 8px !important;
margin:1px 0 0 !important;
padding:8px 9px !important;
border:1px solid rgba(104,65,210,.22) !important;
border-radius:11px !important;
background:linear-gradient(135deg,#f7f3ff,#ffffff) !important;
}
.ati-date-block b{
width:auto !important;
color:#5131b7 !important;
font-size:.84rem !important;
font-weight:950 !important;
letter-spacing:.01em !important;
line-height:1.1 !important;
}
.ati-date-block span{
color:#49415d !important;
font-size:.69rem !important;
font-weight:800 !important;
}
.ati-date-block small{
display:none !important;
}
.ati-meta{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:5px !important;
margin:0 !important;
}
.ati-meta span{
display:flex !important;
align-items:center !important;
min-height:31px !important;
padding:5px 7px !important;
border:1px solid #ebe6f5 !important;
border-radius:9px !important;
background:#fbfaff !important;
font-size:.68rem !important;
line-height:1.15 !important;
}
.ati-destination footer{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
align-items:end !important;
gap:8px !important;
margin-top:auto !important;
padding-top:8px !important;
border-top:1px solid #eeeaf6 !important;
}
.ati-destination footer strong{
font-size:1.35rem !important;
line-height:1 !important;
}
.ati-destination footer small,
.ati-destination footer em{
font-size:.66rem !important;
}
.ati-destination footer>button{
min-width:104px !important;
min-height:39px !important;
padding:8px 11px !important;
border-radius:11px !important;
font-size:.78rem !important;
}
.ati-tag{
max-width:72% !important;
padding:6px 9px !important;
font-size:.66rem !important;
}
.ati-heart{
width:38px !important;
height:38px !important;
}
}
/* ==========================================================
1.6.0 FLEXIBLE FLIGHT EXPLORER
========================================================== */
.ati-flight-controls{
display:grid;
grid-template-columns:repeat(6,minmax(120px,1fr));
gap:10px;
padding:14px;
margin-bottom:16px;
border:1px solid #e8e1f8;
border-radius:18px;
background:linear-gradient(135deg,#f8f5ff,#fff);
}
.ati-flight-controls label,
.ati-flex-choice{
display:grid;
gap:6px;
min-width:0;
}
.ati-flight-controls label>span,
.ati-flex-choice>span{
color:#756b8a;
font-size:9px;
font-weight:900;
letter-spacing:.04em;
}
.ati-flight-controls input,
.ati-flight-controls select{
width:100%;
min-height:42px;
padding:9px 10px;
border:1px solid #ddd4f2;
border-radius:12px;
background:#fff;
color:#241a3c;
font:inherit;
font-size:11px;
font-weight:750;
}
.ati-flex-choice>div{
display:flex;
gap:5px;
}
.ati-flex-choice button{
flex:1;
min-height:42px;
padding:7px;
border:1px solid #ddd4f2;
border-radius:11px;
background:#fff;
color:#6243c5;
font-weight:900;
cursor:pointer;
}
.ati-flex-choice button.is-active{
color:#fff;
border-color:#6841e3;
background:#6841e3;
}
.ati-flight-apply{
align-self:end;
min-height:42px;
border:0;
border-radius:12px;
background:#6841e3;
color:#fff;
font-weight:900;
cursor:pointer;
}
.ati-flight-date b{color:#5d39d1}
.ati-flight-empty{
display:grid;
place-items:center;
gap:6px;
min-height:130px;
padding:24px;
border:1px dashed #cfc3ef;
border-radius:17px;
background:#fbf9ff;
color:#706580;
}
.ati-flight-empty span{font-size:10px}
.ati-flight-row small{line-height:1.3}
@media(max-width:980px){
.ati-flight-controls{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
.ati-flight-controls{
grid-template-columns:repeat(2,minmax(0,1fr));
padding:10px;
gap:8px;
}
.ati-flight-apply{grid-column:1/-1}
.ati-board-head{display:none!important}
.ati-flight-row{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
padding:12px!important;
}
.ati-flight-row span:nth-child(3),
.ati-flight-row span:nth-child(7){grid-column:1/-1}
.ati-flights-dialog{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}
}
/* ==========================================================
1.6.1 TRAVEL ICON CTA
Replaces the heavy “Δες πτήσεις” text with a recognizable
travel action while keeping an accessible label.
========================================================== */
.ati-travel-cta{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
min-width:116px !important;
min-height:44px !important;
padding:9px 14px !important;
border:1px solid rgba(105,65,227,.14) !important;
border-radius:14px !important;
background:linear-gradient(135deg,#f2edff,#e8ddff) !important;
color:#6038d1 !important;
font-weight:900 !important;
box-shadow:0 7px 16px rgba(94,56,202,.10) !important;
cursor:pointer !important;
transition:transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}
.ati-travel-cta:hover{
transform:translateY(-2px) !important;
background:linear-gradient(135deg,#eee7ff,#dfd0ff) !important;
box-shadow:0 10px 20px rgba(94,56,202,.16) !important;
}
.ati-travel-cta:active{
transform:translateY(0) scale(.98) !important;
}
.ati-travel-cta:focus-visible{
outline:3px solid rgba(105,65,227,.22) !important;
outline-offset:3px !important;
}
.ati-travel-cta__icon{
display:grid !important;
place-items:center !important;
width:27px !important;
height:27px !important;
flex:0 0 27px !important;
border-radius:10px !important;
background:linear-gradient(135deg,#754cf0,#5b35d1) !important;
color:#fff !important;
box-shadow:0 5px 10px rgba(86,48,198,.20) !important;
}
.ati-travel-cta__icon svg{
width:17px !important;
height:17px !important;
fill:currentColor !important;
transform:rotate(-10deg) !important;
}
.ati-travel-cta__label{
line-height:1 !important;
}
/* Tablet: icon-led compact action */
@media (min-width:761px) and (max-width:1180px){
.ati-travel-cta{
min-width:44px !important;
width:44px !important;
height:42px !important;
padding:6px !important;
border-radius:13px !important;
}
.ati-travel-cta__label{
position:absolute !important;
width:1px !important;
height:1px !important;
overflow:hidden !important;
clip:rect(0 0 0 0) !important;
white-space:nowrap !important;
}
.ati-travel-cta__icon{
width:29px !important;
height:29px !important;
flex-basis:29px !important;
}
}
/* Mobile: keep the icon and one short word */
@media (max-width:760px){
.ati-travel-cta{
min-width:94px !important;
min-height:40px !important;
gap:6px !important;
padding:7px 10px !important;
border-radius:12px !important;
}
.ati-travel-cta__icon{
width:25px !important;
height:25px !important;
flex-basis:25px !important;
border-radius:9px !important;
}
.ati-travel-cta__icon svg{
width:15px !important;
height:15px !important;
}
.ati-travel-cta__label{
font-size:9px !important;
}
}
/* ==========================================================
1.6.2 COMPACT DESTINATION CARDS
- temperature badge on destination photo
- removes weather/season/flight detail rows from card body
- reduces vertical card length
- keeps price, dates, alternatives and travel action visible
========================================================== */
.ati-destination-art{
position:relative !important;
overflow:hidden !important;
background:#ebe8f4 !important;
}
.ati-destination-art img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center 48% !important;
transform:scale(1.01) !important;
backface-visibility:hidden !important;
}
.ati-photo-temp{
position:absolute !important;
right:12px !important;
bottom:10px !important;
z-index:4 !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-width:42px !important;
min-height:30px !important;
padding:5px 10px !important;
border:1px solid rgba(255,255,255,.56) !important;
border-radius:999px !important;
background:rgba(20,27,43,.76) !important;
color:#fff !important;
font-size:12px !important;
font-weight:900 !important;
line-height:1 !important;
box-shadow:0 6px 16px rgba(0,0,0,.16) !important;
backdrop-filter:blur(8px) !important;
-webkit-backdrop-filter:blur(8px) !important;
}
/* Weather, sea temperature, flight duration and season are no longer
repeated below the image. They remain available in Flight Explorer. */
.ati-destination .ati-meta,
.ati-destination .ati-weather,
.ati-destination .ati-flight-meta,
.ati-destination .ati-season{
display:none !important;
}
.ati-destination-copy > p:not(.ati-country):not(.ati-card-price){
display:none !important;
}
.ati-destination-copy{
gap:7px !important;
}
.ati-date-block{
margin:0 !important;
padding:7px 9px !important;
min-height:0 !important;
border-radius:10px !important;
}
.ati-date-block small{
display:none !important;
}
.ati-destination footer{
margin-top:auto !important;
padding-top:8px !important;
}
/* Tablet / desktop compact grid */
@media (min-width:761px){
.ati-destination{
grid-template-rows:clamp(118px,13vw,150px) auto !important;
min-height:0 !important;
}
.ati-destination-art{
height:clamp(118px,13vw,150px) !important;
min-height:clamp(118px,13vw,150px) !important;
}
.ati-destination-copy{
padding:10px 12px 11px !important;
}
.ati-destination-copy h3{
margin:0 !important;
line-height:1.08 !important;
}
.ati-country{
margin:0 !important;
}
.ati-date-block{
display:inline-flex !important;
align-items:center !important;
width:auto !important;
max-width:100% !important;
}
.ati-destination footer{
min-height:44px !important;
}
}
/* Phone compact cards keep the horizontal image-left layout */
@media (max-width:760px){
.ati-destination{
min-height:176px !important;
grid-template-columns:118px minmax(0,1fr) !important;
}
.ati-destination-art{
min-height:176px !important;
height:100% !important;
}
.ati-photo-temp{
right:8px !important;
bottom:8px !important;
min-width:36px !important;
min-height:27px !important;
padding:4px 8px !important;
font-size:10px !important;
}
.ati-destination-copy{
padding:9px !important;
gap:6px !important;
}
.ati-date-block{
padding:0 !important;
border:0 !important;
background:transparent !important;
}
.ati-date-block b,
.ati-date-block span{
min-height:29px !important;
padding:5px 7px !important;
}
.ati-destination footer{
padding-top:6px !important;
}
}
/* ==========================================================
1.7.0 TRAVEL FINALIZATION FOUNDATION
Compact cards focused on date, price and date alternatives.
========================================================== */
.ati-final-card .ati-destination-copy>p,
.ati-final-card .ati-date-block,
.ati-final-card .ati-meta{display:none!important}
.ati-final-card .ati-destination-art picture,
.ati-final-card .ati-destination-art img{display:block;width:100%;height:100%}
.ati-final-card .ati-destination-art img{object-fit:cover;object-position:center 46%}
.ati-primary-date{display:flex;align-items:center;gap:7px;min-height:34px;padding:7px 9px;border:1px solid #e6def8;border-radius:11px;background:#fbf9ff;color:#4d337f}
.ati-primary-date b{font-size:11px;white-space:nowrap}
.ati-primary-date small{margin-left:auto;color:#827796;font-size:9px;white-space:nowrap}
.ati-alternative-dates{display:flex;align-items:center;gap:6px;min-width:0}
.ati-alternative-dates>span{color:#8a8098;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.ati-alternative-dates button{min-width:0;padding:5px 7px;border:0;border-radius:999px;background:#f2edff;color:#6540ca;font-size:8px;font-weight:850;white-space:nowrap;cursor:pointer}
.ati-alternative-dates button:hover{background:#e8ddff}
.ati-final-card footer{margin-top:auto!important}
@media(min-width:761px){
.ati-final-card{grid-template-rows:132px auto!important;min-height:0!important}
.ati-final-card .ati-destination-art{height:132px!important;min-height:132px!important}
.ati-final-card .ati-destination-copy{padding:10px 11px 11px!important;gap:7px!important}
.ati-final-card .ati-destination-copy h3{font-size:1.03rem!important}
.ati-final-card footer{padding-top:7px!important}
}
@media(max-width:760px){
.ati-final-card{grid-template-columns:118px minmax(0,1fr)!important;min-height:190px!important}
.ati-final-card .ati-destination-art{height:100%!important;min-height:190px!important}
.ati-final-card .ati-destination-copy{padding:10px!important;gap:7px!important}
.ati-primary-date{padding:6px 7px!important;min-height:31px!important}
.ati-primary-date b{font-size:9px!important}
.ati-primary-date small{font-size:7px!important}
.ati-alternative-dates{flex-wrap:wrap!important;gap:4px!important}
.ati-alternative-dates>span{width:100%!important;font-size:7px!important}
.ati-alternative-dates button{font-size:7px!important;padding:4px 6px!important}
}
\n\n/* 1.7.2 force compact airport label to remain on one line */\n.ati-destination :is(.ati-primary-date,.ati-date-block) small,\n.ati-destination :is(.ati-primary-date,.ati-date-block) span,\n.ati-destination :is(.ati-primary-date,.ati-date-block) b{\n white-space:nowrap !important;\n}\n
/* 1.8.0 Netflix discovery + sorting */
.ati-discovery{display:grid;gap:18px;margin:4px 0 20px}
.ati-discovery-rail{min-width:0}
.ati-discovery-rail>header{display:flex;align-items:center;justify-content:space-between;margin:0 2px 9px}
.ati-discovery-rail h3{margin:0;font-size:17px;color:#23173e}
.ati-discovery-rail header button{border:0;background:transparent;color:#6541d8;font-weight:900;cursor:pointer}
.ati-discovery-rail>div{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,22%);gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity}
.ati-rail-card{scroll-snap-align:start;border:1px solid #ebe5f7;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 8px 20px rgba(45,31,91,.08);cursor:pointer}
.ati-rail-art{position:relative;height:104px;overflow:hidden}
.ati-rail-art img{width:100%;height:100%;object-fit:cover;display:block}
.ati-rail-art span{position:absolute;right:8px;bottom:8px;padding:4px 7px;border-radius:999px;background:rgba(25,25,38,.78);color:#fff;font-size:10px;font-weight:900}
.ati-rail-copy{display:grid;gap:3px;padding:9px 10px}
.ati-rail-copy b{font-size:13px;color:#20152f}
.ati-rail-copy small{font-size:9px;color:#746c83}
.ati-sortbar{display:flex;justify-content:flex-end;gap:10px;margin:4px 0 14px;flex-wrap:wrap}
.ati-sortbar label{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:900;color:#736985}
.ati-sortbar select{min-height:38px;padding:7px 30px 7px 10px;border:1px solid #ddd4ef;border-radius:12px;background:#fff;color:#32224d;font-weight:800}
@media(max-width:760px){
.ati-discovery-rail>div{grid-auto-columns:72%}
.ati-sortbar{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.ati-sortbar label{display:grid;gap:4px}
.ati-sortbar select{width:100%;font-size:10px}
}
@media(min-width:761px) and (max-width:1180px){.ati-discovery-rail>div{grid-auto-columns:31%}}
/* ==========================================================
1.8.2 DISCOVERY RAILS FIX
- responsive image loader
- rails contained inside the main column
- useful date, nights and price on every discovery card
- period-aware Christmas / Easter / summer / long-weekend rows
========================================================== */
.ati-main,
.ati-opportunities,
.ati-discovery,
.ati-discovery-rail{
min-width:0 !important;
max-width:100% !important;
}
.ati-opportunities{
overflow:hidden !important;
}
.ati-discovery{
width:100% !important;
overflow:hidden !important;
gap:16px !important;
margin:8px 0 18px !important;
}
.ati-discovery-rail{
width:100% !important;
overflow:hidden !important;
}
.ati-discovery-rail>header{
display:flex !important;
align-items:flex-end !important;
justify-content:space-between !important;
gap:12px !important;
margin:0 2px 9px !important;
}
.ati-discovery-rail>header>div{
display:grid !important;
gap:2px !important;
min-width:0 !important;
}
.ati-discovery-rail h3{
margin:0 !important;
color:#23173e !important;
font-size:17px !important;
line-height:1.15 !important;
}
.ati-discovery-rail>header small{
color:#857a98 !important;
font-size:9px !important;
font-weight:800 !important;
}
.ati-discovery-rail>header button{
flex:0 0 auto !important;
border:0 !important;
background:transparent !important;
color:#6541d8 !important;
font-size:10px !important;
font-weight:950 !important;
cursor:pointer !important;
}
.ati-discovery-rail>.ati-rail-track{
display:grid !important;
grid-auto-flow:column !important;
grid-auto-columns:minmax(190px,23%) !important;
gap:10px !important;
width:100% !important;
max-width:100% !important;
overflow-x:auto !important;
overflow-y:hidden !important;
padding:2px 2px 9px !important;
scroll-snap-type:x proximity !important;
overscroll-behavior-inline:contain !important;
scrollbar-width:none !important;
}
.ati-discovery-rail>.ati-rail-track::-webkit-scrollbar{
display:none !important;
}
.ati-rail-card{
display:grid !important;
grid-template-rows:112px auto !important;
min-width:0 !important;
scroll-snap-align:start !important;
border:1px solid #ebe5f7 !important;
border-radius:17px !important;
background:#fff !important;
overflow:hidden !important;
box-shadow:0 8px 20px rgba(45,31,91,.08) !important;
cursor:pointer !important;
transition:transform .17s ease,box-shadow .17s ease !important;
}
.ati-rail-card:hover{
transform:translateY(-3px) !important;
box-shadow:0 13px 26px rgba(45,31,91,.13) !important;
}
.ati-rail-card:focus-visible{
outline:3px solid rgba(105,65,227,.22) !important;
outline-offset:2px !important;
}
.ati-rail-art{
position:relative !important;
height:112px !important;
overflow:hidden !important;
background:#e7e0fb !important;
}
.ati-rail-art picture,
.ati-rail-art img{
display:block !important;
width:100% !important;
height:100% !important;
}
.ati-rail-art img{
object-fit:cover !important;
object-position:center !important;
}
.ati-rail-art>span{
position:absolute !important;
right:8px !important;
bottom:8px !important;
padding:4px 7px !important;
border-radius:999px !important;
background:rgba(25,25,38,.78) !important;
color:#fff !important;
font-size:9px !important;
font-weight:950 !important;
}
.ati-rail-copy{
display:grid !important;
gap:7px !important;
padding:9px 10px 10px !important;
}
.ati-rail-copy>header{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:8px !important;
}
.ati-rail-copy>header b{
min-width:0 !important;
overflow:hidden !important;
color:#20152f !important;
font-size:13px !important;
line-height:1.1 !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}
.ati-rail-copy>header em{
flex:0 0 auto !important;
padding:3px 6px !important;
border-radius:999px !important;
background:#e9faee !important;
color:#218247 !important;
font-size:8px !important;
font-style:normal !important;
font-weight:950 !important;
}
.ati-rail-date{
display:grid !important;
grid-template-columns:auto 1fr auto !important;
align-items:center !important;
gap:5px !important;
min-width:0 !important;
padding:6px 7px !important;
border:1px solid #ebe5f7 !important;
border-radius:10px !important;
background:#faf8ff !important;
}
.ati-rail-date span{
font-size:10px !important;
}
.ati-rail-date strong{
min-width:0 !important;
overflow:hidden !important;
color:#5e3dc5 !important;
font-size:9px !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}
.ati-rail-date small{
color:#857b95 !important;
font-size:8px !important;
font-weight:800 !important;
white-space:nowrap !important;
}
.ati-rail-copy>footer{
display:flex !important;
align-items:baseline !important;
gap:3px !important;
border:0 !important;
padding:0 !important;
}
.ati-rail-copy>footer small,
.ati-rail-copy>footer span{
color:#8b8299 !important;
font-size:8px !important;
}
.ati-rail-copy>footer strong{
color:#653ed2 !important;
font-size:18px !important;
line-height:1 !important;
}
/* The filter area remains present but no longer dominates the page. */
.ati-sortbar{
align-items:center !important;
margin:4px 0 12px !important;
}
.ati-sortbar label{
font-size:9px !important;
}
.ati-sortbar select{
min-height:34px !important;
padding-top:5px !important;
padding-bottom:5px !important;
font-size:10px !important;
}
@media (min-width:761px) and (max-width:1180px){
.ati-discovery-rail>.ati-rail-track{
grid-auto-columns:minmax(178px,31%) !important;
}
}
@media (max-width:760px){
.ati-discovery{
gap:14px !important;
}
.ati-discovery-rail>.ati-rail-track{
grid-auto-columns:78% !important;
}
.ati-rail-card{
grid-template-rows:126px auto !important;
}
.ati-rail-art{
height:126px !important;
}
.ati-discovery-rail h3{
font-size:15px !important;
}
.ati-sortbar{
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:7px !important;
}
}
/* ==========================================================
1.8.3 COMPACT ALTERNATIVES FIX
One visible alternative + compact “+1”; never overflows.
========================================================== */
.ati-alternative-dates{
display:grid !important;
grid-template-columns:22px minmax(0,1fr) 30px !important;
align-items:center !important;
gap:5px !important;
width:100% !important;
min-width:0 !important;
max-width:100% !important;
overflow:hidden !important;
}
.ati-alternative-dates .ati-alt-symbol{
display:grid !important;
place-items:center !important;
width:22px !important;
height:22px !important;
border-radius:8px !important;
background:#f0eaff !important;
color:#6841d8 !important;
font-size:11px !important;
font-weight:950 !important;
}
.ati-alternative-dates button{
min-width:0 !important;
max-width:100% !important;
height:27px !important;
padding:4px 7px !important;
border:0 !important;
border-radius:999px !important;
background:#f2edff !important;
color:#6540ca !important;
font-size:8px !important;
font-weight:900 !important;
line-height:1 !important;
cursor:pointer !important;
}
.ati-alternative-dates .ati-alt-primary{
display:block !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
text-align:center !important;
}
.ati-alternative-dates .ati-alt-more{
width:30px !important;
min-width:30px !important;
padding-left:0 !important;
padding-right:0 !important;
background:#6841df !important;
color:#fff !important;
}
.ati-alternative-dates button:hover{
filter:brightness(.97) !important;
}
@media(max-width:760px){
.ati-alternative-dates{
grid-template-columns:20px minmax(0,1fr) 28px !important;
gap:4px !important;
}
.ati-alternative-dates .ati-alt-symbol{
width:20px !important;
height:20px !important;
font-size:10px !important;
}
.ati-alternative-dates button{
height:25px !important;
padding:3px 6px !important;
font-size:7px !important;
}
.ati-alternative-dates .ati-alt-more{
width:28px !important;
min-width:28px !important;
}
}
/* ==========================================================
1.9.0 PERIOD INTELLIGENCE
Schedule-aware month / long-range breaks / holidays / price.
========================================================== */
.ati-rail-reason{
min-width:0 !important;
margin:0 !important;
overflow:hidden !important;
color:#80758f !important;
font-size:8px !important;
font-weight:800 !important;
line-height:1.15 !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}
.ati-rail-date--flex{
background:linear-gradient(135deg,#f3edff,#fff8ea) !important;
}
.ati-rail-date--flex>span{
display:grid !important;
place-items:center !important;
width:19px !important;
height:19px !important;
border-radius:7px !important;
background:#6841df !important;
color:#fff !important;
font-size:9px !important;
font-weight:950 !important;
}
[data-ati-period] option:disabled{
color:#aaa !important;
}
@media(max-width:760px){
.ati-rail-reason{
font-size:7px !important;
}
}
/* ==========================================================
1.9.1 MOBILE FREEZE FIX
Progressive discovery rendering and rendering containment.
========================================================== */
.ati-discovery-loading{
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:9px !important;
min-height:72px !important;
padding:14px !important;
border:1px solid #ece5f8 !important;
border-radius:16px !important;
background:#faf8ff !important;
color:#736789 !important;
}
.ati-discovery-loading span{
width:18px !important;
height:18px !important;
border:3px solid #ddd2fa !important;
border-top-color:#6841df !important;
border-radius:50% !important;
animation:atiDiscoverySpin .8s linear infinite !important;
}
.ati-discovery-loading b{
font-size:10px !important;
}
@keyframes atiDiscoverySpin{
to{transform:rotate(360deg)}
}
.ati-rail-card,
.ati-destination{
contain:layout paint style !important;
}
@supports (content-visibility:auto){
.ati-rail-card,
.ati-destination{
content-visibility:auto !important;
contain-intrinsic-size:220px 190px !important;
}
}
@media(max-width:760px){
.ati-discovery-rail:nth-of-type(n+5){
display:none !important;
}
.ati-rail-track{
overscroll-behavior-x:contain !important;
-webkit-overflow-scrolling:touch !important;
}
.ati-rail-art img{
decoding:async !important;
}
}
@media(prefers-reduced-motion:reduce){
.ati-discovery-loading span{
animation:none !important;
}
}
/* ==========================================================
1.9.2 CATEGORY VIEW + LAPTOP RAIL NAVIGATION
========================================================== */
.ati-rail-actions{
display:flex !important;
align-items:center !important;
gap:8px !important;
flex:0 0 auto !important;
}
.ati-rail-arrows{
display:flex !important;
align-items:center !important;
gap:5px !important;
}
.ati-rail-arrows button{
display:grid !important;
place-items:center !important;
width:32px !important;
height:32px !important;
padding:0 !important;
border:1px solid #e2daf5 !important;
border-radius:11px !important;
background:#fff !important;
color:#6540d0 !important;
font-size:22px !important;
line-height:1 !important;
box-shadow:0 5px 13px rgba(72,48,133,.08) !important;
cursor:pointer !important;
transition:transform .16s ease,background .16s ease !important;
}
.ati-rail-arrows button:hover{
transform:translateY(-2px) !important;
background:#f2edff !important;
}
.ati-see-all{
min-height:32px !important;
padding:6px 9px !important;
border-radius:10px !important;
}
.ati-rail-track{
cursor:grab !important;
user-select:none !important;
}
.ati-rail-track.is-dragging{
cursor:grabbing !important;
scroll-behavior:auto !important;
scroll-snap-type:none !important;
}
.ati-category-modal{
position:fixed !important;
inset:0 !important;
z-index:2147482500 !important;
display:none !important;
overflow:auto !important;
padding:22px !important;
background:rgba(242,238,252,.94) !important;
-webkit-backdrop-filter:blur(18px) !important;
backdrop-filter:blur(18px) !important;
overscroll-behavior:contain !important;
}
.ati-category-modal.is-open{
display:block !important;
}
.ati-category-dialog{
width:min(1320px,100%) !important;
min-height:calc(100dvh - 44px) !important;
margin:0 auto !important;
padding:20px !important;
border:1px solid rgba(105,65,220,.12) !important;
border-radius:26px !important;
background:#fbfaff !important;
box-shadow:0 24px 70px rgba(42,27,88,.18) !important;
}
.ati-category-head{
display:grid !important;
grid-template-columns:auto minmax(0,1fr) auto !important;
align-items:center !important;
gap:14px !important;
margin-bottom:12px !important;
}
.ati-category-head>button{
display:grid !important;
place-items:center !important;
width:46px !important;
height:46px !important;
border:0 !important;
border-radius:15px !important;
background:#eee7ff !important;
color:#6037d2 !important;
font-size:24px !important;
cursor:pointer !important;
}
.ati-category-head>div{
min-width:0 !important;
}
.ati-category-head small{
color:#6742cf !important;
font-size:9px !important;
font-weight:950 !important;
letter-spacing:.12em !important;
}
.ati-category-head h2{
margin:3px 0 2px !important;
color:#211431 !important;
font-size:27px !important;
line-height:1.08 !important;
}
.ati-category-head p{
margin:0 !important;
color:#81778f !important;
font-size:11px !important;
}
.ati-category-head>strong{
padding:8px 11px !important;
border-radius:999px !important;
background:#eee8ff !important;
color:#633fd1 !important;
font-size:10px !important;
white-space:nowrap !important;
}
.ati-category-toolbar{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:12px !important;
margin:0 0 14px !important;
padding:9px 11px !important;
border:1px solid #ebe5f7 !important;
border-radius:13px !important;
background:#fff !important;
}
.ati-category-toolbar span{
color:#776c88 !important;
font-size:10px !important;
font-weight:800 !important;
}
.ati-category-toolbar button{
border:0 !important;
background:transparent !important;
color:#6540cf !important;
font-size:10px !important;
font-weight:950 !important;
cursor:pointer !important;
}
.ati-category-grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
align-items:start !important;
gap:13px !important;
}
.ati-category-grid .ati-rail-card{
width:100% !important;
min-width:0 !important;
scroll-snap-align:none !important;
}
.ati-category-empty{
grid-column:1/-1 !important;
display:grid !important;
place-items:center !important;
gap:7px !important;
min-height:260px !important;
border:1px dashed #cec2ed !important;
border-radius:18px !important;
background:#fff !important;
color:#746985 !important;
}
@media(max-width:1180px){
.ati-category-grid{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
}
@media(max-width:760px){
.ati-rail-arrows{
display:none !important;
}
.ati-rail-track{
cursor:auto !important;
user-select:auto !important;
}
.ati-category-modal{
padding:8px !important;
}
.ati-category-dialog{
min-height:calc(100dvh - 16px) !important;
padding:12px !important;
border-radius:20px !important;
}
.ati-category-head{
grid-template-columns:auto minmax(0,1fr) !important;
gap:9px !important;
}
.ati-category-head>strong{
grid-column:2 !important;
justify-self:start !important;
}
.ati-category-head h2{
font-size:20px !important;
}
.ati-category-head p{
font-size:9px !important;
}
.ati-category-grid{
grid-template-columns:1fr !important;
gap:11px !important;
}
.ati-category-grid .ati-rail-card{
grid-template-columns:120px minmax(0,1fr) !important;
grid-template-rows:auto !important;
}
.ati-category-grid .ati-rail-art{
height:100% !important;
min-height:164px !important;
}
}
/* ==========================================================
2.0.0 EXPERIENCE FLOW
Compact category cards + destination detail + events/cruises
========================================================== */
/* Full category view: narrower cards and more meaningful image ratio. */
.ati-category-grid{
grid-template-columns:repeat(5,minmax(0,1fr)) !important;
gap:12px !important;
}
.ati-category-grid .ati-rail-card{
grid-template-rows:142px auto !important;
border-radius:16px !important;
}
.ati-category-grid .ati-rail-art{
height:142px !important;
aspect-ratio:4/3 !important;
}
.ati-category-grid .ati-rail-copy{
gap:6px !important;
padding:8px 9px 9px !important;
}
.ati-category-grid .ati-rail-reason{
display:none !important;
}
.ati-category-grid .ati-rail-copy>header b{
font-size:12px !important;
}
.ati-category-grid .ati-rail-copy>footer strong{
font-size:17px !important;
}
/* Event / concert / cruise cards. */
.ati-experience-card{
display:grid !important;
grid-template-rows:126px auto !important;
min-width:0 !important;
border:1px solid #ebe5f7 !important;
border-radius:18px !important;
background:#fff !important;
overflow:hidden !important;
box-shadow:0 8px 20px rgba(45,31,91,.08) !important;
cursor:pointer !important;
scroll-snap-align:start !important;
}
.ati-experience-art{
position:relative !important;
height:126px !important;
overflow:hidden !important;
}
.ati-experience-art picture,
.ati-experience-art img{
display:block !important;
width:100% !important;
height:100% !important;
}
.ati-experience-art img{
object-fit:cover !important;
}
.ati-experience-art>span{
position:absolute !important;
left:8px !important;
top:8px !important;
max-width:70% !important;
padding:5px 8px !important;
border-radius:999px !important;
background:rgba(255,255,255,.9) !important;
color:#5d3ac6 !important;
font-size:8px !important;
font-weight:950 !important;
}
.ati-experience-art>em{
position:absolute !important;
right:8px !important;
bottom:8px !important;
display:grid !important;
place-items:center !important;
width:32px !important;
height:32px !important;
border-radius:11px !important;
background:rgba(32,23,54,.78) !important;
color:#fff !important;
font-size:17px !important;
font-style:normal !important;
}
.ati-experience-copy{
display:grid !important;
gap:6px !important;
padding:9px 10px 10px !important;
}
.ati-experience-copy>header{
display:flex !important;
align-items:flex-start !important;
justify-content:space-between !important;
gap:8px !important;
}
.ati-experience-copy>header b{
min-width:0 !important;
color:#211631 !important;
font-size:12px !important;
line-height:1.12 !important;
}
.ati-experience-copy>header i{
padding:3px 6px !important;
border-radius:999px !important;
background:#e9faee !important;
color:#218247 !important;
font-size:8px !important;
font-style:normal !important;
font-weight:950 !important;
}
.ati-experience-copy>small{
overflow:hidden !important;
color:#80768e !important;
font-size:8px !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}
.ati-experience-copy>div{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:8px !important;
padding:6px 7px !important;
border:1px solid #ebe5f7 !important;
border-radius:10px !important;
background:#faf8ff !important;
}
.ati-experience-copy>div strong{
color:#623dcc !important;
font-size:9px !important;
}
.ati-experience-copy>div span{
color:#83798f !important;
font-size:8px !important;
white-space:nowrap !important;
}
.ati-experience-copy>footer{
display:flex !important;
align-items:baseline !important;
gap:3px !important;
}
.ati-experience-copy>footer b{
color:#6540d1 !important;
font-size:18px !important;
}
.ati-experience-copy>footer small,
.ati-experience-copy>footer span{
color:#867d91 !important;
font-size:8px !important;
}
.ati-experience-grid{
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
/* Destination / event detail step after selecting a card. */
.ati-detail-modal{
position:fixed !important;
inset:0 !important;
z-index:2147482700 !important;
display:none !important;
overflow:auto !important;
padding:22px !important;
background:rgba(241,237,251,.94) !important;
-webkit-backdrop-filter:blur(18px) !important;
backdrop-filter:blur(18px) !important;
overscroll-behavior:contain !important;
}
.ati-detail-modal.is-open{
display:block !important;
}
.ati-detail-dialog{
width:min(1050px,100%) !important;
margin:0 auto !important;
padding:18px !important;
border:1px solid rgba(103,65,218,.13) !important;
border-radius:27px !important;
background:#fbfaff !important;
box-shadow:0 24px 70px rgba(42,27,88,.2) !important;
}
.ati-detail-hero{
display:grid !important;
grid-template-columns:minmax(300px,44%) minmax(0,1fr) !important;
gap:16px !important;
min-height:255px !important;
}
.ati-detail-image{
position:relative !important;
overflow:hidden !important;
border-radius:21px !important;
background:#e7e0f9 !important;
}
.ati-detail-image picture,
.ati-detail-image img{
width:100% !important;
height:100% !important;
display:block !important;
}
.ati-detail-image img{
object-fit:cover !important;
}
.ati-detail-image>span{
position:absolute !important;
right:12px !important;
bottom:12px !important;
display:grid !important;
place-items:center !important;
min-width:42px !important;
height:42px !important;
padding:0 10px !important;
border-radius:14px !important;
background:rgba(30,24,45,.82) !important;
color:#fff !important;
font-size:16px !important;
font-weight:950 !important;
}
.ati-detail-title{
position:relative !important;
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
min-width:0 !important;
padding:14px !important;
}
.ati-detail-title>button{
position:absolute !important;
right:0 !important;
top:0 !important;
width:42px !important;
height:42px !important;
border:0 !important;
border-radius:14px !important;
background:#eee8fb !important;
color:#6350a2 !important;
font-size:24px !important;
cursor:pointer !important;
}
.ati-detail-title>small{
color:#6841d7 !important;
font-size:9px !important;
font-weight:950 !important;
letter-spacing:.12em !important;
}
.ati-detail-title h2{
margin:6px 48px 3px 0 !important;
color:#211532 !important;
font-size:34px !important;
line-height:1.05 !important;
}
.ati-detail-title>p{
margin:0 !important;
color:#80758f !important;
font-size:12px !important;
}
.ati-detail-price{
display:flex !important;
align-items:baseline !important;
gap:5px !important;
margin-top:20px !important;
}
.ati-detail-price span,
.ati-detail-price small{
color:#82788f !important;
font-size:10px !important;
}
.ati-detail-price strong{
color:#6540d2 !important;
font-size:34px !important;
line-height:1 !important;
}
.ati-detail-summary{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:10px !important;
margin:14px 0 !important;
}
.ati-detail-summary article{
display:grid !important;
gap:5px !important;
min-width:0 !important;
padding:12px !important;
border:1px solid #ebe5f7 !important;
border-radius:15px !important;
background:#fff !important;
}
.ati-detail-summary small{
color:#7d7092 !important;
font-size:8px !important;
font-weight:950 !important;
letter-spacing:.08em !important;
}
.ati-detail-summary b{
color:#282035 !important;
font-size:13px !important;
}
.ati-detail-summary span{
color:#81778e !important;
font-size:9px !important;
line-height:1.3 !important;
}
.ati-detail-fit{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:14px !important;
padding:13px 14px !important;
border:1px solid #eadff8 !important;
border-radius:16px !important;
background:#f7f3ff !important;
}
.ati-detail-fit>div{
display:grid !important;
gap:3px !important;
}
.ati-detail-fit small{
color:#725fc5 !important;
font-size:8px !important;
font-weight:950 !important;
}
.ati-detail-fit b{
color:#272033 !important;
font-size:13px !important;
}
.ati-detail-fit span{
color:#7e748a !important;
font-size:9px !important;
}
.ati-detail-fit.is-good{
background:#effbf3 !important;
border-color:#ccecd7 !important;
}
.ati-detail-fit.is-warning{
background:#fff8eb !important;
border-color:#f1dfb4 !important;
}
.ati-detail-fit button{
flex:0 0 auto !important;
min-height:38px !important;
padding:8px 12px !important;
border:0 !important;
border-radius:12px !important;
background:#eee7ff !important;
color:#6540ce !important;
font-size:9px !important;
font-weight:950 !important;
cursor:pointer !important;
}
.ati-detail-fit.is-checking{
opacity:.7 !important;
}
.ati-detail-actions{
display:grid !important;
grid-template-columns:1.6fr 1fr 1fr !important;
gap:9px !important;
margin:14px 0 !important;
}
.ati-detail-actions button{
min-height:49px !important;
padding:10px 13px !important;
border:1px solid #ded5f3 !important;
border-radius:14px !important;
background:#fff !important;
color:#6040bf !important;
font-size:10px !important;
font-weight:950 !important;
cursor:pointer !important;
}
.ati-detail-actions button.is-primary{
border-color:#6841df !important;
background:linear-gradient(135deg,#7048e8,#5c35cf) !important;
color:#fff !important;
box-shadow:0 9px 20px rgba(94,55,205,.22) !important;
}
.ati-detail-next{
padding:14px !important;
border:1px solid #ebe5f7 !important;
border-radius:17px !important;
background:#fff !important;
}
.ati-detail-next header{
margin-bottom:10px !important;
}
.ati-detail-next header small{
color:#6841d7 !important;
font-size:8px !important;
font-weight:950 !important;
letter-spacing:.1em !important;
}
.ati-detail-next h3{
margin:3px 0 0 !important;
color:#282034 !important;
font-size:14px !important;
}
.ati-next-steps{
display:grid !important;
grid-template-columns:repeat(5,minmax(0,1fr)) !important;
gap:7px !important;
margin:0 !important;
padding:0 !important;
list-style:none !important;
}
.ati-next-steps li{
display:flex !important;
align-items:center !important;
gap:6px !important;
min-width:0 !important;
padding:8px !important;
border-radius:11px !important;
background:#f8f5ff !important;
}
.ati-next-steps span{
display:grid !important;
place-items:center !important;
width:22px !important;
height:22px !important;
flex:0 0 22px !important;
border-radius:8px !important;
background:#6841df !important;
color:#fff !important;
font-size:8px !important;
font-weight:950 !important;
}
.ati-next-steps b{
min-width:0 !important;
color:#615670 !important;
font-size:8px !important;
line-height:1.2 !important;
}
.ati-cruise-route{
display:grid !important;
gap:5px !important;
margin:10px 0 14px !important;
padding:12px !important;
border:1px solid #d8e9ef !important;
border-radius:14px !important;
background:#eefaff !important;
}
.ati-cruise-route b{
color:#215c71 !important;
font-size:13px !important;
}
.ati-cruise-route span,
.ati-cruise-route small{
color:#617c87 !important;
font-size:9px !important;
}
@media(max-width:1280px){
.ati-category-grid{
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.ati-experience-grid{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
}
@media(max-width:980px){
.ati-category-grid,
.ati-experience-grid{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.ati-detail-hero{
grid-template-columns:minmax(250px,40%) minmax(0,1fr) !important;
}
.ati-next-steps{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
}
@media(max-width:760px){
.ati-category-grid,
.ati-experience-grid{
grid-template-columns:1fr !important;
}
.ati-category-grid .ati-rail-card,
.ati-category-grid .ati-experience-card{
grid-template-columns:118px minmax(0,1fr) !important;
grid-template-rows:auto !important;
}
.ati-category-grid .ati-rail-art,
.ati-category-grid .ati-experience-art{
width:118px !important;
height:100% !important;
min-height:155px !important;
aspect-ratio:auto !important;
}
.ati-detail-modal{
padding:8px !important;
}
.ati-detail-dialog{
padding:10px !important;
border-radius:20px !important;
}
.ati-detail-hero{
grid-template-columns:1fr !important;
min-height:0 !important;
}
.ati-detail-image{
height:185px !important;
}
.ati-detail-title{
padding:8px 5px 5px !important;
}
.ati-detail-title h2{
margin-right:44px !important;
font-size:25px !important;
}
.ati-detail-summary{
grid-template-columns:1fr !important;
gap:7px !important;
}
.ati-detail-actions{
grid-template-columns:1fr !important;
}
.ati-detail-fit{
align-items:flex-start !important;
flex-direction:column !important;
}
.ati-next-steps{
grid-template-columns:1fr !important;
}
.ati-experience-rail .ati-rail-track{
grid-auto-columns:82% !important;
}
}
/* ==========================================================
2.1.0 LIVE DATA CONNECTORS
========================================================== */
[data-ati-live-badge]{
transition:background .2s ease,color .2s ease !important;
}
[data-ati-live-badge].is-live{
background:#eafaf0 !important;
color:#23864b !important;
}
.ati-live-loading,
.ati-live-error{
display:grid !important;
place-items:center !important;
gap:7px !important;
min-height:150px !important;
padding:22px !important;
border:1px solid #e7def6 !important;
border-radius:17px !important;
background:#faf8ff !important;
color:#716681 !important;
text-align:center !important;
}
.ati-live-loading>span{
width:25px !important;
height:25px !important;
border:3px solid #ddd3f7 !important;
border-top-color:#6841df !important;
border-radius:50% !important;
animation:atiLiveSpin .8s linear infinite !important;
}
.ati-live-loading b,
.ati-live-error b{
color:#2e2439 !important;
font-size:12px !important;
}
.ati-live-loading small,
.ati-live-error span{
font-size:9px !important;
}
.ati-live-error button{
min-height:39px !important;
padding:8px 12px !important;
border:0 !important;
border-radius:12px !important;
background:#6841df !important;
color:#fff !important;
font-size:9px !important;
font-weight:950 !important;
cursor:pointer !important;
}
.ati-live-calc{
color:#6841d6 !important;
font-size:11px !important;
line-height:1.15 !important;
}
.ati-event-provider-link{
display:flex !important;
align-items:center !important;
justify-content:center !important;
min-height:49px !important;
padding:10px 13px !important;
border:1px solid #ded5f3 !important;
border-radius:14px !important;
background:#fff !important;
color:#6040bf !important;
font-size:10px !important;
font-weight:950 !important;
text-decoration:none !important;
}
@keyframes atiLiveSpin{
to{transform:rotate(360deg)}
}
@media(prefers-reduced-motion:reduce){
.ati-live-loading>span{animation:none !important}
}
/* ==========================================================
2.2.0 LIVE SETUP & VERIFICATION
========================================================== */
.ati-top>[data-ati-live-badge]{border:0!important;border-radius:999px!important;background:#f0edf7!important;color:#71677e!important;padding:7px 10px!important;font-size:9px!important;font-weight:900!important;cursor:pointer!important}
.ati-top>[data-ati-live-badge].is-live{background:#eaf9ef!important;color:#257e48!important}
.ati-source-badge{position:absolute!important;left:8px!important;bottom:8px!important;z-index:4!important;padding:4px 7px!important;border-radius:999px!important;font-size:7px!important;font-weight:950!important;letter-spacing:.04em!important;box-shadow:0 4px 10px rgba(29,22,43,.18)!important}
.ati-builder-side button.is-watch-active{background:linear-gradient(135deg,#7b4ae2,#9b72ed)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 24px rgba(104,65,218,.22)!important}
.ati-price-watch-alerts{margin:12px 0 0!important;border-radius:18px!important;overflow:hidden!important}.ati-price-watch-alerts>div,.ati-price-watch-alerts>button{width:100%!important;border:0!important;padding:14px 18px!important;display:flex!important;align-items:center!important;gap:12px!important;text-align:left!important}.ati-price-watch-alerts span{font-size:24px!important}.ati-price-watch-alerts div div,.ati-price-watch-alerts button div{display:grid!important;gap:3px!important;flex:1!important}.ati-price-watch-alerts small{font-size:8px!important;font-weight:950!important;letter-spacing:.12em!important}.ati-price-watch-alerts b{font-size:13px!important}.ati-price-watch-alerts em{font-size:9px!important;font-style:normal!important;opacity:.72!important}.ati-price-watch-alerts strong{font-size:10px!important}.ati-price-watch-alerts.is-waiting>div{background:linear-gradient(100deg,#f1ebff,#fff7e8)!important;color:#604a80!important}.ati-price-watch-alerts.is-hit>button{background:linear-gradient(105deg,#6d3cdb,#a05ee8)!important;color:#fff!important;cursor:pointer!important;box-shadow:0 12px 30px rgba(99,54,190,.2)!important}@media(max-width:760px){.ati-price-watch-alerts{margin:8px 0 0!important}.ati-price-watch-alerts>div,.ati-price-watch-alerts>button{padding:11px 12px!important}.ati-price-watch-alerts strong{display:none!important}}
.ati-source-badge.is-live{background:#e7f9ed!important;color:#207f45!important}.ati-source-badge.is-cached{background:#fff2cf!important;color:#855d08!important}.ati-source-badge.is-demo{background:rgba(255,255,255,.9)!important;color:#776f80!important}
.ati-experience-art>.ati-source-badge{left:auto!important;right:8px!important;top:8px!important;bottom:auto!important}
.ati-live-health{position:absolute!important;top:70px!important;right:22px!important;z-index:2147482400!important;width:min(360px,calc(100vw - 32px))!important}
.ati-live-health[hidden]{display:none!important}
.ati-live-health-card{padding:13px!important;border:1px solid #ded5f2!important;border-radius:18px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 18px 45px rgba(43,29,83,.2)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important}
.ati-live-health-card>header{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:9px!important}
.ati-live-health-card>header small{color:#6942d1!important;font-size:8px!important;font-weight:950!important;letter-spacing:.1em!important}.ati-live-health-card h3{margin:2px 0 0!important;color:#281e34!important;font-size:14px!important}
.ati-live-health-card>header button{width:34px!important;height:34px!important;border:0!important;border-radius:11px!important;background:#f0ecf8!important;color:#655975!important;cursor:pointer!important}
.ati-live-health-card>div{display:grid!important;gap:6px!important}
.ati-live-health-card article{display:grid!important;grid-template-columns:27px minmax(0,1fr) auto!important;align-items:center!important;gap:7px!important;padding:8px!important;border:1px solid #ece6f5!important;border-radius:11px!important;background:#faf9fd!important}
.ati-live-health-card article>div{display:grid!important;gap:1px!important}.ati-live-health-card article b{color:#342a40!important;font-size:10px!important}.ati-live-health-card article small{color:#857b8f!important;font-size:8px!important}
.ati-live-health-card article em{padding:3px 6px!important;border-radius:999px!important;background:#eee9f7!important;color:#675b76!important;font-size:8px!important;font-style:normal!important;font-weight:900!important}
.ati-live-health-card article.is-connected{border-color:#cee9d7!important;background:#f2fbf5!important}.ati-live-health-card article.is-connected em{background:#ddf4e5!important;color:#267c48!important}
.ati-live-health-card article.is-error{border-color:#efd2d2!important;background:#fff7f7!important}
.ati-live-health-card>footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:9px!important;margin-top:9px!important;padding-top:9px!important;border-top:1px solid #eee8f5!important}
.ati-live-health-card>footer span{color:#80768a!important;font-size:8px!important}.ati-live-health-card>footer button{min-height:32px!important;padding:6px 9px!important;border:0!important;border-radius:10px!important;background:#6841db!important;color:#fff!important;font-size:8px!important;font-weight:900!important;cursor:pointer!important}
@media(max-width:760px){.ati-live-health{position:fixed!important;top:74px!important;left:10px!important;right:10px!important;width:auto!important}.ati-source-badge{font-size:6px!important}}
/* ==========================================================
2.3.0 SMART TRIP BUILDER
========================================================== */
.ati-detail-actions{grid-template-columns:1.45fr 1fr .9fr .9fr!important}
.ati-my-trips{margin-top:10px!important}.ati-trip-plans{display:grid!important;gap:7px!important}
.ati-trip-plans>p{margin:0!important;padding:10px!important;border:1px dashed #d9d0e8!important;border-radius:11px!important;color:#82798c!important;font-size:8px!important;line-height:1.35!important}
.ati-plan-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:5px!important;padding:6px!important;border:1px solid #e7e0f1!important;border-radius:12px!important;background:#fff!important}
.ati-plan-main{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:2px 7px!important;min-width:0!important;padding:3px!important;border:0!important;background:transparent!important;text-align:left!important;cursor:pointer!important}
.ati-plan-main small{grid-column:1!important;color:#6841cf!important;font-size:7px!important;font-weight:950!important}.ati-plan-main b{grid-column:1!important;overflow:hidden!important;color:#30263a!important;font-size:9px!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.ati-plan-main span{grid-column:1!important;overflow:hidden!important;color:#887e91!important;font-size:7px!important;text-overflow:ellipsis!important;white-space:nowrap!important}.ati-plan-main strong{grid-column:2!important;grid-row:1/4!important;align-self:center!important;color:#6540ce!important;font-size:12px!important}
.ati-plan-card>div{display:grid!important;gap:4px!important}.ati-plan-card>div button{width:25px!important;height:25px!important;border:0!important;border-radius:8px!important;background:#f0ecf7!important;color:#675b75!important;font-size:10px!important;cursor:pointer!important}
.ati-plan-card.is-ready{border-color:#c8e8d3!important;background:#f6fcf8!important}
.ati-builder-modal{position:fixed!important;inset:0!important;z-index:2147482900!important;display:none!important;overflow:auto!important;padding:18px!important;background:rgba(239,235,248,.96)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;overscroll-behavior:contain!important}
.ati-builder-modal.is-open{display:block!important}.ati-builder-dialog{width:min(1240px,100%)!important;min-height:calc(100dvh - 36px)!important;margin:0 auto!important;padding:18px!important;border:1px solid #ddd4ef!important;border-radius:27px!important;background:#faf9fd!important;box-shadow:0 25px 75px rgba(42,28,79,.22)!important}
.ati-builder-head{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:13px!important;margin-bottom:14px!important}.ati-builder-head>button{width:45px!important;height:45px!important;border:0!important;border-radius:14px!important;background:#ede7fb!important;color:#6038cc!important;font-size:22px!important;cursor:pointer!important}
.ati-builder-head>div{min-width:0!important}.ati-builder-head small{color:#6841d2!important;font-size:8px!important;font-weight:950!important;letter-spacing:.11em!important}.ati-builder-head h2{margin:3px 0 2px!important;color:#241a30!important;font-size:27px!important;line-height:1.06!important}.ati-builder-head p{margin:0!important;color:#82788d!important;font-size:10px!important}
.ati-builder-head select{min-height:39px!important;padding:7px 10px!important;border:1px solid #ddd4ed!important;border-radius:12px!important;background:#fff!important;color:#5f42b9!important;font-size:9px!important;font-weight:900!important}
.ati-builder-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 315px!important;align-items:start!important;gap:13px!important}.ati-builder-main{display:grid!important;gap:10px!important}
.ati-builder-section{padding:13px!important;border:1px solid #e5def0!important;border-radius:17px!important;background:#fff!important}.ati-builder-section>header{display:flex!important;align-items:center!important;gap:9px!important;margin-bottom:11px!important}
.ati-builder-section>header>span{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;flex:0 0 28px!important;border-radius:10px!important;background:#6841db!important;color:#fff!important;font-size:9px!important;font-weight:950!important}
.ati-builder-section h3{margin:0!important;color:#30263b!important;font-size:13px!important}.ati-builder-section header small{color:#867b91!important;font-size:8px!important}
.ati-builder-people{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}.ati-builder-person{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;padding:8px!important;border:1px solid #e6dff0!important;border-radius:12px!important;background:#faf9fd!important;cursor:pointer!important}
.ati-builder-person input{position:absolute!important;opacity:0!important;pointer-events:none!important}.ati-builder-person>span{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;flex:0 0 28px!important;border-radius:10px!important;background:#eee9f7!important;color:#665a74!important;font-size:10px!important;font-weight:950!important}
.ati-builder-person b{overflow:hidden!important;color:#51465c!important;font-size:9px!important;text-overflow:ellipsis!important;white-space:nowrap!important}.ati-builder-person.is-active{border-color:#bda9ec!important;background:#f3efff!important}.ati-builder-person.is-active>span{background:#6841dc!important;color:#fff!important}
.ati-builder-dates,.ati-builder-fields{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:9px!important}.ati-builder-dates{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.ati-builder-section label{display:grid!important;gap:4px!important;color:#746a7f!important;font-size:8px!important;font-weight:850!important}.ati-builder-section input,.ati-builder-section select,.ati-builder-section textarea{width:100%!important;min-height:39px!important;padding:8px 9px!important;border:1px solid #ddd5e8!important;border-radius:11px!important;background:#fbfafd!important;color:#342a3d!important;font-size:10px!important;box-sizing:border-box!important}
.ati-builder-section textarea{min-height:68px!important;resize:vertical!important}.ati-builder-notes{grid-column:span 2!important}
.ati-builder-flight,.ati-builder-event{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:10px!important;padding:10px!important;border:1px dashed #d8cdea!important;border-radius:13px!important;background:#faf8ff!important}.ati-builder-flight.is-selected{border-style:solid!important;border-color:#c6e5d1!important;background:#f3fbf6!important}
.ati-builder-flight>div,.ati-builder-event>div{display:grid!important;gap:2px!important;min-width:0!important}.ati-builder-flight b,.ati-builder-event b{color:#31263c!important;font-size:11px!important}.ati-builder-flight span,.ati-builder-event span{color:#82778d!important;font-size:8px!important}.ati-builder-flight strong{color:#6540cf!important;font-size:18px!important}.ati-builder-flight small{color:#887e91!important;font-size:8px!important}
.ati-builder-flight button{min-height:36px!important;padding:7px 10px!important;border:0!important;border-radius:10px!important;background:#6841d9!important;color:#fff!important;font-size:8px!important;font-weight:950!important;cursor:pointer!important}.ati-builder-event label{min-width:145px!important}
.ati-builder-fit{padding:11px 13px!important;border:1px solid #eadff5!important;border-radius:15px!important;background:#f8f4ff!important}.ati-builder-fit.is-good{border-color:#cce9d6!important;background:#f1fbf4!important}.ati-builder-fit.is-warning{border-color:#eeddb5!important;background:#fff9ed!important}
.ati-builder-fit div{display:grid!important;gap:3px!important}.ati-builder-fit small{color:#6841cb!important;font-size:8px!important;font-weight:950!important}.ati-builder-fit b{color:#33283c!important;font-size:11px!important}.ati-builder-fit span{color:#80758b!important;font-size:8px!important}
.ati-builder-side{position:sticky!important;top:10px!important;display:grid!important;gap:8px!important}.ati-builder-budget{overflow:hidden!important;border:1px solid #ddd4ef!important;border-radius:18px!important;background:#fff!important}
.ati-builder-budget>header{display:grid!important;gap:3px!important;padding:17px!important;background:linear-gradient(135deg,#7047e2,#5c36c8)!important;color:#fff!important}.ati-builder-budget header small{font-size:8px!important;font-weight:950!important;letter-spacing:.1em!important;opacity:.85!important}.ati-builder-budget header strong{font-size:34px!important;line-height:1!important}.ati-builder-budget header span{font-size:9px!important;opacity:.85!important}
.ati-builder-budget>div{display:grid!important;padding:8px 13px!important}.ati-builder-budget article{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:8px 0!important;border-bottom:1px solid #eee8f5!important}.ati-builder-budget article:last-child{border-bottom:0!important}.ati-builder-budget article span{color:#756a80!important;font-size:9px!important}.ati-builder-budget article b{color:#33283e!important;font-size:10px!important}
.ati-builder-budget>p{margin:0!important;padding:10px 13px!important;border-top:1px solid #eee8f5!important;background:#faf8fd!important;color:#877d91!important;font-size:7px!important;line-height:1.35!important}
.ati-builder-side>button{min-height:43px!important;padding:9px 11px!important;border:1px solid #ddd3ed!important;border-radius:12px!important;background:#fff!important;color:#6140bd!important;font-size:9px!important;font-weight:950!important;cursor:pointer!important}.ati-builder-side>.ati-builder-save{min-height:50px!important;border-color:#6841da!important;background:#6841da!important;color:#fff!important;box-shadow:0 9px 21px rgba(95,57,200,.2)!important}
.ati-flight-row[data-ati-flight-pick]{cursor:pointer!important}.ati-flight-row[data-ati-flight-pick]:hover{border-color:#a992e1!important;background:#f5f1ff!important}
@media(max-width:980px){
.ati-builder-layout{grid-template-columns:1fr!important}.ati-builder-side{position:static!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.ati-builder-budget{grid-column:1/-1!important}.ati-detail-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
.ati-builder-modal{padding:6px!important}.ati-builder-dialog{min-height:calc(100dvh - 12px)!important;padding:10px!important;border-radius:19px!important}.ati-builder-head{grid-template-columns:auto minmax(0,1fr)!important}.ati-builder-head select{grid-column:2!important;justify-self:start!important}.ati-builder-head h2{font-size:21px!important}
.ati-builder-people{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ati-builder-dates,.ati-builder-fields{grid-template-columns:1fr!important}.ati-builder-notes{grid-column:auto!important}.ati-builder-flight,.ati-builder-event{grid-template-columns:1fr!important;align-items:start!important}.ati-builder-event label{min-width:0!important}.ati-builder-side{grid-template-columns:1fr!important}.ati-builder-budget{grid-column:auto!important}.ati-detail-actions{grid-template-columns:1fr!important}
}
@media print{
body *{visibility:hidden!important}.ati-builder-modal,.ati-builder-modal *{visibility:visible!important}.ati-builder-modal{position:absolute!important;inset:0!important;display:block!important;padding:0!important;background:#fff!important}.ati-builder-dialog{box-shadow:none!important;border:0!important}.ati-builder-head>button,.ati-builder-side>button{display:none!important}
}
/* 2.5.6 modal rescue hardening — closed layers never block cards. */
.ati-overlay .ati-detail-modal:not(.is-open),
.ati-overlay .ati-category-modal:not(.is-open),
.ati-overlay .ati-builder-modal:not(.is-open),
.ati-overlay .ati-flights-modal:not(.is-open),
.ati-overlay .ati-compare-modal:not(.is-open){
display:none !important;
visibility:hidden !important;
opacity:0 !important;
pointer-events:none !important;
}
.ati-overlay .ati-detail-modal.is-open,
.ati-overlay .ati-category-modal.is-open,
.ati-overlay .ati-builder-modal.is-open{
display:block !important;
visibility:visible !important;
opacity:1 !important;
pointer-events:auto !important;
}
.ati-overlay .ati-flights-modal.is-open,
.ati-overlay .ati-compare-modal.is-open{
display:grid !important;
visibility:visible !important;
opacity:1 !important;
pointer-events:auto !important;
}
.ati-overlay [data-ati-rail-card],
.ati-overlay [data-ati-experience-card],
.ati-overlay [data-ati-destination],
.ati-overlay [data-ati-period-jump],
.ati-overlay [data-ati-flights]{
pointer-events:auto !important;
}
/* ==========================================================
2.6.1 TRUSTED FARE CORRECTION
- one clear rail per purpose
- explicit source status
- compact full catalogue
- safe: modal layers and event handling remain from 2.5.6
========================================================== */
.ati-source-legend{
display:flex !important;
align-items:center !important;
gap:6px !important;
flex-wrap:wrap !important;
margin-top:9px !important;
}
.ati-source-legend span{
display:inline-flex !important;
align-items:center !important;
min-height:22px !important;
padding:4px 8px !important;
border-radius:999px !important;
font-size:7px !important;
font-weight:950 !important;
letter-spacing:.05em !important;
}
.ati-source-legend .is-live{background:#e5f8eb !important;color:#247b48 !important}
.ati-source-legend .is-cached{background:#fff1cc !important;color:#805a08 !important}
.ati-source-legend .is-demo{background:#efebf6 !important;color:#72697d !important}
.ati-discovery{
display:grid !important;
gap:14px !important;
}
.ati-discovery-rail{
margin:0 !important;
padding:13px !important;
border:1px solid #ebe4f6 !important;
border-radius:20px !important;
background:#fcfbfe !important;
box-shadow:0 7px 20px rgba(47,31,91,.045) !important;
}
.ati-hub-deals{
border-color:#dcd0f5 !important;
background:linear-gradient(180deg,#faf7ff 0%,#fff 100%) !important;
}
.ati-saved-hub{
border-style:dashed !important;
background:#fffdfd !important;
}
.ati-discovery-rail>.ati-rail-track{
grid-auto-columns:minmax(185px,23%) !important;
gap:11px !important;
}
.ati-rail-art{
position:relative !important;
}
.ati-rail-art>.ati-source-badge{
left:7px !important;
right:auto !important;
top:auto !important;
bottom:7px !important;
}
.ati-experience-card.is-indicative{
border-color:#ddd4e9 !important;
background:linear-gradient(180deg,#fff,#fbf9fd) !important;
}
.ati-experience-card.is-indicative .ati-live-calc{
color:#70677b !important;
}
.ati-hub-empty{
display:flex !important;
align-items:center !important;
gap:12px !important;
width:100% !important;
min-height:96px !important;
padding:14px !important;
border:1px dashed #dcd3e8 !important;
border-radius:16px !important;
background:#faf9fc !important;
color:#766d80 !important;
box-sizing:border-box !important;
}
.ati-hub-empty>span{
display:grid !important;
place-items:center !important;
width:42px !important;
height:42px !important;
flex:0 0 42px !important;
border-radius:14px !important;
background:#eee9f6 !important;
color:#6242be !important;
font-size:20px !important;
}
.ati-hub-empty>div{display:grid !important;gap:3px !important}
.ati-hub-empty b{color:#43394d !important;font-size:11px !important}
.ati-hub-empty small{max-width:560px !important;color:#857b8f !important;font-size:8px !important;line-height:1.4 !important}
.ati-rail-track.is-empty{
display:block !important;
overflow:visible !important;
padding-bottom:0 !important;
}
.ati-all-results{
margin-top:14px !important;
border:1px solid #e2daef !important;
border-radius:18px !important;
background:#faf9fc !important;
overflow:hidden !important;
}
.ati-all-results>summary{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:12px !important;
min-height:52px !important;
padding:11px 14px !important;
color:#4d3b7d !important;
cursor:pointer !important;
list-style:none !important;
font-weight:950 !important;
}
.ati-all-results>summary::-webkit-details-marker{display:none !important}
.ati-all-results>summary::after{
content:'⌄' !important;
display:grid !important;
place-items:center !important;
width:29px !important;
height:29px !important;
margin-left:auto !important;
border-radius:10px !important;
background:#ece7f5 !important;
color:#6843c9 !important;
transition:transform .2s ease !important;
}
.ati-all-results[open]>summary::after{transform:rotate(180deg) !important}
.ati-all-results>summary span{font-size:11px !important}
.ati-all-results>summary small{color:#81768c !important;font-size:8px !important;font-weight:800 !important}
.ati-all-results-body{
padding:13px !important;
border-top:1px solid #e8e1f1 !important;
background:#fff !important;
}
.ati-all-results .ati-sortbar{margin-top:0 !important}
.ati-category-grid.ati-saved-grid{
align-items:start !important;
}
/* Keep the global AGNES status notification useful without covering cards. */
.agnes-toast,
.agnes-notification,
.agnes-live-alert,
.agnes-next-event,
[class*="notification-bar"],
[class*="live-alert"]{
width:min(318px,calc(100vw - 24px)) !important;
max-width:318px !important;
max-height:112px !important;
padding:9px 11px !important;
border-radius:15px !important;
overflow:auto !important;
box-shadow:0 10px 28px rgba(39,27,69,.16) !important;
}
.agnes-toast h3,.agnes-notification h3,.agnes-live-alert h3,.agnes-next-event h3,
[class*="notification-bar"] h3,[class*="live-alert"] h3{
margin:0 0 2px !important;
font-size:11px !important;
line-height:1.15 !important;
}
.agnes-toast p,.agnes-notification p,.agnes-live-alert p,.agnes-next-event p,
[class*="notification-bar"] p,[class*="live-alert"] p{
margin:0 !important;
font-size:8px !important;
line-height:1.3 !important;
}
@media(max-width:1180px){
.ati-discovery-rail>.ati-rail-track{grid-auto-columns:minmax(185px,31%) !important}
}
@media(max-width:760px){
.ati-opportunities{padding:11px 8px 15px !important}
.ati-source-legend{margin-top:7px !important}
.ati-discovery{gap:10px !important}
.ati-discovery-rail{
display:block !important;
padding:10px 8px !important;
border-radius:17px !important;
}
.ati-discovery-rail>header{
align-items:flex-start !important;
gap:8px !important;
}
.ati-discovery-rail>header>div:first-child{min-width:0 !important}
.ati-discovery-rail h3{font-size:14px !important;line-height:1.12 !important}
.ati-discovery-rail>header small{font-size:7px !important;line-height:1.25 !important}
.ati-discovery-rail>.ati-rail-track{
grid-auto-columns:78% !important;
gap:9px !important;
}
.ati-hub-empty{min-height:82px !important;padding:11px !important}
.ati-hub-empty>span{width:36px !important;height:36px !important;flex-basis:36px !important;font-size:17px !important}
.ati-all-results>summary{padding:10px !important}
.ati-all-results>summary small{display:none !important}
.ati-all-results-body{padding:9px !important}
.agnes-toast,.agnes-notification,.agnes-live-alert,.agnes-next-event,
[class*="notification-bar"],[class*="live-alert"]{
left:10px !important;
right:10px !important;
bottom:calc(78px + env(safe-area-inset-bottom,0px)) !important;
width:auto !important;
max-width:none !important;
max-height:94px !important;
}
}
/* ==========================================================
2.6.1 TRUSTED FARE CORRECTION
========================================================== */
.ati-price-unavailable{
color:#75688d!important;
font-size:13px!important;
line-height:1.15!important;
white-space:normal!important;
}
.ati-rail-copy>footer .ati-price-unavailable{
font-size:12px!important;
}
.ati-destination footer>div .ati-price-unavailable{
font-size:14px!important;
max-width:180px;
}
.ati-detail-price .ati-price-unavailable{
font-size:20px!important;
}
.ati-flight-row.is-cached-reference{
grid-template-columns:1.15fr 1fr 1.2fr .8fr .85fr 1.1fr!important;
border-color:#ddd1f6!important;
background:linear-gradient(90deg,#faf8ff,#fff)!important;
}
.ati-flight-row.is-cached-reference span:nth-child(5) b{
color:#5f38ca!important;
font-size:16px!important;
}
@media(max-width:760px){
.ati-flight-row.is-cached-reference{
grid-template-columns:1fr 1fr!important;
}
}
/* 2.6.2 price visibility */
.ati-flight-row.is-estimated-reference{cursor:default;border-style:dashed}.ati-flight-row.is-estimated-reference:hover{transform:none}
/* ==========================================================
2.6.3 PRICE INTEGRITY
========================================================== */
.ati-fare-assessment{display:block!important;margin-top:3px!important;font-size:8px!important;font-weight:950!important;letter-spacing:.035em!important;line-height:1.25!important}
.ati-fare-assessment.is-good{color:#1d7d43!important}.ati-fare-assessment.is-normal{color:#6750b7!important}.ati-fare-assessment.is-high{color:#b34a28!important}.ati-fare-assessment.is-planning{color:#756c7f!important}
.ati-rail-copy>footer{flex-wrap:wrap!important}.ati-rail-copy>footer .ati-fare-assessment{flex-basis:100%!important}
.ati-destination footer>div em.ati-fare-assessment{max-width:220px!important;white-space:normal!important}
.ati-detail-price{flex-wrap:wrap!important}.ati-detail-price .ati-fare-assessment{flex-basis:100%!important;font-size:10px!important}
.ati-flight-row .ati-fare-assessment{font-size:11px!important}
.ati-source-badge.is-cached{background:#fff0c2!important;color:#765004!important}
@media(max-width:760px){.ati-fare-assessment{font-size:7px!important}.ati-detail-price .ati-fare-assessment{font-size:9px!important}}
/* AGNES Travel 3.0.0 — Live Escape Engine */
.ati-live-scan{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 4px}
.ati-live-scan-btn{appearance:none;border:0;border-radius:16px;padding:14px 20px;font-weight:900;letter-spacing:.01em;cursor:pointer;background:linear-gradient(135deg,#5b2ae6,#8b5cf6);color:#fff;box-shadow:0 12px 30px rgba(91,42,230,.24);transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}
.ati-live-scan-btn:hover{transform:translateY(-1px);box-shadow:0 15px 34px rgba(91,42,230,.3)}
.ati-live-scan-btn:disabled{opacity:.65;cursor:progress;transform:none}
.ati-live-scan small{font-weight:750;color:rgba(37,25,66,.7);max-width:420px}
.ati-fare-assessment.is-excellent,.ati-fare-assessment.is-good{background:#eaf9ef;color:#16723a}
.ati-fare-assessment.is-normal{background:#eef3ff;color:#3554a5}
.ati-fare-assessment.is-high{background:#fff1ef;color:#a4382b}
.ati-fare-assessment.is-test,.ati-live-badge.is-test{background:#fff6d8!important;color:#7c5a00!important}
.ati-fare-assessment.is-pending{background:#f3f0fb;color:#6d5b96}
.ati-flight-row.is-live-reference{outline:2px solid rgba(35,155,86,.22);background:linear-gradient(90deg,rgba(235,252,241,.72),#fff)}
.ati-flight-row.is-test-reference{outline:2px dashed rgba(190,139,0,.35);background:#fffaf0}
.ati-live-empty{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:center;min-height:126px;padding:22px;border:1px dashed rgba(103,78,151,.28);border-radius:18px;background:rgba(247,245,252,.78)}
.ati-live-empty b{font-size:16px;color:#332551}.ati-live-empty span{font-size:13px;line-height:1.5;color:#6e6380}
@media(max-width:760px){.ati-live-scan{align-items:stretch}.ati-live-scan-btn{width:100%;min-height:50px}.ati-live-scan small{text-align:center;width:100%}}
/* AGNES Travel 3.1.1 — Complete Flight Details Layer */
.ati-live-itinerary{margin:14px 0;border:1px solid rgba(103,78,151,.18);border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 10px 28px rgba(55,34,93,.06)}
.ati-live-itinerary>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 20px;background:linear-gradient(135deg,#f8f5ff,#f2f7ff);border-bottom:1px solid rgba(103,78,151,.12)}
.ati-live-itinerary>header small,.ati-itinerary-slice header small{display:block;font-size:9px;font-weight:950;letter-spacing:.11em;color:#7653cf}.ati-live-itinerary>header h3{margin:4px 0 0;font-size:18px;color:#2e2147}.ati-live-itinerary>header>span{font-size:11px;font-weight:850;color:#6e6380;text-align:right}
.ati-itinerary-slice{padding:17px 20px;border-bottom:1px solid rgba(103,78,151,.1)}.ati-itinerary-slice header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.ati-itinerary-slice header b{display:block;margin-top:3px;font-size:15px;color:#302346}.ati-itinerary-slice header>span{font-size:12px;font-weight:850;color:#655778}
.ati-itinerary-segments{display:flex;flex-direction:column;gap:8px}.ati-segment{display:grid;grid-template-columns:68px 72px minmax(180px,1fr) 68px;align-items:center;gap:10px;padding:11px 12px;border-radius:15px;background:#faf9fd}.ati-segment-time b,.ati-segment-arrive b{display:block;font-size:16px;color:#2b2040}.ati-segment-time span,.ati-segment-arrive span{font-size:9px;font-weight:750;color:#83778f}.ati-segment-arrive{text-align:right}.ati-segment-line{position:relative;height:2px;background:#cbbcf0}.ati-segment-line i{position:absolute;left:-2px;top:-3px;width:8px;height:8px;border-radius:50%;background:#7043db}.ati-segment-line em{position:absolute;left:50%;top:-17px;transform:translateX(-50%);font-size:8px;font-style:normal;font-weight:850;color:#776b83;white-space:nowrap}.ati-segment-route b{display:block;font-size:14px;color:#33264b}.ati-segment-route span{display:block;margin-top:2px;font-size:11px;font-weight:850;color:#6048a4}.ati-segment-route small{display:block;margin-top:3px;font-size:9px;color:#82768f}.ati-connection{align-self:center;padding:5px 11px;border-radius:999px;background:#f1ecff;color:#6845be;font-size:9px;font-weight:850}.ati-live-itinerary>footer{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:13px 20px;background:#fbfaff}.ati-live-itinerary>footer span{padding:5px 9px;border-radius:999px;background:#f0ecf9;font-size:9px;font-weight:850;color:#675978}.ati-live-itinerary>footer b{margin-left:auto;color:#5b2ae6;font-size:14px}
@media(max-width:760px){.ati-live-itinerary>header,.ati-itinerary-slice header{align-items:flex-start;flex-direction:column}.ati-segment{grid-template-columns:48px 34px minmax(120px,1fr) 48px;gap:6px;padding:10px 8px}.ati-segment-time b,.ati-segment-arrive b{font-size:13px}.ati-segment-route b{font-size:12px}.ati-segment-route span{font-size:9px}.ati-live-itinerary>footer b{margin-left:0;width:100%}}
/* AGNES Travel 3.2.0 — Duffel Stays */
.ati-builder-search-stays{width:100%;margin-top:12px;border:0;border-radius:14px;padding:13px 16px;background:linear-gradient(135deg,#7951d9,#a66be6);color:#fff;font-weight:900;cursor:pointer}.ati-builder-search-stays:disabled{opacity:.6;cursor:progress}
.ati-builder-stay-results{display:grid;gap:8px;margin-top:10px;max-height:430px;overflow:auto}.ati-stay-result{display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:9px;border:1px solid #e2daf0;border-radius:17px;background:#fff;color:#302545;text-align:left;cursor:pointer}.ati-stay-result>i{width:78px;height:64px;border-radius:12px;overflow:hidden;background:#f0eafa;display:grid;place-items:center;font-style:normal;font-size:28px}.ati-stay-result>i img{width:100%;height:100%;object-fit:cover}.ati-stay-result div b,.ati-stay-result div small,.ati-stay-result div em,.ati-stay-result>strong small{display:block}.ati-stay-result div b{font-size:13px}.ati-stay-result div small{margin-top:3px;color:#7951c7;font-size:10px}.ati-stay-result div em{margin-top:4px;color:#81758c;font-size:9px;font-style:normal}.ati-stay-result>strong{text-align:right;color:#6436bd;font-size:15px}.ati-stay-result>strong small{margin-top:3px;color:#86778f;font-size:8px;font-weight:750}.ati-stay-result.is-selected{border-color:#7542d5;box-shadow:0 0 0 3px rgba(117,66,213,.14)}.ati-stay-result.is-test-reference{background:#fffaf0}.ati-live-loading{padding:18px;border-radius:15px;background:#f4effc;color:#69557f;font-weight:800;font-size:12px}
@media(max-width:760px){.ati-stay-result{grid-template-columns:58px minmax(0,1fr);gap:9px}.ati-stay-result>i{width:58px;height:55px}.ati-stay-result>strong{grid-column:2;text-align:left}.ati-builder-stay-results{max-height:52vh}}
/* AGNES Travel 3.3.0 — Skyscanner comparison */
.ati-price-compare{display:flex;align-items:center;gap:12px;margin:12px 18px;padding:13px 15px;border:1px solid #ded5ef;border-radius:16px;background:#faf8ff;color:#37284f}.ati-price-compare>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#eee8ff;font-size:18px}.ati-price-compare b,.ati-price-compare small{display:block}.ati-price-compare b{font-size:13px}.ati-price-compare small{margin-top:4px;color:#786c85;font-size:10px;line-height:1.4}.ati-price-compare.is-better{border-color:#9ed8b4;background:#eefaf2}.ati-price-compare.is-better>span{background:#d9f4e3}.ati-price-compare.is-error{border-color:#efc3c3;background:#fff5f5}.ati-price-compare.is-loading>span{animation:ati-skyscanner-pulse 1s ease-in-out infinite}@keyframes ati-skyscanner-pulse{50%{transform:scale(.88);opacity:.6}}
@media(max-width:760px){.ati-price-compare{margin:10px 8px;padding:12px}}
/* AGNES Travel 3.4.0 — Olympiacos Match Centre */
.ati-experience-card.is-olympiacos{border-color:rgba(205,26,48,.2);background:linear-gradient(160deg,#fff 58%,#fff0f2)}.ati-experience-card.is-olympiacos .ati-experience-art{background:linear-gradient(135deg,#fff,#f7dfe3)}.ati-experience-card.is-olympiacos .ati-experience-art:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 42px,rgba(210,25,49,.07) 42px 68px);pointer-events:none}.ati-olympiacos-versus{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(145,18,36,.15)}.ati-olympiacos-versus i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;font-style:normal;font-size:24px}.ati-olympiacos-versus img{width:42px;height:42px;object-fit:contain}.ati-olympiacos-versus b{color:#c51632;font-size:12px}.ati-detail-dialog.is-olympiacos-detail .ati-detail-title{background:linear-gradient(135deg,#fff8f9,#f7dce1)}.ati-detail-dialog.is-olympiacos-detail .ati-detail-title small,.ati-detail-dialog.is-olympiacos-detail .ati-detail-price strong{color:#c51632}.ati-detail-dialog.is-olympiacos-detail .ati-detail-actions button{border-color:#ecc8cf}.ati-detail-dialog.is-olympiacos-detail .ati-detail-actions button.is-primary{background:linear-gradient(135deg,#c51632,#e84a60);color:#fff}
/* AGNES Adaptive Living Scene 1.16.0 · Cyprus Staycations */
.ati-cyprus-staycations{overflow:hidden}
.ati-cyprus-staycations>header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.ati-cyprus-staycations>header small{letter-spacing:.11em;font-weight:800;color:#7657c9}
.ati-cyprus-staycations>header h3{margin:.18rem 0;font-size:1.2rem;color:#43335e}
.ati-cyprus-staycations>header p{margin:0;color:#8a7f98;font-size:.82rem}
.ati-cyprus-staycations>header>button{width:38px;height:38px;border:0;border-radius:14px;background:#f3edff;color:#6a44ce;font-size:1.2rem;cursor:pointer}
.ati-hotel-loading{min-height:168px;display:flex;align-items:center;justify-content:center;gap:10px;color:#786d86}
.ati-hotel-loading span{width:18px;height:18px;border:2px solid #dfd4fa;border-top-color:#7657c9;border-radius:50%;animation:atiHotelSpin .8s linear infinite}
@keyframes atiHotelSpin{to{transform:rotate(360deg)}}
.ati-cyprus-chips{display:flex;gap:8px;overflow:auto;padding:12px 0 10px;scrollbar-width:none}
.ati-cyprus-chips::-webkit-scrollbar{display:none}
.ati-cyprus-chips button{white-space:nowrap;border:1px solid #e6dcf8;background:#fbf9ff;color:#5d4a75;border-radius:999px;padding:7px 11px;font:inherit;font-size:.74rem;cursor:pointer}
.ati-cyprus-chips button b{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;padding:0 5px;border-radius:999px;background:#efe8ff;color:#6944c8;font-size:.68rem}
.ati-hotel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ati-hotel-card{min-width:0;background:#fff;border:1px solid #e9e0f6;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px rgba(88,62,129,.07)}
.ati-hotel-photo{position:relative;aspect-ratio:1.55/1;background:linear-gradient(135deg,#f4efff,#eef4ff);overflow:hidden}
.ati-hotel-photo img{width:100%;height:100%;object-fit:cover;display:block}
.ati-hotel-photo.is-empty{display:grid;place-items:center;font-size:2.2rem}
.ati-hotel-photo em,.ati-hotel-photo b{position:absolute;top:9px;border-radius:999px;padding:5px 8px;font-size:.62rem;font-style:normal;font-weight:800;backdrop-filter:blur(10px)}
.ati-hotel-photo em{left:9px;background:rgba(255,255,255,.9);color:#7256a3}
.ati-hotel-photo b{right:9px;background:rgba(236,255,242,.92);color:#2f8a55}
.ati-hotel-body{padding:12px}
.ati-hotel-body>small{display:block;color:#84788f;font-size:.69rem}
.ati-hotel-body h4{margin:4px 0 3px;color:#413252;font-size:.94rem;line-height:1.2;min-height:2.25em}
.ati-hotel-stars{color:#9a78d8;font-size:.74rem;letter-spacing:.04em}
.ati-hotel-body>p{display:flex;gap:5px;flex-wrap:wrap;margin:9px 0 12px}
.ati-hotel-body>p span,.ati-hotel-modal-facilities span{padding:5px 7px;border-radius:999px;background:#f6f2fb;color:#6f627a;font-size:.63rem}
.ati-hotel-body footer{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;border-top:1px solid #f0eaf7;padding-top:10px}
.ati-hotel-body footer div small{display:block;color:#9a8fa4;font-size:.59rem;text-transform:uppercase;letter-spacing:.07em}
.ati-hotel-body footer div strong{display:block;color:#6f5b7e;font-size:.72rem;margin-top:2px}
.ati-hotel-body footer button{border:0;border-radius:11px;background:#7657d7;color:#fff;padding:8px 9px;font:inherit;font-size:.67rem;font-weight:750;cursor:pointer}
.ati-staycation-note{display:flex;justify-content:space-between;gap:12px;margin-top:11px;color:#93879f;font-size:.68rem}
.ati-hotel-modal{position:fixed;inset:0;z-index:999999;background:rgba(42,31,55,.38);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px;opacity:0;transition:opacity .18s ease}
.ati-hotel-modal.is-open{opacity:1}
.ati-hotel-modal-card{position:relative;width:min(760px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:28px;box-shadow:0 28px 80px rgba(39,25,58,.24)}
.ati-hotel-modal-close{position:absolute;z-index:3;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.9);font-size:1.4rem;color:#59496b;cursor:pointer}
.ati-hotel-modal-hero{position:relative;aspect-ratio:2.35/1;background:linear-gradient(135deg,#f0e9ff,#e7f3ff);overflow:hidden}
.ati-hotel-modal-hero img{width:100%;height:100%;object-fit:cover}
.ati-hotel-modal-hero>span{height:100%;display:grid;place-items:center;font-size:4rem}
.ati-hotel-modal-hero em{position:absolute;left:18px;bottom:16px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.9);font-style:normal;font-size:.68rem;font-weight:800;color:#6d51a1}
.ati-hotel-modal-content{padding:22px}
.ati-hotel-modal-content>small{color:#7657c9;font-weight:800;letter-spacing:.06em}
.ati-hotel-modal-content h2{margin:5px 0;color:#40304f;font-size:1.55rem}
.ati-hotel-modal-content>p{color:#766b7e;line-height:1.55}
.ati-hotel-modal-facilities{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}
.ati-hotel-modal-price{margin-top:18px;padding:16px;border-radius:18px;background:#f7f3fc;display:flex;justify-content:space-between;gap:20px;align-items:center}
.ati-hotel-modal-price small{display:block;color:#9c8ea7;font-size:.64rem;letter-spacing:.08em}
.ati-hotel-modal-price strong{display:block;margin-top:3px;color:#685675}
.ati-hotel-modal-price p{margin:0;max-width:340px;color:#8a7f92;font-size:.74rem}
@media(max-width:1050px){.ati-hotel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
.ati-hotel-grid{display:flex;overflow:auto;gap:10px;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none}
.ati-hotel-grid::-webkit-scrollbar{display:none}
.ati-hotel-card{min-width:78vw;scroll-snap-align:start}
.ati-cyprus-staycations>header h3{font-size:1.05rem}
.ati-staycation-note{flex-direction:column}
.ati-hotel-modal{padding:0;place-items:end center}
.ati-hotel-modal-card{width:100%;max-height:92vh;border-radius:28px 28px 0 0}
.ati-hotel-modal-hero{aspect-ratio:1.6/1}
.ati-hotel-modal-content{padding:18px}
.ati-hotel-modal-price{align-items:flex-start;flex-direction:column}
}
/* AGNES Adaptive Living Scene 1.16.1 · Hotel card layout stabilization */
.ati-cyprus-staycations{
min-width:0;
width:100%;
}
.ati-cyprus-staycations .ati-cyprus-chips{
width:100%;
max-width:100%;
flex-wrap:nowrap;
}
.ati-cyprus-staycations .ati-cyprus-chips button{
flex:0 0 auto;
}
.ati-cyprus-staycations .ati-hotel-grid{
width:100%;
max-width:100%;
min-width:0;
align-items:stretch;
}
.ati-cyprus-staycations .ati-hotel-card{
width:100%;
min-width:0;
max-width:100%;
display:flex;
flex-direction:column;
writing-mode:horizontal-tb !important;
text-orientation:mixed !important;
}
.ati-cyprus-staycations .ati-hotel-card *,
.ati-cyprus-staycations .ati-hotel-body *,
.ati-cyprus-staycations .ati-hotel-body{
writing-mode:horizontal-tb !important;
text-orientation:mixed !important;
word-break:normal;
overflow-wrap:anywhere;
}
.ati-cyprus-staycations .ati-hotel-photo{
flex:0 0 auto;
width:100%;
}
.ati-cyprus-staycations .ati-hotel-body{
flex:1 1 auto;
display:flex;
flex-direction:column;
min-width:0;
}
.ati-cyprus-staycations .ati-hotel-body h4{
min-height:0;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
.ati-cyprus-staycations .ati-hotel-body>p{
min-height:26px;
}
.ati-cyprus-staycations .ati-hotel-body footer{
margin-top:auto;
}
.ati-cyprus-staycations .ati-hotel-grid > *{
min-width:0;
}
@media(min-width:1051px){
.ati-cyprus-staycations .ati-hotel-grid{
grid-template-columns:repeat(4,minmax(0,1fr));
}
}
@media(min-width:621px) and (max-width:1050px){
.ati-cyprus-staycations .ati-hotel-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:620px){
.ati-cyprus-staycations .ati-hotel-grid{
display:flex;
gap:10px;
overflow-x:auto;
overflow-y:hidden;
padding:0 1px 4px;
overscroll-behavior-inline:contain;
}
.ati-cyprus-staycations .ati-hotel-card{
flex:0 0 82vw;
width:82vw;
max-width:82vw;
}
}
/* AGNES Adaptive Living Scene 1.17.0 · Full-page Travel Workspace */
body.ati-travel-fullpage{
overflow:hidden !important;
}
/* AGNES 1.38.0 · Curated opportunities workspace */
.ati-curated-mode .ati-layout{display:block!important;margin:0!important}
.ati-curated-mode .ati-side{display:none!important}
.ati-curated-mode .ati-main{width:100%!important;max-width:none!important}
.ati-curated-mode .ati-shell{background:linear-gradient(145deg,#fffdfb,#fbf8ff 55%,#f7fbff)!important}
.ati-curated-workspace{min-height:calc(100vh - 92px);padding:18px 22px 86px;color:#392758}
.ati-curated-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px}
.ati-curated-head small{color:#7451d2;font-weight:950;letter-spacing:.11em;font-size:.67rem}
.ati-curated-head h2{font-size:clamp(2rem,3vw,3.4rem);line-height:1;margin:5px 0;color:#382151}
.ati-curated-head p{margin:0;color:#776b87;font-weight:650}
.ati-curated-family{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.ati-curated-family span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:linear-gradient(145deg,#f8dfe9,#e9e3ff);font-size:.57rem;font-weight:900;color:#5b4771;box-shadow:0 7px 18px rgba(79,54,119,.1)}
.ati-curated-family b{padding:13px 15px;border:1px solid #e7dff2;background:#fff;border-radius:16px;color:#5f5270;font-size:.75rem}
.ati-curated-filters{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:12px;border:1px solid #eee7f5;border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 12px 30px rgba(67,43,96,.05)}
.ati-curated-filters button{border:1px solid #e6def0;background:#fff;color:#514362;border-radius:15px;padding:11px 14px;font-weight:850;cursor:pointer}
.ati-curated-filters button:hover,.ati-curated-filters button.is-active{border-color:#9c75ee;background:#f7f2ff;color:#6635d3;box-shadow:0 6px 14px rgba(104,61,205,.09)}
.ati-curated-filters .ati-map-choice{margin-left:auto;border-color:#9d79ed;color:#6335d1;background:#fbf9ff}
.ati-curated-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 4px 12px}
.ati-curated-title h3{font-size:1.45rem;margin:0 0 4px;color:#3b2657}
.ati-curated-title>div>p{margin:0;color:#81758f;font-size:.78rem}
.ati-curated-title aside{max-width:390px;display:flex;align-items:center;gap:11px;padding:9px 13px;border:1px solid #edd8bd;background:#fff9f1;border-radius:16px}
.ati-curated-title aside span{font-size:1.5rem}.ati-curated-title aside p{margin:0;font-size:.72rem;line-height:1.35;color:#665570}
.ati-curated-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ati-curated-card{position:relative;min-width:0;border:1px solid #ebe3f1;border-radius:21px;overflow:hidden;background:#fff;box-shadow:0 12px 30px rgba(58,38,83,.1);cursor:pointer;transition:.2s}
.ati-curated-card:hover,.ati-curated-card:focus-visible{transform:translateY(-4px);box-shadow:0 18px 38px rgba(58,38,83,.16);outline:2px solid #9c70ed;outline-offset:2px}
.ati-curated-card.is-featured{grid-column:span 2}
.ati-curated-photo{height:176px;position:relative;background:#eee7fa;overflow:hidden}
.ati-curated-card.is-featured .ati-curated-photo{height:205px}
.ati-curated-photo picture,.ati-curated-photo img{display:block;width:100%;height:100%;object-fit:cover}
.ati-curated-photo:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(45,27,61,.72))}
.ati-curated-photo>span{position:absolute;z-index:2;left:12px;top:11px;background:rgba(255,255,255,.9);border-radius:999px;padding:6px 9px;font-size:.62rem;font-weight:900;color:#4f4070}
.ati-curated-photo>b{position:absolute;z-index:2;right:10px;top:10px;display:grid;gap:1px;text-align:center;background:rgba(255,255,255,.94);padding:6px 8px;border-radius:12px;color:#7451cf;font-size:.48rem}.ati-curated-photo>b strong{font-size:1.25rem}
.ati-curated-copy{padding:12px}.ati-curated-copy h3{font-size:1.55rem;margin:0;color:#3c2756}.ati-curated-copy>p{margin:2px 0;color:#ef5e6b;font-size:1rem;font-weight:950}.ati-curated-copy>small{color:#72647e;font-weight:800}
.ati-curated-copy footer{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:end;margin-top:10px;padding-top:9px;border-top:1px solid #f0eaf4}
.ati-curated-copy footer div{display:grid;gap:2px}.ati-curated-copy footer div span{font-size:.68rem;color:#75677e}.ati-curated-copy footer div span strong{font-size:1.3rem;color:#ef6069}.ati-curated-copy footer em{font-style:normal;font-size:.62rem;color:#675a73}
.ati-curated-copy footer i{grid-column:1;font-style:normal;width:max-content;max-width:100%;padding:5px 8px;border-radius:999px;background:#f8f0e8;color:#765d48;font-size:.61rem;font-weight:850}
.ati-curated-copy footer button{grid-column:2;grid-row:1/3;border:1px solid #a47aed;background:#fff;color:#6537ce;padding:9px 10px;border-radius:12px;font-weight:900;pointer-events:none}
.ati-curated-footer{position:sticky;bottom:0;z-index:8;margin-top:15px;padding:10px 15px;display:flex;align-items:center;gap:12px;border:1px solid #ded1f5;background:rgba(252,249,255,.96);backdrop-filter:blur(14px);border-radius:19px;box-shadow:0 -8px 28px rgba(61,38,91,.08)}
.ati-curated-footer span{margin-right:auto;color:#625570;font-size:.72rem}.ati-curated-footer button{border:1px solid #9d76e9;background:#fff;color:#6335cb;padding:11px 16px;border-radius:14px;font-weight:900;cursor:pointer}.ati-curated-footer button:first-of-type{background:linear-gradient(135deg,#9f72ee,#7140d8);color:#fff;min-width:280px}
.ati-curated-map-modal{position:fixed;inset:0;z-index:1000010;display:none;place-items:center;padding:24px;background:rgba(62,45,76,.38);backdrop-filter:blur(12px)}
.ati-curated-map-modal.is-open{display:grid}.ati-curated-map-dialog{width:min(1100px,96vw);background:#fffdfb;border-radius:28px;padding:20px;box-shadow:0 30px 90px rgba(47,29,68,.26)}
.ati-curated-map-dialog>header{display:flex;justify-content:space-between;gap:20px;margin-bottom:14px}.ati-curated-map-dialog h2{margin:4px 0;color:#3e2858}.ati-curated-map-dialog p{margin:0;color:#7b6e87}.ati-curated-map-dialog>header>button{width:42px;height:42px;border:0;border-radius:50%;background:#f2ecfb;color:#6234c8;font-size:1.5rem;cursor:pointer}
.ati-curated-map-canvas{position:relative;min-height:540px;border-radius:23px;overflow:hidden;background:radial-gradient(circle at 68% 60%,#fff 0 4%,transparent 5%),linear-gradient(135deg,#e8f4ff,#d9eafb 48%,#f3ecdb 49%,#fffaf0);border:1px solid #dfe9ef}
.ati-curated-map-canvas:before{content:"ΕΥΡΩΠΗ · επιλέξιμος χάρτης ευκαιριών";position:absolute;left:18px;top:16px;color:#887b91;font-size:.67rem;font-weight:900;letter-spacing:.08em}
.ati-map-origin{position:absolute;right:8%;bottom:10%;padding:9px 12px;border-radius:14px;background:#ffebe6;color:#dc624e;font-weight:950;box-shadow:0 8px 20px rgba(116,65,55,.13)}
.ati-curated-map-canvas button{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;gap:2px;min-width:145px;padding:9px 11px;border:1px solid #c9b7ed;border-radius:15px;background:rgba(255,255,255,.95);color:#4c3868;cursor:pointer;box-shadow:0 9px 24px rgba(67,47,92,.13);text-align:left}.ati-curated-map-canvas button:hover,.ati-curated-map-canvas button:focus{z-index:3;transform:translate(-50%,-50%) scale(1.05);outline:3px solid rgba(117,72,220,.22)}.ati-curated-map-canvas button small{font-size:.6rem;color:#7a6d85}.ati-curated-map-canvas button strong{color:#ef5f6a}
@media(max-width:1100px){.ati-curated-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ati-curated-head{align-items:flex-start}.ati-curated-family span{display:none}.ati-curated-title aside{display:none}}
@media(max-width:760px){.ati-curated-workspace{padding:12px 10px 90px}.ati-curated-head{display:block}.ati-curated-head h2{font-size:2rem}.ati-curated-family{justify-content:flex-start;margin-top:10px}.ati-curated-filters{flex-wrap:nowrap;overflow:auto}.ati-curated-filters button{white-space:nowrap}.ati-curated-filters .ati-map-choice{margin-left:0}.ati-curated-title{display:block}.ati-curated-grid{grid-template-columns:1fr}.ati-curated-card.is-featured{grid-column:auto}.ati-curated-footer{flex-wrap:wrap}.ati-curated-footer span{width:100%}.ati-curated-footer button,.ati-curated-footer button:first-of-type{flex:1;min-width:0}.ati-curated-map-modal{padding:8px}.ati-curated-map-canvas{min-height:65vh}.ati-curated-map-canvas button{min-width:110px;font-size:.7rem}}
.ati-view.ati-travel-fullpage-view{
position:fixed !important;
inset:0 !important;
z-index:999990 !important;
width:100vw !important;
height:100dvh !important;
max-width:none !important;
max-height:none !important;
margin:0 !important;
padding:0 !important;
border-radius:0 !important;
background:#fbf9ff !important;
overflow:auto !important;
overscroll-behavior:contain;
}
.ati-view.ati-travel-fullpage-view .ati-shell,
.ati-view.ati-travel-fullpage-view .ati-workspace,
.ati-view.ati-travel-fullpage-view .ati-stage,
.ati-view.ati-travel-fullpage-view .ati-page,
.ati-view.ati-travel-fullpage-view [data-ati-page]{
width:100% !important;
max-width:none !important;
min-height:100dvh;
}
.ati-travel-fullpage-header{
position:sticky;
top:0;
z-index:20;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:16px 20px;
background:rgba(251,249,255,.94);
backdrop-filter:blur(18px);
border-bottom:1px solid rgba(118,87,201,.12);
}
.ati-travel-fullpage-header .ati-travel-title{
min-width:0;
}
.ati-travel-fullpage-header small{
display:block;
color:#7d61c8;
font-weight:800;
letter-spacing:.09em;
font-size:.68rem;
}
.ati-travel-fullpage-header h1{
margin:3px 0 0;
color:#453451;
font-size:clamp(1.35rem,2.2vw,2rem);
}
.ati-travel-fullpage-close{
flex:0 0 auto;
width:44px;
height:44px;
border:0;
border-radius:16px;
background:#efe8ff;
color:#6747c6;
font-size:1.3rem;
cursor:pointer;
box-shadow:0 8px 24px rgba(91,63,140,.08);
}
.ati-view.ati-travel-fullpage-view .ati-discovery-rail,
.ati-view.ati-travel-fullpage-view .ati-live-board,
.ati-view.ati-travel-fullpage-view .ati-hub{
max-width:1480px;
margin-left:auto;
margin-right:auto;
}
.ati-view.ati-travel-fullpage-view .ati-discovery-rail{
margin-top:18px;
}
@media(max-width:620px){
.ati-travel-fullpage-header{padding:12px 14px}
.ati-travel-fullpage-close{width:40px;height:40px;border-radius:14px}
.ati-view.ati-travel-fullpage-view{background:#fcfbff !important}
}
/* AGNES Adaptive Living Scene 1.17.1
TRUE full-page Travel: target the real .ati-overlay rendered by Travel Intelligence. */
.ati-overlay.is-open{
position:fixed !important;
inset:0 !important;
width:100vw !important;
height:100dvh !important;
max-width:none !important;
max-height:none !important;
margin:0 !important;
border-radius:0 !important;
overflow:auto !important;
background:linear-gradient(145deg,#faf8ff 0%,#f7fbff 58%,#f6f0ff 100%) !important;
}
.ati-overlay.is-open .ati-shell{
width:100% !important;
max-width:none !important;
min-height:100dvh !important;
margin:0 !important;
padding:12px 18px 80px !important;
}
.ati-overlay.is-open .ati-layout{
display:block !important;
width:100% !important;
max-width:none !important;
margin-top:16px !important;
}
.ati-overlay.is-open .ati-main{
width:100% !important;
max-width:none !important;
display:grid !important;
gap:18px !important;
}
/* No Family Status/right sidebar inside a focused Travel workspace. */
.ati-overlay.is-open .ati-side,
.ati-overlay.is-open .ati-mobile-status-toggle{
display:none !important;
}
/* Every Travel section uses the available page width. */
.ati-overlay.is-open .ati-main > *,
.ati-overlay.is-open .ati-discovery-rail,
.ati-overlay.is-open .ati-live-board,
.ati-overlay.is-open .ati-search,
.ati-overlay.is-open .ati-hero{
width:100% !important;
max-width:none !important;
}
.ati-overlay.is-open .ati-top{
width:100% !important;
max-width:none !important;
top:6px !important;
}
/* Give the hero a real workspace presence on desktop. */
@media(min-width:900px){
.ati-overlay.is-open .ati-hero{
min-height:360px !important;
}
.ati-overlay.is-open .ati-hero-copy{
width:52% !important;
max-width:720px !important;
}
}
/* Keep mobile genuinely full screen too. */
@media(max-width:620px){
.ati-overlay.is-open .ati-shell{
padding:8px 10px 56px !important;
}
.ati-overlay.is-open .ati-top{
top:4px !important;
border-radius:18px !important;
}
.ati-overlay.is-open .ati-hero{
border-radius:24px !important;
}
}
/* AGNES Adaptive Living Scene 1.17.2
Cyprus hotel rail ghost/sliver fix */
.ati-overlay.is-open .ati-cyprus-staycations .ati-hotel-grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(240px,1fr)) !important;
grid-auto-flow:row !important;
grid-auto-columns:unset !important;
align-items:stretch !important;
gap:14px !important;
overflow:visible !important;
width:100% !important;
max-width:100% !important;
}
.ati-overlay.is-open .ati-cyprus-staycations .ati-hotel-card{
display:flex !important;
flex-direction:column !important;
flex:initial !important;
width:auto !important;
min-width:0 !important;
max-width:none !important;
transform:none !important;
writing-mode:horizontal-tb !important;
text-orientation:mixed !important;
overflow:hidden !important;
}
.ati-overlay.is-open .ati-cyprus-staycations .ati-hotel-card:nth-child(n){
margin:0 !important;
left:auto !important;
right:auto !important;
}
.ati-overlay.is-open .ati-cyprus-staycations .ati-hotel-photo,
.ati-overlay.is-open .ati-cyprus-staycations .ati-hotel-body{
width:100% !important;
min-width:0 !important;
}
@media(max-width:1180px) and (min-width:721px){
.ati-overlay.is-open .ati-cyprus-staycations .ati-hotel-grid{
grid-template-columns:repeat(2,minmax(260px,1fr)) !important;
}
}
@media(max-width:720px){
.ati-overlay.is-open .ati-cyprus-staycations .ati-hotel-grid{
display:flex !important;
grid-template-columns:none !important;
overflow-x:auto !important;
overflow-y:hidden !important;
gap:10px !important;
scroll-snap-type:x mandatory;
}
.ati-overlay.is-open .ati-cyprus-staycations .ati-hotel-card{
flex:0 0 82vw !important;
width:82vw !important;
max-width:82vw !important;
scroll-snap-align:start;
}
}
/* AGNES Adaptive Living Scene 1.18.0
Staycation dates + Olympiacos logos */
.ati-staycation-date-strip{
display:flex;
gap:10px;
overflow:auto;
padding:10px 0 6px;
scrollbar-width:none;
}
.ati-staycation-date-strip::-webkit-scrollbar{display:none}
.ati-staycation-date-pill{
flex:0 0 auto;
min-width:180px;
padding:10px 12px;
border-radius:16px;
background:linear-gradient(135deg,#f5efff,#eef5ff);
border:1px solid #e8dffd;
}
.ati-staycation-date-pill b{
display:block;
color:#6547bf;
font-size:.76rem;
}
.ati-staycation-date-pill span{
display:block;
color:#7c7190;
font-size:.7rem;
margin-top:3px;
}
.ati-staycation-date-badge{
position:absolute;
left:10px;
bottom:10px;
padding:6px 9px;
border-radius:999px;
background:rgba(255,255,255,.92);
color:#6849c5;
font-size:.63rem;
font-weight:800;
letter-spacing:.03em;
}
.ati-staycation-meta{
display:flex;
flex-direction:column;
gap:4px;
margin:8px 0 10px;
}
.ati-staycation-meta span{
color:#736986;
font-size:.68rem;
}
.ati-hotel-modal-tripline{
display:flex;
gap:10px;
flex-wrap:wrap;
margin:10px 0 0;
}
.ati-hotel-modal-tripline span{
padding:7px 10px;
border-radius:999px;
background:#f1ecfb;
color:#6d5d84;
font-size:.72rem;
}
.ati-experience-art.is-match-art::after{
content:'';
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(32,22,52,.08),rgba(18,12,34,.42));
}
.ati-experience-art .ati-league-logo{
position:absolute;
right:12px;
bottom:12px;
z-index:3;
width:38px;
height:38px;
border-radius:12px;
background:rgba(255,255,255,.92);
display:grid;
place-items:center;
box-shadow:0 10px 20px rgba(29,15,50,.12);
}
.ati-experience-art .ati-league-logo img{
width:24px;
height:24px;
object-fit:contain;
}
.ati-olympiacos-versus{
position:absolute;
left:12px;
bottom:12px;
z-index:3;
display:flex;
align-items:center;
gap:8px;
padding:7px 9px;
border-radius:16px;
background:rgba(255,255,255,.92);
box-shadow:0 12px 28px rgba(35,18,56,.14);
}
.ati-olympiacos-versus i{
width:34px;
height:34px;
border-radius:50%;
background:#fff;
border:1px solid #ede6fb;
display:grid;
place-items:center;
overflow:hidden;
font-style:normal;
}
.ati-olympiacos-versus i img{
width:24px;
height:24px;
object-fit:contain;
}
.ati-olympiacos-versus b{
color:#ce1f3d;
font-size:.72rem;
letter-spacing:.08em;
}
/* AGNES Adaptive Living Scene 1.18.1 — real sports identity */
.ati-experience-card.is-olympiacos .ati-experience-art{
background:linear-gradient(135deg,#fff5f7 0%,#f6f1ff 55%,#eef5ff 100%);
}
.ati-match-backdrop{
position:absolute;
inset:0;
display:grid;
place-items:center;
background:
radial-gradient(circle at 25% 25%,rgba(210,31,62,.10),transparent 35%),
radial-gradient(circle at 75% 70%,rgba(108,74,190,.12),transparent 38%),
linear-gradient(135deg,#fffafa,#f8f5ff);
}
.ati-match-backdrop>span{
opacity:.07;
font-size:5rem;
filter:grayscale(1);
}
.ati-experience-card.is-olympiacos .ati-olympiacos-versus{
left:50%;
bottom:50%;
transform:translate(-50%,50%);
padding:10px 14px;
gap:12px;
}
.ati-experience-card.is-olympiacos .ati-olympiacos-versus i{
width:52px;
height:52px;
}
.ati-experience-card.is-olympiacos .ati-olympiacos-versus i img{
width:38px;
height:38px;
}
.ati-experience-card.is-olympiacos .ati-olympiacos-versus b{
font-size:.78rem;
}
/* AGNES Adaptive Living Scene 1.18.2 — Olympiacos modal identity */
.is-olympiacos-detail .ati-detail-image{
background:linear-gradient(145deg,#fff7f8,#f4efff 60%,#edf5ff);
display:grid;
place-items:center;
}
.ati-detail-match-visual{
position:relative;
width:100%;
height:100%;
min-height:260px;
display:flex;
align-items:center;
justify-content:center;
gap:24px;
background:
radial-gradient(circle at 24% 35%,rgba(211,32,61,.13),transparent 30%),
radial-gradient(circle at 78% 70%,rgba(105,71,190,.13),transparent 34%);
}
.ati-detail-match-visual>i{
width:94px;
height:94px;
border-radius:28px;
background:rgba(255,255,255,.94);
display:grid;
place-items:center;
box-shadow:0 18px 40px rgba(50,30,80,.12);
border:1px solid rgba(120,85,180,.10);
overflow:hidden;
}
.ati-detail-match-visual>i img{
width:68px;
height:68px;
object-fit:contain;
}
.ati-detail-match-visual>i span{
font-size:2rem;
opacity:.45;
}
.ati-detail-match-visual>b{
color:#d0203e;
font-size:1rem;
letter-spacing:.12em;
}
.ati-detail-match-visual>em{
position:absolute;
left:18px;
top:18px;
width:42px;
height:42px;
border-radius:14px;
background:rgba(255,255,255,.94);
display:grid;
place-items:center;
}
.ati-detail-match-visual>em img{
width:28px;
height:28px;
object-fit:contain;
}
@media(max-width:620px){
.ati-detail-match-visual{min-height:210px;gap:16px}
.ati-detail-match-visual>i{width:76px;height:76px;border-radius:22px}
.ati-detail-match-visual>i img{width:54px;height:54px}
}
/* AGNES Adaptive Living Scene 1.19.0 — Travel Airboard focus */
.ati-airboard-focus{
position:relative;
margin:0 0 22px;
padding:22px;
border-radius:30px;
background:
radial-gradient(circle at top right,rgba(168,132,255,.18),transparent 28%),
linear-gradient(180deg,#faf8ff 0%,#f4efff 100%);
border:1px solid rgba(131,104,214,.10);
box-shadow:0 22px 60px rgba(77,49,132,.10);
}
.ati-airboard-meta{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:18px;
margin-bottom:18px;
}
.ati-airboard-meta small{
display:block;
font-size:.76rem;
letter-spacing:.18em;
text-transform:uppercase;
color:#7d6bc7;
font-weight:800;
margin-bottom:8px;
}
.ati-airboard-meta h2{
margin:0 0 8px;
font-size:2rem;
line-height:1.05;
color:#35295f;
}
.ati-airboard-meta p{
margin:0;
max-width:740px;
color:#665d86;
}
.ati-airboard-actions{
min-width:300px;
display:flex;
flex-direction:column;
gap:12px;
align-items:stretch;
}
.ati-airboard-shell{
overflow:hidden;
border-radius:28px;
border:1px solid rgba(255,214,102,.15);
background:
linear-gradient(180deg,rgba(255,179,0,.04),rgba(255,179,0,0) 18%),
linear-gradient(180deg,#0f1722 0%,#121b28 100%);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 24px 60px rgba(8,11,18,.20);
}
.ati-airboard-topline,
.ati-airboard-head,
.ati-airboard-row{
display:grid;
grid-template-columns:84px 70px 1.4fr 1.25fr 1.1fr 1fr 1.35fr;
gap:12px;
align-items:center;
}
.ati-airboard-topline{
padding:12px 18px;
background:rgba(255,255,255,.04);
border-bottom:1px solid rgba(255,255,255,.05);
}
.ati-airboard-topline span{
font-size:.72rem;
text-transform:uppercase;
letter-spacing:.14em;
color:#9cc0d7;
}
.ati-airboard-topline span:first-child{
grid-column:1 / span 3;
}
.ati-airboard-head{
padding:14px 18px 12px;
border-bottom:1px solid rgba(255,200,87,.16);
}
.ati-airboard-head span{
font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
font-size:.78rem;
font-weight:700;
letter-spacing:.14em;
color:#7eb0c7;
text-transform:uppercase;
}
.ati-airboard-body{
min-height:52vh;
}
.ati-airboard-row{
padding:14px 18px;
border-bottom:1px solid rgba(255,255,255,.05);
transition:background .2s ease;
}
.ati-airboard-row:hover{
background:rgba(255,255,255,.04);
}
.ati-airboard-cell{
min-width:0;
font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
letter-spacing:.04em;
color:#f6cd57;
text-transform:uppercase;
}
.ati-airboard-cell.is-time,
.ati-airboard-cell.is-flight{
font-weight:800;
}
.ati-airboard-cell.is-destination{
font-size:1rem;
font-weight:800;
color:#fff1c2;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.ati-airboard-cell.is-window,
.ati-airboard-cell.is-note{
color:#d0dde9;
text-transform:none;
letter-spacing:0;
}
.ati-airboard-cell.is-type{
color:#a8d8ff;
}
.ati-airboard-cell.is-status b{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:90px;
padding:7px 10px;
border-radius:999px;
background:rgba(255,197,73,.10);
border:1px solid rgba(255,197,73,.18);
color:#ffd35b;
font-size:.78rem;
}
.ati-airboard-footer{
display:flex;
justify-content:space-between;
gap:18px;
margin-top:12px;
color:#6d648d;
font-size:.9rem;
}
.ati-airboard-focus .ati-search-toggle{
width:100%;
}
.ati-airboard-focus .ati-live-scan{
display:flex;
flex-direction:column;
gap:6px;
}
.ati-airboard-focus .ati-live-scan small{
letter-spacing:0;
text-transform:none;
margin:0;
}
@media (max-width:1180px){
.ati-airboard-meta{
flex-direction:column;
}
.ati-airboard-actions{
width:100%;
min-width:0;
}
.ati-airboard-body{
min-height:44vh;
}
}
@media (max-width:900px){
.ati-airboard-shell{
overflow:auto;
}
.ati-airboard-topline,
.ati-airboard-head,
.ati-airboard-row{
min-width:980px;
}
}
@media (max-width:760px){
.ati-airboard-focus{
padding:18px 14px;
border-radius:24px;
}
.ati-airboard-meta h2{
font-size:1.55rem;
}
.ati-airboard-footer{
flex-direction:column;
font-size:.84rem;
}
.ati-airboard-body{
min-height:36vh;
}
}
/* 1.20.0: Airboard moved to Home scroll page; Travel overlay is drill-down only */
.ati-travel-detail-intro{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:22px 24px;
margin-bottom:16px;
border-radius:24px;
background:linear-gradient(135deg,#f5efff,#eef5ff);
border:1px solid #e3d9f4;
}
.ati-travel-detail-intro small{
color:#7657c9;
font-weight:850;
letter-spacing:.1em;
}
.ati-travel-detail-intro h2{
margin:5px 0;
color:#43335e;
}
.ati-travel-detail-intro p{
margin:0;
color:#756a83;
max-width:720px;
}
.ati-travel-detail-intro .ati-search-toggle{
flex:0 0 min(360px,38%);
}
@media(max-width:760px){
.ati-travel-detail-intro{
flex-direction:column;
align-items:stretch;
}
.ati-travel-detail-intro .ati-search-toggle{
flex:auto;
width:100%;
}
}
/* ==========================================================
AGNES Adaptive Living Scene 1.21.0 · AIRPORT MODAL SYSTEM
========================================================== */
.ati-detail-modal,
.ati-flights-modal{
background:
radial-gradient(circle at 80% 12%,rgba(139,104,211,.18),transparent 28%),
rgba(42,37,67,.56) !important;
backdrop-filter:blur(20px) saturate(1.08) !important;
-webkit-backdrop-filter:blur(20px) saturate(1.08) !important;
}
.ati-detail-dialog,
.ati-flights-dialog{
position:relative !important;
overflow:hidden !important;
border:1px solid rgba(116,82,188,.16) !important;
background:
linear-gradient(180deg,rgba(255,255,255,.96),rgba(249,246,255,.98)) !important;
}
.ati-detail-dialog::before,
.ati-flights-dialog::before{
content:'';
position:absolute;
left:0;right:0;top:0;
height:5px;
background:linear-gradient(90deg,#7951cc,#c195e8,#8dbfdc,#7951cc);
opacity:.9;
z-index:6;
}
/* Hero becomes an airport-window / lounge composition */
.ati-airport-detail-hero{
position:relative !important;
padding:8px !important;
border-radius:24px !important;
background:
radial-gradient(circle at 85% 15%,rgba(193,157,232,.24),transparent 30%),
linear-gradient(135deg,#f7f1ff,#eef5ff) !important;
border:1px solid #e5daf4 !important;
}
.ati-airport-detail-hero .ati-detail-image{
min-height:280px !important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.3) !important;
}
.ati-airport-window-overlay{
position:absolute;
left:14px;
bottom:14px;
display:grid;
grid-template-columns:auto auto;
gap:2px 8px;
align-items:center;
padding:9px 12px;
border-radius:14px;
background:rgba(35,31,58,.76);
color:#fff;
backdrop-filter:blur(12px);
}
.ati-airport-window-overlay>span{
grid-row:1/span 2;
font-size:1.25rem;
color:#f3d37b;
}
.ati-airport-window-overlay>b{
font-size:.68rem;
letter-spacing:.12em;
}
.ati-airport-window-overlay>small{
font-size:.62rem;
color:#d8d0e8;
}
.ati-airport-title-tags{
display:flex;
gap:6px;
flex-wrap:wrap;
margin-top:12px;
}
.ati-airport-title-tags span{
padding:6px 9px;
border-radius:999px;
background:#f0e9fb;
border:1px solid #e3d8f5;
color:#625078;
font-size:.66rem;
font-weight:800;
}
/* Boarding pass / trip preview strip */
.ati-airport-pass{
position:relative;
display:grid;
grid-template-columns:minmax(160px,1.2fr) minmax(105px,.72fr) 52px minmax(140px,1fr) minmax(150px,1fr) minmax(120px,.82fr) minmax(140px,.92fr);
gap:0;
align-items:stretch;
margin:14px 0;
border:1px solid rgba(93,70,145,.18);
border-radius:20px;
overflow:hidden;
background:
repeating-linear-gradient(90deg,rgba(116,90,171,.025) 0 1px,transparent 1px 11px),
linear-gradient(135deg,#fffdfd,#f7f2ff);
box-shadow:0 10px 28px rgba(73,49,111,.08);
}
.ati-airport-pass::after{
content:'';
position:absolute;
top:0;bottom:0;
left:calc(1.2fr);
pointer-events:none;
}
.ati-airport-pass-brand,
.ati-airport-pass-cell,
.ati-airport-pass-route{
min-width:0;
padding:12px 13px;
border-right:1px dashed rgba(97,76,141,.18);
}
.ati-airport-pass-brand{
display:flex;
align-items:center;
gap:10px;
background:linear-gradient(135deg,#332a50,#463762);
color:#fff;
}
.ati-airport-pass-brand>span{
font-size:1.35rem;
color:#f2d37d;
}
.ati-airport-pass-brand div{
min-width:0;
display:grid;
gap:2px;
}
.ati-airport-pass-brand small{
font-size:.56rem;
color:#c9bfdc;
letter-spacing:.11em;
}
.ati-airport-pass-brand b{
font-size:.77rem;
letter-spacing:.07em;
}
.ati-airport-pass-brand em{
margin-left:auto;
font-style:normal;
font-size:.52rem;
color:#d8cee8;
writing-mode:vertical-rl;
transform:rotate(180deg);
letter-spacing:.08em;
}
.ati-airport-pass-cell{
display:flex;
flex-direction:column;
justify-content:center;
gap:3px;
}
.ati-airport-pass-cell small{
font-size:.54rem;
font-weight:900;
letter-spacing:.11em;
color:#8c80a1;
}
.ati-airport-pass-cell b{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#3d3150;
font-size:.76rem;
}
.ati-airport-pass-cell span{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#8a8095;
font-size:.61rem;
}
.ati-airport-pass-cell.is-status b{
color:#4c9a65;
}
.ati-airport-pass-route{
display:flex;
align-items:center;
justify-content:center;
gap:4px;
color:#8a6ac6;
}
.ati-airport-pass-route i{
width:10px;
height:1px;
background:#c5b5dd;
}
.ati-airport-pass-route span{
font-size:1rem;
}
/* Detail summaries now feel like terminal information tiles */
.ati-detail-summary article{
position:relative !important;
overflow:hidden !important;
background:linear-gradient(180deg,#fff,#faf7ff) !important;
}
.ati-detail-summary article::before{
content:'';
position:absolute;
top:0;left:0;bottom:0;
width:3px;
background:linear-gradient(#8364ce,#a4cce2);
}
.ati-detail-actions{
padding:12px !important;
border-radius:18px !important;
background:linear-gradient(135deg,#f1ebfa,#edf5fb) !important;
border:1px solid #e2d9f1 !important;
}
.ati-detail-actions .is-primary{
box-shadow:0 10px 24px rgba(103,64,205,.18) !important;
}
/* Flights modal: terminal signage */
.ati-flights-dialog{
background:
radial-gradient(circle at 90% 0%,rgba(156,124,220,.12),transparent 24%),
#fbfaff !important;
}
.ati-modal-head{
padding:4px 3px 0 !important;
}
.ati-modal-head small{
letter-spacing:.14em !important;
}
.ati-flight-terminal-strip{
display:grid;
grid-template-columns:1.25fr .7fr 42px 1fr 1.1fr 1fr .86fr;
gap:8px;
padding:12px;
margin:0 0 14px;
border-radius:18px;
background:linear-gradient(135deg,#302a48,#413553);
color:#fff;
box-shadow:0 16px 34px rgba(37,27,57,.15);
}
.ati-flight-terminal-strip>div{
min-width:0;
display:grid;
gap:3px;
padding:7px 9px;
border-radius:12px;
background:rgba(255,255,255,.045);
}
.ati-flight-terminal-strip small{
color:#b9afcb;
font-size:.54rem;
font-weight:900;
letter-spacing:.1em;
}
.ati-flight-terminal-strip b{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#f4d77f;
font-size:.75rem;
}
.ati-flight-terminal-strip .is-live b{
color:#8ce3a5;
}
.ati-flight-terminal-route{
align-self:center;
justify-self:center;
color:#f3d47e;
font-size:1.2rem;
}
.ati-flight-controls{
border:1px solid #e6def1;
border-radius:20px;
padding:14px;
background:linear-gradient(180deg,#fff,#faf8fd);
}
.ati-board-head{
margin-top:14px !important;
padding:10px 13px !important;
border-radius:12px 12px 0 0 !important;
background:#393148 !important;
color:#c5bdd2 !important;
}
.ati-board{
padding:10px !important;
border-radius:0 0 18px 18px !important;
background:linear-gradient(180deg,#332d42,#282436) !important;
}
.ati-flight-row{
border-color:rgba(255,255,255,.08) !important;
background:rgba(255,255,255,.94) !important;
}
/* Hotel modal gets an arrival-lounge identity */
.ati-hotel-modal{
background:rgba(38,31,55,.58) !important;
backdrop-filter:blur(18px) !important;
}
.ati-hotel-modal-card{
width:min(900px,96vw) !important;
border:1px solid rgba(126,88,190,.16) !important;
background:linear-gradient(180deg,#fff,#faf7ff) !important;
}
.ati-hotel-airport-hero{
aspect-ratio:2.6/1 !important;
}
.ati-hotel-runway-overlay{
position:absolute;
right:16px;
bottom:16px;
display:grid;
gap:3px;
padding:9px 12px;
border-radius:14px;
background:rgba(38,31,55,.78);
color:#fff;
backdrop-filter:blur(12px);
}
.ati-hotel-runway-overlay b{
color:#f2d37b;
font-size:.65rem;
letter-spacing:.1em;
}
.ati-hotel-runway-overlay span{
color:#d8d0e4;
font-size:.62rem;
}
.ati-hotel-modal-content>.ati-airport-pass{
margin:14px 0 18px;
}
.ati-hotel-area-label{
display:block;
margin-top:2px;
}
/* Olympiacos / events keep sports identity but now sit inside travel-terminal language */
.is-olympiacos-detail .ati-detail-match-visual{
background:
radial-gradient(circle at 22% 30%,rgba(210,31,62,.14),transparent 30%),
radial-gradient(circle at 78% 70%,rgba(105,71,190,.14),transparent 34%),
linear-gradient(145deg,#f9f3fb,#eef4fb) !important;
}
.is-olympiacos-detail .ati-detail-image::after{
content:'MATCH DEPARTURE';
position:absolute;
left:14px;
bottom:14px;
padding:7px 10px;
border-radius:999px;
background:rgba(42,34,59,.82);
color:#f3d37c;
font-size:.58rem;
font-weight:900;
letter-spacing:.1em;
}
/* Mobile: immersive airport modal, not a squeezed desktop table */
@media(max-width:700px){
.ati-detail-modal,
.ati-flights-modal{
padding:0 !important;
background:rgba(31,27,45,.78) !important;
}
.ati-detail-dialog,
.ati-flights-dialog{
width:100% !important;
max-height:none !important;
min-height:100dvh !important;
margin:0 !important;
padding:12px 12px calc(28px + env(safe-area-inset-bottom)) !important;
border-radius:0 !important;
border:0 !important;
}
.ati-detail-hero{
grid-template-columns:1fr !important;
min-height:0 !important;
gap:8px !important;
padding:6px !important;
}
.ati-airport-detail-hero .ati-detail-image{
min-height:220px !important;
max-height:34vh !important;
}
.ati-detail-title{
padding:12px 10px 10px !important;
}
.ati-detail-title h2{
margin-top:5px !important;
font-size:28px !important;
}
.ati-detail-title>button{
position:fixed !important;
right:12px !important;
top:calc(10px + env(safe-area-inset-top)) !important;
z-index:50 !important;
background:rgba(255,255,255,.92) !important;
box-shadow:0 8px 22px rgba(38,27,58,.16) !important;
}
.ati-airport-title-tags{
gap:5px;
}
.ati-airport-title-tags span{
font-size:.6rem;
padding:5px 7px;
}
.ati-airport-pass{
display:flex;
overflow-x:auto;
gap:8px;
padding:8px;
border-radius:18px;
scroll-snap-type:x mandatory;
scrollbar-width:none;
background:linear-gradient(135deg,#2f2947,#3d3354);
}
.ati-airport-pass::-webkit-scrollbar{display:none}
.ati-airport-pass-brand,
.ati-airport-pass-cell,
.ati-airport-pass-route{
flex:0 0 auto;
min-width:120px;
min-height:72px;
border:0;
border-radius:12px;
background:rgba(255,255,255,.065);
scroll-snap-align:start;
}
.ati-airport-pass-brand{
min-width:155px;
}
.ati-airport-pass-brand em{
display:none;
}
.ati-airport-pass-cell small{
color:#bfb4cf;
}
.ati-airport-pass-cell b{
color:#fff4cf;
}
.ati-airport-pass-cell span{
color:#d0c8da;
}
.ati-airport-pass-cell.is-status b{
color:#92e1a8;
}
.ati-airport-pass-route{
min-width:54px;
color:#f3d37b;
}
.ati-detail-summary{
grid-template-columns:1fr 1fr !important;
gap:8px !important;
}
.ati-detail-summary article:nth-child(3){
grid-column:1/-1;
}
.ati-detail-actions{
grid-template-columns:1fr 1fr !important;
position:sticky !important;
bottom:0 !important;
z-index:12 !important;
box-shadow:0 -12px 30px rgba(49,36,72,.08) !important;
}
.ati-detail-actions button{
min-height:48px !important;
}
.ati-flight-terminal-strip{
display:flex;
overflow-x:auto;
gap:7px;
padding:8px;
scrollbar-width:none;
}
.ati-flight-terminal-strip::-webkit-scrollbar{display:none}
.ati-flight-terminal-strip>div{
flex:0 0 118px;
min-height:58px;
}
.ati-flight-terminal-route{
flex:0 0 36px;
}
.ati-flight-controls{
grid-template-columns:1fr 1fr !important;
gap:8px !important;
padding:10px !important;
}
.ati-flight-controls label{
min-width:0 !important;
}
.ati-flight-controls label:nth-child(5),
.ati-flight-controls label:nth-child(6),
.ati-flight-controls .ati-flex-choice,
.ati-flight-controls .ati-flight-apply{
grid-column:1/-1;
}
.ati-board{
padding:8px !important;
}
.ati-flight-row{
grid-template-columns:1fr 1fr !important;
border-radius:14px !important;
}
.ati-hotel-modal{
padding:0 !important;
place-items:end center !important;
}
.ati-hotel-modal-card{
width:100% !important;
max-height:100dvh !important;
min-height:94dvh !important;
border-radius:26px 26px 0 0 !important;
}
.ati-hotel-airport-hero{
aspect-ratio:1.5/1 !important;
}
.ati-hotel-runway-overlay{
right:12px;
bottom:12px;
left:12px;
}
.ati-hotel-modal-content{
padding:16px !important;
}
.ati-hotel-modal-content>.ati-airport-pass{
margin-top:10px;
}
}
/* AGNES Travel 1.41.2 — corrected title scale and spacing */
.als-travel-magazine-page .atm-approved-top{
min-height:78px!important;
align-items:center!important;
margin:0 0 18px!important;
padding:0 2px!important;
}
.als-travel-magazine-page .atm-approved-top h2{
margin:0!important;
font-size:clamp(34px,3.1vw,52px)!important;
line-height:1.06!important;
letter-spacing:-.035em!important;
white-space:normal!important;
}
.als-travel-magazine-page .atm-approved-top small{
margin-bottom:6px!important;
font-size:10px!important;
}
.als-travel-magazine-page .atm-approved-filters{
position:relative!important;
z-index:2!important;
margin:0 0 16px!important;
padding:8px 0 14px!important;
}
@media(max-width:760px){
.als-travel-magazine-page .atm-approved-top{min-height:60px!important;margin-bottom:10px!important}
.als-travel-magazine-page .atm-approved-top h2{font-size:30px!important;line-height:1.08!important}
}
/* AGNES Travel 1.40.0 — three-step destination workspace */
.ati-destination-detail-tabs{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:8px!important;
padding:6px!important;
border:1px solid rgba(116,78,158,.15)!important;
border-radius:18px!important;
background:rgba(246,242,251,.82)!important;
}
.ati-destination-detail-tabs button{
min-height:46px!important;
border:0!important;
border-radius:13px!important;
background:transparent!important;
color:#5d4f68!important;
font-weight:800!important;
}
.ati-destination-detail-tabs button span{
display:inline-grid!important;
place-items:center!important;
width:23px!important;
height:23px!important;
margin-right:5px!important;
border-radius:50%!important;
background:#ebe1f5!important;
color:#6f45c8!important;
}
.ati-destination-detail-tabs button.is-active{
background:#fff!important;
color:#4d276f!important;
box-shadow:0 7px 18px rgba(68,42,90,.10)!important;
}
.ati-destination-detail-tabs button.is-active span{background:#7c4dde!important;color:#fff!important}
.ati-destination-hotel-symbol{
display:grid!important;
place-items:center!important;
width:86px!important;
min-height:86px!important;
border-radius:18px!important;
background:linear-gradient(145deg,#f5edff,#e8f5ff)!important;
font-size:34px!important;
}
.ati-destination-hotel-live strong{font-size:10px!important;letter-spacing:.04em!important}
.ati-destination-hotel:not(.is-selected){opacity:.88!important}
.ati-destination-hotel.is-selected{
border-color:#8a58dc!important;
background:rgba(249,245,255,.96)!important;
}
.atm-score{
padding:6px 9px!important;
min-width:54px!important;
border-radius:13px!important;
}
.atm-score small{font-size:7px!important}
.atm-score b{font-size:18px!important}
.atm-approved-price.is-pending b{font-size:14px!important;color:#7147c7!important;letter-spacing:.03em!important}
.atm-approved-price.is-pending small{color:#7c7187!important}
@media(max-width:700px){
.ati-destination-detail-tabs{gap:4px!important}
.ati-destination-detail-tabs button{font-size:12px!important;padding:6px 3px!important}
.ati-destination-detail-tabs button span{display:none!important}
.ati-destination-hotel-symbol{width:62px!important;min-height:62px!important;font-size:26px!important}
}
/* 1.39.9 — destination hotel choices integrated into the compact detail. */
.ati-destination-visual-copy h2,.ati-destination-visual-copy>p{display:none!important}
.ati-destination-visual-copy{right:auto!important;bottom:22px!important}
.ati-destination-visual-copy>div span{background:rgba(43,31,59,.52)!important;backdrop-filter:blur(12px)!important}
.ati-destination-detail-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:4px;border:1px solid #e3d8ec;border-radius:15px;background:#f8f5fb}
.ati-destination-detail-tabs button{min-height:34px;border:0;border-radius:11px;background:transparent;color:#81738d;font:inherit;font-size:.68rem;font-weight:850;cursor:pointer}
.ati-destination-detail-tabs button.is-active{background:#fff;color:#7044cf;box-shadow:0 5px 14px rgba(71,47,98,.09)}
.ati-destination-decision>[data-ati-destination-panel="dates"]{min-height:0}.ati-destination-decision>[data-ati-destination-panel="dates"][hidden]{display:none!important}
.ati-destination-hotels{min-height:0}.ati-destination-hotels[hidden]{display:none!important}
.ati-destination-hotels>header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:1px 2px 7px}
.ati-destination-hotels>header small{display:block;color:#8058c7;font-size:.48rem;font-weight:950;letter-spacing:.11em}
.ati-destination-hotels>header h3{margin:2px 0 0!important;color:#3b2d4a!important;font-size:.88rem!important}.ati-destination-hotels>header>span{color:#8e8098;font-size:.56rem}
.ati-destination-hotel-list{display:grid;gap:7px}.ati-destination-hotel{display:grid;grid-template-columns:122px minmax(0,1fr) 92px;gap:11px;align-items:center;min-height:86px;padding:6px;border:1px solid #e7deed;border-radius:15px;background:#fff;box-shadow:0 7px 16px rgba(70,48,89,.045);transition:.18s ease}
.ati-destination-hotel.is-best,.ati-destination-hotel.is-selected{border-color:#9d73e9;background:linear-gradient(100deg,#fff,#fbf8ff)}
.ati-destination-hotel-photo{position:relative;height:74px;border-radius:11px;overflow:hidden;background:#eee8f5}.ati-destination-hotel-photo img{width:100%;height:100%;object-fit:cover;display:block}
.ati-destination-hotel-photo em{position:absolute;top:5px;left:5px;padding:4px 6px;border-radius:999px;background:rgba(119,70,218,.92);color:#fff;font-size:.43rem;font-style:normal;font-weight:900}
.ati-destination-hotel-copy{min-width:0}.ati-destination-hotel-copy h4{margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3a2c48!important;font-size:.76rem!important}.ati-destination-hotel-stars{margin:2px 0;color:#e4a52c;font-size:.55rem;letter-spacing:.06em}
.ati-destination-hotel-copy p{margin:2px 0!important;color:#685a72;font-size:.56rem!important;line-height:1.25}.ati-destination-hotel-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9a8fa1;font-size:.49rem}
.ati-destination-hotel-live{text-align:right}.ati-destination-hotel-live strong{display:block;color:#7448d1;font-size:.68rem}.ati-destination-hotel-live small{display:block;margin:2px 0 7px;color:#a093a9;font-size:.45rem}
.ati-destination-hotel-live button{min-height:25px;border:1px solid #9b73e5;border-radius:9px;background:#fff;color:#7247cb;font:inherit;font-size:.52rem;font-weight:850;cursor:pointer}.ati-destination-hotel.is-selected .ati-destination-hotel-live button{background:#7d4ede;color:#fff}
.ati-destination-hotel-note{margin:7px 2px 0!important;color:#998da0!important;font-size:.48rem!important}.ati-destination-hotel-continue{width:100%;min-height:38px;margin-top:7px;border:0;border-radius:12px;background:linear-gradient(180deg,#8a59ed,#7546dc);color:#fff;font:inherit;font-size:.68rem;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(117,70,220,.18)}
@media(max-width:700px){.ati-destination-hotel{grid-template-columns:94px minmax(0,1fr)}.ati-destination-hotel-live{grid-column:2;text-align:left}.ati-destination-hotel-live button{margin-left:8px}.ati-destination-hotels>header>span{display:none}}
/* ==============================================================
AGNES Adaptive Living Scene 1.25.0
FLEXIBLE DATES + PRICE MATRIX
============================================================== */
.ati-flex-intelligence{
margin:14px 0;
padding:16px;
border-radius:22px;
background:
radial-gradient(circle at 100% 0%,rgba(133,98,204,.10),transparent 28%),
linear-gradient(180deg,#fbf9ff,#f5f0fb);
border:1px solid #e2d8f0;
}
.ati-flex-intelligence>header{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
}
.ati-flex-intelligence>header small{
color:#7959c5;
font-size:.62rem;
font-weight:900;
letter-spacing:.13em;
}
.ati-flex-intelligence>header h3{
margin:4px 0 5px;
color:#403253;
font-size:1.12rem;
}
.ati-flex-intelligence>header p{
margin:0;
max-width:760px;
color:#766b80;
font-size:.72rem;
line-height:1.45;
}
.ati-flex-intelligence>header p b{
color:#574667;
}
.ati-flex-mode{
flex:0 0 auto;
padding:8px 10px;
border-radius:999px;
font-size:.61rem;
font-weight:900;
letter-spacing:.06em;
}
.ati-flex-mode.is-schedule{
background:#edf8f2;
color:#4a8c67;
border:1px solid #d4eadc;
}
.ati-flex-mode.is-price{
background:#fff6dd;
color:#98722d;
border:1px solid #f0e0ae;
}
.ati-flex-tabs{
display:flex;
gap:6px;
overflow:auto;
margin:12px 0 10px;
scrollbar-width:none;
}
.ati-flex-tabs::-webkit-scrollbar{display:none}
.ati-flex-tabs button{
flex:0 0 auto;
border:1px solid #dfd5ed;
border-radius:999px;
background:#fff;
color:#6a5a7a;
padding:7px 10px;
font:inherit;
font-size:.66rem;
font-weight:800;
cursor:pointer;
}
.ati-flex-tabs button.is-active{
background:#6f4bce;
color:#fff;
border-color:#6f4bce;
}
.ati-flex-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:9px;
}
.ati-flex-date-card{
position:relative;
min-width:0;
padding:11px;
border:1px solid #e4dced;
border-radius:17px;
background:#fff;
color:#4b3d59;
text-align:left;
cursor:pointer;
box-shadow:0 6px 18px rgba(71,50,102,.04);
transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;
}
.ati-flex-date-card:hover{
transform:translateY(-1px);
border-color:#bba8df;
box-shadow:0 10px 24px rgba(71,50,102,.08);
}
.ati-flex-date-card.is-best{
border-color:#ddc164;
background:linear-gradient(180deg,#fffdf5,#fffaf0);
box-shadow:0 9px 24px rgba(172,135,35,.10);
}
.ati-flex-date-card.is-warning{
border-style:dashed;
}
.ati-flex-date-top{
display:flex;
align-items:center;
gap:6px;
}
.ati-flex-date-top>span{
display:grid;
place-items:center;
width:20px;
height:20px;
border-radius:7px;
background:#f1ebf8;
color:#795cc2;
font-size:.57rem;
font-weight:900;
}
.ati-flex-date-top>b{
min-width:0;
color:#45364f;
font-size:.76rem;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.ati-flex-date-top>em{
margin-left:auto;
font-style:normal;
font-size:.48rem;
font-weight:900;
color:#987229;
}
.ati-flex-date-meta{
display:flex;
gap:7px;
flex-wrap:wrap;
margin:7px 0;
color:#8d8295;
font-size:.58rem;
}
.ati-flex-date-price{
display:grid;
gap:1px;
min-height:38px;
padding:8px 0 6px;
border-top:1px solid #f0eaf4;
}
.ati-flex-date-price strong{
color:#6548bd;
font-size:1rem;
}
.ati-flex-date-price small{
color:#958a9e;
font-size:.55rem;
}
.ati-flex-price-pending{
color:#816c9a!important;
font-size:.72rem!important;
}
.ati-flex-price-loading{
color:#bd8f32!important;
font-size:.72rem!important;
}
.ati-flex-price-empty{
color:#9a8796!important;
font-size:.68rem!important;
}
.ati-flex-date-fit{
padding-top:5px;
color:#766b80;
font-size:.56rem;
border-top:1px dashed #ece4f1;
}
.ati-flex-date-card.is-good .ati-flex-date-fit{color:#4e8f68}
.ati-flex-date-card.is-warning .ati-flex-date-fit{color:#a87d34}
.ati-flex-intelligence>footer{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
margin-top:11px;
padding-top:10px;
border-top:1px solid #e8e0ef;
}
.ati-flex-intelligence>footer div{
display:grid;
gap:2px;
}
.ati-flex-intelligence>footer b{
color:#5f506e;
font-size:.66rem;
}
.ati-flex-intelligence>footer span{
color:#95899c;
font-size:.57rem;
}
.ati-flex-intelligence>footer button{
flex:0 0 auto;
border:0;
border-radius:13px;
background:#6f49cf;
color:#fff;
padding:10px 12px;
font:inherit;
font-size:.65rem;
font-weight:900;
cursor:pointer;
}
.ati-flex-intelligence>footer button:disabled{
opacity:.55;
cursor:wait;
}
@media(max-width:1050px){
.ati-flex-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:700px){
.ati-flex-intelligence{
margin:10px 0;
padding:12px;
border-radius:18px;
}
.ati-flex-intelligence>header{
display:block;
}
.ati-flex-intelligence>header h3{
font-size:1rem;
}
.ati-flex-intelligence>header p{
font-size:.65rem;
}
.ati-flex-mode{
display:inline-flex;
margin-top:8px;
}
.ati-flex-grid{
display:flex;
overflow-x:auto;
gap:8px;
scroll-snap-type:x mandatory;
scrollbar-width:none;
}
.ati-flex-grid::-webkit-scrollbar{display:none}
.ati-flex-date-card{
flex:0 0 76vw;
scroll-snap-align:start;
}
.ati-flex-intelligence>footer{
display:grid;
}
.ati-flex-intelligence>footer button{
width:100%;
min-height:45px;
}
}
.ati-flex-v1251{--agnes-flex-build:1251;}
.ati-flex-runtime-rescue{
display:contents;
}
.ati-flex-v1251::after{
content:'FLEX 1.25.2';
position:absolute;
right:12px;
top:10px;
font-size:.46rem;
font-weight:900;
letter-spacing:.09em;
color:#9b8baa;
opacity:.55;
pointer-events:none;
}
.ati-flex-v1251{
position:relative;
}
/* AGNES Travel 1.41.1 — readable, provider-first departure board */
.atm-origin-pill{
display:inline-flex;
align-items:center;
min-height:46px;
padding:0 17px;
border:1px solid #e5ddec;
border-radius:15px;
background:rgba(255,255,255,.9);
color:#392760;
font-size:12px;
font-weight:850;
white-space:nowrap;
box-shadow:0 7px 18px rgba(63,42,88,.06);
}
.atm-departure-head{padding:20px 24px 16px}
.atm-departure-head h3{font-size:20px!important}
.atm-departure-head>[data-atm-live-state]{display:inline-flex;align-items:center;gap:4px;font-size:11px}
.atm-departure-head>[data-atm-live-state].is-test{color:#9a6510}
.atm-departure-head>[data-atm-live-state].is-test i{background:#e7a52c;box-shadow:0 0 0 5px rgba(231,165,44,.11)}
.atm-departure-head>[data-atm-live-state].is-empty{color:#746a7c}
.atm-departure-head>[data-atm-live-state].is-empty i{background:#a69dae;box-shadow:0 0 0 5px rgba(120,108,133,.08)}
.atm-departure-head>[data-atm-live-state].is-error{color:#b83d46}
.atm-departure-head>[data-atm-live-state].is-error i{background:#e34e58;box-shadow:0 0 0 5px rgba(227,78,88,.09)}
.atm-departure-columns,.atm-departure-row{
grid-template-columns:minmax(310px,1.3fr) minmax(245px,1fr) minmax(190px,.74fr) minmax(175px,.62fr) 30px;
gap:20px;
}
.atm-departure-columns{padding:0 24px 10px;font-size:11px}
.atm-departure-list{min-height:532px}
.atm-departure-list>.atm-loading,.atm-departure-list>.atm-empty{min-height:528px}
.atm-departure-row{min-height:76px;padding:7px 24px}
.atm-departure-destination>i{flex-basis:126px;height:60px;border-radius:12px}
.atm-departure-destination>b{font-size:19px}
.atm-departure-destination>em{font-size:7px;padding:4px 8px}
.atm-departure-dates>b,.atm-departure-flight>b{font-size:15px}
.atm-departure-dates small,.atm-departure-flight small{display:block;font-size:9px}
.atm-departure-price>b{font-size:26px}
.atm-departure-price>small{font-size:10px}
.atm-departure-price.is-pending>b{font-size:14px}
.atm-departure-chevron{font-size:29px}
.atm-departure-rotation{min-height:62px;padding:10px 24px;font-size:11px}
.atm-approved-footer{font-size:10px}
.atm-approved-footer button:disabled{opacity:.55;cursor:wait}
@media(max-width:900px){
.atm-departure-list{min-height:0}
.atm-departure-row{min-height:72px;grid-template-columns:minmax(190px,1.15fr) minmax(165px,1fr) minmax(120px,.7fr) 24px;padding:6px 14px}
.atm-departure-destination>i{flex-basis:88px;height:54px}
.atm-departure-destination>b{font-size:16px}
}
@media(max-width:620px){
.atm-origin-pill{min-height:40px;padding:0 10px;font-size:9px}
.atm-departure-head{align-items:flex-start;gap:8px;flex-direction:column}
.atm-departure-head>[data-atm-live-state]{font-size:9px}
.atm-departure-row{min-height:68px;padding:7px 10px}
.atm-departure-destination>i{flex-basis:72px;height:50px}
}
.ati-flex-v1260{--agnes-flex-build:1260;}
/* AGNES 1.26.1 · destination-specific, high-resolution imagery */
.ati-detail-image picture,
.ati-detail-image picture img{
width:100%;
height:100%;
display:block;
}
.ati-detail-image picture img{
object-fit:cover;
object-position:center;
image-rendering:auto;
filter:saturate(1.04) contrast(1.02);
}
.ati-destination-signature{
max-width:80%;
min-height:52px;
padding:9px 12px!important;
border-radius:14px!important;
background:rgba(34,31,54,.87)!important;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
}
.ati-destination-signature>span{font-size:1rem!important}
.ati-destination-signature>b{
font-size:.67rem!important;
letter-spacing:.09em!important;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.ati-destination-signature>small{
opacity:.78;
font-size:.53rem!important;
letter-spacing:.06em;
}
.ati-flex-v1261{--agnes-flex-build:1261}
@media(max-width:700px){
.ati-destination-signature{max-width:90%;min-height:46px;padding:7px 9px!important}
.ati-destination-signature>b{font-size:.58rem!important}
.ati-destination-signature>small{font-size:.47rem!important}
}
/* =========================================================
AGNES 1.27.0 · UNIFIED DESTINATION RUNTIME
One click -> one canonical destination -> one modal.
========================================================= */
.ati-overlay.ati-destination-only-mode{
background:rgba(54,45,76,.42)!important;
backdrop-filter:blur(16px);
-webkit-backdrop-filter:blur(16px);
}
.ati-overlay.ati-destination-only-mode>.ati-shell{
visibility:hidden!important;
opacity:0!important;
pointer-events:none!important;
}
.ati-overlay.ati-destination-only-mode .ati-category-modal,
.ati-overlay.ati-destination-only-mode .ati-flights-modal,
.ati-overlay.ati-destination-only-mode .ati-compare-modal{
visibility:hidden!important;
pointer-events:none!important;
}
.ati-overlay.ati-destination-only-mode .ati-detail-modal{
visibility:visible!important;
opacity:1!important;
pointer-events:auto!important;
z-index:100!important;
}
.ati-overlay.ati-destination-only-mode .ati-detail-modal.is-open{
display:flex!important;
}
.ati-overlay.ati-destination-only-mode .ati-detail-dialog{
visibility:visible!important;
opacity:1!important;
}
/* The modal itself carries the destination identity. */
.ati-detail-dialog[data-ati-detail-id="crete"] .ati-detail-title h2::after{
content:" · ΚΡΗΤΗ";
font-size:.42em;
opacity:.52;
letter-spacing:.04em;
}
.ati-detail-dialog[data-ati-detail-id="rhodes"] .ati-detail-title h2::after{
content:" · ΡΟΔΟΣ";
font-size:.42em;
opacity:.52;
letter-spacing:.04em;
}
/* ==============================================================
AGNES 1.28.0 · DESTINATION DECISION WORKSPACE
Destination modal = compare dates + flights + stay + experiences
============================================================== */
.ati-detail-modal{
padding:2vh 2.2vw!important;
}
.ati-destination-decision-workspace{
position:relative;
width:min(1380px,96vw)!important;
max-width:1380px!important;
max-height:94vh!important;
padding:0!important;
overflow:auto!important;
border-radius:26px!important;
background:#fbfaff!important;
border:1px solid rgba(119,89,180,.16)!important;
box-shadow:0 34px 110px rgba(37,27,56,.30)!important;
}
/* 1.39.2 — the destination page ends after date comparison. */
.ati-destination-decision-workspace{overflow:hidden!important}
.ati-destination-decision-workspace>.ati-destination-workspace-top{padding-bottom:22px!important}
@media(max-width:980px){.ati-destination-decision-workspace{overflow:auto!important}}
.ati-destination-workspace-close{
position:absolute;
z-index:20;
top:14px;
right:16px;
width:38px;
height:38px;
border:0;
border-radius:50%;
background:rgba(255,255,255,.88);
color:#655079;
font-size:1.55rem;
cursor:pointer;
box-shadow:0 8px 24px rgba(51,37,72,.12);
}
.ati-destination-workspace-top{
display:grid;
grid-template-columns:minmax(360px,.88fr) minmax(620px,1.32fr);
min-height:470px;
}
.ati-destination-visual{
position:relative;
min-height:470px;
overflow:hidden;
background:#33294a;
}
.ati-destination-visual picture,
.ati-destination-visual picture img{
position:absolute;
inset:0;
width:100%;
height:100%;
display:block;
}
.ati-destination-visual picture img{
object-fit:cover;
object-position:center;
filter:saturate(1.04) contrast(1.03);
}
.ati-destination-visual-shade{
position:absolute;
inset:0;
background:
linear-gradient(180deg,rgba(25,21,39,.03) 35%,rgba(24,22,37,.78) 100%),
linear-gradient(90deg,rgba(29,23,46,.08),transparent 55%);
}
.ati-destination-landmark{
position:absolute;
left:22px;
top:22px;
display:flex;
align-items:center;
gap:8px;
max-width:76%;
padding:9px 12px;
border-radius:999px;
background:rgba(36,32,54,.84);
color:#fff;
backdrop-filter:blur(10px);
}
.ati-destination-landmark b{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:.68rem;
letter-spacing:.08em;
}
.ati-destination-visual-copy{
position:absolute;
left:28px;
right:28px;
bottom:26px;
color:#fff;
}
.ati-destination-visual-copy h2{
margin:0 0 7px!important;
font-size:clamp(2rem,3.5vw,3.5rem)!important;
line-height:.95!important;
letter-spacing:.01em!important;
}
.ati-destination-visual-copy p{
margin:0 0 12px;
opacity:.88;
}
.ati-destination-visual-copy>div{
display:flex;
gap:7px;
}
.ati-destination-visual-copy>div span{
padding:6px 9px;
border-radius:999px;
background:rgba(255,255,255,.14);
border:1px solid rgba(255,255,255,.22);
font-size:.62rem;
font-weight:900;
}
.ati-destination-decision{
padding:28px 30px 22px;
background:
radial-gradient(circle at 100% 0%,rgba(129,89,212,.08),transparent 30%),
linear-gradient(180deg,#fff,#faf7ff);
}
.ati-destination-decision-title small{
color:#7956c6;
font-size:.61rem;
font-weight:950;
letter-spacing:.13em;
}
.ati-destination-decision-title h1{
margin:7px 0 6px!important;
color:#382b4e!important;
font-size:clamp(2rem,3vw,3.2rem)!important;
letter-spacing:.01em!important;
line-height:1!important;
}
.ati-destination-decision-title p{
margin:0 0 15px;
color:#71667d;
font-size:.76rem;
}
.ati-decision-best{
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center;
gap:14px;
margin:12px 0 14px;
padding:16px;
border:1px solid #ead189;
border-radius:19px;
background:
radial-gradient(circle at 88% 50%,rgba(255,205,71,.16),transparent 30%),
linear-gradient(135deg,#fffdfa,#fff8e8);
}
.ati-decision-best-icon{
display:grid;
place-items:center;
width:50px;
height:50px;
border-radius:17px;
background:#fff3cf;
font-size:1.3rem;
}
.ati-decision-best-copy small{
color:#8b6f32;
font-size:.54rem;
font-weight:950;
letter-spacing:.09em;
}
.ati-decision-best-copy h3{
margin:3px 0!important;
color:#443451!important;
font-size:1.2rem!important;
}
.ati-decision-best-copy p,
.ati-decision-best-copy span{
margin:0;
color:#7e7187;
font-size:.61rem;
}
.ati-decision-best-copy span{
display:block;
margin-top:4px;
color:#7055a3;
font-weight:850;
}
.ati-decision-best-price{
display:grid;
justify-items:end;
min-width:155px;
}
.ati-decision-best-price strong{
color:#dca515;
font-size:1.55rem;
line-height:1;
}
.ati-decision-best-price small{
margin-top:4px;
color:#8a7750;
font-size:.55rem;
}
.ati-decision-best-price em{
margin-top:6px;
color:#488d61;
font-size:.56rem;
font-style:normal;
font-weight:900;
}
.ati-decision-best-price.is-test strong{color:#b28b34}
.ati-decision-best-price.is-pending strong{font-size:.8rem;color:#78678d}
.ati-decision-dates{
min-width:0;
}
.ati-decision-dates>header{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:12px;
margin-bottom:8px;
}
.ati-decision-dates>header small{
color:#744fc2;
font-size:.57rem;
font-weight:950;
letter-spacing:.08em;
}
.ati-decision-dates>header b{
display:block;
margin-top:2px;
color:#70627b;
font-size:.62rem;
}
.ati-decision-date-controls{
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
gap:5px;
}
.ati-decision-date-controls button{
border:1px solid #ded4ea;
border-radius:999px;
background:#fff;
color:#6b5a78;
padding:6px 8px;
font:inherit;
font-size:.54rem;
font-weight:850;
cursor:pointer;
}
.ati-decision-date-controls button.is-active{
background:#714bcb;
border-color:#714bcb;
color:#fff;
}
.ati-decision-date-controls button.is-scan{
border-color:#d2b459;
background:#fff9e8;
color:#856725;
}
.ati-decision-date-strip{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:7px;
}
.ati-decision-date-card{
min-width:0;
padding:10px;
border:1px solid #e4dcec;
border-radius:15px;
background:#fff;
color:#4b3e56;
text-align:left;
cursor:pointer;
}
.ati-decision-date-card.is-selected{
border-color:#8053df;
box-shadow:inset 0 0 0 1px #8053df;
}
.ati-decision-date-card.is-best{
border-color:#d8ae33;
background:#fffaf0;
}
.ati-decision-date-card>div:first-child{
display:flex;
align-items:center;
gap:6px;
}
.ati-decision-date-card>div:first-child span{
display:grid;
place-items:center;
width:18px;
height:18px;
border-radius:6px;
background:#f0eafa;
color:#704dc4;
font-size:.51rem;
font-weight:900;
}
.ati-decision-date-card b{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:.67rem;
}
.ati-decision-date-card>p{
margin:5px 0 7px;
color:#918695;
font-size:.54rem;
}
.ati-decision-date-price{
display:grid;
padding-top:6px;
border-top:1px solid #f0eaf3;
}
.ati-decision-date-price strong{
color:#6247b3;
font-size:.72rem;
}
.ati-decision-date-price small{
margin-top:2px;
color:#9a8fa0;
font-size:.48rem;
}
.ati-decision-price-note{
margin:8px 0 0;
color:#96899d;
font-size:.52rem;
}
.ati-destination-workspace-lower{
display:grid;
grid-template-columns:minmax(250px,.72fr) minmax(0,1.78fr);
border-top:1px solid #e8e0ef;
}
.ati-destination-story{
padding:22px;
background:linear-gradient(180deg,#fbf9ff,#f6f1fb);
border-right:1px solid #e7deee;
}
.ati-destination-story header small{
color:#7653c1;
font-size:.56rem;
font-weight:950;
letter-spacing:.09em;
}
.ati-destination-story h3{
margin:5px 0 6px!important;
color:#45374f!important;
font-size:1rem!important;
}
.ati-destination-story>p{
margin:0;
color:#756978;
font-size:.66rem;
line-height:1.5;
}
.ati-destination-story-facts{
display:grid;
gap:7px;
margin-top:14px;
}
.ati-destination-story-facts article{
display:flex;
align-items:center;
gap:9px;
padding:9px;
border:1px solid #e6ddeb;
border-radius:13px;
background:#fff;
}
.ati-destination-story-facts article>span{
font-size:1rem;
}
.ati-destination-story-facts small{
display:block;
color:#998ca0;
font-size:.48rem;
font-weight:850;
}
.ati-destination-story-facts b{
color:#51415d;
font-size:.68rem;
}
.ati-destination-booking-zone{
padding:18px;
min-width:0;
}
.ati-destination-selected-period{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:10px;
padding:9px 11px;
border-radius:13px;
background:#f8f5fb;
}
.ati-destination-selected-period small{
color:#8b7b95;
font-size:.48rem;
font-weight:900;
}
.ati-destination-selected-period b{
display:block;
color:#4c3d57;
font-size:.68rem;
}
.ati-destination-selected-period b span{
color:#978b9d;
font-weight:600;
}
.ati-destination-selected-period button{
border:0;
background:transparent;
color:#7654c2;
font:inherit;
font-size:.55rem;
font-weight:900;
cursor:pointer;
}
.ati-destination-decision-columns{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:9px;
}
.ati-decision-column{
display:flex;
flex-direction:column;
min-width:0;
min-height:245px;
padding:12px;
border:1px solid #e5ddec;
border-radius:16px;
background:#fff;
}
.ati-decision-column>header{
display:flex;
align-items:center;
gap:8px;
margin-bottom:10px;
}
.ati-decision-column>header>span{
display:grid;
place-items:center;
width:31px;
height:31px;
border-radius:10px;
background:#f1ebfa;
color:#714bc7;
}
.ati-decision-column>header small{
color:#7657bd;
font-size:.49rem;
font-weight:950;
letter-spacing:.07em;
}
.ati-decision-column>header h4{
margin:2px 0 0;
color:#4b3c55;
font-size:.72rem;
}
.ati-decision-live-row,
.ati-decision-empty{
flex:1;
padding:10px;
border-radius:12px;
background:#faf8fc;
}
.ati-decision-live-row small{
color:#7b62b5;
font-size:.49rem;
font-weight:900;
}
.ati-decision-live-row b,
.ati-decision-empty b{
display:block;
margin:5px 0 3px;
color:#4b3c56;
font-size:.7rem;
}
.ati-decision-live-row span,
.ati-decision-empty span{
color:#8d8191;
font-size:.56rem;
line-height:1.4;
}
.ati-decision-live-row strong{
display:block;
margin-top:10px;
color:#6748bf;
font-size:.95rem;
}
.ati-decision-live-row strong em{
color:#94899a;
font-size:.5rem;
font-style:normal;
font-weight:600;
}
.ati-decision-live-row p{
margin:2px 0 0;
color:#938794;
font-size:.52rem;
}
.ati-decision-column>button{
margin-top:9px;
min-height:35px;
border:0;
border-radius:10px;
background:#f0e9fa;
color:#6d4eb7;
font:inherit;
font-size:.56rem;
font-weight:900;
cursor:pointer;
}
.ati-stay-style-options{
display:flex;
flex-wrap:wrap;
gap:5px;
margin-bottom:8px;
}
.ati-stay-style-options span{
padding:5px 7px;
border-radius:999px;
background:#f8f5fb;
color:#776a7f;
font-size:.5rem;
}
.ati-destination-idea-list{
display:grid;
gap:7px;
}
.ati-destination-idea-list article{
display:flex;
gap:8px;
align-items:center;
}
.ati-destination-idea-list i{
display:grid;
place-items:center;
width:34px;
height:34px;
flex:0 0 34px;
border-radius:10px;
background:#f8f3fb;
font-style:normal;
}
.ati-destination-idea-list b{
display:block;
color:#4e4057;
font-size:.62rem;
}
.ati-destination-idea-list span{
display:block;
margin-top:1px;
color:#918593;
font-size:.5rem;
}
.ati-destination-total-bar{
position:sticky;
bottom:0;
z-index:8;
display:grid;
grid-template-columns:minmax(0,1fr) auto auto;
align-items:center;
gap:18px;
padding:14px 20px;
border-top:1px solid #e5d6a7;
background:rgba(255,251,239,.96);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
}
.ati-destination-total-copy{
display:flex;
align-items:center;
gap:10px;
}
.ati-destination-total-copy>span{
font-size:1.2rem;
}
.ati-destination-total-copy small{
color:#897344;
font-size:.48rem;
font-weight:950;
letter-spacing:.07em;
}
.ati-destination-total-copy b{
display:block;
margin-top:2px;
color:#4e4051;
font-size:.68rem;
}
.ati-destination-total-copy p{
margin:2px 0 0;
color:#968d84;
font-size:.5rem;
}
.ati-destination-total-value{
display:grid;
justify-items:end;
}
.ati-destination-total-value strong{
color:#d5a116;
font-size:1.25rem;
}
.ati-destination-total-value small{
color:#8f8067;
font-size:.49rem;
}
.ati-destination-total-bar>button{
min-height:48px;
padding:0 18px;
border:0;
border-radius:13px;
background:linear-gradient(180deg,#f9c23a,#efb326);
color:#493716;
font:inherit;
font-size:.64rem;
font-weight:950;
cursor:pointer;
box-shadow:0 9px 22px rgba(210,157,32,.20);
}
@media(max-width:1100px){
.ati-destination-workspace-top{
grid-template-columns:.9fr 1.1fr;
}
.ati-decision-date-strip{
grid-template-columns:repeat(3,minmax(0,1fr));
}
.ati-destination-workspace-lower{
grid-template-columns:1fr;
}
.ati-destination-story{
border-right:0;
border-bottom:1px solid #e7deee;
}
.ati-destination-story-facts{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:760px){
.ati-detail-modal{
padding:0!important;
}
.ati-destination-decision-workspace{
width:100vw!important;
max-width:none!important;
max-height:100dvh!important;
min-height:100dvh;
border-radius:0!important;
}
.ati-destination-workspace-top{
display:block;
}
.ati-destination-visual{
min-height:36vh;
}
.ati-destination-decision{
padding:18px 14px 14px;
}
.ati-destination-decision-title h1{
font-size:2rem!important;
}
.ati-decision-best{
grid-template-columns:auto 1fr;
}
.ati-decision-best-price{
grid-column:1/-1;
justify-items:start;
padding-left:64px;
}
.ati-decision-dates>header{
display:block;
}
.ati-decision-date-controls{
justify-content:flex-start;
margin-top:8px;
}
.ati-decision-date-strip{
display:flex;
overflow-x:auto;
gap:7px;
scroll-snap-type:x mandatory;
scrollbar-width:none;
}
.ati-decision-date-strip::-webkit-scrollbar{display:none}
.ati-decision-date-card{
flex:0 0 62vw;
scroll-snap-align:start;
}
.ati-destination-story{
padding:15px;
}
.ati-destination-story-facts{
grid-template-columns:1fr;
}
.ati-destination-booking-zone{
padding:13px;
}
.ati-destination-decision-columns{
grid-template-columns:1fr;
}
.ati-decision-column{
min-height:0;
}
.ati-destination-total-bar{
grid-template-columns:1fr auto;
gap:8px;
padding:10px 12px calc(10px + env(safe-area-inset-bottom));
}
.ati-destination-total-copy{
grid-column:1/-1;
}
.ati-destination-total-bar>button{
min-height:44px;
padding:0 12px;
}
}
/* 1.33.0 Travel Home support */
#als-travel-page img{max-width:100%;}
/* =========================================================
BUILD 49 · MAGAZINE TRAVEL
========================================================= */
.als-travel-magazine-page{display:block!important;padding:32px 3.4vw 26px!important;background:radial-gradient(circle at 86% 4%,rgba(194,158,247,.18),transparent 30%),radial-gradient(circle at 4% 92%,rgba(120,207,225,.10),transparent 24%),linear-gradient(135deg,#fcfbff 0%,#f8f4ff 52%,#fffafd 100%)!important}
.atm-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.atm-top small{display:block;margin-bottom:9px;color:#7b4fdf;font-size:.66rem;font-weight:950;letter-spacing:.13em}.atm-top h2{margin:0!important;max-width:none!important;color:#2f2242!important;font-size:clamp(44px,4.4vw,68px)!important;line-height:.98!important;letter-spacing:-.05em!important;font-weight:560!important}.atm-top p{margin:9px 0 0;color:#7d7284;font-size:clamp(14px,1.04vw,17px)}.atm-top>button{min-height:40px;padding:0 16px;border:1px solid #dfd3eb;border-radius:999px;background:#ffffffd9;color:#6748b0;font:inherit;font-size:.64rem;font-weight:900}
.atm-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(340px,.9fr);gap:14px}.atm-featured{min-height:420px}.atm-loading,.atm-empty{display:grid;place-items:center;height:100%;min-height:420px;border:1px dashed #d8cbe7;border-radius:24px;color:#8c7f94;background:#ffffff88}
.atm-feature-card{position:relative;width:100%;height:100%;min-height:420px;padding:0;overflow:hidden;border:1px solid #ddcfeb;border-radius:24px;background:#2d2540;color:#fff;text-align:left;box-shadow:0 20px 42px #4630581a;cursor:pointer}.atm-feature-media,.atm-feature-media picture,.atm-feature-media img{position:absolute;inset:0;width:100%;height:100%}.atm-feature-media img{object-fit:cover;transition:.45s}.atm-feature-card:hover .atm-feature-media img{transform:scale(1.025)}.atm-feature-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,24,43,.88),rgba(31,24,43,.55) 37%,rgba(31,24,43,.08) 72%)}
.atm-feature-copy{position:absolute;z-index:2;left:34px;bottom:30px;max-width:52%}.atm-feature-copy>small{font-size:.58rem;font-weight:950;letter-spacing:.12em;color:#d7c5f4}.atm-feature-copy h3{margin:8px 0 6px!important;color:#fff!important;font-size:clamp(38px,4.1vw,66px)!important;line-height:.92!important;letter-spacing:-.055em!important}.atm-feature-copy p{margin:0;color:#eee8f3;font-size:.72rem}.atm-feature-copy>div{display:flex;gap:8px;align-items:center;margin-top:14px}.atm-family-fit,.atm-price{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#ffffff24;color:#fff;font-size:.55rem;font-weight:900;backdrop-filter:blur(8px)}.atm-price.is-live{background:#f5edff;color:#7048c9}.atm-price.is-test{background:#fff3cf;color:#8a6825}.atm-price.is-neutral{background:#ffffff25;color:#fff}.atm-feature-cta{display:inline-flex;margin-top:16px;padding:10px 13px;border-radius:10px;background:#fff;color:#6544aa;font-size:.62rem;font-weight:900}
.atm-side-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.atm-side-card{min-width:0;padding:0;overflow:hidden;border:1px solid #dfd5e8;border-radius:19px;background:#ffffffea;color:#32263f;text-align:left;box-shadow:0 12px 28px #432c570d;cursor:pointer;transition:.18s}.atm-side-card:hover{transform:translateY(-3px);border-color:#ad8ade}.atm-side-media{position:relative;aspect-ratio:1.3/1;overflow:hidden;background:#eee7f7}.atm-side-media picture,.atm-side-media>img{display:block;width:100%;height:100%}.atm-side-media img{width:100%;height:100%;object-fit:cover}.atm-side-media>span{position:absolute;right:9px;top:7px;color:#fff;font-size:1.15rem;text-shadow:0 2px 5px #0006}.atm-side-copy{display:flex;justify-content:space-between;align-items:flex-start;gap:7px;padding:10px}.atm-side-copy>div{min-width:0;display:grid}.atm-side-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}.atm-side-copy small{margin-top:3px;color:#8e8294;font-size:.48rem}.atm-side-copy .atm-price{flex:0 0 auto;min-height:auto;padding:0;background:none;color:#7a4ddb;font-size:.59rem}.atm-side-copy .atm-price.is-test{color:#9b7627}.atm-side-copy .atm-price.is-neutral{color:#908397}
.atm-category-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 18px}.atm-category-strip button{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;min-height:68px;padding:10px 13px;border:1px solid #e2d8eb;border-radius:17px;background:#ffffffc9;color:#392d46;text-align:left;font:inherit;cursor:pointer}.atm-category-strip button:nth-child(1){background:#eef9ff}.atm-category-strip button:nth-child(2){background:#fff0f3}.atm-category-strip button:nth-child(3){background:#fff7e9}.atm-category-strip button:nth-child(4){background:#f1efff}.atm-category-strip span{grid-row:1/3;font-size:1.3rem}.atm-category-strip b{font-size:.65rem}.atm-category-strip small{color:#887d90;font-size:.48rem}
.atm-quick-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:4px 0 10px}.atm-quick-head small{color:#8054d9;font-size:.55rem;font-weight:900;letter-spacing:.12em}.atm-quick-head h3{margin:3px 0 0!important;color:#3a2d48!important;font-size:1rem!important}.atm-quick-head button{border:0;background:transparent;color:#704db8;font:inherit;font-size:.57rem;font-weight:900}.atm-quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.atm-quick-card{min-width:0;padding:0;overflow:hidden;border:1px solid #e1d7e9;border-radius:15px;background:#ffffffd9;color:#322640;text-align:left;cursor:pointer}.atm-quick-media{aspect-ratio:1.45/1;overflow:hidden;background:#eee7f7}.atm-quick-media picture,.atm-quick-media>img{display:block;width:100%;height:100%}.atm-quick-media img{width:100%;height:100%;object-fit:cover}.atm-quick-copy{padding:8px}.atm-quick-copy>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.67rem}.atm-quick-copy>small{display:block;margin-top:2px;color:#8b7f91;font-size:.46rem}.atm-quick-copy footer{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding-top:6px;border-top:1px solid #eee8f1}.atm-quick-copy footer>span{color:#6d55a5;font-size:.45rem;font-weight:900}.atm-quick-copy .atm-price{min-height:auto;padding:0;background:none;color:#794bd8;font-size:.53rem}.atm-quick-copy .atm-price.is-test{color:#9b7527}.atm-quick-copy .atm-price.is-neutral{color:#8f8395}.atm-fallback,.atm-match-art{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#645091,#312a47);font-size:3rem}.atm-match-art img{width:28%!important;height:auto!important;object-fit:contain!important}.atm-match-art span{position:absolute;right:18%;color:#fff;opacity:.28}.atm-trust{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid #e9e1ef;color:#83778b;font-size:.5rem;font-weight:800}
@media(max-width:1050px){.atm-layout{grid-template-columns:1fr}.atm-side-grid{grid-template-columns:repeat(4,1fr)}.atm-featured,.atm-feature-card{min-height:390px}.atm-quick-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.als-travel-magazine-page{padding:18px 12px!important}.atm-top{display:block}.atm-top h2{font-size:40px!important}.atm-top>button{margin-top:10px}.atm-layout{display:block}.atm-featured,.atm-feature-card{min-height:430px}.atm-feature-copy{left:18px;right:18px;bottom:20px;max-width:none}.atm-feature-shade{background:linear-gradient(0deg,rgba(31,24,43,.88),rgba(31,24,43,.12) 75%)}.atm-side-grid{display:flex;overflow-x:auto;gap:8px;margin-top:10px}.atm-side-card{flex:0 0 72vw}.atm-category-strip{grid-template-columns:repeat(2,1fr)}.atm-quick-grid{grid-template-columns:repeat(2,1fr);gap:8px}}
/* =========================================================
AGNES 1.37.0 · DESTINATION EDITORIAL EXPERIENCE
========================================================= */
.ati-destination-decision-workspace{
width:min(1480px,96vw)!important;
max-height:94vh!important;
border-radius:28px!important;
overflow:auto!important;
background:
radial-gradient(circle at 85% 2%,rgba(190,154,245,.18),transparent 28%),
linear-gradient(180deg,#fcfbff 0%,#f8f5fd 100%)!important;
box-shadow:0 34px 80px rgba(49,34,68,.24)!important;
}
.ati-destination-workspace-close{
position:sticky!important;
top:14px!important;
margin-left:auto!important;
margin-right:14px!important;
z-index:50!important;
width:42px!important;
height:42px!important;
border-radius:50%!important;
border:1px solid rgba(102,75,139,.15)!important;
background:rgba(255,255,255,.88)!important;
color:#4a385d!important;
backdrop-filter:blur(12px)!important;
}
.ati-destination-workspace-top{
display:grid!important;
grid-template-columns:minmax(0,1.35fr) minmax(420px,.9fr)!important;
gap:18px!important;
padding:0 22px 18px!important;
}
.ati-destination-visual{
min-height:520px!important;
border-radius:24px!important;
overflow:hidden!important;
box-shadow:0 18px 42px rgba(50,37,67,.14)!important;
}
.ati-destination-visual img{
object-fit:cover!important;
}
.ati-destination-visual-shade{
background:linear-gradient(180deg,rgba(25,18,36,.02) 35%,rgba(25,18,36,.74) 100%)!important;
}
.ati-destination-visual-copy{
left:28px!important;
right:28px!important;
bottom:26px!important;
}
.ati-destination-visual-copy h2{
font-size:clamp(46px,5vw,78px)!important;
line-height:.92!important;
letter-spacing:-.055em!important;
}
.ati-destination-visual-copy p{
font-size:.78rem!important;
}
.ati-destination-landmark{
top:18px!important;
left:18px!important;
border-radius:999px!important;
padding:8px 11px!important;
background:rgba(255,255,255,.82)!important;
color:#4d3d5c!important;
backdrop-filter:blur(10px)!important;
}
.ati-destination-decision{
align-self:stretch!important;
display:flex!important;
flex-direction:column!important;
gap:12px!important;
padding:8px 0!important;
}
.ati-destination-decision-title{
padding:8px 6px 2px!important;
}
.ati-destination-decision-title small{
color:#7c50db!important;
font-size:.57rem!important;
letter-spacing:.13em!important;
font-weight:950!important;
}
.ati-destination-decision-title h1{
margin:6px 0 8px!important;
color:#312342!important;
font-size:clamp(38px,3.5vw,58px)!important;
line-height:.95!important;
letter-spacing:-.05em!important;
}
.ati-destination-decision-title p{
color:#7c7183!important;
font-size:.67rem!important;
line-height:1.45!important;
}
.ati-decision-best{
border:1px solid #e2d5ee!important;
border-radius:19px!important;
background:linear-gradient(145deg,#fff,#f7f1ff)!important;
box-shadow:0 10px 26px rgba(81,55,109,.07)!important;
}
.ati-decision-best-icon{
background:#8a59eb!important;
}
.ati-decision-best-copy h3{
color:#38294a!important;
}
.ati-decision-dates{
border:1px solid #e5dbed!important;
border-radius:19px!important;
background:rgba(255,255,255,.72)!important;
}
.ati-decision-date-strip{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:8px!important;
}
.ati-decision-date-card{
min-width:0!important;
border:1px solid #e6ddee!important;
border-radius:14px!important;
background:#fff!important;
box-shadow:none!important;
}
.ati-decision-date-card.is-best{
border-color:#9a72e4!important;
background:#f6f0ff!important;
}
.ati-decision-date-card.is-selected{
box-shadow:inset 0 0 0 2px #7d4fdd!important;
}
.ati-magazine-summary{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
margin:0 22px 18px;
}
.ati-magazine-summary article{
display:grid;
gap:3px;
padding:14px 15px;
border:1px solid #e4d9ec;
border-radius:16px;
background:rgba(255,255,255,.82);
box-shadow:0 8px 18px rgba(71,50,91,.045);
}
.ati-magazine-summary small{
color:#8a6eb2;
font-size:.48rem;
font-weight:950;
letter-spacing:.11em;
}
.ati-magazine-summary b{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#392b48;
font-size:.75rem;
}
.ati-magazine-summary span{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#8b8090;
font-size:.52rem;
}
.ati-destination-workspace-lower{
padding:0 22px 92px!important;
}
.ati-destination-story{
display:grid!important;
grid-template-columns:minmax(250px,.8fr) minmax(0,1.4fr)!important;
gap:18px!important;
align-items:center!important;
margin-bottom:14px!important;
padding:18px!important;
border:1px solid #e3d8eb!important;
border-radius:20px!important;
background:rgba(255,255,255,.72)!important;
}
.ati-destination-story>header h3{
color:#342645!important;
font-size:1.25rem!important;
}
.ati-destination-story>p{
margin:0!important;
color:#786e7d!important;
font-size:.65rem!important;
line-height:1.55!important;
}
.ati-destination-story-facts{
grid-column:1/-1!important;
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:8px!important;
}
.ati-destination-story-facts article{
border-radius:14px!important;
background:#faf7fd!important;
}
.ati-destination-booking-zone{
border:0!important;
background:transparent!important;
}
.ati-destination-selected-period{
margin-bottom:10px!important;
padding:0 4px!important;
}
.ati-destination-decision-columns{
display:grid!important;
grid-template-columns:1fr 1fr 1fr!important;
gap:12px!important;
}
.ati-decision-column{
border:1px solid #e2d7ea!important;
border-radius:19px!important;
background:rgba(255,255,255,.86)!important;
box-shadow:0 11px 24px rgba(69,49,89,.05)!important;
}
.ati-decision-column>header{
border-bottom:1px solid #eee6f2!important;
}
.ati-decision-live-row{
border-radius:14px!important;
background:#f7f2ff!important;
}
.ati-destination-idea-list article{
border-bottom:1px solid #f0e9f3!important;
}
.ati-destination-total-bar{
position:sticky!important;
bottom:0!important;
z-index:45!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) auto auto!important;
gap:14px!important;
align-items:center!important;
margin:0!important;
padding:12px 18px!important;
border-top:1px solid rgba(121,90,157,.16)!important;
background:rgba(249,246,253,.92)!important;
backdrop-filter:blur(16px)!important;
box-shadow:0 -12px 30px rgba(62,42,82,.08)!important;
}
.ati-destination-total-bar>button{
min-height:48px!important;
border-radius:14px!important;
background:linear-gradient(180deg,#8a59ed,#7546dc)!important;
color:#fff!important;
box-shadow:0 10px 22px rgba(117,70,220,.24)!important;
}
.ati-destination-total-value strong{
color:#6e47c8!important;
}
@media(max-width:980px){
.ati-destination-workspace-top{grid-template-columns:1fr!important}
.ati-destination-visual{min-height:430px!important}
.ati-magazine-summary{grid-template-columns:repeat(2,1fr)!important}
.ati-destination-decision-columns{grid-template-columns:1fr!important}
}
@media(max-width:700px){
.ati-destination-decision-workspace{
width:100vw!important;
max-height:100vh!important;
border-radius:0!important;
}
.ati-destination-workspace-top{padding:0 10px 12px!important}
.ati-destination-visual{min-height:380px!important;border-radius:18px!important}
.ati-destination-visual-copy{left:18px!important;right:18px!important;bottom:18px!important}
.ati-destination-visual-copy h2{font-size:46px!important}
.ati-magazine-summary{margin:0 10px 12px!important;grid-template-columns:repeat(2,1fr)!important}
.ati-destination-workspace-lower{padding:0 10px 110px!important}
.ati-decision-date-strip{display:flex!important;overflow-x:auto!important}
.ati-decision-date-card{flex:0 0 76%!important}
.ati-destination-story{grid-template-columns:1fr!important}
.ati-destination-story-facts{grid-template-columns:1fr!important}
.ati-destination-total-bar{
grid-template-columns:1fr auto!important;
padding:10px!important;
}
.ati-destination-total-copy p{display:none!important}
.ati-destination-total-bar>button{
grid-column:1/-1!important;
width:100%!important;
}
}
/* AGNES Travel 1.41.2 — final title override (must remain last) */
.als-travel-magazine-page .atm-approved-top{
min-height:78px!important;
align-items:center!important;
margin:0 0 18px!important;
padding:0 2px!important;
}
.als-travel-magazine-page .atm-approved-top h2{
margin:0!important;
font-size:clamp(34px,3.1vw,52px)!important;
line-height:1.06!important;
letter-spacing:-.035em!important;
white-space:normal!important;
}
.als-travel-magazine-page .atm-approved-top small{
margin-bottom:6px!important;
font-size:10px!important;
}
.als-travel-magazine-page .atm-approved-filters{
position:relative!important;
z-index:2!important;
margin:0 0 16px!important;
padding:8px 0 14px!important;
}
@media(max-width:760px){
.als-travel-magazine-page .atm-approved-top{min-height:60px!important;margin-bottom:10px!important}
.als-travel-magazine-page .atm-approved-top h2{font-size:30px!important;line-height:1.08!important}
}