/* Hepp díjcsomagok – megjelenítés (v1.1: letisztult kártyák) */
.hd-dij,.hd-kalk{--hd-k:#2446F5;--hd-e:#0F1535;--hd-l:#C6F432;--hd-ko:#FF5A36;--hd-j:#EEF1FF;--hd-sz:#4B5170;--hd-v:#D9DEF3;font-family:'Onest',sans-serif;color:#2B3150;font-variant-numeric:tabular-nums}
.hd-bev p{font-size:17px;line-height:1.6;max-width:760px;padding-bottom:0!important}
.hd-bev{margin-bottom:26px}

/* Fülek */
.hd-fulek{display:inline-flex;gap:4px;padding:5px;background:#fff;border-radius:999px;margin-bottom:28px;max-width:100%;box-shadow:0 1px 0 var(--hd-v)}
.hd-ful{appearance:none;border:0;background:transparent;font:600 16px/1 'Onest',sans-serif;color:var(--hd-e);padding:13px 20px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background-color .15s,color .15s}
.hd-ful:hover{background:var(--hd-j)}
.hd-ful.aktiv{background:var(--hd-e);color:#fff}
.hd-ful:focus-visible{outline:3px solid var(--hd-k);outline-offset:2px}
.hd-js .hd-panel[data-rejtett]{display:none}
.hd-panel+.hd-panel{margin-top:28px}
.hd-js .hd-panel+.hd-panel{margin-top:0}

/* Kártyák */
.hd-racs{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px;align-items:stretch}
.hd-kartya{background:#fff;border-radius:22px;padding:28px 26px 24px;display:flex;flex-direction:column}
.hd-fej h3{font:700 20px/1.25 'Onest',sans-serif!important;color:var(--hd-e)!important;margin:0!important;padding:0!important;letter-spacing:-.01em;text-transform:none!important}
.hd-fej p{font-size:15px;line-height:1.45;color:var(--hd-sz);margin:6px 0 0!important;padding:0!important}
.hd-kiemelt{display:flex;gap:18px;margin:22px 0 4px}
.hd-kiemelt>div{flex:1;min-width:0}
.hd-kiemelt strong{display:block;font:800 30px/1.1 'Unbounded',sans-serif;color:var(--hd-e);letter-spacing:-.02em;white-space:nowrap}
.hd-kiemelt strong small{font:600 15px/1 'Onest',sans-serif;color:var(--hd-sz);letter-spacing:0;margin-left:3px}
.hd-kiemelt span{display:block;font-size:14px;line-height:1.35;color:var(--hd-sz);margin-top:6px}
.hd-kiemelt.hd-tobb strong{font-size:22px}
.hd-kiemelt.hd-tobb>div+div{border-left:1px solid var(--hd-v);padding-left:18px}
.hd-sorok{list-style:none;margin:18px 0 0!important;padding:0!important}
.hd-sorok li{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 0;border-top:1px solid var(--hd-v);font-size:15px;line-height:1.35}
.hd-sorok li small{display:block;font-size:13px;color:var(--hd-sz);margin-top:2px}
.hd-sorok li strong{white-space:nowrap;color:var(--hd-e);font-weight:700}
.hd-sorok li.hd-csop{display:block;border-top:0;padding:14px 0 2px;font:700 12px/1.2 'Onest',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--hd-sz)}
.hd-sorok li.hd-ossz{font-weight:800;color:var(--hd-e);border-top:2px solid var(--hd-e)}
.hd-valaszt{margin-top:auto;padding-top:20px;align-self:flex-start;font-weight:700;font-size:16px;color:var(--hd-k)!important;text-decoration:none!important;display:inline-flex;gap:6px;align-items:center}
.hd-valaszt span{transition:transform .15s}
.hd-valaszt:hover span{transform:translateX(4px)}
.hd-valaszt:hover{color:var(--hd-ko)!important}

/* Ehhez jön még */
.hd-plusz{margin-top:40px;max-width:760px}
.hd-plusz h3{font:700 18px/1.3 'Onest',sans-serif!important;color:var(--hd-e)!important;margin:0 0 6px!important;padding:0!important;text-transform:none!important}
.hd-plusz ul{list-style:none;margin:0!important;padding:0!important}
.hd-plusz li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid var(--hd-v);font-size:16px;line-height:1.35}
.hd-plusz li small{display:block;font-size:14px;color:var(--hd-sz);margin-top:2px}
.hd-plusz li strong{white-space:nowrap;color:var(--hd-e)}
.hd-megj{font-size:14px;line-height:1.55;color:var(--hd-sz);margin-top:16px!important;padding:0!important}
.hd-egy .hd-racs,.hd-egy{display:block}

@media (max-width:767px){
 .hd-fulek{display:grid;grid-template-columns:1fr 1fr;gap:4px;border-radius:18px;width:100%}
 .hd-ful{padding:12px 8px;font-size:15px;border-radius:14px;white-space:normal;line-height:1.2}
 .hd-racs{grid-template-columns:1fr;gap:16px}
 .hd-kartya{padding:22px 20px 20px;border-radius:20px}
 .hd-kiemelt strong{font-size:28px}
 .hd-kiemelt.hd-tobb strong{font-size:20px}
 .hd-plusz{margin-top:32px}
}

/* Kalkulátor */
.hd-kalk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 1px 0 var(--hd-v),0 14px 36px rgba(15,21,53,.10)}
.hd-kalk-be{padding:30px 30px 26px;display:flex;flex-direction:column;gap:20px}
.hd-kalk-mezo>span{display:block;font-weight:700;color:var(--hd-e);margin-bottom:8px;font-size:16px}
.hd-kalk-mezo small{display:block;color:var(--hd-sz);font-size:14px;margin-top:6px}
.hd-kalk-alcim:empty{display:none!important}
.hd-kalk select{width:100%;font:500 16px/1.3 'Onest',sans-serif;color:var(--hd-e);padding:13px 40px 13px 16px;border:2px solid var(--hd-v);border-radius:14px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%230F1535' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 16px center;appearance:none;-webkit-appearance:none;cursor:pointer}
.hd-kalk select:focus,.hd-lepteto input:focus{outline:none;border-color:var(--hd-k)}
.hd-lepteto{display:inline-flex;align-items:stretch;border:2px solid var(--hd-v);border-radius:14px;overflow:hidden}
.hd-lepteto button{appearance:none;border:0;background:var(--hd-j);color:var(--hd-e);width:52px;font:700 22px/1 'Onest',sans-serif;cursor:pointer}
.hd-lepteto button:hover{background:var(--hd-l)}
.hd-lepteto input{width:76px;border:0;text-align:center;font:700 20px/1 'Onest',sans-serif;color:var(--hd-e);padding:12px 4px;-moz-appearance:textfield}
.hd-lepteto input::-webkit-inner-spin-button,.hd-lepteto input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.hd-kalk-pipa{display:flex;gap:12px;align-items:flex-start;cursor:pointer;line-height:1.45;font-size:16px}
.hd-kalk-pipa input{appearance:none!important;-webkit-appearance:none!important;flex:none;width:24px;height:24px;border:2px solid var(--hd-e);border-radius:7px;margin:0;background:#fff;cursor:pointer;display:grid;place-items:center}
.hd-kalk-pipa input:checked{background:var(--hd-l)}
.hd-kalk-pipa input:checked::after{content:"✓";font-weight:800;color:var(--hd-e);font-size:15px}
.hd-kalk-pipa small{display:block;color:var(--hd-sz);font-size:14px}
.hd-kalk-ki{background:var(--hd-e);color:#DCE3FF;padding:30px;display:flex;flex-direction:column}
.hd-kalk-sor{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:15px}
.hd-kalk-sor strong{color:#fff;white-space:nowrap}
.hd-kalk-ossz{margin-top:auto;padding-top:22px;display:flex;flex-direction:column;gap:4px}
.hd-kalk-ossz span{font-weight:600;font-size:15px;color:var(--hd-l)}
.hd-kalk-ossz strong{font:800 clamp(30px,3.4vw,42px)/1.1 'Unbounded',sans-serif;color:#fff;letter-spacing:-.02em}
.hd-kalk-megj{font-size:13px;line-height:1.5;color:#A9B3DB;margin:12px 0 0!important;padding:0!important}
@media (max-width:767px){
 .hd-kalk{grid-template-columns:1fr;border-radius:20px}
 .hd-kalk-be,.hd-kalk-ki{padding:22px 18px}
 .hd-kalk-ossz{padding-top:18px}
}