@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}#brxe-kpo005 {font-size: 1em}#brxe-kpo041 {font-size: 1em}@media (max-width: 359px) { .szu-kp .szu-kp__gombok { grid-template-columns: 1fr; } .szu-kp .szu-kp__gomb--kosar { order: -1; }} .brx-popup:has([data-szu-kp]) { z-index: 10001;} .szu-kp { display: flex; flex-direction: column; gap: var(--space-s); width: 100%; min-width: 0;} .szu-kp [hidden] { display: none;} .szu-kp__fej { display: flex; align-items: center; justify-content: space-between; gap: var(--space-s);} .szu-kp__cim { display: flex; align-items: center; gap: 0.8rem; margin: 0; font-size: var(--text-l); line-height: 1.3; color: var(--neutral-900);} .szu-kp__cim::before { content: "✓" / ""; flex: none; display: grid; place-items: center; width: 2.4rem; height: 2.4rem; font-size: 1.4rem; line-height: 1; color: var(--neutral-0); background-color: var(--success); border-radius: var(--radius-full);} .szu-kp__zar { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 3.6rem; height: 3.6rem; padding: 0; font-size: 1.8rem; line-height: 1; color: var(--neutral-700); background: none; border: 0; border-radius: var(--radius-full); cursor: pointer; transition: color var(--transition), background-color var(--transition);} .szu-kp__zar .brxe-icon { font-size: 1em;} .szu-kp__zar:hover { color: var(--neutral-900); background-color: var(--neutral-100);} .szu-kp__zar:focus-visible { outline: none; box-shadow: var(--shadow-focus);} .szu-kp__gomb:focus-visible { outline: none; box-shadow: var(--shadow-focus);} .szu-kp__kereses:focus-visible { outline: none; box-shadow: var(--shadow-focus);} .szu-kp__termek .szu-kt { gap: var(--space-s);} .szu-kp__termek .szu-kt__termek { align-items: center; gap: var(--space-s);} .szu-kp__termek .szu-kt__kep { width: 7.2rem; height: 7.2rem;} .szu-kp__termek .szu-kt__nev { font-size: var(--text-m);} .szu-kp__termek .szu-kt__sor { font-size: var(--text-s);} .szu-kp__termek .szu-kt__osszeg { font-size: var(--text-s);} .szu-kp__termek .szu-kt__osszeg .szu-kt__ar { font-size: var(--text-m);} .szu-kp__ajanlo .szu-pa { margin: 0;} .szu-kp__gombok { position: sticky; bottom: 0; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-xs); padding-block: var(--space-xs); margin-block: calc(var(--space-xs) * -1); background-color: var(--neutral-0);} .szu-kp__gomb { display: flex; align-items: center; justify-content: center; gap: 0.6rem; min-height: 4.4rem; padding: 0.6rem var(--space-s); font: inherit; font-size: var(--text-s); font-weight: var(--weight-semibold); line-height: 1.2; text-align: center; color: var(--neutral-900); background-color: var(--neutral-0); border: var(--border-width) solid var(--neutral-300); border-radius: var(--radius-s); cursor: pointer; transition: color var(--transition), background-color var(--transition), border-color var(--transition);} .szu-kp__gomb:hover { border-color: var(--neutral-900);} .szu-kp__gomb--kosar { color: var(--on-primary); background-color: var(--primary); border-color: var(--primary);} .szu-kp__gomb--kosar:hover { background-color: var(--primary-d-1); border-color: var(--primary-d-1);} .szu-kp__kereses { align-self: center; display: inline-flex; align-items: center; gap: 0.8rem; min-height: 3.6rem; padding: 0 var(--space-s); font: inherit; font-size: var(--text-s); line-height: 1.2; color: var(--neutral-700); background: none; border: 0; border-radius: var(--radius-s); cursor: pointer; transition: color var(--transition);} .szu-kp__kereses .brxe-icon { font-size: 1em;} .szu-kp__kereses:hover { color: var(--primary-text); text-decoration: underline;}