/* A felső bemutató az eredeti nyitóképet bővíti képlapozóval. */
.hero-visual{touch-action:pan-y pinch-zoom}
.hero-visual:before{content:'';position:absolute;inset:0 0 65%;z-index:1;background:linear-gradient(#14291f80,transparent);pointer-events:none}
.hero-visual:after{inset:35% 0 0;background:linear-gradient(transparent,rgba(15,37,27,.88))}
.hero-visual>.hero-slide-image{opacity:0;transition:opacity .65s ease;pointer-events:none}
.hero-visual>.hero-slide-image.is-visible{opacity:1}
.hero-visual.portrait-slide>.hero-slide-image{object-fit:contain;background:#c6ccc5}
.hero-visual.has-carousel .hero-image-label{bottom:103px}
.hero-visual.has-carousel .image-caption{bottom:77px}
.hero-carousel-controls{position:absolute;left:27px;right:27px;bottom:22px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff}
.hero-carousel-controls[hidden]{display:none}
.hero-pagination{display:flex;align-items:center;gap:0}
.hero-page{display:grid;place-items:center;width:22px;height:38px;padding:0;border:0;background:transparent;color:inherit}
.hero-page span{display:block;width:5px;height:5px;border:1px solid #dce4da;border-radius:50%;transition:background .2s,transform .2s}
.hero-page[aria-pressed="true"] span{background:#fff;transform:scale(1.4)}
.hero-page:hover span{background:#fff}
.hero-carousel-buttons{display:flex;gap:6px}
.hero-carousel-button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #a3b3a5;border-radius:50%;background:#1b302447;color:#fff;transition:background .2s}
.hero-carousel-button:hover{background:#ffffff30}
.hero-carousel-button svg{width:18px;height:18px}
.hero-carousel-button .previous-arrow{transform:rotate(180deg)}
.hero-carousel-hint{display:none}
.hero-carousel-controls button:focus-visible{outline:2px solid white;outline-offset:3px}
@media(max-width:980px){.hero-carousel-controls{left:20px;right:20px;gap:8px}.hero-page{width:18px}.hero-carousel-button{width:34px;height:34px}.hero-carousel-buttons{gap:5px}}
@media(min-width:761px) and (max-width:860px){.hero-page{width:14px}.hero-carousel-controls{left:15px;right:15px}.hero-carousel-button{width:32px;height:32px}.hero-carousel-buttons{gap:4px}}
@media(max-width:760px){.hero-visual.has-carousel{aspect-ratio:1.05}.hero-visual.has-carousel .hero-image-label{bottom:101px;left:22px;right:22px}.hero-visual.has-carousel .hero-image-label strong{font-size:28px}.hero-visual.has-carousel .image-caption{bottom:76px;left:22px}.hero-carousel-controls{left:22px;right:22px;bottom:19px}.hero-pagination{display:none}.hero-carousel-hint{display:block;font-size:16px;letter-spacing:.14em;color:#dce4da}.hero-carousel-button{width:38px;height:38px}.hero-carousel-buttons{gap:8px}}
@media(prefers-reduced-motion:reduce){.hero-visual>.hero-slide-image,.hero-page span{transition:none}}
@media print{.hero-carousel-controls{display:none}.hero-visual.has-carousel .hero-image-label{display:none}}