/* Header geometry and original outlined Figma wordmark. */
.gd-header { padding-left:5.14%; padding-right:9.72%; gap:32px; }
.gd-header .gd-brand { width:auto; flex:1 1 auto; min-width:141px; }
.gd-brand .gd-wordmark { display:block; width:141px; height:15px; object-fit:contain; }
.gd-header .gd-desktop-nav { margin-left:auto; flex-shrink:0; }
.gd-header .gd-header-actions { flex-shrink:0; margin-left:0; gap:32px; }
.gd-header .gd-desktop-nav>ul { gap:32px; }
.gd-desktop-nav a:hover,.gd-desktop-nav a:focus-visible { color:#ff7c58; }
.gd-language { display:flex; flex:0 0 31px; width:31px; height:31px; align-items:center; }
.gd-language img { display:block; width:31px; height:31px; }
.gd-hero .gd-play { top:50%; left:50%; transform:translate(-50%,-50%); }
.gd-destination { display:inline-flex; position:relative; }
.gd-destination-badge { position:absolute; z-index:1; left:-20px; top:-14px; background:#ffdd86; color:#1d1d1b; padding:4px 12px; border-radius:5px; font:700 12px/1.3 'Zalando Sans Expanded',sans-serif; letter-spacing:1.2px; text-transform:uppercase; pointer-events:none; }
@media(min-width:901px) and (max-width:1250px) {
 .gd-header { padding-inline:32px; gap:24px; }
 .gd-header .gd-desktop-nav>ul,.gd-header .gd-header-actions { gap:20px; }
 .gd-header-socials { display:none; }
}
@media(max-width:900px) {
 .gd-header { padding-inline:21px; gap:20px; }
 .gd-header .gd-brand { min-width:0; }
 .gd-brand .gd-wordmark { display:none; }
 .gd-header .gd-header-actions { gap:20px; }
 .gd-destination-badge { left:-8px; font-size:10px; top:-12px; padding:3px 8px; }
}

/* Both the wordmark and the symbol link home, including on commerce pages. */
.gd-home-mark img {display:block;width:100%;height:100%;object-fit:contain}
.gd-page-mark-row {background:var(--gd-ink);padding:0 5.625vw}
.gd-page-mark {display:block;width:111px;height:45px}
@media(min-width:901px) and (max-width:1250px) {
 .gd-page-mark-row {padding-inline:32px}
}
@media(max-width:900px) {
 .gd-page-mark-row {display:none}
}

/* Match the homepage mark position below the wordmark on every desktop hero. */
@media(min-width:901px) {
 .gd-redesign .gd-home-mark:is(.gd-trip-hero-mark,.gd-destination-hero-mark) {top:0;left:5.625vw;height:45px}
}
@media(min-width:901px) and (max-width:1250px) {
 .gd-redesign .gd-home-mark:is(.gd-trip-hero-mark,.gd-destination-hero-mark) {left:32px}
}