/* Volgard – Iparágak. Minden szabály a .vcc-iparagak wrapperre szűkítve,
   így nem folyik szét az oldal többi részére. (Betűtípust a plugin tölti be.) */

.vcc-iparagak{--grad:linear-gradient(120deg,#46b0ff,#3b46d6);--navy:#1a1d3a;
  font-family:'Inter',system-ui,sans-serif;color:var(--navy);-webkit-font-smoothing:antialiased}
.vcc-iparagak *{box-sizing:border-box}
.vcc-iparagak .wrap{max-width:1120px;margin:0 auto;padding:0 6vw}
.vcc-iparagak .eyebrow{display:inline-block;font-size:12px;font-weight:600!important;letter-spacing:.14em;color:#6b7396;background:#f1f3fb;padding:7px 14px;border-radius:8px;margin:0 0 26px}
.vcc-iparagak .t{font-size:clamp(26px,3.6vw,40px)!important;font-weight:600!important;line-height:1.18;letter-spacing:-.015em;margin:0 0 40px}
.vcc-iparagak .t .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.vcc-iparagak .cta{display:inline-flex;align-items:center;gap:8px;margin-top:42px;font-weight:600;font-size:15px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent!important;cursor:pointer;text-decoration:none!important}
.vcc-iparagak .cta svg{stroke:#3b46d6;width:18px;height:18px;flex:0 0 18px}

.vcc-iparagak .list{max-width:820px}
/* színes gradient pill-gomb (01 világos → 07 sötét), az EGÉSZ sor link; hoverre fehér + illusztráció */
.vcc-iparagak .row{position:relative;display:flex;align-items:center;height:98px;border-radius:999px;overflow:hidden;margin-bottom:12px;text-decoration:none!important;
  background:var(--c);color:#fff!important;box-shadow:0 12px 24px -18px rgba(30,40,110,.55);
  transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s,color .35s}
.vcc-iparagak .row:hover{transform:translateY(-3px);box-shadow:0 22px 40px -22px rgba(30,40,110,.5);color:var(--navy)!important}
.vcc-iparagak .shot{position:absolute;inset:0;z-index:1;background:#fff;opacity:0;transition:opacity .42s}
.vcc-iparagak .shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:calc(100% - 22px) center;z-index:2}
.vcc-iparagak .shot .scrim{position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.8) 24%,rgba(255,255,255,0) 50%)}
.vcc-iparagak .row:hover .shot{opacity:1}
.vcc-iparagak .fg{position:relative;z-index:4;display:flex;align-items:center;gap:18px;padding:0 30px;width:100%}
.vcc-iparagak .no{font-weight:800;font-size:clamp(32px,3.2vw,42px);line-height:1;min-width:52px;letter-spacing:-.03em;color:rgba(255,255,255,.42)!important;transition:color .35s}
.vcc-iparagak .nm{font-family:'Inter',system-ui,sans-serif;font-weight:600;font-size:18px;line-height:1.12;letter-spacing:-.01em;white-space:nowrap;transition:font-weight .2s,color .35s}
.vcc-iparagak .chev{margin-left:auto;display:none;width:20px;height:20px;flex:0 0 20px;color:rgba(255,255,255,.7)}
.vcc-iparagak .chev svg{width:100%;height:100%;display:block}
.vcc-iparagak .more{display:none}
.vcc-iparagak .row:hover .nm{font-weight:700}
.vcc-iparagak .row:hover .no{color:#f9531f!important}

@media(max-width:680px){
  /* MOBIL – a pill MINDIG teljesen lekerekített marad; alatta nyílik a fehér rész */
  .vcc-iparagak .row{flex-direction:column;align-items:stretch;height:auto;background:transparent!important;box-shadow:none!important;overflow:visible;border-radius:999px;margin-bottom:13px;transform:none!important}
  .vcc-iparagak .row:hover,.vcc-iparagak .row:focus,.vcc-iparagak .row:active{background:transparent!important;color:#fff!important}
  .vcc-iparagak .row:hover .no{color:rgba(255,255,255,.42)!important}
  .vcc-iparagak .row:hover .nm{font-weight:600}
  .vcc-iparagak .row.open .nm{font-weight:700}
  .vcc-iparagak .fg{background:var(--c);border-radius:999px;box-shadow:none;padding:18px 24px;gap:14px;transition:box-shadow .3s}
  .vcc-iparagak .row:hover .fg,.vcc-iparagak .row.open .fg{box-shadow:0 14px 30px -14px rgba(30,40,110,.5)}
  .vcc-iparagak .no{font-size:30px;min-width:40px}
  .vcc-iparagak .nm{font-size:15.5px;white-space:normal;line-height:1.25}
  .vcc-iparagak .chev{display:block;transition:transform .35s}
  .vcc-iparagak .row.open .chev{transform:rotate(180deg)}
  .vcc-iparagak .shot{display:flex;flex-direction:column;position:relative;z-index:1;inset:auto;width:100%;max-height:0;min-height:0;margin-top:0;opacity:1;overflow:hidden;background:transparent;border-radius:0 0 26px 26px;transition:max-height .42s ease,margin-top .42s ease}
  .vcc-iparagak .shot .scrim{display:none}
  .vcc-iparagak .shot img{position:static;inset:auto;width:100%;height:158px;object-fit:contain;object-position:center;padding:52px 16px 4px}
  .vcc-iparagak .more{display:inline-flex;align-self:center;align-items:center;gap:8px;margin:6px 0 22px;padding:10px 22px;border-radius:999px;background:#f9531f;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:700;font-size:13.5px}
  .vcc-iparagak .more svg{width:16px;height:16px;stroke:#fff;flex:0 0 16px}
  .vcc-iparagak .row.open .shot{background:#fff;max-height:300px;margin-top:-38px;box-shadow:0 18px 40px -20px rgba(30,40,110,.45)}
  .vcc-iparagak .t{text-align:center}
  .vcc-iparagak .cta{display:flex;width:fit-content;margin-left:auto}
}