/* BYD Miskolc — saját (miskolci) blokkok. A BYD tükrözött commmon_*.css-e mellé töltődik;
   minden szabály .bm- előtaggal, hogy a BYD komponensekkel ne ütközzön.
   Betű: a BYD saját Montserrat-ja (/static_material/byd/overseas/fonts/…), színek a BYD CSS-ből. */
:root{
  --bm-ink:#252728; --bm-ink-2:#515253; --bm-mute:#7c7d7e; --bm-line:#dcdddf;
  --bm-bg:#ffffff; --bm-bg-2:#f7f7f7; --bm-dark:#1a1d25; --bm-accent:#d70c19;
  --bm-radius:16px; --bm-radius-sm:10px;
  --bm-font:"Montserrat",Arial,"Helvetica Neue",Helvetica,sans-serif;
  --bm-gutter:clamp(20px,4vw,64px); --bm-max:1320px;
  --bm-sec:clamp(64px,9vw,136px);
}
.bm{font-family:var(--bm-font);color:var(--bm-ink);-webkit-font-smoothing:antialiased;line-height:1.6}
.bm *,.bm *::before,.bm *::after{box-sizing:border-box}
.bm-sec{padding:var(--bm-sec) var(--bm-gutter)}
.bm-sec--tight{padding-top:calc(var(--bm-sec)*.5)}
.bm-sec--alt{background:var(--bm-bg-2)}
.bm-sec--dark{background:var(--bm-dark);color:#fff}
.bm-wrap{max-width:var(--bm-max);margin:0 auto}
.bm-narrow{max-width:820px;margin:0 auto}
.bm-eyebrow{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--bm-mute);margin:0 0 16px}
.bm-sec--dark .bm-eyebrow{color:#a8a9a9}
.bm-h1{font-size:clamp(34px,4.6vw,60px);line-height:1.1;font-weight:600;letter-spacing:-.01em;margin:0 0 24px}
.bm-h2{font-size:clamp(28px,3.2vw,44px);line-height:1.15;font-weight:600;letter-spacing:-.005em;margin:0 0 20px}
.bm-h3{font-size:clamp(20px,1.7vw,24px);line-height:1.3;font-weight:600;margin:0 0 12px}
.bm-lead{font-size:clamp(17px,1.35vw,20px);line-height:1.7;color:var(--bm-ink-2);margin:0 0 20px;max-width:760px}
.bm-sec--dark .bm-lead{color:#dcdddf}
.bm-center{text-align:center}.bm-center .bm-lead{margin-left:auto;margin-right:auto}

/* hero (saját) */
.bm-hero{position:relative;min-height:clamp(420px,62vh,720px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--bm-dark)}
.bm-hero picture,.bm-hero img.bm-hero__img{position:absolute;inset:0;width:100%;height:100%}
.bm-hero img{width:100%;height:100%;object-fit:cover;display:block}
.bm-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,29,37,0) 35%,rgba(26,29,37,.78) 100%)}
.bm-hero__in{position:relative;z-index:1;width:100%;max-width:var(--bm-max);margin:0 auto;padding:0 var(--bm-gutter) clamp(48px,7vw,96px)}
.bm-hero .bm-eyebrow{color:rgba(255,255,255,.78)}
.bm-hero .bm-lead{color:rgba(255,255,255,.9)}
.bm-hero--plain{min-height:auto;background:var(--bm-bg-2);color:var(--bm-ink);padding-top:clamp(120px,14vw,190px)}
.bm-hero--plain::after{display:none}
.bm-hero--plain .bm-eyebrow{color:var(--bm-mute)}.bm-hero--plain .bm-lead{color:var(--bm-ink-2)}

