/* Destination-first comparison on the existing departure-city surface. */
.wrap:has([data-departure-compare]) main{padding-top:20px;padding-bottom:110px}
.departure-compare{--dc-ink:#f4f0fb;--dc-muted:#c5bdd5;--dc-bg:#0c0a15;--dc-line:#b4a6cd2b;color:var(--dc-ink);font-family:var(--body,Inter,sans-serif)}
.departure-compare [hidden]{display:none!important}
.dc-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}
.dc-heading h1{margin:0 0 9px;font:600 clamp(24px,2.4vw,32px)/1.18 var(--display,'Space Grotesk',sans-serif);letter-spacing:-.03em;color:var(--dc-ink)}
.dc-heading p{max-width:650px;margin:0;color:var(--dc-muted);font-size:14px;line-height:1.65}
.dc-heading>a{display:inline-flex;align-items:center;gap:12px;min-height:44px;flex:none;color:#ffd98a;font-size:12px;text-decoration:underline;text-underline-offset:5px}
.dc-heading>a svg{width:17px;height:17px}
.dc-mosaic{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:242px 242px;gap:16px}
.dc-tile{position:relative;isolation:isolate;min-width:0;overflow:hidden;border-radius:13px;background:var(--dc-bg)}
.dc-mosaic .dc-tile:first-child{grid-row:span 2}
.dc-photo{position:relative;display:block;width:100%;height:100%;min-height:230px;overflow:hidden;color:white;text-decoration:none}
.dc-photo>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 380ms cubic-bezier(.16,1,.3,1)}
.dc-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07071012 8%,#07071018 35%,#070710a3 68%,#070710f0 100%);pointer-events:none}
.dc-photo-copy{position:absolute;z-index:1;bottom:22px;left:26px;right:24px}
.dc-country{font-size:12px;color:#e9e0f3;line-height:1.5}
.dc-photo-copy h2{margin:5px 0 13px;font:600 clamp(30px,3.2vw,43px)/1.08 var(--display,'Space Grotesk',sans-serif);letter-spacing:-.035em;text-wrap:balance;text-shadow:0 3px 18px #07071075}
.dc-tile--lead .dc-photo-copy{bottom:30px;left:32px;right:30px}
.dc-tile--lead .dc-photo-copy h2{font-size:clamp(40px,4.8vw,64px);margin-bottom:20px}
.dc-tile-fare{display:flex;align-items:center;gap:18px}
.dc-tile-fare>strong{font:650 36px/1.1 var(--display,'Space Grotesk',sans-serif);letter-spacing:-.035em;color:#ffd98a;white-space:nowrap}
.dc-tile--lead .dc-tile-fare>strong{font-size:48px}
.dc-tile-fare>span{font-size:12px;line-height:1.55;color:#f2edf8}
.dc-photo-copy>p{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:12px 0 0;font-size:11px;line-height:1.4;color:#e9e0f3}
.dc-photo-copy>p svg{width:16px;height:16px}
.dc-add{position:absolute;top:16px;right:16px;z-index:2;display:flex;align-items:center;gap:7px;min-height:44px;padding:10px 13px;border:1px solid #ffffff66;border-radius:8px;background:#0c0a15e8;color:#f4f0fb;font:500 12px/1.3 var(--body,Inter,sans-serif);cursor:pointer}
.dc-add svg{width:17px;height:17px;flex:none}
.dc-tile.is-selected{outline:3px solid #ffb04d;outline-offset:3px}
.dc-tile.is-selected .dc-add{background:#ffd98a;border-color:#ffd98a;color:#171020}
.dc-tile.is-selected .dc-add svg{transform:rotate(45deg)}
.dc-discover{margin-top:46px}
.dc-discover>h2{margin:0 0 22px;font:600 27px/1.2 var(--display,'Space Grotesk',sans-serif);letter-spacing:-.03em}
.dc-trip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dc-trip-grid .dc-tile{height:330px}
.dc-trip-grid .dc-photo-copy{left:22px;right:22px}
.dc-trip-grid .dc-photo-copy h2{font-size:32px}
.dc-trip-grid .dc-tile-fare>strong{font-size:32px}
.dc-selection{position:fixed;z-index:85;bottom:20px;left:50%;transform:translateX(-50%);width:min(900px,calc(100% - 32px));display:flex;justify-content:space-between;align-items:center;gap:24px;padding:17px 22px;border:1px solid #ffd98a66;border-radius:14px;background:#100e1cf5;box-shadow:0 16px 40px -8px #0009}
.dc-selection.is-empty{display:none}
.dc-selection p{margin:0 0 7px;font-size:12px;color:var(--dc-muted)}
.dc-picked{display:flex;gap:6px;flex-wrap:wrap}
.dc-picked button{min-height:44px;padding:6px 10px;border:1px solid var(--dc-line);border-radius:7px;background:#ffffff06;color:var(--dc-ink);font:500 12px/1.5 var(--body,Inter,sans-serif);cursor:pointer}
.dc-selection-actions{display:flex;align-items:center;gap:16px;flex:none}
.dc-selection-actions>[data-dc-clear]{max-width:100px;min-height:44px;padding:4px;border:0;background:none;color:var(--dc-muted);font:400 11px/1.5 var(--body,Inter,sans-serif);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.dc-compare-action,.dc-open-flight{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;padding:12px 18px;border:0;border-radius:8px;background:#ffd98a;color:#171020;font:650 13px/1.5 var(--body,Inter,sans-serif);cursor:pointer;text-decoration:none}
.dc-compare-action:disabled{background:#2b2539;color:#b9aecb;cursor:default}
.dc-compare-action svg,.dc-open-flight svg{flex:none}
.dc-compare-view{scroll-margin-top:100px}
.dc-back{display:flex;align-items:center;gap:10px;min-height:44px;margin:0 0 22px;padding:0;border:0;background:none;color:#ffd98a;font:500 13px/1.5 var(--body,Inter,sans-serif);cursor:pointer}
.dc-compare-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px}
.dc-compare-heading h2{max-width:740px;margin:0;font:600 clamp(28px,3.2vw,40px)/1.16 var(--display,'Space Grotesk',sans-serif);letter-spacing:-.035em}
.dc-compare-heading>span{padding:7px 0;color:var(--dc-muted);font-size:14px}
.dc-fare-note{max-width:900px;margin:0 0 26px;color:var(--dc-muted);font-size:12px;line-height:1.7}
.dc-column-jumps{display:none}
.dc-comparison{display:grid;grid-template-columns:repeat(var(--dc-count,3),minmax(0,1fr));gap:22px;align-items:start;scrollbar-width:thin;scrollbar-color:#ffb04d55 #100e1c}
.dc-comparison-item{overflow:hidden;min-width:0;padding-bottom:0;border:1px solid var(--dc-line);border-radius:13px;background:#0d0b17}
.dc-comparison-photo{position:relative;height:240px;background:#171222}
.dc-comparison-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dc-comparison-photo:after{position:absolute;content:'';inset:0;background:linear-gradient(180deg,#07071008 25%,#070710cb 100%)}
.dc-comparison-photo>div{position:absolute;z-index:1;bottom:22px;left:24px;right:24px}
.dc-comparison-photo>div>span{font-size:12px;color:#e9e0f3}
.dc-comparison-photo h3{font:600 34px/1.1 var(--display,'Space Grotesk',sans-serif);letter-spacing:-.03em;margin:5px 0 0;color:white;text-wrap:balance}
.dc-comparison-photo>button{position:absolute;z-index:2;right:12px;top:12px;min-height:44px;padding:8px 12px;border:1px solid #ffffff4d;border-radius:8px;background:#100e1cf0;color:white;font:500 12px/1.5 var(--body,Inter,sans-serif);cursor:pointer}
.dc-comparison-price{min-height:134px;padding:20px 24px;border-bottom:1px solid var(--dc-line)}
.dc-comparison-price>span{display:block;color:var(--dc-muted);font-size:11px}
.dc-comparison-price>strong{display:block;margin:5px 0;font:650 39px/1.1 var(--display,'Space Grotesk',sans-serif);letter-spacing:-.035em;color:#ffd98a}
.dc-comparison-price>b{font-size:12px;font-weight:500;color:var(--dc-ink)}
.dc-comparison-item dl{margin:0;padding:0 24px}
.dc-comparison-item dl>div{display:flex;flex-direction:column;justify-content:center;min-height:78px;padding:12px 0;border-bottom:1px solid var(--dc-line)}
.dc-comparison-item dt{margin:0 0 5px;font-size:11px;color:var(--dc-muted)}
.dc-comparison-item dd{margin:0;font-size:15px;line-height:1.5;color:var(--dc-ink);font-variant-numeric:tabular-nums}
.dc-open-flight{margin:20px 24px 24px;font-size:12px;padding:12px 14px;gap:10px}
.dc-updated{margin:26px 0 0;color:var(--dc-muted);font-size:11px;line-height:1.6}
.dc-replace-dialog{width:min(460px,calc(100% - 28px));max-height:calc(100% - 40px);overflow:auto;margin:auto;padding:28px;border:1px solid #ffb04d77;border-radius:14px;background:#100e1c;color:var(--dc-ink)}
.dc-replace-dialog::backdrop{background:#070710d9}
.dc-replace-dialog h2{margin:0 0 13px;font:600 26px/1.2 var(--display,'Space Grotesk',sans-serif);letter-spacing:-.03em}
.dc-replace-dialog p{font-size:14px;line-height:1.6;color:var(--dc-muted)}
.dc-replace-dialog .dc-pending{margin:18px 0 13px;color:#ffd98a;font:600 24px/1.2 var(--display,'Space Grotesk',sans-serif)}
[data-dc-replacements]{display:grid;gap:10px}
[data-dc-replacements]>button,.dc-cancel{min-height:48px;padding:12px;border:1px solid var(--dc-line);border-radius:8px;background:#ffffff06;color:var(--dc-ink);font:500 13px/1.5 var(--body,Inter,sans-serif);cursor:pointer;text-align:left}
.dc-cancel{margin-top:16px;border:0;background:none;color:#ffd98a;text-decoration:underline;text-underline-offset:5px;padding-left:0}
.departure-compare button:focus-visible,.departure-compare a:focus-visible{outline:3px solid #ffd98a;outline-offset:4px}
.departure-compare ::selection{background:#ffd98a;color:#100e1c}
.dc-noscript{margin:20px 0;color:var(--dc-muted);font-size:14px}
@media(hover:hover){.dc-photo:hover>img{transform:scale(1.035)}.dc-add:hover{border-color:#ffb04d}.dc-compare-action:not(:disabled):hover,.dc-open-flight:hover{background:#ffb04d}}
@media(max-width:900px){.dc-heading{align-items:start;gap:16px}.dc-heading>a{max-width:140px;font-size:11px}.dc-heading p{font-size:13px}.dc-mosaic{grid-template-columns:1.05fr 1fr;grid-template-rows:220px 220px}.dc-photo-copy{left:20px;right:18px;bottom:18px}.dc-photo-copy h2{font-size:32px}.dc-tile-fare>strong{font-size:31px}.dc-tile--lead .dc-photo-copy{left:24px;right:20px}.dc-trip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-comparison{gap:14px}.dc-comparison-photo{height:210px}.dc-comparison-photo>div{left:18px;right:18px}.dc-comparison-photo h3{font-size:29px}.dc-comparison-price{padding:20px 18px}.dc-comparison-item dl{padding:0 18px}.dc-open-flight{margin:18px;font-size:11px;padding:12px}}
@media(max-width:640px){.wrap:has([data-departure-compare]) main{padding-top:16px}.dc-heading{display:block;margin-bottom:18px}.dc-heading h1{font-size:25px;margin-bottom:8px}.dc-heading p{max-width:370px;font-size:12px;line-height:1.5}.dc-heading>a{min-height:44px;max-width:none;font-size:11px;margin-top:4px}.dc-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:305px 213px;gap:12px}.dc-mosaic .dc-tile:first-child{grid-column:span 2;grid-row:auto}.dc-photo{min-height:0}.dc-photo-copy{left:14px;right:12px;bottom:16px}.dc-photo-copy h2{font-size:25px;margin:3px 0 10px;text-wrap:wrap}.dc-tile--lead .dc-photo-copy{left:22px;right:22px;bottom:23px}.dc-tile--lead .dc-photo-copy h2{font-size:43px;margin-bottom:12px}.dc-tile-fare{gap:10px;align-items:start}.dc-tile-fare>strong{font-size:29px}.dc-tile-fare>span{font-size:10px}.dc-tile--lead .dc-tile-fare>strong{font-size:42px}.dc-tile--lead .dc-tile-fare>span{font-size:12px}.dc-mosaic .dc-tile:not(:first-child) .dc-tile-fare{display:block}.dc-mosaic .dc-tile:not(:first-child) .dc-tile-fare>span{display:block;margin-top:3px}.dc-country{font-size:10px}.dc-photo-copy>p{font-size:10px;margin-top:9px;gap:4px}.dc-photo-copy>p>span{display:none}.dc-add{top:10px;right:10px;padding:8px;min-height:44px;gap:5px;font-size:10px}.dc-add svg{width:14px;height:14px}.dc-discover{margin-top:32px}.dc-discover>h2{font-size:23px;margin-bottom:18px}.dc-trip-grid{grid-template-columns:1fr;gap:18px}.dc-trip-grid .dc-tile{height:310px}.dc-trip-grid .dc-photo-copy{left:22px;right:22px;bottom:23px}.dc-trip-grid .dc-photo-copy h2{font-size:37px}.dc-trip-grid .dc-tile-fare>strong{font-size:37px}.dc-trip-grid .dc-tile-fare>span{font-size:12px}.dc-selection{bottom:10px;width:calc(100% - 20px);display:block;padding:13px 14px}.dc-selection p{font-size:11px;margin-bottom:7px}.dc-picked{gap:5px}.dc-picked button{min-height:44px;font-size:11px;padding:4px 8px}.dc-selection-actions{margin-top:10px;gap:12px;justify-content:space-between}.dc-selection-actions>[data-dc-clear]{min-height:44px;max-width:90px;font-size:10px}.dc-compare-action{flex:1;min-height:44px;font-size:12px;padding:10px 13px}.dc-compare-heading{display:block}.dc-compare-heading h2{font-size:29px}.dc-compare-heading>span{display:block;margin-top:9px;font-size:12px;padding:0}.dc-back{margin-bottom:16px}.dc-fare-note{font-size:11px;line-height:1.6;margin-bottom:18px}.dc-column-jumps{display:flex;gap:7px;margin:0 0 14px;flex-wrap:wrap}.dc-column-jumps button{flex:1;min-height:44px;padding:8px;border:1px solid var(--dc-line);border-radius:7px;background:#100e1c;color:#ffd98a;font:500 11px/1.4 var(--body,Inter,sans-serif);cursor:pointer}.dc-comparison{display:flex;gap:14px;overflow-x:auto;padding:3px 3px 16px;scroll-snap-type:x mandatory}.dc-comparison-item{flex:0 0 85%;scroll-snap-align:start}.dc-comparison-photo{height:236px}.dc-comparison-photo h3{font-size:35px}.dc-comparison-price{min-height:132px}.dc-comparison-item dd{font-size:15px}.dc-open-flight{font-size:12px;min-height:48px}.dc-compare-view{scroll-margin-top:86px}}
@media(max-width:350px){.dc-heading h1{font-size:22px}.dc-mosaic{grid-template-rows:290px 222px}.dc-add{font-size:9px;gap:4px;padding:7px}.dc-add svg{width:12px;height:12px}.dc-photo-copy h2{font-size:22px}.dc-tile--lead .dc-photo-copy h2{font-size:39px}.dc-country{font-size:9px}.dc-selection{padding:12px}.dc-compare-action{font-size:11px;gap:8px}.dc-comparison-item{flex-basis:91%}}
@media(prefers-reduced-motion:reduce){.dc-photo>img{transition:none}.dc-photo:hover>img{transform:none}}

/* The header retains installation; the comparison owns the mobile action area. */
body:has([data-departure-compare]) .appbar{display:none}

.dc-mosaic[data-count="1"]{display:block}
.dc-mosaic[data-count="1"] .dc-tile{height:380px}
.dc-mosaic[data-count="2"]{grid-template-rows:360px}
.dc-mosaic[data-count="2"] .dc-tile:first-child{grid-row:auto}
@media(max-width:640px){.dc-mosaic[data-count="1"] .dc-tile{height:350px}.dc-mosaic[data-count="2"]{grid-template-columns:1fr;grid-template-rows:305px 305px}.dc-mosaic[data-count="2"] .dc-tile:first-child{grid-column:auto;grid-row:auto}}