.htfsz-app-nav svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.htfsz-app-page{padding-bottom:88px}
.htfsz-app-page .trp-language-switcher{display:none!important}
.htfsz-app-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;justify-content:stretch!important;gap:4px!important}.htfsz-app-nav a{width:100%!important;min-width:0!important;height:56px!important;padding:7px 3px!important;border-radius:15px!important}.htfsz-app-nav a.is-current{width:100%!important;min-width:0!important;background:linear-gradient(135deg,#df232c,#a90812)!important}.htfsz-portal-hero .htfsz-portal-app-brand img,.htfsz-app-contact-card header img{width:74px!important;height:74px!important;padding:6px!important;border:1px solid #e2e6eb!important;border-radius:17px!important;background:#fff!important;object-fit:contain!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}
.htfsz-portal-app-brand{display:flex!important;align-items:center;letter-spacing:0!important}.htfsz-portal-app-brand img{width:64px;height:64px;padding:5px;border-radius:17px;background:#fff;object-fit:contain}.htfsz-portal-login__mark img{width:100%;height:100%;padding:7px;object-fit:contain}.htfsz-app-contact .portal-page-layout{display:block}.htfsz-app-contact .portal-sidebar{display:none!important}.htfsz-app-contact .content-primary{width:min(100% - 28px,920px);margin:0 auto}.htfsz-app-contact .content-shell{padding:28px 0 115px}.htfsz-app-contact .entry-card{padding:clamp(24px,5vw,52px)!important;border:1px solid #e2e6eb!important;border-radius:24px!important;background:#fff!important;box-shadow:0 14px 38px rgba(15,23,36,.08)!important}
.htfsz-app-contact .entry-title{display:none!important}.htfsz-app-contact-card header{display:flex;align-items:center;gap:20px;margin-bottom:34px}.htfsz-app-contact-card header img{width:78px;height:78px;padding:5px;border:1px solid #e2e6eb;border-radius:21px;object-fit:contain}.htfsz-app-contact-card header small{color:#c51d25;font-size:10px;font-weight:850;letter-spacing:.15em}.htfsz-app-contact-card header h1{margin:6px 0 7px;font:800 clamp(38px,6vw,58px)/1 Georgia,serif}.htfsz-app-contact-card header p{margin:0;color:#657184}.htfsz-app-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.htfsz-app-contact-actions a{display:grid;gap:7px;padding:24px;border:1px solid #e2e6eb;border-radius:19px;color:#0f1724!important;background:#f8fafc;text-decoration:none!important}.htfsz-app-contact-actions a>span{display:grid;place-items:center;width:44px;height:44px;margin-bottom:7px;border-radius:13px;color:#fff;background:#c51d25;font-size:20px}.htfsz-app-contact-actions small{color:#8e9aac;font-size:9px;font-weight:850;letter-spacing:.15em}.htfsz-app-contact-actions strong{font-size:18px}.htfsz-app-contact-actions b{margin-top:10px;color:#c51d25;font-size:12px}.htfsz-app-contact-card>aside{margin-top:18px;padding:19px 21px;border-left:4px solid #c51d25;border-radius:5px 14px 14px 5px;background:#fff1f2}.htfsz-app-contact-card>aside p{margin:5px 0 0;color:#657184;font-size:13px}@media(max-width:600px){.htfsz-app-contact-actions{grid-template-columns:1fr}.htfsz-app-contact-card header{align-items:flex-start}.htfsz-app-contact-card header img{width:62px;height:62px}.htfsz-app-contact-actions strong{font-size:16px}}
@media(display-mode:standalone){.htfsz-app-page{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.htfsz-app-context .site-header,.htfsz-app-context .site-footer,.htfsz-app-context #wpadminbar{display:none!important}.htfsz-app-context{margin-top:0!important}.htfsz-app-context .content-shell{padding-top:calc(18px + env(safe-area-inset-top))!important}.htfsz-portal-page .htfsz-portal-shell{padding-top:0!important}.htfsz-app-contact .content-shell{padding-top:calc(18px + env(safe-area-inset-top))!important}}

/* 1.6.1: egységes PWA-fejlécek és valóban fehér logófoglalat. */
.htfsz-portal-app-brand{
  display:grid!important;place-items:center!important;width:74px!important;height:74px!important;
  padding:6px!important;border:1px solid #e2e6eb!important;border-radius:17px!important;
  background:#fff!important;letter-spacing:0!important;box-shadow:0 8px 18px rgba(0,0,0,.18)
}
.htfsz-portal-app-brand img{
  display:block!important;width:100%!important;height:100%!important;padding:0!important;
  border:0!important;border-radius:11px!important;background:transparent!important;
  object-fit:contain!important;filter:none!important
}
.htfsz-portal-login__mark--logo{background:#fff!important;border:1px solid #e2e6eb!important}
.htfsz-app-page-header{
  display:flex;align-items:center;gap:22px;width:min(100% - 28px,920px);min-height:190px;
  margin:0 auto 20px;padding:28px 32px;box-sizing:border-box;border-radius:26px;color:#fff;
  background:radial-gradient(circle at 88% 5%,rgba(225,29,40,.58),transparent 34%),linear-gradient(125deg,#0b111b 5%,#111b2a 62%,#321019);
  box-shadow:0 20px 50px rgba(15,23,36,.18)
}
.htfsz-app-page-header__logo{
  display:grid;place-items:center;flex:0 0 78px;width:78px;height:78px;padding:7px;
  box-sizing:border-box;border:1px solid #e2e6eb;border-radius:18px;background:#fff;
  box-shadow:0 10px 25px rgba(0,0,0,.22)
}
.htfsz-app-page-header__logo img{display:block;width:100%;height:100%;object-fit:contain}
.htfsz-app-page-header small{color:#fca5a5;font-size:10px;font-weight:850;letter-spacing:.17em}
.htfsz-app-page-header h1{margin:7px 0 8px;color:#fff;font:800 clamp(35px,6vw,55px)/1 Georgia,serif}
.htfsz-app-page-header p{margin:0;color:#cbd5e1;font-size:14px}
.htfsz-app-contact .portal-page-layout,.htfsz-app-card .portal-page-layout{display:block}
.htfsz-app-contact .portal-sidebar,.htfsz-app-card .portal-sidebar{display:none!important}
.htfsz-app-contact .content-primary,.htfsz-app-card .content-primary{width:100%;margin:0 auto}
.htfsz-app-contact .content-shell,.htfsz-app-card .content-shell{padding:18px 0 115px!important}
.htfsz-app-contact .entry-card,.htfsz-app-card .entry-card{
  padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important
}
.htfsz-app-contact .entry-title,.htfsz-app-card .entry-title{display:none!important}
.htfsz-app-contact-card{
  width:min(100% - 28px,920px);margin:0 auto;padding:clamp(24px,5vw,44px);box-sizing:border-box;
  border:1px solid #e2e6eb;border-radius:24px;background:#fff;box-shadow:0 14px 38px rgba(15,23,36,.08)
}
@media(max-width:600px){
  .htfsz-app-page-header{align-items:flex-start;gap:15px;min-height:150px;padding:22px 19px;border-radius:22px}
  .htfsz-app-page-header__logo{flex-basis:64px;width:64px;height:64px;padding:5px}
  .htfsz-app-page-header h1{font-size:34px}.htfsz-app-page-header p{font-size:12px}
}
@media(display-mode:standalone){
  .htfsz-app-contact .content-shell,.htfsz-app-card .content-shell{padding-top:calc(18px + env(safe-area-inset-top))!important}
}

/* 1.6.2: a Főoldal felső logójának KÜLSŐ doboza is fehér, a kép nem lóghat túl rajta. */
.htfsz-portal-hero .htfsz-portal-app-brand{
  display:grid!important;place-items:center!important;overflow:hidden!important;
  width:74px!important;height:74px!important;padding:7px!important;box-sizing:border-box!important;
  border:1px solid #e2e6eb!important;border-radius:18px!important;background:#fff!important;
  background-image:none!important
}
.htfsz-portal-hero .htfsz-portal-app-brand>img{
  display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  margin:0!important;padding:0!important;box-sizing:border-box!important;border:0!important;
  border-radius:10px!important;background:transparent!important;object-fit:contain!important;filter:none!important
}
/* A Tagkártya és Kapcsolat felső blokkja valódi, körben elálló app-konténer. */
body.htfsz-app-card .htfsz-app-page-header,body.htfsz-app-contact .htfsz-app-page-header{
  display:flex!important;width:calc(100% - 28px)!important;max-width:920px!important;
  margin:0 auto 20px!important;box-sizing:border-box!important;overflow:hidden!important
}
body.htfsz-app-card .content-shell,body.htfsz-app-contact .content-shell{
  padding-left:0!important;padding-right:0!important;background:#eef1f5!important
}
@media(max-width:600px){
  body.htfsz-app-card .htfsz-app-page-header,body.htfsz-app-contact .htfsz-app-page-header{
    width:calc(100% - 24px)!important;margin-left:12px!important;margin-right:12px!important
  }
}

/* 1.6.3: az alsó navigáció csak a telepített webappban látható. */
.htfsz-app-nav{display:none!important}
@media(display-mode:standalone){
  .htfsz-app-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
html.htfsz-standalone .htfsz-app-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}

/* A főoldali bejelentkező logó külső foglalata fehér, piros háttér nélkül. */
.htfsz-portal-login .htfsz-portal-login__mark.htfsz-portal-login__mark--logo{
  overflow:hidden!important;box-sizing:border-box!important;padding:7px!important;
  border:1px solid #e2e6eb!important;border-radius:18px!important;
  background:#fff!important;background-image:none!important
}
.htfsz-portal-login .htfsz-portal-login__mark.htfsz-portal-login__mark--logo img{
  display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:9px!important;background:transparent!important;object-fit:contain!important
}

/* Kapcsolat: a fejléc és az összes elérhetőség egy közös fehér konténerben. */
.htfsz-app-contact-shell{
  width:min(100% - 28px,920px);margin:0 auto;padding:clamp(24px,5vw,44px);box-sizing:border-box;
  border:1px solid #e2e6eb;border-radius:24px;background:#fff;box-shadow:0 14px 38px rgba(15,23,36,.08)
}
.htfsz-app-contact-header{display:flex;align-items:center;gap:20px;margin:0 0 34px}
.htfsz-app-contact-header h1{margin:0 0 8px;color:#0f1724;font:800 clamp(38px,6vw,58px)/1 Georgia,serif}
.htfsz-app-contact-header p{margin:0;color:#657184}
.htfsz-app-contact-shell .htfsz-app-page-header__logo{margin:0;box-shadow:0 10px 25px rgba(15,23,36,.1)}
.htfsz-app-contact-shell .htfsz-app-contact-card{width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}

/* 1.6.8: a webes főoldal nyitóüzenete az app személyes kezdőlapján. */
.htfsz-portal-hero__welcome{max-width:780px!important;margin:42px 0 30px!important}
.htfsz-portal-hero__welcome .htfsz-portal-hero__eyebrow{margin:0 0 13px!important;color:#fca5a5!important;font-size:10px!important;font-weight:850!important;letter-spacing:.17em!important;text-transform:uppercase!important}
.htfsz-portal-hero__welcome h1{margin-bottom:18px!important;font-size:clamp(44px,6vw,72px)!important;line-height:.98!important}
.htfsz-portal-hero__welcome .htfsz-portal-hero__lead{display:block;max-width:670px;color:#d4dae4;font-size:16px;line-height:1.65}
.htfsz-portal-member-welcome{position:relative;z-index:1;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px 14px;margin:0 0 25px;padding:14px 17px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.065);backdrop-filter:blur(8px)}
.htfsz-portal-member-welcome small{color:#aab4c4;font-size:10px}.htfsz-portal-member-welcome strong{font:800 17px/1.2 Georgia,"Times New Roman",serif}.htfsz-portal-member-welcome span{color:#c9d1dd;font-size:12px}
@media(max-width:780px){.htfsz-portal-hero__welcome{margin:35px 0 24px!important}.htfsz-portal-hero__welcome h1{font-size:46px!important}.htfsz-portal-hero__welcome .htfsz-portal-hero__lead{font-size:14px;line-height:1.55}.htfsz-portal-member-welcome{grid-template-columns:1fr;gap:4px;margin-bottom:22px}}
@media(max-width:600px){
  .htfsz-app-contact-shell{width:calc(100% - 24px);padding:22px 18px;border-radius:22px}
  .htfsz-app-contact-header{align-items:flex-start;gap:15px;margin-bottom:24px}
  .htfsz-app-contact-header h1{font-size:34px}
  .htfsz-app-contact-header p{font-size:12px}
}

/* Ötödik appgomb: minden további HTFSZ szolgáltatás egy áttekinthető panelen. */
.htfsz-app-more{position:relative;width:100%;min-width:0;color:#98a4b5}
.htfsz-app-more summary{
  display:grid;place-items:center;gap:4px;width:100%;height:56px;padding:7px 3px;box-sizing:border-box;
  border-radius:15px;color:inherit;cursor:pointer;font-size:9px;font-weight:750;list-style:none
}
.htfsz-app-more summary::-webkit-details-marker{display:none}
.htfsz-app-more summary svg{width:20px;height:20px}
.htfsz-app-more.is-current summary,.htfsz-app-more[open] summary{color:#fff;background:linear-gradient(135deg,#df232c,#a90812)}
.htfsz-app-more__panel{
  position:fixed;z-index:10000;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));
  width:min(560px,calc(100% - 28px));max-height:min(62vh,520px);padding:20px;box-sizing:border-box;overflow:auto;
  border:1px solid #d9dee7;border-radius:23px;color:#0f1724;background:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.38);transform:translateX(-50%)
}
.htfsz-app-more__panel>strong{display:block;margin:0 0 13px;font:800 22px/1.1 Georgia,serif}
.htfsz-app-more__groups{display:grid;gap:15px}.htfsz-app-more__group h4{margin:0 0 8px;color:#7b8798;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.htfsz-app-more__group>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.htfsz-app-more__panel a{
  display:flex!important;align-items:center!important;justify-content:space-between!important;width:auto!important;height:auto!important;
  min-height:48px!important;padding:11px 13px!important;border:1px solid #e2e6eb!important;border-radius:13px!important;
  color:#0f1724!important;background:#f8fafc!important;font-size:12px!important;text-align:left!important
}
.htfsz-app-more__panel a b{color:#c51d25;font-size:15px}
@media(max-width:480px){.htfsz-app-more__group>div{grid-template-columns:1fr}}

/* 1.6.13: a kijelentkezett PWA-kezdőlap is a teljes webes főoldal. */
.htfsz-app-public-home{padding-bottom:0;background:#eef1f5}
.htfsz-app-public-home .htfsz-app-public-hero{padding-top:32px}
.htfsz-app-public-logo{
  display:grid;place-items:center;width:76px;height:76px;margin:0 0 24px;padding:7px;box-sizing:border-box;
  overflow:hidden;border:1px solid #e2e6eb;border-radius:19px;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.22)
}
.htfsz-app-public-logo img{display:block;width:100%;height:100%;object-fit:contain}
.htfsz-app-public-home .section:last-child{padding-bottom:24px}
.htfsz-no-break{white-space:nowrap}
.htfsz-app-public-home a{text-decoration:none!important}
.htfsz-app-public-home .button-red,.htfsz-app-public-home .button-ghost,.htfsz-app-public-home .quick-list a{color:#fff!important}
.htfsz-app-public-home .service-card,.htfsz-app-public-home .post-card h3 a{color:var(--ink)!important}
.htfsz-app-public-home .cta .button{color:var(--red2)!important}
@media(max-width:600px){
  .htfsz-app-public-home .htfsz-app-public-hero{padding-top:18px}
  .htfsz-app-public-home .hero-grid{gap:26px}
  .htfsz-app-public-home .hero{padding-bottom:38px}
  .htfsz-app-public-home .hero h1{margin:14px 0 16px;font-size:clamp(39px,12vw,54px)}
  .htfsz-app-public-home .hero p{margin:0;font-size:15px;line-height:1.55}
  .htfsz-app-public-home .hero-actions{margin-top:22px}
  .htfsz-app-public-home .htfsz-app-public-logo{width:64px;height:64px;margin-bottom:17px}
  .htfsz-app-public-home .hero-panel{padding:18px}
  .htfsz-app-public-home .service-grid{grid-template-columns:1fr 1fr}
  .htfsz-app-public-home .service-card{min-height:205px;padding:18px}
  .htfsz-app-public-home .section{padding:46px 0}
  .htfsz-app-public-home .cta{padding:28px 22px}
}
@media(max-width:420px){.htfsz-app-public-home .service-grid{grid-template-columns:1fr}}
@media(display-mode:standalone){
  body.htfsz-app-context .site-header,body.htfsz-app-context .site-footer{display:none!important}
  body.htfsz-portal-page .content-shell{padding-top:0!important}
  .htfsz-app-public-home .htfsz-app-public-hero{padding-top:calc(10px + env(safe-area-inset-top))}
}
html.htfsz-standalone body.htfsz-app-context .site-header,html.htfsz-standalone body.htfsz-app-context .site-footer{display:none!important}
html.htfsz-standalone body.htfsz-portal-page .content-shell{padding-top:0!important}

/* 1.6.17: stabil alsó navigáció hosszú oldal görgetésekor (Android/Honor GPU). */
.htfsz-app-nav{
  isolation:isolate!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  background:#0d141f!important
}
.htfsz-app-nav a,.htfsz-app-nav a svg,.htfsz-app-nav a span{
  position:relative!important;z-index:2!important;opacity:1!important;visibility:visible!important
}
@media(display-mode:standalone){
  .htfsz-app-nav{
    left:7px!important;right:7px!important;width:auto!important;max-width:620px!important;
    margin-inline:auto!important;transform:none!important;will-change:auto!important
  }
}
html.htfsz-standalone .htfsz-app-nav{
  left:7px!important;right:7px!important;width:auto!important;max-width:620px!important;
  margin-inline:auto!important;transform:none!important;will-change:auto!important
}