/* prózai szöveg */
.bm-prose{font-size:17px;line-height:1.8;color:var(--bm-ink-2)}
.bm-prose h2{font-size:clamp(24px,2.3vw,32px);line-height:1.25;color:var(--bm-ink);font-weight:600;margin:64px 0 18px}
.bm-prose h2:first-child{margin-top:0}
.bm-prose h3{font-size:20px;color:var(--bm-ink);font-weight:600;margin:40px 0 12px}
.bm-prose p{margin:0 0 18px}
.bm-prose strong{color:var(--bm-ink);font-weight:600}
.bm-prose ul{margin:0 0 22px;padding:0;list-style:none}
.bm-prose li{position:relative;padding-left:26px;margin:0 0 10px}
.bm-prose li::before{content:"";position:absolute;left:2px;top:.8em;width:12px;height:1.5px;background:var(--bm-ink)}
.bm-prose a{color:var(--bm-ink);text-decoration:underline;text-underline-offset:3px}
.bm-prose blockquote{margin:36px 0;padding:0 0 0 28px;border-left:2px solid var(--bm-ink);font-size:clamp(20px,1.8vw,24px);line-height:1.5;color:var(--bm-ink)}
.bm-qa{margin:0 0 44px}
.bm-qa__q{font-weight:600;color:var(--bm-ink);font-size:18px;margin:0 0 12px}
.bm-flag{background:#fff4d6;color:#6b4b00;padding:1px 6px;border-radius:4px;font-size:.9em}

/* gombok */
.bm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 28px;border-radius:999px;border:1.5px solid var(--bm-ink);background:var(--bm-ink);color:#fff;font:600 15px/1 var(--bm-font);letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.bm-btn:hover{background:#000;border-color:#000}
.bm-btn--ghost{background:transparent;color:var(--bm-ink)}
.bm-btn--ghost:hover{background:var(--bm-ink);color:#fff}
.bm-btn--light{background:#fff;border-color:#fff;color:var(--bm-ink)}
.bm-btn--light:hover{background:transparent;color:#fff}
.bm-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.bm-link{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px}

/* rácsok, kártyák */
.bm-grid{display:grid;gap:clamp(16px,2vw,28px)}
.bm-grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.bm-grid--3{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.bm-grid--4{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.bm-card{background:#fff;border-radius:var(--bm-radius);overflow:hidden}
.bm-sec:not(.bm-sec--alt) .bm-card{background:var(--bm-bg-2)}
.bm-card__body{padding:clamp(24px,2.4vw,36px)}

/* munkatársak */
.bm-team-group{margin:0 0 clamp(56px,6vw,88px)}
.bm-team-group:last-child{margin-bottom:0}
.bm-team-group__title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid var(--bm-line);padding-bottom:16px;margin:0 0 32px}
.bm-team-group__title h2{font-size:clamp(22px,2vw,28px);font-weight:600;margin:0}
.bm-team-group__title span{font-size:14px;color:var(--bm-mute)}
.bm-person{display:flex;flex-direction:column}
.bm-person__photo{position:relative;aspect-ratio:4/5;border-radius:var(--bm-radius);overflow:hidden;background:linear-gradient(160deg,#eceded,#f7f7f7);margin:0 0 18px}
.bm-person__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.bm-person:hover .bm-person__photo img{transform:scale(1.03)}
.bm-person__mono{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(40px,4vw,56px);font-weight:300;letter-spacing:.04em;color:#a8a9a9}
.bm-person__name{font-size:19px;font-weight:600;margin:0 0 4px;line-height:1.3}
.bm-person__role{font-size:14px;color:var(--bm-mute);margin:0 0 12px}
.bm-person__contact{display:flex;flex-direction:column;gap:4px;font-size:14px}
.bm-person__contact a{color:var(--bm-ink-2);text-decoration:none;overflow-wrap:anywhere}
.bm-person__contact a:hover{color:var(--bm-ink);text-decoration:underline;text-underline-offset:3px}

/* kapcsolat */
.bm-loc{display:flex;flex-direction:column;height:100%}
.bm-loc__img{aspect-ratio:16/9;overflow:hidden;background:var(--bm-bg-2)}
.bm-loc__img img{width:100%;height:100%;object-fit:cover;display:block}
.bm-loc .bm-card__body{flex:1;display:flex;flex-direction:column}
.bm-loc address{font-style:normal;font-size:17px;line-height:1.6;margin:0 0 24px;color:var(--bm-ink)}
.bm-hours{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 24px}
.bm-hours th,.bm-hours td{padding:10px 0;border-bottom:1px solid var(--bm-line);text-align:left;font-weight:400}
.bm-hours td{text-align:right;color:var(--bm-ink)}
.bm-hours th{color:var(--bm-ink-2)}
.bm-contact-lines{display:flex;flex-direction:column;gap:6px;margin:0 0 28px;font-size:16px}
.bm-contact-lines a{color:var(--bm-ink);text-decoration:none}
.bm-loc .bm-btns{margin-top:auto}
.bm-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1px;background:var(--bm-line);border-radius:var(--bm-radius);overflow:hidden}
.bm-quick a{display:block;background:#fff;padding:28px;text-decoration:none;color:var(--bm-ink);transition:background .2s}
.bm-quick a:hover{background:var(--bm-bg-2)}
.bm-quick small{display:block;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--bm-mute);margin:0 0 8px}
.bm-quick strong{font-size:18px;font-weight:600}

/* készlet */
.bm-stock-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;height:100%}
.bm-stock-card__img{aspect-ratio:4/3;overflow:hidden;background:var(--bm-bg-2)}
.bm-stock-card__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.bm-stock-card:hover .bm-stock-card__img img{transform:scale(1.03)}
.bm-stock-card .bm-card__body{flex:1;display:flex;flex-direction:column}
.bm-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none}
.bm-tags li{font-size:13px;padding:5px 12px;border-radius:999px;background:#fff;color:var(--bm-ink-2)}
.bm-sec--alt .bm-tags li{background:var(--bm-bg-2)}
.bm-price{margin-top:auto;padding-top:16px;border-top:1px solid var(--bm-line)}
.bm-price__old{font-size:14px;color:var(--bm-mute);text-decoration:line-through;margin:0}
.bm-price__now{font-size:clamp(24px,2.2vw,30px);font-weight:600;margin:2px 0 0;color:var(--bm-ink)}
.bm-price__save{display:inline-block;margin-top:8px;font-size:13px;font-weight:600;color:var(--bm-accent)}
.bm-empty{padding:56px;text-align:center;border-radius:var(--bm-radius);background:var(--bm-bg-2);color:var(--bm-ink-2)}
.bm-detail{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.bm-detail__media img{width:100%;border-radius:var(--bm-radius);display:block}
.bm-detail__aside{position:sticky;top:110px}
.bm-specs{width:100%;border-collapse:collapse;font-size:15px;margin:24px 0}
.bm-specs th,.bm-specs td{padding:12px 0;border-bottom:1px solid var(--bm-line);text-align:left;font-weight:400;vertical-align:top}
.bm-specs th{color:var(--bm-mute);width:45%}
.bm-equip{columns:2 280px;column-gap:48px}
.bm-equip section{break-inside:avoid;margin:0 0 32px}
.bm-equip h3{font-size:16px;font-weight:600;margin:0 0 12px;letter-spacing:.02em}
.bm-equip ul{list-style:none;margin:0;padding:0;font-size:15px;color:var(--bm-ink-2)}
.bm-equip li{padding:7px 0;border-bottom:1px solid var(--bm-line)}
@media (max-width:900px){.bm-detail{grid-template-columns:1fr}.bm-detail__aside{position:static}}

/* kép + szöveg */
.bm-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,88px);align-items:center}
.bm-split__img{border-radius:var(--bm-radius);overflow:hidden;aspect-ratio:4/3}
.bm-split__img img{width:100%;height:100%;object-fit:cover;display:block}
.bm-split--rev .bm-split__img{order:2}
@media (max-width:860px){.bm-split{grid-template-columns:1fr}.bm-split--rev .bm-split__img{order:0}}

/* idővonal (víziónk) */
.bm-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(16px,2vw,28px);counter-reset:s}
.bm-step{background:#fff;border-radius:var(--bm-radius);padding:clamp(28px,3vw,40px)}
.bm-step__when{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--bm-accent);margin:0 0 14px}
.bm-step h3{font-size:22px;font-weight:600;margin:0 0 16px;line-height:1.3}
.bm-step ul{list-style:none;margin:0;padding:0;color:var(--bm-ink-2);font-size:15px}
.bm-step li{padding:9px 0;border-top:1px solid var(--bm-line)}

/* letöltések */
.bm-downloads{list-style:none;margin:0;padding:0;border-top:1px solid var(--bm-line)}
.bm-downloads a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--bm-line);color:var(--bm-ink);text-decoration:none;font-weight:500}
.bm-downloads a:hover{color:#000}
.bm-downloads small{color:var(--bm-mute);font-weight:400;white-space:nowrap}

/* űrlap */
.bm-form-wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:start}
@media (max-width:900px){.bm-form-wrap{grid-template-columns:1fr}}
.bm-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.bm-form .bm-full{grid-column:1/-1}
@media (max-width:600px){.bm-form{grid-template-columns:1fr}}
.bm-field{display:flex;flex-direction:column;gap:8px}
.bm-field label,.bm-legend{font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--bm-ink-2)}
.bm-field input,.bm-field select,.bm-field textarea{width:100%;min-height:52px;padding:14px 16px;border:1px solid var(--bm-line);border-radius:var(--bm-radius-sm);background:#fff;font:400 16px/1.4 var(--bm-font);color:var(--bm-ink);transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none}
.bm-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23252728' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
.bm-field textarea{min-height:130px;resize:vertical}
.bm-field input:focus,.bm-field select:focus,.bm-field textarea:focus{outline:none;border-color:var(--bm-ink);box-shadow:0 0 0 3px rgba(37,39,40,.08)}
.bm-field.is-invalid input,.bm-field.is-invalid select,.bm-field.is-invalid textarea{border-color:var(--bm-accent)}
.bm-field__err{font-size:13px;color:var(--bm-accent);min-height:0}
.bm-topics{display:flex;flex-wrap:wrap;gap:10px;border:0;margin:0;padding:0}
.bm-topics label{cursor:pointer}
.bm-topics input{position:absolute;opacity:0;pointer-events:none}
.bm-topics span{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--bm-line);font-size:15px;font-weight:500;transition:all .2s}
.bm-topics input:checked+span{background:var(--bm-ink);border-color:var(--bm-ink);color:#fff}
.bm-topics input:focus-visible+span{box-shadow:0 0 0 3px rgba(37,39,40,.2)}
.bm-consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.55;color:var(--bm-ink-2)}
.bm-consent input{flex:none;width:20px;height:20px;margin-top:2px;accent-color:var(--bm-ink)}
.bm-consent a{color:var(--bm-ink)}
.bm-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.bm-form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.bm-form__note{font-size:13px;color:var(--bm-mute)}
.bm-form [data-when]{display:none}.bm-form [data-when].is-on{display:flex}
.bm-form.is-sending .bm-btn{opacity:.6;pointer-events:none}
.bm-form-done{display:none;padding:clamp(32px,4vw,56px);border-radius:var(--bm-radius);background:var(--bm-bg-2)}
.bm-form-done.is-on{display:block}
.bm-form-done h3{font-size:clamp(24px,2.4vw,32px);font-weight:600;margin:0 0 12px}
.bm-form-done p{margin:0;color:var(--bm-ink-2);font-size:17px}
.bm-form-msg{grid-column:1/-1;display:none;padding:14px 18px;border-radius:var(--bm-radius-sm);background:#fdf0f0;color:#8a1a1a;font-size:15px}
.bm-form-msg.is-on{display:block}

/* mobil finomhangolás */
@media (max-width:600px){
  .bm-hero{min-height:520px}
  .bm-team-group__title{flex-direction:column;gap:4px}
  .bm-grid--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .bm-person__name{font-size:16px}.bm-person__role{font-size:13px}
  .bm-person__contact{font-size:13px}
}