/* TEMPLATE SHORTCODE CSS (ID: 5162) */ /* BREAKPOINT: Asztali (BASE) */ #brxe-v2logomark .bricks-site-logo {width: 120px} /* BREAKPOINT: Asztali (BASE) */ #brxe-v2logo01 {flex-direction: row; align-items: center; display: flex} /* BREAKPOINT: Asztali (BASE) */ #brxe-v2menu01 .bricks-nav-menu {gap: 24px; flex-direction: center} #brxe-v2menu01 {fontSize: 14px; fontWeight: 500; color: #111b30} /* BREAKPOINT: Asztali (BASE) */ #brxe-v2user01 {font-size: 25px} /* BREAKPOINT: Asztali (BASE) */ #brxe-v2carticon {font-size: 25px} /* BREAKPOINT: Asztali (BASE) */ #brxe-v2actions01 {flex-direction: row; align-items: center; display: flex} /* BREAKPOINT: Asztali (BASE) */ #brxe-v2nav01 {display: grid; align-items: initial; grid-template-columns: auto minmax(0,1fr) auto} /* BREAKPOINT: Asztali (BASE) */ .ip-home-v2-header { --ip-navy: #071733; --ip-text: #101c35; --ip-muted: #66758e; --ip-blue: #1179f5; --ip-cyan: #12bdf0; --ip-purple: var(--ip-navy); --ip-border: #e4edf6; position: relative; z-index: 50; width: min(1540px, 100%); margin: 0 auto; padding: 24px 38px 20px; color: var(--ip-text); font-family: Manrope, "Varela Round", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: linear-gradient(180deg, #fff 0%, #f7fbff 100%);}#brxe-v2nav01 { align-items: center; column-gap: 44px; } .ip-home-v2-header .ip-home-nav { position: relative; z-index: 50; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 44px; min-height: 104px; padding: 0 30px; background: rgba(255,255,255,.94); border: 1px solid rgba(224,233,242,.8); border-radius: 22px; box-shadow: 0 15px 45px rgba(28,65,103,.06); backdrop-filter: blur(20px);} .ip-home-v2-header .ip-home-nav__logo { display: inline-flex; align-items: center; gap: 12px; color: var(--ip-navy); font-size: 23px; font-weight: 750; line-height: 1; text-decoration: none; white-space: nowrap;} .ip-home-v2-header .ip-home-nav__logo-mark { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; color: #fff; background: linear-gradient(135deg, var(--ip-navy), var(--ip-cyan)); font-size: 14px; font-weight: 700;} .ip-home-v2-header .ip-home-nav__menu,.ip-home-v2-header .ip-home-nav__menu > ul { display: flex; align-items: center; justify-content: center; min-width: 0; gap: clamp(20px, 2vw, 38px);} .ip-home-v2-header .ip-home-nav__menu > ul { margin: 0; padding: 0; list-style: none;} .ip-home-v2-header .ip-home-nav__menu a { display: inline-flex; align-items: center; gap: 6px; color: #111b30; font-size: 14px; font-weight: 520; line-height: 1.2; text-decoration: none; transition: color .2s ease;} .ip-home-v2-header .ip-home-nav__menu a:hover,.ip-home-v2-header .ip-home-nav__menu a:focus-visible { color: var(--ip-blue);} .ip-home-v2-header .ip-home-nav__actions { display: flex; align-items: center; gap: 12px;} .ip-home-v2-header .ip-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 26px; border-radius: 8px; font-size: 14px; font-weight: 650; line-height: 1; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;} .ip-home-v2-header .ip-btn:hover { transform: translateY(-1px);} .ip-home-v2-header .ip-btn--primary { color: #fff !important; background: linear-gradient(100deg, var(--ip-navy), #0878eb 60%, var(--ip-cyan)); box-shadow: 0 8px 22px rgba(50,69,196,.16);} .ip-home-v2-header .ip-btn--outline { color: #086dd4 !important; background: #fff; border: 1.5px solid #0a8cf2;} .ip-home-v2-header .ip-home-nav__icon { position: relative; display: grid; place-items: center; width: 42px; height: 42px; color: var(--ip-navy); text-decoration: none;} .ip-home-v2-header .ip-home-nav__icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;} .ip-home-v2-header .ip-home-nav__icon:hover,.ip-home-v2-header .ip-home-nav__icon:focus-visible { color: var(--ip-blue);} .ip-home-v2-header .ip-home-nav__cart { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; color: var(--ip-navy); text-decoration: none;} .ip-home-v2-header .ip-home-nav__cart-count { position: absolute; top: 0; right: 0; display: grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 20px; color: #fff; background: var(--ip-purple); font-size: 10px; font-weight: 700; line-height: 1;}@media (max-width: 1180px) { .ip-home-v2-header { padding-inline: 20px; } .ip-home-v2-header .ip-home-nav { gap: 22px; } .ip-home-v2-header .ip-home-nav__menu, .ip-home-v2-header .ip-home-nav__menu > ul { gap: 18px; }}@media (max-width: 1020px) { .ip-home-v2-header .ip-home-nav { grid-template-columns: minmax(0,1fr) auto; min-height: 80px; padding: 0 20px; } .ip-home-v2-header .ip-home-nav__menu { position: absolute; top: calc(100% + 10px); left: 0; right: 0; display: none; padding: 20px; background: #fff; border: 1px solid var(--ip-border); border-radius: 16px; box-shadow: 0 20px 50px rgba(24,57,91,.12); } .ip-home-v2-header .ip-home-nav__menu.is-open, .ip-home-v2-header .ip-home-nav__menu.brx-open, .ip-home-v2-header .ip-home-nav__menu:focus-within { display: flex; } .ip-home-v2-header .ip-home-nav__menu > ul { display: flex; flex-direction: column; align-items: stretch; gap: 0; width: 100%; } .ip-home-v2-header .ip-home-nav__menu a { padding: 11px 6px; } .ip-home-v2-header .ip-btn, .ip-home-v2-header .ip-home-nav__icon { display: none; }}@media (max-width: 640px) { .ip-home-v2-header { padding: 12px; } .ip-home-v2-header .ip-home-nav__logo { font-size: 19px; } .ip-home-v2-header .ip-home-nav__logo-mark { width: 40px; height: 40px; }}n/* V2 navigation polish */n.ip-home-v2-header .ip-home-nav__logo-image { display: inline-flex; align-items: center; width: 120px; max-width: 120px; }n.ip-home-v2-header .ip-home-nav__logo-image img { display: block; width: 120px; height: auto; max-width: 100%; }n.ip-home-v2-header .ip-btn--primary,n.ip-home-v2-header .ip-btn--outline { background: linear-gradient(100deg, #3412a7 0%, #0878eb 60%, #11bce9 100%); background-size: 180% 100%; background-position: 0 50%; color: #fff !important; border-color: transparent; transition: background-position .45s ease, transform .18s ease, box-shadow .18s ease; }n.ip-home-v2-header .ip-btn--primary:hover,n.ip-home-v2-header .ip-btn--outline:hover,n.ip-home-v2-header .ip-btn--primary:focus-visible,n.ip-home-v2-header .ip-btn--outline:focus-visible { background-position: 100% 50%; color: #fff !important; }n