/* Fit the consultation to its own content instead of stretching to the left column. */
.contact{align-items:start}.consultation{align-self:start;min-height:0;height:auto}.consultation>.status:empty{display:none}.consultation .form-note:last-child{margin-bottom:0}.consultation{padding-bottom:30px}
/* Shield-first entrance: the original animated shield moves into its normal place. */
body:after{content:'';position:fixed;inset:0;background:#251e1c;z-index:25;pointer-events:none;opacity:0;visibility:hidden}
.intro-pending{overflow:hidden}.intro-pending body:after{opacity:1;visibility:visible}.intro-leaving body:after{opacity:0;visibility:visible;transition:opacity .7s ease}
.intro-pending .hero-art{position:fixed;left:50%;top:50%;width:min(440px,82vw);height:min(480px,92vw);max-width:none;margin:0;transform:translate(-50%,-50%);z-index:30;aspect-ratio:auto}
.intro-pending .hero-art .shield-replay,.intro-pending .hero-art .ice-status{visibility:hidden}
.intro-pending .header,.intro-pending .hero-copy,.intro-pending .hero-scroll,.intro-pending main>section:not(.hero),.intro-pending footer{opacity:0;visibility:hidden}
.intro-skip{position:fixed;z-index:31;bottom:7vh;left:50%;transform:translateX(-50%);background:transparent;color:#cfbea9;padding:16px;font-size:12px;letter-spacing:.5px;border-bottom:1px solid #cfbea940}
.intro-revealed .header{animation:entrance-fade .7s .2s both}.intro-revealed .hero-copy>.eyebrow{animation:entrance-left .8s .3s both}.intro-revealed .hero h1{animation:entrance-right 1s .45s both}.intro-revealed .hero-copy>p{animation:entrance-left .9s .65s both}.intro-revealed .hero-actions{animation:entrance-right .9s .85s both}.intro-revealed .advisor{animation:entrance-left .9s 1s both}.intro-revealed .hero-scroll{animation:entrance-fade 1s 1.2s both}
@keyframes entrance-fade{from{opacity:0}to{opacity:1}}@keyframes entrance-left{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}@keyframes entrance-right{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.js .reveal[data-entry=right],.entry-left[data-entry=right]{transform:translateX(26px)}.js .reveal[data-entry=left],.entry-left[data-entry=left]{transform:translateX(-26px)}.js .reveal.in[data-entry],.entry-left.arrived[data-entry]{transform:none}
.product,.product .arrow,.topic-option label,.social-links a,.text-link span{transition:transform .22s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}.product:active,.button:active,.social-links a:active{transform:scale(.98)}.topic-option input:checked+label{box-shadow:inset 0 1px 0 #ffffff35}.faq details[open]>p{animation:entrance-left .3s both}
@media(hover:hover){.product:hover{transform:translateY(-3px);background:#fffaf32e}.product:hover .arrow,.text-link:hover span{transform:translate(3px,-3px)}.topic-option label:hover{background:#ffffff65;border-color:#9c7c5c}.social-links a:hover{transform:translateY(-2px)}}
@media(max-width:760px){.consultation{padding-bottom:25px}.intro-pending .hero-art{width:84vw;height:96vw;top:44%}.intro-skip{bottom:12vh}.js .reveal[data-entry=right],.entry-left[data-entry=right]{transform:translateX(16px)}.js .reveal[data-entry=left],.entry-left[data-entry=left]{transform:translateX(-16px)}.js .reveal.in[data-entry],.entry-left.arrived[data-entry]{transform:none}}
@media(prefers-reduced-motion:reduce){html{overflow:auto!important}body:after,.intro-skip{display:none!important}.intro-revealed *{animation:none!important}.js .reveal[data-entry],.entry-left[data-entry]{transform:none;opacity:1}.product,.product .arrow,.topic-option label,.social-links a{transition:none}}
.intro-leaving .hero-art{z-index:30}
/* Discoverable topic selectors; slow light sweeps only while on screen. */
#megoldasok .filter-bar{flex-wrap:wrap;gap:10px;border:0;overflow:visible;margin-bottom:22px;padding:4px 0}
#megoldasok .filter-bar button{padding:13px 17px;border:1px solid #967c5a35;border-radius:7px;white-space:normal;font-size:12px;line-height:1.5}
#megoldasok .filter-bar .filter-featured{background:linear-gradient(125deg,#fffdf5b5,#e4f1f14d 55%,#eee0c578);border-color:#a8a99885;color:#594230;font-weight:500;box-shadow:inset 0 1px 0 #ffffffc0,0 3px 14px #917a4b10}
#megoldasok .filter-featured:after{animation-duration:9s;background:linear-gradient(112deg,transparent 35%,#ccefff20 44%,#fffefac0 50%,#ccefff30 56%,transparent 65%)}
#megoldasok .filter-bar button.active{background:#793d39;color:#fff9ed;border-color:#793d39;box-shadow:inset 0 1px 0 #ffffff25}
#megoldasok .filter-bar button:hover{border-color:#896b46;transform:translateY(-1px)}
@media(max-width:760px){#megoldasok .filter-bar{gap:8px}#megoldasok .filter-bar button{padding:11px 12px;font-size:11px;max-width:100%}}
@media(prefers-reduced-motion:reduce){#megoldasok .filter-bar button:hover{transform:none}}
/* Clearer BiztosPont red accents, preserving the warm neutral surfaces. */
:root{--red:#ef5a5e}
.header .brand-name>span{color:#ef5a5e}.footer-top .brand-name>span{color:#bd272b}
.hero h1 em{color:#ef5a5e}
.hero-actions .button{background:linear-gradient(115deg,#ca2d34,#b51d25);color:#fff9f1;box-shadow:inset 0 1px 0 #ffffff35,0 7px 24px #8e13172b}
.hero-actions .button:hover{background:linear-gradient(115deg,#db353d,#c0252c);color:#fff}
.cinema-journey,.process,.faq,.contact,#megoldasok,dialog{--red:#bd272b;--deep:#9f1e24}
.cinema-heading h2 em,.section h2 em,.contact-copy h2 em,.faq h2 em,.cinema-copy h2 em{color:#bd272b}
#megoldasok .filter-bar button.active,dialog .button,.consultation .button{background:#bd272b;border-color:#bd272b;color:#fff9f1}
/* Shared colour endpoints follow the current section order, including mobile.
   Gentle endpoint slopes prevent visible bands at section boundaries. */
#eletut{background:linear-gradient(180deg,#a49786 0,#b4a998 45px,#d7cdbf 115px,#ece5d9 185px,#f0e9de 240px,#f0e9de 82%,#efe8dd 92%,#eee7dc 100%)}
#rolam{background:linear-gradient(180deg,#eee7dc 0%,#ede5d9 8%,#e6dccd 22%,#dacebb 42%,#d8c9b6 58%,#ddcfbd 78%,#e3d7c7 94%,#e4d8c8 100%)}
#megoldasok{background:linear-gradient(180deg,#e4d8c8 0%,#e5dacb 8%,#ece3d6 26%,#efe8dd 46%,#ece3d5 66%,#e5d9c8 88%,#e2d5c3 100%)}
#menet{background:linear-gradient(180deg,#e2d5c3 0%,#e3d6c5 10%,#e9decf 35%,#eee6da 68%,#f0e9de 92%,#f0e9de 100%)}
.faq{background:linear-gradient(180deg,#f0e9de 0%,#f1eade 12%,#f4eee4 70%,#f5f0e7 100%)}
#kapcsolat{background:linear-gradient(180deg,#f5f0e7 0%,#f5efe6 12%,#f0e8dc 65%,#eae0d2 100%)}
#fenypont{background:linear-gradient(180deg,#eae0d2 0%,#e9dfd0 8%,#dfd2bf 35%,#d0bda4 70%,#c2ab8e 94%,#c1aa8d 100%)}
footer{background:linear-gradient(180deg,#c1aa8d 0%,#c0a98b 12%,#b49a7b 100%)}
#eletut,#rolam,#megoldasok,#menet,.faq,#kapcsolat,#fenypont{border-top:0;border-bottom:0}

/* Clear email route and consistent brand accents. */
#rolam h2 em,#fenypont #finale-title em{color:#bd272b}
#rolam .eyebrow,#fenypont>.eyebrow{color:#a51e25}
#urlap{scroll-margin-top:100px}
.contact-form-link{margin-bottom:22px;background:#bd272b;color:#fff9f1;white-space:normal}
#summary-panel .download-button{background:transparent;color:#6a5140;border-color:#bda991}
#summary-panel .back-button{margin-top:18px}
@media(max-width:640px){#urlap{scroll-margin-top:85px}.contact-form-link{width:100%;justify-content:space-between}}