/* v15: rebuilt course page presentation; avoids inherited fixed widths */
body.course-detail .pagehero{padding:64px 0 72px!important;background:linear-gradient(125deg,#e9f8fa 0%,#fff 60%,#e4f8fa 100%)!important}
body.course-detail .pagehero .v11-course-hero-wrap{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;grid-template-areas:"eyebrow image" "heading image" "intro image" "facts image"!important;grid-template-rows:auto auto auto 1fr!important;align-content:center!important;align-items:start!important;gap:18px 64px!important;min-height:380px}
body.course-detail .pagehero .v11-course-hero-wrap>.eyebrow{grid-area:eyebrow!important;align-self:end}
body.course-detail .pagehero .v11-course-hero-wrap>h1{grid-area:heading!important;font-size:clamp(38px,4vw,58px)!important;max-width:740px}
body.course-detail .pagehero .v11-course-hero-wrap>.intro{grid-area:intro!important;font-size:20px!important;max-width:640px}
body.course-detail .pagehero .v11-course-hero-wrap>.v11-course-hero-photo{grid-area:image!important;grid-column:auto!important;grid-row:auto!important;height:390px!important;max-width:100%!important;object-fit:cover!important;box-shadow:0 20px 55px #07334a20!important}
body.course-detail .pagehero .v11-course-hero-wrap>.kd-facts{grid-area:facts!important;display:flex;flex-wrap:wrap;gap:10px;align-self:start;padding-top:6px}
body.course-detail .kd-facts .pill{display:inline-flex!important;align-items:center!important;border:1px solid #bce4e8!important;background:white!important;border-radius:100px!important;padding:9px 16px!important;font-size:14px!important;font-weight:700!important;color:#075167!important;max-width:100%}
body.course-detail .qualification{padding:70px 0 78px!important}
body.course-detail .qual-card{background:#f9fdfe!important}
body.course-detail .course-video .kd-video-presentation{max-width:940px!important}
body.course-detail .course-video .kd-video-frame{aspect-ratio:1672/941!important;background-size:100% 100%!important}
body.course-detail .course-video .kd-video-frame video{left:11.2%!important;top:20.7%!important;width:77.6%!important;height:59.2%!important;object-fit:contain!important;border-radius:4px!important}
body.course-detail .course-video h2{text-align:left}
body.course-detail .split .article{padding:10px 0 45px!important}
@media(max-width:850px){body.course-detail .pagehero .v11-course-hero-wrap{gap:16px 25px!important;grid-template-columns:minmax(0,1fr) minmax(0,.8fr)!important}body.course-detail .pagehero .v11-course-hero-wrap>.v11-course-hero-photo{height:310px!important}}
@media(max-width:700px){body.course-detail .pagehero{padding:40px 0 46px!important}body.course-detail .pagehero .v11-course-hero-wrap{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"eyebrow" "heading" "intro" "facts" "image"!important;grid-template-rows:auto!important;min-height:0;gap:15px!important}body.course-detail .pagehero .v11-course-hero-wrap>.v11-course-hero-photo{height:250px!important;grid-column:auto!important;grid-row:auto!important}body.course-detail .pagehero .v11-course-hero-wrap>h1{font-size:clamp(34px,9vw,44px)!important}body.course-detail .pagehero .v11-course-hero-wrap>.intro{font-size:17px!important}body.course-detail .course-video .kd-video-presentation{width:100%!important}body.course-detail .course-video .kd-video-frame video{border-radius:2px!important}}
/* Consistent layout for the remaining specialty and junior detail pages */
body.course-detail .pagehero:not(:has(.v11-course-hero-wrap)){padding:64px 0!important;background:linear-gradient(120deg,#e8f8fa,#fff 70%,#e2f6f9)!important}
body.course-detail .pagehero:not(:has(.v11-course-hero-wrap))>.wrap{max-width:1100px!important}
body.course-detail .pagehero:not(:has(.v11-course-hero-wrap)) h1{font-size:clamp(38px,4.2vw,58px)!important;line-height:1.1!important;letter-spacing:-.04em!important;max-width:920px}
body.course-detail .pagehero:not(:has(.v11-course-hero-wrap)) .intro,body.course-detail .pagehero:not(:has(.v11-course-hero-wrap)) p{font-size:19px!important;line-height:1.6!important;max-width:780px}
body.course-detail .pagehero:not(:has(.v11-course-hero-wrap)) .pill{display:inline-flex;margin:12px 8px 0 0!important;background:white;border:1px solid #bce4e8;border-radius:100px;padding:8px 15px!important}
body.course-detail .detail-page .content-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(240px,310px)!important;gap:42px!important;align-items:start}
body.course-detail .detail-page .prose{max-width:100%;font-size:17px;line-height:1.75}
body.course-detail .detail-page .prose h2{font-size:clamp(24px,2.4vw,33px);letter-spacing:-.025em;margin-top:36px}
body.course-detail .detail-page .faq details{border:1px solid #d7edf0;border-radius:12px;padding:15px;margin:12px 0;background:#f7fcfd}
body.course-detail .detail-page section{padding:48px 0}
@media(max-width:800px){body.course-detail .detail-page .content-grid{grid-template-columns:1fr!important}}

/* v19 videókeret a tanfolyamoldalak tetején */
.kd-player{grid-column:2;grid-row:1 / span 5;align-self:center;margin:0;padding:7px 7px 0;border-radius:20px;background:linear-gradient(145deg,#14b8c6,#0a5576 65%,#06304a);box-shadow:0 16px 38px #063c4c33}
.kd-screen{position:relative;overflow:hidden;border-radius:14px;aspect-ratio:16/9;background:#062a3d;isolation:isolate}
.kd-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.kd-play{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border:0;border-radius:50%;background:rgba(0,141,158,.94);box-shadow:0 6px 20px rgba(0,0,0,.4);cursor:pointer;transition:transform .15s}
.kd-play::before{content:"";position:absolute;left:27px;top:20px;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent #fff}
.kd-play:hover{transform:scale(1.1)}
.kd-player.playing .kd-play{display:none}
.kd-player figcaption{display:flex;align-items:center;gap:8px;padding:9px 6px 10px;color:#fff;font-weight:700;font-size:13px;line-height:1}
.kd-player figcaption img{width:22px;height:22px;border-radius:50%}
.kd-more{padding:34px 0 8px}
.kd-more h3{margin:22px 0 6px;font-size:21px;color:#07334a}
.kd-more p{max-width:760px}
.kd-faq{padding-bottom:50px}
@media(max-width:760px){.kd-player{grid-column:1;grid-row:auto}}

/* v22 hero: szöveg + videó két oszlopban, üres rések nélkül */
.pagehero .v11-course-hero-wrap{grid-template-columns:minmax(0,1fr) minmax(300px,44%);gap:32px;align-items:center}
.kd-hero-text{grid-column:1;display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.kd-hero-text>*{margin:0}
.kd-hero-text .kd-facts{display:flex;flex-wrap:wrap;gap:8px}
.kd-hero-text>p:not(.intro){font-size:18px;line-height:1.55;color:#35586a}
.pagehero .v11-course-hero-wrap>.kd-player{grid-column:2;grid-row:1;align-self:center}
@media(max-width:760px){.pagehero .v11-course-hero-wrap{grid-template-columns:1fr}.kd-hero-text,.pagehero .v11-course-hero-wrap>.kd-player{grid-column:1}.pagehero .v11-course-hero-wrap>.kd-player{grid-row:auto}}
/* oldalsó képek ne legyenek túl nagyok */
body.course-detail .split>img{width:100%;max-height:420px;object-fit:cover;border-radius:16px}

/* v23: oldalsó kép/logó a fejlécben */
.pagehero .wrap.kd-hero2{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,40%);gap:36px;align-items:center}
.kd-aside{margin:0;width:100%;justify-self:end;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 16px 38px #063c4c33}
.kd-aside img{display:block;width:100%;height:auto}
.kd-aside.kd-logo{max-width:440px;padding:14px 18px}
.kd-aside.kd-small{max-width:370px;padding:7px;background:linear-gradient(145deg,#14b8c6,#0a5576 65%,#06304a)}
.kd-aside.kd-small img{border-radius:14px}
.kd-aside.kd-photo{max-width:540px;padding:7px;background:linear-gradient(145deg,#14b8c6,#0a5576 65%,#06304a)}
.kd-aside.kd-photo img{border-radius:14px}
.detail-page .kd-more{padding-top:10px}
@media(max-width:760px){.pagehero .wrap.kd-hero2{grid-template-columns:1fr}.kd-aside{justify-self:start}}

/* v25 */
.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.cards.four{grid-template-columns:1fr}}

/* v26: úticél-design, űrlap, specialitások alja */
.kd-artbox{max-width:520px;padding:0;background:none;box-shadow:none;overflow:visible}
.tour-art{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:20px;box-shadow:0 16px 38px #063c4c33}
.tour-svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.tour-tag{position:absolute;left:14px;bottom:12px;background:rgba(6,48,74,.8);color:#fff;font-weight:700;font-size:13px;line-height:1;padding:8px 13px;border-radius:999px}
.tour-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tour-tile{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:18px;box-shadow:0 14px 32px #063c4c30}
.tour-tile .tour-svg{width:100%;height:100%}
.tour-tile .tour-tag{left:8px;right:8px;bottom:8px;text-align:center;font-size:12px;padding:7px 6px}
.tour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px}
.tour-card{display:flex;flex-direction:column;background:#fff;border:1px solid #d3ebef;border-radius:22px;overflow:hidden;box-shadow:0 14px 40px #07334a12;transition:transform .2s,box-shadow .2s}
.tour-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px #07334a1f}
.tour-card .tour-art{border-radius:0;box-shadow:none}
.tour-body{display:flex;flex-direction:column;gap:10px;padding:22px 24px 26px;flex:1}
.tour-body h3{margin:0;font-size:24px}
.tour-body p{margin:0;color:#35586a}
.tour-body .btn{margin-top:auto;align-self:flex-start}
.tour-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px;padding:0;list-style:none}
.tour-chips li{border:1.5px solid #bfdde2;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;color:#0a5a6b}
.kd-stepsec{padding:56px 0 20px}
.kd-steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:26px 0 0;padding:0;list-style:none}
.kd-steps li{counter-increment:s;position:relative;display:flex;flex-direction:column;gap:8px;padding:26px 24px 24px;background:#f0fbfc;border:1px solid #d3ebef;border-radius:20px}
.kd-steps li::before{content:counter(s);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#00919f;color:#fff;font-weight:800}
.kd-steps b{font-size:20px;color:#07334a}
.kd-steps span{color:#35586a;line-height:1.55}
.kd-ctasec{padding:40px 0 70px}
.kd-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:34px 38px;border-radius:24px;color:#fff;background:linear-gradient(120deg,#06304a,#0a6b82 70%,#14b8c6)}
.kd-cta h2{margin:0 0 6px;color:#fff;font-size:30px}
.kd-cta p{margin:0;color:#d6f1f5}
.kd-cta .kd-cta-btn{background:#fff;color:#06304a;font-weight:800}
.kd-cta .kd-cta-btn:hover{background:#ffe08a}
/* jelentkezési űrlap */
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px;max-width:860px;margin:26px 0 0;padding:32px;background:#fff;border:1px solid #d3ebef;border-radius:24px;box-shadow:0 14px 40px #07334a12}
.form label{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:15px;color:#07334a}
.form .wide{grid-column:1/-1}
.form input:not([type=checkbox]),.form select,.form textarea{width:100%;box-sizing:border-box;font:inherit;font-weight:400;padding:14px 15px;border:1.5px solid #bfdde2;border-radius:12px;background:#f8fdfe;color:#07334a}
.form input:focus,.form select:focus,.form textarea:focus{outline:3px solid #14b8c64d;border-color:#00919f}
.form textarea{min-height:150px;resize:vertical}
.form .consent{flex-direction:row;align-items:flex-start;gap:12px;font-weight:400;font-size:14px;line-height:1.5}
.form .consent input{flex:none;width:20px;height:20px;margin-top:2px;accent-color:#00919f}
.form .fine{margin:14px 0 0;font-size:13px;color:#4b6676;font-weight:400}
.form #feedback{margin-top:12px}
/* specialitások alja */
.kd-specs{padding-bottom:36px}
.kd-newspec{padding:52px 0 76px;background:linear-gradient(180deg,#f0fbfc,#e3f4f7)}
.kd-newspec .intro{margin:8px 0 28px;max-width:780px}
@media(max-width:900px){.tour-grid,.kd-steps{grid-template-columns:1fr}.form{grid-template-columns:1fr;padding:22px}.kd-cta{padding:26px 24px}}

/* v27: búvártúrák */
.kd-poster{position:absolute;inset:0}
.kd-poster .tour-svg{width:100%;height:100%}
.kd-optional:not(.ready) .kd-play{display:none}
.kd-optional:not(.ready) video{visibility:hidden}
.pagehero .wrap.kd-hero2>.kd-player{grid-column:2;grid-row:1;align-self:center}
.tour-places{display:flex;flex-direction:column;gap:6px;margin:4px 0 10px}
.tour-places>span{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#00919f}
.tour-soon{margin:0;font-size:14px;color:#4b6676}
.tour-chips.places a{color:inherit;text-decoration:none}
.tour-chips.places li{transition:background .15s,color .15s}
.tour-chips.places li:hover{background:#00919f;border-color:#00919f}
.tour-chips.places li:hover a{color:#fff}
.place-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:24px}
.place{display:flex;flex-direction:column;gap:12px;padding:26px;background:#fff;border:1px solid #d3ebef;border-radius:20px;box-shadow:0 12px 32px #07334a10;scroll-margin-top:110px}
.place h3{margin:0;font-size:24px}
.place p{margin:0;color:#35586a}
.place .btn{align-self:flex-start}
.place .btn+.btn{margin-top:-4px}
.btn.line{background:transparent;color:#00919f;border:1.5px solid #00919f}
.btn.line:hover{background:#00919f;color:#fff}
