img { max-width: 100%; height: auto; } .site-icon { width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; vertical-align: -.125em; flex-shrink: 0; } .site-icon-large { width: 2em; height: 2em; } .contact-btn .site-icon { width: 24px; height: 24px; } .contact-btn.enquiry { background: var(--accent-color); } .floating-contact .contact-btn { animation: none; } .reveal { visibility: visible; } .menu-toggle { display: none; border: 0; border-radius: 6px; padding: 10px 14px; background: var(--accent-color); color: white; } .main-menu.collapse { display: block; } .main-menu a[aria-current="page"] { color: var(--accent-secondary-color); } .navbar-brand img { width: auto; } .tab-content > .tab-pane, .product-content { display: block; opacity: 1; animation: none; } .tabs-enhanced > [hidden] { display: none !important; } .tabs-enhanced > .active { display: block; opacity: 1; } .swiper { position: relative; min-width: 0; } .swiper-wrapper { display: flex; gap: 20px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scrollbar-width: thin; padding-bottom: 12px; } .swiper-slide { flex: 0 0 100%; min-width: 0; scroll-snap-align: start; } .gallery-next, .gallery-prev { display: none; border: 1px solid var(--accent-color); color: var(--accent-color); background: var(--bg-color); border-radius: 50%; width: 44px; height: 44px; margin: 8px; font-size: 24px; } .gallery-enhanced .gallery-next, .gallery-enhanced .gallery-prev { display: inline-block; } .contact-email-card h3 { margin-bottom: 20px; } .office-location { padding: 24px 0 clamp(40px, 5vw, 72px); } .office-location .section-title { max-width: 560px; margin-bottom: 0; } .office-address { margin: 0; padding: clamp(24px, 3vw, 40px); background: var(--white-color); border: 1px solid var(--divider-color); border-radius: 16px; font-style: normal; line-height: 1.8; color: var(--primary-color); } :is(a, button, [tabindex]):focus-visible { outline: 3px solid var(--accent-secondary-color); outline-offset: 4px; } .spec-table { width: 100%; } @media (min-width: 640px) { .swiper-slide { flex-basis: calc((100% - 20px) / 2); } } @media (min-width: 992px) { .category-swiper .swiper-slide, .product-swiper .swiper-slide { flex-basis: calc((100% - 40px) / 3); } } @media (max-width: 991px) { .main-header .navbar > .container { flex-wrap: wrap; } .main-header .main-menu { display: block; flex-basis: 100%; order: 3; } .main-header .main-menu .navbar-nav { flex-direction: column; } .main-header .main-menu .nav-menu-wrapper > ul { align-items: stretch; } .menu-ready .menu-toggle { display: block; } .menu-ready .main-header .main-menu:not(.is-open) { display: none; } .main-header .header-btn { padding: 8px 0 20px; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }