.bnk-products-hero{--bnk-hero-accent: 43, 124, 211;position:relative;padding-top:2rem;padding-bottom:.4rem}.bnk-products-hero__bar{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-bottom:1.6rem}.bnk-products-hero__eyebrow{display:inline-flex;align-items:center;margin:0 0 .7rem;padding:.4rem 1.05rem;border-radius:999px;background:rgba(var(--bnk-hero-accent),.1);color:#1966b2;font-size:1rem;font-weight:800;letter-spacing:.16em}.bnk-products-hero h1{margin:0;color:#0f2a46;font-size:clamp(2.2rem,2.5vw,3rem);line-height:1.12;letter-spacing:-.025em}.bnk-products-hero__side{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem}.bnk-sys-pill{display:inline-flex;align-items:center;gap:1rem;padding:.6rem 1.4rem .6rem .8rem;border-radius:999px;background:#ffffffe6;box-shadow:inset 0 0 0 1px rgba(var(--bnk-hero-accent),.35),0 12px 26px -24px #0f2a46c7;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.bnk-sys-pill:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(var(--bnk-hero-accent),.6),0 14px 28px -22px #0f2a46cc}.bnk-sys-pill__logo{width:3.6rem;height:3.6rem;border-radius:50%;object-fit:contain;background:#fff;box-shadow:inset 0 0 0 1px #1637581f;padding:.3rem}.bnk-sys-pill__label{display:flex;flex-direction:column;line-height:1.15}.bnk-sys-pill__hint{color:#0f2a468c;font-size:.95rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.bnk-sys-pill__label strong{color:#0f2a46;font-size:1.4rem;font-weight:800;letter-spacing:-.015em}.bnk-sys-pill__clear{display:inline-grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;color:#1966b2;background:#ffffffe6;box-shadow:inset 0 0 0 1px #16375824;transition:transform .15s ease,box-shadow .15s ease,color .15s ease}.bnk-sys-pill__clear svg{width:1.4rem;height:1.4rem}.bnk-sys-pill__clear:hover{transform:translateY(-1px);color:#b3261e;box-shadow:inset 0 0 0 1px #b3261e66}.bnk-products-hero__action{display:inline-flex;align-items:center;justify-content:center;min-height:4.2rem;padding:.9rem 1.5rem;border-radius:1.4rem;font-size:1.2rem;font-weight:780;text-align:center;text-decoration:none;transition:transform .15s ease,filter .15s ease}.bnk-products-hero__action--primary{color:#fff;background:linear-gradient(135deg,#1c6dbe,#3097d3);box-shadow:0 14px 28px -18px #175ca2e6}.bnk-products-hero__action--primary:hover{color:#fff;transform:translateY(-1px);filter:saturate(1.08)}.bnk-cats-toggle{display:inline-flex;align-items:center;gap:.5rem;min-height:3.4rem;padding:.5rem 1.1rem;border:0;border-radius:999px;color:#0f2a469e;background:#ffffffe6;box-shadow:inset 0 0 0 1px #16375824;font-size:1.1rem;font-weight:750;cursor:pointer;transition:color .15s ease,box-shadow .15s ease}.bnk-cats-toggle svg{width:1.3rem;height:1.3rem;transition:transform .2s ease}.bnk-cats-toggle.is-collapsed svg{transform:rotate(180deg)}.bnk-cats-toggle:hover{color:#1966b2;box-shadow:inset 0 0 0 1px rgba(var(--bnk-hero-accent),.45)}.bnk-cats-rail{position:relative;max-height:24rem;transition:max-height .3s ease,opacity .25s ease}.bnk-cats-rail.is-collapsed{max-height:0;opacity:0;overflow:hidden;pointer-events:none}.bnk-cats-rail__row{display:flex;align-items:stretch;gap:1rem;overflow-x:auto;padding:.4rem .2rem 1rem;scrollbar-width:none;-ms-overflow-style:none}.bnk-cats-rail__row::-webkit-scrollbar{width:0;height:0;display:none}.bnk-cats-rail__nav{position:absolute;top:50%;z-index:2;transform:translateY(-50%);width:3.8rem;height:3.8rem;display:inline-grid;place-items:center;border:0;border-radius:50%;color:#1966b2;background:#fffffff5;box-shadow:inset 0 0 0 1px #16375824,0 10px 22px -12px #0f2a468c;cursor:pointer;transition:box-shadow .15s ease,opacity .15s ease}.bnk-cats-rail__nav svg{width:1.6rem;height:1.6rem}.bnk-cats-rail__nav:hover{box-shadow:inset 0 0 0 1px rgba(var(--bnk-hero-accent),.5),0 12px 24px -12px #0f2a4699}.bnk-cats-rail__nav:disabled{opacity:.3;cursor:default}.bnk-cats-rail__nav[hidden]{display:none}.bnk-cats-rail__nav--prev{left:-1.2rem}.bnk-cats-rail__nav--next{right:-1.2rem}.bnk-cat-tile{position:relative;flex:0 0 auto;width:12.5rem;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;border-radius:1.4rem;background:radial-gradient(circle at 100% 0%,rgba(var(--bnk-hero-accent),.08),transparent 12rem),linear-gradient(145deg,#fff,#f4f9fd);box-shadow:inset 0 0 0 1px #1637581f,0 12px 26px -24px #0f2a46c7;transition:transform .15s ease,box-shadow .15s ease}.bnk-cat-tile[hidden]{display:none}.bnk-cat-tile:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(var(--bnk-hero-accent),.4),0 16px 32px -22px #0f2a46cc}.bnk-cat-tile.is-active{box-shadow:inset 0 0 0 2px rgb(var(--bnk-hero-accent)),0 16px 32px -22px #0f2a46cc}.bnk-cat-tile.is-active .bnk-cat-tile__name{color:#1966b2}.bnk-cat-tile__count{position:absolute;top:.7rem;right:.7rem;z-index:1;padding:.15rem .7rem;border-radius:999px;background:rgba(var(--bnk-hero-accent),.1);color:#1966b2;font-size:1rem;font-weight:800}.bnk-cat-tile.is-active .bnk-cat-tile__count{background:linear-gradient(135deg,#1c6dbe,#3097d3);color:#fff}.bnk-cat-tile__thumb{display:flex;align-items:center;justify-content:center;height:8.6rem;min-height:0;overflow:hidden;padding:1rem 1rem .3rem}.bnk-cat-tile__thumb .cat-thumb,.bnk-cat-tile__thumb img{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;transition:transform .3s ease}.bnk-cat-tile:hover .bnk-cat-tile__thumb img,.bnk-cat-tile:hover .bnk-cat-tile__thumb .cat-thumb{transform:scale(1.05)}.bnk-cat-tile__name{display:grid;place-items:center;min-height:4.2rem;margin-top:auto;padding:.5rem .8rem .9rem;color:#0f2a46;font-size:1.2rem;font-weight:750;letter-spacing:-.01em;line-height:1.25;text-align:center}.bnk-cat-tile:hover .bnk-cat-tile__name{color:#1966b2}@media(min-width:1600px){.bnk-cat-tile{width:14.5rem}.bnk-cat-tile__thumb{height:10rem}.bnk-cat-tile__name{font-size:1.3rem}}@media(max-width:749px){.bnk-products-hero{padding-top:1.4rem}.bnk-products-hero h1{font-size:2.2rem}.bnk-sys-pill__label strong{font-size:1.25rem}.bnk-cat-tile{width:10.5rem}.bnk-cat-tile__thumb{height:7rem}.bnk-cat-tile__name{font-size:1.1rem;min-height:3.8rem}.bnk-cats-rail__nav{width:3.4rem;height:3.4rem}.bnk-cats-rail__nav--prev{left:-.6rem}.bnk-cats-rail__nav--next{right:-.6rem}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/termekek-header.css.map */