.skip-link { position: absolute; left: -9999px; top: auto; } .skip-link:focus { left: 1rem; top: 3rem; z-index: 10000; padding: .5rem .75rem; background: var(--primary, #000); color: #fff; border-radius: .25rem; outline: 2px solid var(--secondary, #000); }  .visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .overview-img { height: 100%; width: auto; object-fit: contain; }  .hover--circle { position: relative; overflow: hidden; z-index: 0; } .hover--circle::after { content: ""; width: 0; aspect-ratio: 1 / 1; background: linear-gradient(45deg, var(--primary), var(--2-aegean-blue)); border-radius: 100vmax; position: absolute; top: var(--mouse-leave-y, 50%); left: var(--mouse-leave-x, 50%); transform: translate(-50%, -50%); z-index: -1; pointer-events: none; transition: width 0.5s ease-out, top 0.1s ease, left 0.1s ease, background 0.5s ease; } .hover--circle:hover::after, .hover--circle:focus-visible::after { width: 210%; top: var(--mouse-enter-y, 50%); left: var(--mouse-enter-x, 50%); background: linear-gradient(45deg, var(--primary), var(--2-aegean-blue)); transition: width 0.5s ease-in, background 0.5s ease; }  .brxe-button.hover--circle { color: #fff !important; transition: color 0.3s ease, box-shadow 0.3s ease; } .brxe-button.hover--circle:hover, .brxe-button.hover--circle:focus-visible { color: #fff !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15), 0 4px 10px rgba(0, 0, 0, 0.08); }  .hero-roxcel__btn.hover--circle::after { background: linear-gradient( 45deg, var(--1-latte), color-mix(in srgb, var(--1-green-clay) 85%, black 15%) ); } .hero-roxcel__btn.hover--circle:hover::after, .hero-roxcel__btn.hover--circle:focus-visible::after { background: linear-gradient( 45deg, var(--1-latte), color-mix(in srgb, var(--1-green-clay) 75%, black 25%) ); }  .hero-roxcel__btn.hover--circle { color: var(--primary) !important; transition: color 0.3s ease, box-shadow 0.3s ease; } .hero-roxcel__btn.hover--circle:hover, .hero-roxcel__btn.hover--circle:focus-visible { color: var(--primary) !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15), 0 4px 10px rgba(0, 0, 0, 0.08); }   .spareparts__form.brxe-form button[type="submit"].bricks-button { position: relative; overflow: hidden; background: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%); color: #fff !important;  border-radius: var(--radius-m); z-index: 0; transition: color 0.3s ease, box-shadow 0.3s ease; }  .spareparts__form.brxe-form button[type="submit"].bricks-button::after { content: ""; width: 0; aspect-ratio: 1 / 1; background: linear-gradient(45deg, var(--primary), var(--2-aegean-blue));  border-radius: 100vmax; position: absolute; top: var(--mouse-leave-y, 50%); left: var(--mouse-leave-x, 50%); transform: translate(-50%, -50%); z-index: -1; pointer-events: none; transition: width 0.5s ease-out, top 0.1s ease, left 0.1s ease, background 0.5s ease; }  .spareparts__form.brxe-form button[type="submit"].bricks-button:hover::after, .spareparts__form.brxe-form button[type="submit"].bricks-button:focus-visible::after { width: 210%; top: var(--mouse-enter-y, 50%); left: var(--mouse-enter-x, 50%); background: linear-gradient(45deg, var(--primary), var(--2-aegean-blue)); transition: width 0.5s ease-in, background 0.5s ease; }  .spareparts__form.brxe-form button[type="submit"].bricks-button:hover, .spareparts__form.brxe-form button[type="submit"].bricks-button:focus-visible { color: #fff !important; box-shadow: 0 6px 18px rgba(0,0,0,0.15), 0 4px 10px rgba(0,0,0,0.08); }  :where(.brxe-form) .message.success { background-color: #20bf6b;  color: var(--light);  border-radius: var(--radius-m); padding: 1rem; }  .back-to-top-btn {  opacity: 0; transform: scale(.92); visibility: hidden; pointer-events: none;  transition: opacity .25s ease, transform .25s ease, visibility 0s linear .25s;  }  .back-to-top-btn.is-visible { opacity: 1; transform: scale(1); visibility: visible; pointer-events: auto; transition: opacity .25s ease, transform .25s ease; }  .back-to-top-btn:focus-visible { outline: 3px solid var(--primary, #000); outline-offset: 4px; border-radius: 6px; background: #fff; }  .img-zoom-frame { overflow: hidden; } .img-zoom-frame img { display:block; width:105%; height:105%; object-fit:cover; transition: transform .35s ease; will-change: transform; transform-origin: center; } .img-zoom-frame:hover img, .img-zoom-frame:focus-within img { transform: scale(1.1); } @media (prefers-reduced-motion: reduce){ .img-zoom-frame img { transition:none; } }  #brx-content { display: flow-root; }  .brxe-section:last-of-type { margin-bottom: 0; }  footer, .brxe-footer { border-top: 0; box-shadow: none; } .brxe-footer { margin-top: -1px; }