/* Focused homepage composition; the search itself keeps its existing behavior. */
.home-mobile-offers { display: none; }
[data-home-page] .home-trust-compact { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px 32px; padding:0; margin:16px 0 0; list-style:none; color:white; }
[data-home-page] .home-trust-compact li { display:flex; align-items:center; gap:8px; font-size:12px; line-height:1.7; font-weight:600; }
[data-home-page] .home-trust-compact svg { width:17px; height:17px; flex-shrink:0; }
.home-personal-help { width:min(1200px,calc(100% - 40px)); margin:36px auto; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 0; border-block:1px solid #d7e3eb; color:#0b365a; }
.home-personal-help p { margin:0 0 5px; font-size:18px; font-weight:800; line-height:1.4; }
.home-personal-help span { font-size:14px; line-height:1.7; color:#526a7d; }
.home-personal-help a { display:inline-flex; align-items:center; gap:12px; min-height:48px; color:#0b365a; font-size:14px; font-weight:800; text-decoration:none; }
.home-personal-help a:hover { text-decoration:underline; text-underline-offset:4px; }
.home-personal-help a:focus-visible { outline:3px solid #147fa6; outline-offset:5px; border-radius:3px; }
.home-personal-help a svg { width:19px; height:19px; }
@media(max-width:599px) {
 [data-home-page] .home-trust-compact { gap:8px 16px; margin-top:12px; }
 [data-home-page] .home-trust-compact li { font-size:12px; gap:5px; }
 [data-home-page] .home-trust-compact svg { width:14px; height:14px; }
 .home-personal-help { width:calc(100% - 32px); margin:24px auto; flex-direction:column; align-items:flex-start; gap:10px; padding:20px 0; }
 .home-personal-help p { font-size:17px; }
 .home-personal-help span { font-size:13px; }
}

/* Keep the familiar panorama and search; give the first screen a single search entry. */
[data-home-page] .home-panorama .home-hero-content { min-height: 400px; justify-content: center; padding-top: 28px; padding-bottom: 18px; }
[data-home-page] .home-panorama-intro { max-width: 960px; }
[data-home-page] .home-panorama-intro h1 { max-width: 960px; font-size: clamp(36px, 3.8vw, 52px); }
[data-home-page] .home-panorama-intro h1 > span { display: inline; }
[data-home-page] .home-panorama-intro > p { max-width: 680px; margin-top: 10px; font-size: 16px; line-height: 1.5; }
[data-home-page] [data-home-search-dock] { margin-top: 20px; }
[data-home-page] .home-hero-visual { object-position: 50% 100%; }
[data-home-page] .home-panorama-shade { background: linear-gradient(90deg, rgba(3,39,58,.58), rgba(3,39,58,.28) 34%, rgba(3,39,58,.02) 68%, transparent 82%); }
[data-home-page] .home-panorama-shade + .home-panorama-shade { background: linear-gradient(0deg, rgba(3,35,53,.58), rgba(3,35,53,.13) 20%, transparent 52%); }
[data-home-page] .home-search-help { display: flex; align-items: center; justify-content: center; gap: 8px; width: fit-content; min-height: 44px; margin: 0 auto; color: white; font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
[data-home-page] .home-search-help svg { width: 15px; height: 15px; }
[data-home-page] .home-search-help:focus-visible { outline: 3px solid #38b7dc; outline-offset: 3px; }
[data-home-page] .home-trust-compact { margin-top: 0; gap: 10px 28px; }
@media (min-width: 640px) and (max-width: 1199px) {
  [data-home-page] .home-panorama .home-hero-content { padding-top: 24px; min-height: 0; }
  [data-home-page] [data-landing-search] { border-radius: 12px; }
}
@media (max-width: 639px) {
  [data-home-page] .home-panorama { --home-panorama-height: 156px; }
  [data-home-page] .home-panorama .home-hero-content { min-height: 0; padding: 0 12px 16px; justify-content: flex-start; }
  [data-home-page] .home-panorama-intro { width: 100%; min-height: 140px; padding: 14px 8px 6px; }
  [data-home-page] .home-panorama-intro h1 { max-width: 250px; font-size: 30px; line-height: 1.06; text-wrap: initial; }
  [data-home-page] .home-panorama-intro h1 > span { display: block; }
  [data-home-page] .home-panorama-intro > p { display: none; }
  [data-home-page] .home-mobile-offers { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-top: 4px; padding: 0 10px; color: white; background: #0b365a; border-radius: 6px; font-size: 14px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
  [data-home-page] .home-mobile-offers svg { width: 17px; height: 17px; }
  [data-home-page] .home-mobile-offers:focus-visible { outline: 2px solid white; outline-offset: 2px; border-radius: 3px; }
  [data-home-page] .home-panorama .home-hero-visual { height: var(--home-panorama-height); object-position: 50% 88%; }
  [data-home-page] .home-panorama-shade { display: block; height: var(--home-panorama-height); background: linear-gradient(90deg, rgba(3,39,58,.42), rgba(3,39,58,.12) 48%, transparent 80%); }
  [data-home-page] .home-panorama-shade + .home-panorama-shade { display: none; }
  [data-home-page] .home-panorama [data-home-search-dock] { margin-top: 0; padding: 10px 10px 0; border-radius: 12px; background: white; box-shadow: 0 5px 18px rgba(10,45,65,.06); }
  [data-home-page] .home-panorama [data-landing-search] fieldset { border-radius: 8px; }
  [data-home-page] .home-panorama [data-landing-search] [data-search-field] { min-height: 56px; padding: 4px 9px; }
  [data-home-page] .home-search-help { color: #0b365a; font-size: 12px; }
  [data-home-page] .home-trust-compact { margin-top: 12px; gap: 6px 12px; color: #0b365a; }
  [data-home-page] .home-trust-compact li { font-size: 11px; line-height: 1.5; }
  [data-home-page] .home-trust-compact li:first-child { flex-basis: 100%; justify-content: center; }
  [data-home-page] .home-trust-compact svg { width: 14px; height: 14px; }
}

/* Travel type and the optional flight package are separate choices. */
[data-home-page] .landing-search-journey-options { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; min-width: 0; }
[data-home-page] [data-landing-search] .landing-search-journey-options > fieldset { flex: 0 1 244px; width: 244px; min-height: 0; margin: 0; padding: 4px; }
[data-home-page] .landing-search-modes { grid-template-columns: repeat(2, minmax(0, 1fr)); min-height: 44px; }
[data-home-page] [data-landing-search] .landing-search-flight { flex: 0 0 auto; min-height: 44px; margin: 0; padding-inline: 12px; border-left: 1px solid #d7e3eb; border-radius: 0; white-space: nowrap; }
[data-home-page] .landing-search-flight:focus-within { outline: 2px solid #147fa6; outline-offset: 2px; border-radius: 4px; }

/* The former header notice stays with the concrete journeys and their proof. */
[data-home-offers] { background: #f3f8fa; padding-bottom: 24px; }
[data-home-offers] .su-context-offers { padding-top: 28px; padding-bottom: 20px; }
.home-offer-updates { width: min(1320px, calc(100% - 48px)); margin: 0 auto; overflow: hidden; border-radius: 8px; }

@media (min-width: 1024px) {
  [data-home-page] .home-panorama [data-landing-search] { display: grid; grid-template-columns: minmax(0, 1.15fr) repeat(3, minmax(0, 1fr)) minmax(160px, .9fr); align-items: stretch; gap: 10px 8px; padding: 12px; }
  [data-home-page] .home-panorama [data-search-journey-options] { grid-column: 1 / 4; grid-row: 1; }
  [data-home-page] .home-panorama .landing-search-fields { display: contents; }
  [data-home-page] .home-panorama [data-landing-search] [data-search-field] { grid-row: 2; min-height: 60px; margin: 0; border: 1px solid #d9e2ea; border-radius: 7px; background: #f7f9fb; }
  [data-home-page] .home-panorama [data-search-field='destination'] { grid-column: 1; }
  [data-home-page] .home-panorama [data-search-field='date'] { grid-column: 2; }
  [data-home-page] .home-panorama [data-search-field='cruise-line'] { grid-column: 3; }
  [data-home-page] .home-panorama [data-search-field='travelers'] { grid-column: 4; }
  [data-home-page] .home-panorama [data-landing-search] > button[type='submit'] { grid-column: 5; grid-row: 2; min-height: 60px; margin: 0; }
  [data-home-page] .home-panorama [data-landing-search] > details { display: block; grid-column: 4 / -1; grid-row: 1; align-self: center; margin: 0; border: 0; }
  [data-home-page] .home-panorama [data-landing-search] > details > summary { justify-content: flex-end; min-height: 44px; }
  [data-home-page] .home-panorama [data-landing-search] > details > summary > svg:last-child { margin-left: 8px; }
  [data-home-page] .home-panorama [data-landing-search] > details[open] { grid-column: 1 / -1; grid-row: 3; padding-top: 8px; border-top: 1px solid #d9e2ea; }
  [data-home-page] .home-panorama [data-landing-search] > details[open] > summary { justify-content: flex-start; }
  [data-home-page] .home-panorama [data-landing-search] > p { grid-column: 1 / -1; grid-row: auto; }
}

@media (max-width: 639px) {
  [data-home-page] .landing-search-journey-options { gap: 6px; }
  [data-home-page] [data-landing-search] .landing-search-journey-options > fieldset { flex: 1 1 180px; width: auto; }
  [data-home-page] [data-landing-search] .landing-search-flight { padding-inline: 7px; gap: 6px; }
  [data-home-offers] .su-context-offers { padding-top: 20px; }
  .home-offer-updates { width: calc(100% - 40px); }
}

@media (max-width: 767px) {
  [data-home-page] #reedereien-direkt:not(.su-logo-rail) { padding-block: 16px !important; }
  [data-home-page] #reedereien-direkt:not(.su-logo-rail) ul { margin-top: 4px; }
  [data-home-page] #reedereien-direkt:not(.su-logo-rail) li { width: 124px; }
  [data-home-page] #reedereien-direkt:not(.su-logo-rail) li a { min-height: 64px; }
  [data-home-page] #reedereien-direkt:not(.su-logo-rail) li a > span { height: 56px; }
}

/* The daily selection shares the existing footer instead of adding a section. */
[data-home-page] .home-search-meta { display: flex; align-items: center; gap: 12px; min-width: 0; }
[data-home-page] .home-search-help-short { display: none; }
[data-home-page] .home-search-meta:has([data-daily-focus="home"]) { justify-content: space-between; padding-block: 8px; }
[data-home-page] .home-search-meta:has([data-daily-focus="home"]) .home-search-help { flex: 0 0 auto; margin: 0; }
@media (max-width: 639px) {
  [data-home-page] .home-search-meta:has([data-daily-focus="home"]) { gap: 10px; }
  [data-home-page] .home-search-meta:has([data-daily-focus="home"]) .home-search-help { gap: 4px; font-size: 11px; }
  [data-home-page] .home-search-meta:has([data-daily-focus="home"]) .home-search-help-long { display: none; }
  [data-home-page] .home-search-meta:has([data-daily-focus="home"]) .home-search-help-short { display: inline; }
}

/* A quieter ocean entry: only the page title and journey search over the media. */
[data-home-hero-version='ocean-v1'] .home-panorama .home-hero-content { min-height: 340px; padding-top: 38px; padding-bottom: 34px; }
[data-home-hero-version='ocean-v1'] .home-panorama-intro { width: 100%; max-width: none; text-align: center; }
[data-home-hero-version='ocean-v1'] .home-panorama-intro h1 { max-width: none; font-size: clamp(34px, 3.5vw, 48px); }
[data-home-hero-version='ocean-v1'] [data-home-search-dock] { margin-top: 26px; }
[data-home-hero-version='ocean-v1'] .home-discovery-entry { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px; width: min(1320px, calc(100% - 48px)); margin: 0 auto; padding: 16px 0; }
[data-home-hero-version='ocean-v1'] .home-offers-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #0b365a; font-size: 13px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
[data-home-hero-version='ocean-v1'] .home-offers-link svg { width: 16px; height: 16px; }
[data-home-hero-version='ocean-v1'] .home-offers-link:focus-visible { outline: 2px solid #147fa6; outline-offset: 4px; border-radius: 3px; }
[data-home-hero-version='ocean-v1'] .home-personal-help { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
[data-home-hero-version='ocean-v1'] .home-personal-help .home-advice-intro { max-width: 680px; margin: 12px 0 0; color: #526a7d; font-size: 14px; font-weight: 400; line-height: 1.7; }
[data-home-hero-version='ocean-v1'] .home-advice-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
[data-home-hero-version='ocean-v1'] .home-advice-actions .home-search-help { margin: 0; color: #0b365a; font-size: 12px; }
[data-home-hero-version='ocean-v1'] .home-advice-actions .home-search-help span { color: inherit; font-size: inherit; }
[data-home-hero-version='ocean-v1'] .home-personal-help .home-trust-compact { grid-column: 1 / -1; justify-content: flex-start; margin: 0; color: #526a7d; }
[data-home-hero-version='ocean-v1'] .home-personal-help .home-trust-compact span { color: inherit; font-size: 12px; }
@media (max-width: 767px) {
  [data-home-hero-version='ocean-v1'] .home-personal-help { grid-template-columns: 1fr; }
}
@media (max-width: 639px) {
  [data-home-hero-version='ocean-v1'] .home-panorama .home-hero-content { min-height: 0; padding: 22px 12px 20px; }
  [data-home-hero-version='ocean-v1'] .home-panorama-intro { min-height: 0; padding: 0; }
  [data-home-hero-version='ocean-v1'] .home-panorama-intro h1 { max-width: none; font-size: 30px; line-height: 1.08; }
  [data-home-hero-version='ocean-v1'] .home-panorama [data-home-search-dock] { margin-top: 20px; padding: 10px; }
  [data-home-hero-version='ocean-v1'] .home-discovery-entry { width: calc(100% - 40px); padding-block: 12px; }
  [data-home-hero-version='ocean-v1'] .home-personal-help .home-trust-compact { gap: 8px 16px; }
  [data-home-hero-version='ocean-v1'] .home-personal-help .home-trust-compact li:first-child { flex-basis: auto; }
}