.brand-grid.svelte-rx03xn{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));grid-auto-rows:8rem;grid-auto-flow:dense;gap:.75rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.brand-grid.svelte-rx03xn .large:where(.svelte-rx03xn){grid-area:span 2/span 2}}.tile.svelte-rx03xn{background-color:var(--color-magyarshop-red);background-image:linear-gradient(135deg, var(--color-magyarshop-red), #7f1d1d);isolation:isolate;background-position:50%;background-size:cover;border-radius:.75rem;align-items:flex-end;width:100%;height:100%;text-decoration:none;transition:transform .2s;display:flex;position:relative;overflow:hidden}.tile.svelte-rx03xn:after{content:"";z-index:-1;background:linear-gradient(#0000000d 40%,#000000b3);transition:background-color .2s;position:absolute;inset:0}.tile.has-image.svelte-rx03xn{background-color:#fff;border:1px solid #e5e7eb}.tile.has-image.svelte-rx03xn:after{content:none}.tile.svelte-rx03xn:hover,.tile.svelte-rx03xn:focus-visible{transform:translateY(-2px)}.tile.svelte-rx03xn:hover:after,.tile.svelte-rx03xn:focus-visible:after{background-color:#00000026}.tile-name.svelte-rx03xn{color:#fff;text-shadow:0 1px 3px #00000080;padding:.75rem .875rem;font-size:1rem;font-weight:700;line-height:1.2}.large.svelte-rx03xn .tile-name:where(.svelte-rx03xn){font-size:1.375rem}@media (prefers-reduced-motion:reduce){.tile.svelte-rx03xn{transition:none}.tile.svelte-rx03xn:hover,.tile.svelte-rx03xn:focus-visible{transform:none}}