/* Desktop destinations replace only the upper carousel. Mobile keeps its reel. */
#designlinien .landingSelectionHint{display:none}
@media(min-width:701px){
 #designlinien.themeLanding{padding:22px clamp(24px,4vw,64px) 18px}
 #designlinien .landingIntro{max-width:1100px;margin-bottom:14px}
 #designlinien .landingIntro h2{font-size:23px}
 #designlinien .landingViewport{height:auto;max-width:1100px;perspective:none;touch-action:auto;transition:none}
 #designlinien .landingDeck{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;height:auto}
 #designlinien .landingScene[data-position]{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:1;transform:none;opacity:1;z-index:auto;pointer-events:auto;border:2px solid #ffffff30;border-radius:9px;box-shadow:0 5px 14px #0002;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
 #designlinien .landingScene[data-line-choice=klassik]{--destination-accent:#6da98c}
 #designlinien .landingScene[data-line-choice=alpenland]{--destination-accent:#d77871}
 #designlinien .landingScene[data-line-choice=usa]{--destination-accent:#d9ac72}
 #designlinien .landingScene[data-line-choice=party]{--destination-accent:#d8a2cd}
 #designlinien .landingScene[data-position]:hover{transform:translateY(-3px);border-color:var(--destination-accent);box-shadow:0 8px 18px #0004}
 #designlinien .landingScene[data-position].active{border-color:var(--destination-accent);box-shadow:0 0 0 2px #ffffff18,0 6px 16px #0003}
 #designlinien .landingScene[data-position].active::after{content:'✓';position:absolute;top:10px;right:10px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#173b30;color:#fff;font:700 15px/1 Arial,sans-serif;border:1px solid var(--destination-accent);box-shadow:0 2px 6px #0004}
 #designlinien .landingScene[data-position] .landingSceneCopy{display:flex;padding:13px 15px;background:linear-gradient(0deg,#091b20ed,transparent 54%)}
 #designlinien .landingSceneCopy strong{font-size:clamp(22px,2.3vw,30px)}
 #designlinien .landingArrow,#designlinien .landingFooter{display:none!important}
 #designlinien .landingSelectionHint{display:block;max-width:1100px;margin:12px auto 0;color:#e5efeb;font:400 13px/1.6 Arial,sans-serif;text-align:center}
}
@media(min-width:701px) and (max-width:900px){#designlinien .landingDeck{gap:10px}#designlinien .landingScene[data-position] .landingSceneCopy{padding:10px}}
@media(prefers-reduced-motion:reduce){#designlinien .landingScene[data-position]{transition:none}}
