.category-hero{height:80vh;min-height:500px;position:relative;isolation:isolate;display:flex;align-items:center;padding:80px 10% 0;color:#fff}.category-hero>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.category-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0006,transparent 70%),linear-gradient(#0005,transparent 30%,#0005)}.category-hero h1{font-size:28px}.category-copy{display:grid;grid-template-columns:1fr 1fr;gap:70px}.category-copy h2{font-size:28px}.category-copy p{font-size:14px;line-height:1.8;margin:0}.category-intro>img{width:100%;height:600px;object-fit:cover;margin:50px 0;border-radius:3px}.category-heading{margin-bottom:45px;text-align:center}.category-heading p{margin-bottom:6px}.category-heading h2,.category-heading h3{font-size:28px}.category-models{display:grid;gap:25px}.category-model{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:30px;background:#f3f4f4;border-radius:6px;padding:30px 40px;min-height:260px}.category-model:hover{background:#edf2ef}.category-model h3{font-size:26px}.category-model p{margin:10px 0 22px}.category-model>img{width:100%;height:220px;object-fit:contain}.category-model .button{background:none;color:#222;padding-left:0;border-radius:0;border-bottom:1px solid var(--green);font-weight:600}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.video-play{display:block;position:relative;width:100%;padding:0;background:#eee;border-radius:4px;overflow:hidden}.video-play img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.video-play>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:48px;border-radius:12px;background:#e62117;color:white;font-size:26px}.video-grid h4{font-size:20px;font-weight:600;line-height:1.4;margin:20px 0 10px}.video-grid p{font-size:14px;line-height:1.7}.category-faq{max-width:900px}.faq-list details{border-bottom:1px solid #d6d6d6}.faq-list summary{list-style:none;padding:25px 40px 25px 0;position:relative;font-size:16px;font-weight:600;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:5px;top:20px;color:var(--green);font-size:26px;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list p{margin:0;padding:0 35px 26px 0;font-size:15px;line-height:1.8}.category-page .useful{padding-top:50px}.category-page footer .footer-top h2{font-size:40px}#video-dialog{width:min(1100px,94vw);max-height:92dvh;padding:25px;background:#111;color:white;border:0;border-radius:10px;overflow:auto}#video-dialog::backdrop{background:#000c}#video-dialog h2{font-size:20px;padding-right:40px;margin:0 0 20px}.video-close{position:absolute;right:15px;top:12px;font-size:30px;background:transparent;color:#fff}.video-frame{aspect-ratio:16/9;background:#000}.video-frame iframe{width:100%;height:100%;border:0}.video-external{display:inline-block;margin-top:15px;font-size:14px;text-decoration:underline}html:has(#video-dialog[open]){overflow:hidden}
@media(max-width:760px){.category-hero{min-height:500px;height:65vh;padding-inline:6%}.category-hero h1{font-size:26px}.category-copy{grid-template-columns:1fr;gap:20px}.category-copy h2{font-size:25px}.category-copy p{font-size:16px}.category-intro>img{height:380px;margin:35px 0}.category-model{padding:25px;gap:10px;grid-template-columns:1fr 1fr}.category-model h3{font-size:22px}.category-model>img{height:180px}.video-grid{grid-template-columns:1fr;gap:35px}.category-heading h2,.category-heading h3{font-size:25px}.category-page footer .footer-top h2{font-size:28px}}
@media(max-width:500px){.category-model{display:flex;flex-direction:column-reverse;align-items:stretch;padding:25px}.category-model>img{height:160px}.category-model h3{font-size:24px}.category-model .button{margin-top:0}.category-heading{margin-bottom:30px}.category-faq{width:88%}.faq-list summary{font-size:16px}.video-grid h4{font-size:20px}#video-dialog{padding:18px}#video-dialog h2{font-size:17px}}

/* Safari a programból fókuszált ablakra is kirajzolja a saját keretét. */
#video-dialog:focus{outline:none}