@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}}@layer bricks {.brxe-button{width:auto}}#brxe-eiwnxg {display: flex; justify-content: center; align-items: center; flex-direction: column; row-gap: 1rem; background-color: var(--bg-surface); border: 1px solid rgba(245, 245, 245, 0.14); border-radius: 4px; width: 100%; padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem}#brxe-alabbr .jet-search-filter {align-items: flex-start; gap: 20px}#brxe-alabbr .jet-search-filter__input-wrapper {max-width: 100%; flex-basis: 100%; width: 100%}#brxe-alabbr .jet-search-filter__submit {gap: 12px}#brxe-hvdtjn .jsf-location-distance__location {flex-basis: 74%}#brxe-hvdtjn .jsf-location-distance {gap: 10px}#brxe-hvdtjn .jsf-location-distance__location-icon {opacity: 50%}#brxe-bnhtdt {position: sticky; top: 80px; right: 10px; width: fit-content; white-space: nowrap}#brxe-nrebhz {column-gap: var(--space-xs); row-gap: var(--space-xs); align-items: center}#brxe-anossy .jet-remove-all-filters .jet-remove-all-filters__button{ align-self: flex-start; background: var(--error); color: var(--light); padding: var(--space-2xs) var(--space-s); border-radius: var(--radius-xs); font-size: var(--text-m);} #brxe-anossy .jet-remove-all-filters .jet-remove-all-filters__button:hover{ background: var(--error-70); }#ys-filters .jet-map-listing {height: 400px}#ys-filters .jet-map-marker-wrap {color: var(--light); font-size: var(--text-s); background-color: var(--primary-90); padding-top: var(--space-4xs); padding-right: var(--space-xs); padding-bottom: var(--space-4xs); padding-left: var(--space-xs); border-style: none; border-radius: var(--radius-xs)}#ys-filters .jet-map-marker-wrap:after {border-top-color: var(--primary-90)}#ys-filters i{font-size: 20px !important;}.brxe-vkdsjl .brxe-hmjyfs.brxe-icon {position: absolute; font-size: var(--text-l); color: var(--light); fill: var(--light); z-index: 999; top: 10px; right: 10px}.brxe-vkdsjl .brxe-hmjyfs.brxe-icon:hover {color: var(--primary); fill: var(--primary)}.brxe-vkdsjl .brxe-naybkb.brxe-jet-engine-listing-dynamic-link .jet-listing-dynamic-link__link {gap: 12px}.brxe-vkdsjl .brxe-naybkb.brxe-jet-engine-listing-dynamic-link {position: absolute; z-index: 999; top: 10px; left: 10px}.brxe-vkdsjl .brxe-naybkb.brxe-jet-engine-listing-dynamic-link .jet-listing-dynamic-link__icon {color: var(--error); font-size: var(--text-l)}.brxe-vkdsjl .brxe-naybkb.brxe-jet-engine-listing-dynamic-link .jet-listing-dynamic-link__icon :is(svg), .brxe-vkdsjl .brxe-naybkb.brxe-jet-engine-listing-dynamic-link .jet-listing-dynamic-link__icon :is(path) {fill: var(--error)}.brxe-vkdsjl .brxe-gohngr.brxe-div {background-position: center center; background-repeat: no-repeat; background-size: cover}.brxe-vkdsjl .brxe-upzfqt.brxe-div {position: relative}.brxe-vkdsjl .brxe-utdwic.brxe-icon {font-size: 2rem}.brxe-vkdsjl .brxe-lufgen.brxe-icon {font-size: 2rem}.brxe-vkdsjl .brxe-agozee.brxe-div {margin-bottom: 1.5rem}.brxe-agozee:hover i{color: var(--ys-primary-light);}.brxe-vkdsjl .brxe-vpqydb.brxe-icon {font-size: 2rem; color: var(--ys-text-primary); fill: var(--ys-text-primary)}.brxe-vkdsjl .brxe-bjclau.brxe-text-basic {color: var(--ys-text-primary)}.brxe-vkdsjl .brxe-spnfcm.brxe-text-basic {color: var(--ys-text-secondary)}.brxe-vkdsjl .brxe-lbfdwh.brxe-div {flex-direction: column}.test.brxe-div {display: flex; flex-direction: column} :root {  --ys-primary-color: #735ff9; --ys-primary-hover: #573ff5; --ys-primary-light: #eef2ff; --ys-accent-color: #f59e0b; --ys-success-color: #059669; --ys-success-light: #d1fae5; --ys-background-color: #f8fafc; --ys-card-background: #ffffff; --ys-text-primary: #0f172a; --ys-text-secondary: #475569; --ys-border-color: #e2e8f0; --ys-border-light: #f1f5f9; --ys-shadow-light: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); --ys-shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); --ys-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);  --ys-spacing-xs: 0.5rem; --ys-spacing-sm: 0.75rem; --ys-spacing-md: 1rem; --ys-spacing-lg: 1.5rem; --ys-spacing-xl: 2rem;ariables */ --ys-font-size-xs: 1rem; --ys-font-size-sm: 1.4rem; --ys-font-size-base: 1.5rem; --ys-font-size-lg: 1.7rem; --ys-font-size-xl: 2rem;  --ys-radius-md: 4px; --ys-radius-xl: 4px;  --ys-card-min-height: 420px; } .ys-branch-card { background: var(--ys-card-background); border-radius: var(--ys-radius-xl); box-shadow: var(--ys-shadow-medium); border: 1px solid var(--ys-border-color); overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); min-height: var(--ys-card-min-height); position: relative; backdrop-filter: blur(10px); width: 100%; } .ys-branch-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--ys-primary-color), var(--ys-primary-hover)); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; } .ys-branch-card:hover { transform: translateY(-8px) scale(1.02); box-shadow: var(--ys-shadow-hover); border-color: var(--ys-primary-color); } .ys-branch-card:hover::before { transform: scaleX(1); } .ys-branch-image { width: 100%; height: 200px; background: linear-gradient(135deg, var(--ys-primary-color) 0%, var(--ys-primary-hover) 50%, var(--ys-primary-hover) 100%); position: relative; display: flex; align-items: center; justify-content: center; color: white; overflow: hidden; } .ys-branch-image::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, rgba(255, 255, 255, 0.1) 0%, transparent 70%); transform: scale(0); transition: transform 0.6s ease; } .ys-branch-card:hover .ys-branch-image::before { transform: scale(2); } .ys-branch-image-content { text-align: center; z-index: 2; position: relative; } .ys-branch-icon { font-size: 3rem; margin-bottom: var(--ys-spacing-sm); opacity: 0.9; } .ys-branch-image-text { font-size: var(--ys-font-size-xl); font-weight: 700; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .ys-branch-content { padding: var(--ys-spacing-xl); } .ys-branch-header { margin-bottom: var(--ys-spacing-lg); } .ys-branch-title { font-size: var(--ys-font-size-xl); font-weight: 700; color: var(--ys-text-primary); margin-bottom: var(--ys-spacing-sm); display: flex; align-items: center; justify-content: space-between; gap: var(--ys-spacing-sm); } .ys-branch-name { flex: 1; } .ys-branch-status { font-size: var(--ys-font-size-xs); padding: 4px 12px; border-radius: 20px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; display: flex; align-items: center; gap: 4px; white-space: nowrap; } .ys-branch-status.ys-open { background: var(--ys-success-light); color: var(--ys-success-color); } .ys-branch-address { color: var(--ys-text-secondary); font-size: var(--ys-font-size-sm); margin-bottom: var(--ys-spacing-lg); display: flex; align-items: flex-start; gap: var(--ys-spacing-sm); padding: var(--ys-spacing-sm) 0; } .ys-address-icon { color: var(--ys-primary-color); margin-top: 2px; flex-shrink: 0; } .ys-branch-info { display: grid; gap: var(--ys-spacing-md); margin-bottom: var(--ys-spacing-xl); } .ys-info-item { display: flex; align-items: center; gap: var(--ys-spacing-sm); padding: var(--ys-spacing-sm); background: var(--ys-primary-light); border-radius: var(--ys-radius-md); transition: all 0.2s ease; } .ys-info-item:hover { background: var(--ys-primary-color); color: white; transform: translateX(4px); } .ys-info-item:hover .ys-info-icon { color: white; } .ys-info-icon { color: var(--ys-primary-color); width: 20px; text-align: center; transition: color 0.2s ease; } .ys-info-text { font-size: var(--ys-font-size-sm); font-weight: 500; } .ys-branch-hours { background: linear-gradient(135deg, var(--ys-background-color), var(--ys-primary-light)); padding: var(--ys-spacing-lg); border-radius: var(--ys-radius-md); margin-bottom: var(--ys-spacing-xl); border: 1px solid var(--ys-border-light); position: relative; overflow: hidden; } .ys-branch-hours::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: linear-gradient(180deg, var(--ys-primary-color), var(--ys-primary-hover)); } .ys-hours-header { display: flex; align-items: center; gap: var(--ys-spacing-sm); margin-bottom: var(--ys-spacing-md); } .ys-hours-title { font-size: var(--ys-font-size-sm); font-weight: 700; color: var(--ys-text-primary); text-transform: uppercase; letter-spacing: 0.5px; } .ys-hours-text { font-size: var(--ys-font-size-sm); color: var(--ys-text-secondary); line-height: 1.6; font-family: 'SF Mono', Monaco, monospace; } .ys-branch-actions { display: flex; gap: var(--ys-spacing-sm); } .ys-btn { flex: 1; padding: var(--ys-spacing-md) var(--ys-spacing-lg); border-radius: var(--ys-radius-md); font-size: var(--ys-font-size-sm); font-weight: 600; text-decoration: none; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; border: none; display: inline-flex; align-items: center; justify-content: center; gap: var(--ys-spacing-sm); text-align: center; position: relative; overflow: hidden; } .ys-btn::before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: rgba(255, 255, 255, 0.2); border-radius: 50%; transform: translate(-50%, -50%); transition: width 0.4s ease, height 0.4s ease; } .ys-btn:hover::before { width: 300px; height: 300px; } .ys-btn-primary { background: linear-gradient(135deg, var(--ys-primary-color), var(--ys-primary-hover)); color: white; box-shadow: var(--ys-shadow-light); } .ys-btn-primary:hover { transform: translateY(-2px); box-shadow: var(--ys-shadow-medium); } .ys-btn-outline { background: transparent; border: 2px solid var(--ys-border-color); color: var(--ys-text-secondary); } .ys-btn-outline:hover { border-color: var(--ys-primary-color); color: var(--ys-primary-color); background: var(--ys-primary-light); transform: translateY(-2px); } .ys-btn-icon { position: relative; z-index: 1; transition: transform 0.2s ease; } .ys-btn:hover .ys-btn-icon { transform: scale(1.1); } .ys-btn-text { position: relative; z-index: 1; }  @keyframes ys-fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .ys-branch-card { animation: ys-fadeInUp 0.6s ease forwards; }  @media (max-width: 480px) { .ys-branch-image { height: 160px; } .ys-branch-content { padding: var(--ys-spacing-lg); } .ys-branch-title { flex-direction: column; align-items: flex-start; gap: var(--ys-spacing-sm); } .ys-branch-actions { flex-direction: column; } .ys-btn { flex: none; } }#brxe-pkpsnl {grid-template-rows: auto; display: grid; align-items: initial; grid-gap: var(--space-xs); grid-template-columns: repeat(auto-fit, minmax(350px, 1fr))}#brxe-jbmewp {row-gap: 2rem; justify-content: center; align-items: center}