@font-face {
font-family: 'Roboto';
src: local('Roboto Regular'), local('Roboto-Regular'), url(//rentorszczecin.pl/wp-content/themes/bywitek-theme/assets/fonts/Roboto-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: local('Roboto Medium'), local('Roboto-Medium'), url(//rentorszczecin.pl/wp-content/themes/bywitek-theme/assets/fonts/Roboto-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: local('Roboto SemiBold'), local('Roboto-SemiBold'), url(//rentorszczecin.pl/wp-content/themes/bywitek-theme/assets/fonts/Roboto-SemiBold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: local('Roboto Bold'), local('Roboto-Bold'), url(//rentorszczecin.pl/wp-content/themes/bywitek-theme/assets/fonts/Roboto-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: local('Roboto ExtraBold'), local('Roboto-ExtraBold'), url(//rentorszczecin.pl/wp-content/themes/bywitek-theme/assets/fonts/Roboto-ExtraBold.ttf) format('truetype');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: local('Roboto Black'), local('Roboto-Black'), url(//rentorszczecin.pl/wp-content/themes/bywitek-theme/assets/fonts/Roboto-Black.ttf) format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
:root {
--primary: #f99120;
--black: #000000;
--white: #FAFAFF;
--platinium: #c4cccb;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
}
body {
color: var(--black);
}
html {
scroll-behavior: smooth;
scrollbar-gutter: stable;
}
a {
color: var(--black);
text-decoration: none;
}
form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]),
textarea,
select) {
transition: border-color 0.2s ease;
}
form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]),
textarea,
select):hover,
form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]),
textarea,
select):focus,
form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]),
textarea,
select):focus-visible {
border-color: var(--primary);
outline: none;
box-shadow: none;
}
.site-shell {
width: 100%;
padding-left: 6rem;
padding-right: 6rem;
}
.site-content {
width: 100%;
}
.home-hero-cta {
margin-top: 1rem;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 2.75rem;
padding: 0 1.25rem;
border-radius: 4px;
background: var(--primary);
color: var(--black);
font-size: 0.95rem;
font-weight: 700;
transition: filter 0.2s ease;
}
.home-hero-cta:hover,
.home-hero-cta:focus-visible {
filter: brightness(1.06);
}
.home-promotions {
width: 100%;
padding: 1.8rem 0 3.9rem;
}
.home-promotions-inner {
width: 100%;
--home-promotions-edge: 1.5rem;
--home-promotions-card-gap: 0.4rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.home-promotions-title {
margin: 0;
text-align: center;
font-size: clamp(1.55rem, 2.8vw, 2.35rem);
font-weight: 800;
color: var(--black);
}
.home-promotions-subtitle {
margin: 0.45rem auto 0;
max-width: 64ch;
text-align: center;
font-size: 1rem;
line-height: 1.45;
color: #5f6770;
}
.home-promotions-carousel {
margin-top: 1.3rem;
margin-left: calc(var(--home-promotions-edge) * -1);
margin-right: calc(var(--home-promotions-edge) * -1);
padding-left: var(--home-promotions-card-gap);
padding-right: var(--home-promotions-card-gap);
}
.home-promotions-viewport {
overflow: hidden;
}
.home-promotions-track {
display: flex;
gap: var(--home-promotions-card-gap);
will-change: transform;
}
.home-promo-card {
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid #e8edf2;
border-radius: 12px;
overflow: hidden;
}
.home-promo-image-wrap {
display: block;
width: 100%;
aspect-ratio: 1 / 1;
background-color: #d9dee5;
background-image: var(--promo-image);
background-size: cover;
background-position: center;
}
.home-promo-content {
--promo-card-pad-x: 0.9rem;
--promo-card-pad-bottom: 1rem;
--promo-card-cta-gap: 0.4rem;
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1 1 auto;
padding: 0.9rem 0.9rem 1rem;
padding-bottom: calc(var(--promo-card-pad-bottom) + 2.75rem + var(--promo-card-cta-gap));
position: relative;
}
.home-promo-content:has(.home-promo-cta-secondary) {
padding-bottom: calc(var(--promo-card-pad-bottom) + 2.75rem + var(--promo-card-cta-gap) + 2.75rem + 0.35rem);
}
.home-promo-title {
margin: 0;
font-size: 1.02rem;
line-height: 1.25;
font-weight: 800;
min-width: 0;
flex: 0 0 auto;
width: 100%;
overflow-wrap: anywhere;
word-break: break-word;
}
.home-promo-title a {
display: block;
max-width: 100%;
color: var(--black);
text-decoration: none;
overflow-wrap: anywhere;
word-break: break-word;
}
.home-promo-title-row {
width: 100%;
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 0.45rem;
position: relative;
padding-right: 64px;
}
.home-promo-brand {
display: inline-flex;
align-items: center;
justify-content: flex-end;
flex: 0 0 auto;
min-width: 0;
overflow: visible;
position: absolute;
top: 0;
right: 0;
}
.home-promo-brand-link {
display: inline-flex;
align-items: center;
justify-content: flex-end;
color: inherit;
text-decoration: none;
}
.home-promo-brand img {
display: block;
width: auto;
height: auto;
max-width: min(24vw, 54px);
max-height: 18px;
object-fit: contain;
object-position: center right;
}
.home-promo-brand-text {
display: inline-flex;
align-items: center;
color: #5f6770;
font-size: 0.84rem;
font-weight: 600;
line-height: 1.2;
text-align: right;
}
.home-promo-prices {
margin: 0.45rem 0 0;
display: inline-flex;
align-items: flex-end;
gap: 0.45rem;
}
.home-promo-title-row+.home-promo-prices {
margin-top: 0.45rem;
}
.home-promo-price-old {
font-size: 0.88rem;
color: #7e8894;
text-decoration: line-through;
}
.home-promo-price-new {
font-size: 1.08rem;
font-weight: 800;
color: var(--primary);
}
.home-promo-netto {
font-size: 0.72rem;
line-height: 1;
color: #7d8792;
margin-bottom: 0.1rem;
}
.home-promo-desc {
margin: 0.62rem 0 0;
margin-bottom: 0;
font-size: 0.9rem;
line-height: 1.45;
color: #5f6770;
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.home-promo-desc-list {
margin: 0.62rem 0 0;
margin-bottom: 0;
padding-left: 1.1rem;
list-style: disc;
}
.home-promo-desc-list li {
margin: 0;
font-size: 0.9rem;
line-height: 1.45;
color: #5f6770;
}
.home-promo-desc-list li::marker {
color: #111821;
}
.home-promo-desc-list li+li {
margin-top: 0.16rem;
}
.home-promo-readmore {
margin-top: 0.14rem;
margin-bottom: 0.24rem;
color: #5f6770;
font-size: 0.9rem;
line-height: 1.45;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 0.2s ease;
}
.home-promo-readmore:hover,
.home-promo-readmore:focus-visible {
border-bottom-color: currentColor;
}
.home-promo-cta {
margin-top: 0.8rem;
text-decoration: none;
}
[data-cart-add] {
transition: opacity 0.18s ease;
}
[data-cart-add].is-text-fading {
opacity: 0.55;
}
.home-promo-cta.home-hero-cta {
position: absolute;
left: var(--promo-card-pad-x);
bottom: var(--promo-card-pad-bottom);
margin-top: 0;
width: calc(100% - (var(--promo-card-pad-x) * 2));
min-height: 2.75rem;
padding: 0 1.25rem;
border-radius: 4px;
font-size: 0.95rem;
font-weight: 700;
}
.home-promo-cta-secondary.home-hero-cta {
bottom: calc(var(--promo-card-pad-bottom) + 2.75rem + 0.35rem);
background: #ffffff;
border: 1px solid var(--primary);
color: #2a2f35;
cursor: pointer;
transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}
.home-promo-cta-secondary.home-hero-cta:hover,
.home-promo-cta-secondary.home-hero-cta:focus-visible {
border-color: color-mix(in srgb, var(--primary) 62%, #000);
}
.home-promo-desc+.home-promo-cta.home-hero-cta,
.home-promo-desc-list+.home-promo-cta.home-hero-cta {
margin-top: 0;
}
.home-promotions-indicators {
margin-top: 1rem;
display: flex;
justify-content: center;
align-items: center;
gap: 0.48rem;
}
.home-promotions-indicators[hidden] {
display: none;
}
.home-promotions-indicator {
width: 9px;
height: 9px;
border: 0;
border-radius: 50%;
background: rgba(17, 24, 33, 0.24);
padding: 0;
cursor: pointer;
transition: all 0.25s ease;
}
.home-promotions-indicator.is-active {
width: 24px;
border-radius: 5px;
background: var(--primary);
}
.contact-page {
width: 100%;
}
.contact-page-section {
padding-top: 1.4rem;
padding-bottom: 3.4rem;
}
.contact-page-grid {
align-items: start;
}
.contact-page-left {
max-width: none;
margin-left: 0;
}
.contact-page-left .site-footer-contact-details {
margin-top: 1rem;
}
.contact-page-map-wrap {
margin-top: 1rem;
}
.contact-page-map-wrap iframe {
width: 100%;
min-height: 320px;
}
@media (max-width: 1279px) {
.site-shell {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.home-promotions-inner {
--home-promotions-edge: 2.5rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.contact-page-map-wrap iframe {
min-height: 300px;
}
}
@media (max-width: 1023px) {
.site-shell {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.home-promotions {
padding-top: 1.5rem;
padding-bottom: 3rem;
}
.home-promotions-inner {
--home-promotions-edge: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.home-promo-content {
--promo-card-pad-x: 0.82rem;
--promo-card-pad-bottom: 0.95rem;
padding: 0.82rem 0.82rem 0.95rem;
padding-bottom: calc(var(--promo-card-pad-bottom) + 2.75rem + var(--promo-card-cta-gap));
}
.home-promo-title {
font-size: 0.98rem;
}
.home-promo-brand img {
max-width: min(24vw, 47px);
max-height: 15px;
}
.home-promo-brand-text {
font-size: 0.8rem;
}
.home-promo-price-new {
font-size: 1rem;
}
.contact-page-section {
padding-top: 1rem;
}
.contact-page-grid {
grid-template-columns: 1fr;
gap: 1.15rem;
}
}
@media (max-width: 767px) {
.site-shell {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.home-promotions-title {
font-size: clamp(1.38rem, 7.4vw, 1.92rem);
}
.home-promotions-subtitle {
font-size: 0.92rem;
padding-left: 1rem;
padding-right: 1rem;
}
.home-promotions-inner {
--home-promotions-edge: 0.5rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.home-promotions-carousel {
margin-top: 1rem;
}
.home-promotions-indicators {
margin-top: 0.8rem;
}
.contact-page-map-wrap iframe {
min-height: 240px;
}
.home-hero-cta {
margin-top: 0.8rem;
min-height: 2.55rem;
padding: 0 1rem;
}
}.site-header {
width: 100%;
position: sticky;
top: 0;
z-index: 220;
background: #ffffff;
}
.header-sticky-wrap {
position: relative;
z-index: 1;
}
.header-topbar {
position: relative;
z-index: 230;
background: var(--primary);
}
.header-topbar-inner {
min-height: 2.25rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
.header-topbar-left {
display: flex;
align-items: center;
gap: 1.5rem;
flex-wrap: wrap;
}
.header-topbar-item {
display: inline-flex;
align-items: center;
gap: 0.45rem;
min-height: 1.65rem;
font-size: 0.84rem;
font-weight: 700;
line-height: 1.2;
color: var(--black);
}
.header-topbar-item img {
display: block;
}
.header-topbar-item span {
display: block;
line-height: 1.2;
}
.header-topbar-directions-link {
color: inherit;
text-decoration: none;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
.header-topbar-directions-link:hover,
.header-topbar-directions-link:focus-visible {
text-decoration: none;
}
.mobile-menu-toggle {
display: none;
border: 0;
background: transparent;
cursor: pointer;
padding: 0.35rem;
border-radius: 0.45rem;
color: var(--black);
}
.mobile-menu-toggle img {
display: block;
}
.mobile-drawer-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.55);
z-index: 500;
}
.mobile-drawer-backdrop[hidden] {
display: none;
}
.mobile-drawer {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 100%;
background: #ffffff;
z-index: 510;
transform: translateX(-100%);
transition: transform 0.22s ease;
overflow: hidden;
}
.mobile-drawer.is-open {
transform: translateX(0);
}
.mobile-drawer-header {
position: sticky;
top: 0;
height: 3.25rem;
background: #ffffff;
border-bottom: 1px solid #eceff1;
z-index: 1;
}
.mobile-drawer-back {
position: absolute;
left: 0.5rem;
top: 50%;
transform: translateY(-50%);
border: 0;
background: transparent;
padding: 0.35rem 0.5rem;
display: inline-flex;
align-items: center;
gap: 0.3rem;
font-size: 0.95rem;
font-weight: 700;
color: var(--black);
cursor: pointer;
}
.mobile-drawer-back-icon {
display: block;
width: 26px;
height: 26px;
}
.mobile-drawer-close {
position: absolute;
right: 0.5rem;
top: 50%;
transform: translateY(-50%);
width: 3.2rem;
height: 3.2rem;
border: 0;
background: transparent;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
}
.mobile-drawer-close img {
display: block;
width: 26px;
height: 26px;
}
.inquiry-cart-fab {
position: fixed;
right: 1rem;
bottom: 1rem;
width: 3.35rem;
height: 3.35rem;
border: 0;
border-radius: 999px;
background: var(--primary);
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 560;
box-shadow: 0 8px 20px rgba(17, 24, 33, 0.2);
}
.inquiry-cart-fab img {
display: block;
width: 26px;
height: 26px;
}
.inquiry-cart-fab-count {
position: absolute;
top: -0.32rem;
right: -0.2rem;
min-width: 1.34rem;
height: 1.34rem;
border-radius: 999px;
padding: 0 0.3rem;
background: #111821;
color: #ffffff;
font-size: 0.74rem;
font-weight: 800;
line-height: 1.34rem;
text-align: center;
border: 0;
}
.inquiry-cart-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.55);
z-index: 570;
}
.inquiry-cart-backdrop[hidden] {
display: none;
}
.inquiry-cart-drawer {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: min(100%, 390px);
background: #ffffff;
z-index: 580;
transform: translateX(100%);
transition: transform 0.22s ease;
display: grid;
grid-template-rows: auto 1fr auto;
}
.inquiry-cart-drawer.is-open {
transform: translateX(0);
}
.inquiry-cart-drawer-header {
min-height: 3.25rem;
border-bottom: 1px solid #eceff1;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.65rem 0.75rem;
}
.inquiry-cart-drawer-header h2 {
margin: 0;
font-size: 1.02rem;
font-weight: 800;
color: var(--black);
}
.inquiry-cart-drawer-close {
width: 2.55rem;
height: 2.55rem;
border: 0;
background: transparent;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.inquiry-cart-drawer-close img {
display: block;
width: 22px;
height: 22px;
}
.inquiry-cart-drawer-body {
overflow-y: auto;
padding: 0.78rem;
display: flex;
flex-direction: column;
gap: 0.62rem;
}
.inquiry-cart-drawer-empty {
margin: 0;
font-size: 0.95rem;
color: #5f6770;
}
.inquiry-cart-drawer-list {
display: flex;
flex-direction: column;
gap: 0.62rem;
}
.inquiry-cart-drawer-item {
border: 1px solid #e8edf2;
border-radius: 10px;
padding: 0.62rem;
display: grid;
grid-template-columns: 64px minmax(0, 1fr) auto;
gap: 0.62rem;
align-items: center;
}
.inquiry-cart-drawer-item-media {
width: 64px;
height: 64px;
border: 1px solid #edf1f5;
border-radius: 8px;
overflow: hidden;
background: #ffffff;
}
.inquiry-cart-drawer-item-media img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.inquiry-cart-drawer-item-title {
margin: 0;
font-size: 0.92rem;
line-height: 1.3;
font-weight: 700;
color: #111821;
}
.inquiry-cart-drawer-item-link {
display: inline-flex;
margin-top: 0.32rem;
font-size: 0.84rem;
color: #5f6770;
text-decoration: underline;
text-underline-offset: 2px;
}
.inquiry-cart-drawer-item-remove {
border: 1px solid #e8edf2;
border-radius: 8px;
background: #ffffff;
min-height: 2rem;
padding: 0 0.68rem;
font-size: 0.82rem;
font-weight: 700;
color: #2a2f35;
cursor: pointer;
}
.inquiry-cart-drawer-footer {
border-top: 1px solid #eceff1;
padding: 0.7rem 0.78rem 0.9rem;
}
.inquiry-cart-drawer-reserve.home-hero-cta {
width: 100%;
margin-top: 0;
}
.mobile-drawer-body {
height: calc(100% - 3.25rem);
overflow-y: auto;
padding: 0.95rem 0.75rem 1.25rem;
}
.mobile-drawer-view[hidden] {
display: none;
}
.mobile-drawer-menu {
display: flex;
flex-direction: column;
gap: 0;
}
.mobile-drawer-menu-item {
width: 100%;
border: 0;
background: transparent;
text-align: left;
font-size: 1.05rem;
font-weight: 800;
padding: 0.95rem 0;
color: var(--black);
cursor: pointer;
display: block;
}
.mobile-drawer-menu-item+.mobile-drawer-menu-item {
border-top: 0;
}
.mobile-drawer-section-title {
font-size: 0.92rem;
font-weight: 800;
margin-bottom: 0.65rem;
}
.mobile-categories-empty {
margin: 0;
padding: 0.2rem 0;
font-size: 0.92rem;
color: #6c7278;
}
.mobile-cat-level {
list-style: none;
margin: 0;
padding: 0;
}
.mobile-cat-item+.mobile-cat-item {
border-top: 0;
}
.mobile-cat-link {
display: flex;
align-items: center;
gap: 0.6rem;
padding: 0.82rem 0;
flex: 1 1 auto;
min-width: 0;
}
.mobile-cat-row {
display: flex;
align-items: stretch;
gap: 0;
}
.mobile-cat-text {
display: flex;
flex-direction: column;
gap: 0.15rem;
min-width: 0;
}
.mobile-cat-name {
font-size: 1rem;
font-weight: 600;
color: var(--black);
}
.mobile-cat-count {
font-size: 0.72rem;
font-weight: 400;
color: #6c7278;
}
.mobile-cat-arrow {
display: block;
width: 18px;
height: 18px;
color: var(--black);
}
.mobile-cat-expand {
flex: 0 0 auto;
width: 2.35rem;
border: 0;
background: transparent;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0;
}
.mobile-cat-expand:hover,
.mobile-cat-expand:focus-visible {
background: #f8f9fa;
}
body.mobile-drawer-open {
overflow: hidden;
}
.header-topbar-right {
display: inline-flex;
align-items: center;
gap: 0.9rem;
}
.header-topbar-right a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.65rem;
height: 1.65rem;
}
.header-topbar-right a img {
width: 22px;
height: 22px;
}
.header-main,
.header-submenu {
background: #ffffff;
}
.header-main-inner {
min-height: 0;
display: flex;
align-items: center;
gap: 50px;
padding-top: 6px;
padding-bottom: 6px;
transition: padding 0.22s ease, gap 0.22s ease;
}
.header-logo {
display: inline-flex;
align-items: center;
flex-shrink: 0;
}
.header-mobile-phone {
display: none;
}
.header-logo img {
width: auto;
max-width: clamp(188px, 15.2vw, 252px);
height: calc(clamp(3.35rem, 4.2vw, 4.95rem) + 10px);
max-height: none;
transition: height 0.28s ease, max-width 0.28s ease;
}
@media (min-width: 1024px) {
.site-header.is-scrolled .header-main-inner {
gap: 1.2rem;
padding-top: 7px;
padding-bottom: 7px;
}
.site-header.is-scrolled .header-logo img {
height: calc(2.65rem + 10px);
width: auto;
max-height: none;
}
}
.header-search {
flex: 1;
position: relative;
min-width: 0;
}
.header-search-field {
display: flex;
align-items: stretch;
width: 100%;
}
.header-search input {
flex: 1;
min-width: 0;
height: 2.5rem;
border: 1px solid #e3e6e8;
border-right: 0;
border-radius: 0;
padding: 0 0.95rem;
font-size: 0.95rem;
color: var(--black);
background: #ffffff;
transition: border-color 0.2s ease;
transform: none;
}
.header-search input:hover,
.header-search input:focus,
.header-search input:focus-visible {
border-color: var(--primary);
outline: none;
box-shadow: none;
transform: none;
}
.header-search input::placeholder {
color: #7e8388;
}
.header-search button {
width: 3.1rem;
height: 2.5rem;
border: 0;
background: var(--primary);
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
position: relative;
transition: filter 0.2s ease;
}
.header-search button:hover,
.header-search button:focus-visible {
filter: brightness(1.06);
outline: none;
box-shadow: none;
}
.header-search-submit img {
width: 14px;
height: 14px;
transition: opacity 0.2s ease;
}
.header-search.is-loading .header-search-submit img {
opacity: 0;
}
.header-search-submit::after {
content: '';
position: absolute;
width: 16px;
height: 16px;
border-radius: 999px;
border: 2px solid rgba(255, 255, 255, 0.45);
border-top-color: #ffffff;
opacity: 0;
transform: scale(0.85);
transition: opacity 0.2s ease, transform 0.2s ease;
}
.header-search.is-loading .header-search-submit::after {
opacity: 1;
transform: scale(1);
animation: header-search-spin 0.7s linear infinite;
}
@keyframes header-search-spin {
to {
transform: rotate(360deg);
}
}
.header-submenu {
position: relative;
border-top: 1px solid #eceff1;
border-bottom: 1px solid #eceff1;
}
.header-submenu-inner {
min-height: 0;
display: flex;
align-items: center;
gap: 1.35rem;
padding-top: 6px;
padding-bottom: 6px;
}
.header-search-results {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #ffffff;
border: 1px solid #e5e8ea;
border-top: 0;
box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
z-index: 240;
width: 100%;
min-height: 100px;
max-height: 420px;
display: flex;
flex-direction: column;
overflow: hidden;
}
.header-search-results[hidden] {
display: none;
}
.header-search-scroll {
flex: 1 1 auto;
min-height: 100px;
overflow-y: auto;
overflow-x: hidden;
}
.header-search-list {
display: flex;
flex-direction: column;
}
.header-search-item {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.62rem 0.75rem;
}
.header-search-item-main {
min-width: 0;
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.7rem;
}
.header-search-item+.header-search-item {
border-top: 1px solid #f1f3f5;
}
.header-search-item:hover {
background: #f9fafb;
}
.header-search-item-thumb {
width: 42px;
height: 42px;
object-fit: cover;
flex-shrink: 0;
border: 1px solid #eceff1;
}
.header-search-item-thumb-empty {
background: #f2f4f6;
}
.header-search-item-text {
min-width: 0;
display: flex;
flex-direction: column;
gap: 0.15rem;
}
.header-search-item-text strong {
font-size: 0.92rem;
font-weight: 600;
color: var(--black);
}
.header-search-item-id {
font-size: 0.78rem;
color: #687078;
}
.header-search-item-cta {
display: inline-flex;
align-items: center;
gap: 0.25rem;
font-size: 0.72rem;
font-weight: 700;
color: #232a31;
flex-shrink: 0;
white-space: nowrap;
}
.header-search-pricing {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 0.35rem;
}
.header-search-price-old {
font-size: 0.72rem;
color: #727b84;
text-decoration: line-through;
}
.header-search-price-new {
font-size: 0.82rem;
font-weight: 700;
color: var(--primary);
}
.header-search-price-meta {
font-size: 0.62rem;
color: #7a828a;
}
.header-search-empty {
padding: 0.75rem;
font-size: 0.86rem;
color: #6f7680;
}
.header-search-all-results {
border-top: 0;
padding: 0.55rem 0.75rem;
background: #fff;
}
.header-search-all-results a {
font-size: 0.82rem;
font-weight: 600;
color: var(--primary);
}
.header-search-promos {
border-top: 1px solid #edf0f2;
padding: 0.55rem;
background: #fff;
}
.header-search-promos-title {
font-size: 0.78rem;
font-weight: 700;
color: #5f6670;
margin-bottom: 0.45rem;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.header-search-promos-grid {
display: flex;
flex-wrap: nowrap;
gap: 0.4rem;
overflow-x: auto;
overflow-y: hidden;
padding-bottom: 0.1rem;
}
.header-search-promo-card {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.45rem 0.5rem;
background: #fafbfc;
border: 1px solid #eceff1;
min-width: 210px;
max-width: 250px;
flex: 0 0 auto;
}
.header-search-promo-card:hover {
background: #f3f6f8;
}
.header-search-promo-name {
font-size: 0.82rem;
font-weight: 600;
color: var(--black);
}
.header-search-promo-content {
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
gap: 0.2rem;
flex: 1;
}
.header-search-cta-icon {
display: inline-flex;
width: 14px;
height: 14px;
color: var(--black);
}
.header-search input::-webkit-search-cancel-button {
-webkit-appearance: none;
width: 14px;
height: 14px;
background-image: var(--header-search-close-icon);
background-repeat: no-repeat;
background-position: center;
background-size: 14px 14px;
cursor: pointer;
opacity: 0.9;
}
.categories-dropdown {
position: relative;
flex-shrink: 0;
}
.categories-toggle {
height: 3rem;
padding: 0;
display: inline-flex;
align-items: center;
gap: 0.45rem;
border: 0;
background: transparent;
color: var(--black);
cursor: pointer;
font-size: 0.95rem;
font-weight: 500;
}
.categories-toggle-icon {
display: block;
width: 16px;
height: 16px;
}
.categories-toggle-icon-right {
margin-left: 0.1rem;
}
.categories-panel {
position: absolute;
top: calc(100% + 1px);
left: 0;
min-width: 290px;
max-width: 340px;
background: #ffffff;
border: 0;
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
display: none;
z-index: 240;
max-height: min(72vh, calc(100dvh - 120px));
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
}
.categories-dropdown.is-open .categories-panel {
display: block;
}
.categories-empty {
margin: 0;
padding: 0.9rem;
font-size: 0.9rem;
color: #6c7278;
}
.categories-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.55);
z-index: 210;
}
.categories-backdrop[hidden] {
display: none;
}
.categories-level {
list-style: none;
margin: 0;
padding: 0;
}
.categories-item {
position: relative;
}
.categories-row {
display: flex;
align-items: stretch;
}
.categories-level-root>.categories-item+.categories-item {
border-top: 0;
}
.categories-level-root {
padding-top: 0.2rem;
padding-bottom: 0.2rem;
}
.categories-link {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
padding: 0.72rem 0.9rem;
flex: 1 1 auto;
min-width: 0;
}
.categories-expand {
flex: 0 0 auto;
width: 2.35rem;
border: 0;
background: transparent;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0;
}
.categories-expand:hover,
.categories-expand:focus-visible {
background: #f8f9fa;
}
.categories-panel .cat-text {
display: flex;
flex-direction: column;
gap: 0.15rem;
min-width: 0;
}
.categories-row:hover .categories-link,
.categories-row:focus-within .categories-link,
.categories-row:hover .categories-expand,
.categories-row:focus-within .categories-expand {
background: var(--primary);
}
.categories-row:hover .cat-name,
.categories-row:focus-within .cat-name,
.categories-row:hover .cat-count,
.categories-row:focus-within .cat-count {
color: var(--black);
}
.categories-level-children-wrap {
position: static;
margin: 0;
padding: 0 0 0 0.65rem;
display: none;
}
.categories-item.is-open>.categories-level-children-wrap {
display: block;
}
.categories-level-children-wrap>.categories-level-children {
position: static;
border: 0;
box-shadow: none;
min-width: 0;
max-width: none;
display: block;
}
.categories-item.is-open>.categories-row .cat-arrow {
transform: rotate(90deg);
}
.categories-panel .cat-name {
display: block;
font-size: 0.95rem;
font-weight: 500;
line-height: 1.2;
color: var(--black);
}
.categories-panel .cat-count {
display: inline-flex;
font-size: 0.68rem;
font-weight: 400;
color: #6c7278;
}
.categories-panel .cat-arrow {
display: block;
align-self: center;
flex-shrink: 0;
width: 18px;
height: 18px;
color: var(--black);
}
.submenu-links {
flex: 1;
min-width: 0;
display: flex;
align-items: center;
gap: 1.35rem;
}
.submenu-links a {
white-space: nowrap;
font-size: 0.95rem;
font-weight: 500;
color: var(--black);
transition: color 0.2s ease, opacity 0.2s ease;
}
.submenu-links a:hover,
.submenu-links a:focus-visible {
color: #2d3946;
opacity: 0.88;
}
.submenu-phone {
margin-left: auto;
margin-inline-start: auto;
margin-right: 0;
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: 0.45rem;
font-size: 0.97rem;
font-weight: 700;
color: var(--black);
transition: color 0.2s ease, opacity 0.2s ease;
}
.submenu-phone:hover,
.submenu-phone:focus-visible {
color: #2d3946;
opacity: 0.88;
}
.submenu-phone img {
width: 18px;
height: 18px;
filter: brightness(0) saturate(100%) invert(65%) sepia(88%) saturate(1081%) hue-rotate(342deg) brightness(102%) contrast(96%);
}
@media (max-width: 1279px) {
.header-main-inner {
gap: 1.8rem;
}
}
@media (max-width: 1023px) {
.header-topbar-inner {
min-height: auto;
padding-top: 0.45rem;
padding-bottom: 0.45rem;
display: grid;
grid-template-columns: 1fr auto;
grid-template-areas:
"addr addr"
"hours social";
column-gap: 0.9rem;
row-gap: 0.35rem;
align-items: center;
}
.header-topbar-right {
grid-area: social;
justify-self: end;
}
.header-topbar-left {
display: contents;
}
.header-topbar-address {
grid-area: addr;
}
.header-topbar-hours {
grid-area: hours;
}
.header-main-inner {
flex-direction: column;
align-items: stretch;
gap: 0.9rem;
padding-top: 6px;
padding-bottom: 6px;
}
.header-logo {
justify-content: center;
}
.header-submenu-inner {
flex-wrap: wrap;
align-items: center;
gap: 0.75rem 1rem;
padding-top: 6px;
padding-bottom: 6px;
}
.submenu-links {
order: 3;
width: 100%;
flex-wrap: wrap;
gap: 0.65rem 1rem;
}
}
@media (max-width: 1067px) {
.header-submenu-inner {
display: grid;
grid-template-columns: auto 1fr auto;
grid-template-areas:
"cats . phone"
"links links links";
align-items: center;
gap: 0.75rem 1rem;
padding-top: 6px;
padding-bottom: 6px;
}
.submenu-phone {
grid-area: phone;
margin-left: auto !important;
margin-inline-start: auto !important;
margin-right: 0 !important;
font-size: clamp(0.82rem, 1.15vw, 0.97rem);
gap: 0.35rem;
}
.categories-dropdown {
grid-area: cats;
}
.submenu-links {
grid-area: links;
width: 100%;
flex-wrap: wrap;
gap: 0.65rem 1rem;
padding-top: 6px;
padding-bottom: 6px;
}
}
@media (max-width: 1005px) {
.header-main-inner {
display: grid;
grid-template-columns: 1fr auto auto;
grid-template-areas:
"logo phone menu"
"search search search";
column-gap: 0.75rem;
row-gap: 0.55rem;
align-items: center;
}
.header-logo {
grid-area: logo;
justify-content: flex-start;
}
.header-mobile-phone {
grid-area: phone;
display: inline-flex;
align-items: center;
gap: 0.3rem;
font-size: 0.9rem;
font-weight: 700;
color: var(--black);
white-space: nowrap;
justify-self: end;
line-height: 1;
}
.header-mobile-phone img {
width: 16px;
height: 16px;
flex: 0 0 auto;
filter: brightness(0) saturate(100%) invert(65%) sepia(88%) saturate(1081%) hue-rotate(342deg) brightness(102%) contrast(96%);
}
.mobile-menu-toggle {
display: inline-flex;
grid-area: menu;
width: 3.2rem;
height: 3.2rem;
align-items: center;
justify-content: center;
}
.mobile-menu-toggle img {
width: 26px;
height: 26px;
}
.header-search {
grid-area: search;
}
.header-submenu {
display: none;
}
}
@media (max-width: 767px) {
.site-header .site-shell {
padding-left: 0.8rem;
padding-right: 0.8rem;
}
.header-mobile-phone {
font-size: 0.82rem;
gap: 0.22rem;
}
.header-mobile-phone img {
width: 14px;
height: 14px;
}
.header-topbar-item {
font-size: 0.76rem;
}
.header-topbar-inner {
align-items: center;
}
.header-topbar-address,
.header-topbar-hours {
align-items: center;
}
.header-main-inner {
display: grid;
grid-template-columns: 1fr auto auto;
grid-template-areas:
"logo phone menu"
"search search search";
column-gap: 0.75rem;
row-gap: 0.55rem;
align-items: center;
}
.header-logo {
grid-area: logo;
justify-content: flex-start;
}
.header-mobile-phone {
grid-area: phone;
display: inline-flex;
align-items: center;
gap: 0.3rem;
font-size: 0.9rem;
font-weight: 700;
color: var(--black);
white-space: nowrap;
justify-self: end;
line-height: 1;
}
.header-mobile-phone img {
width: 16px;
height: 16px;
flex: 0 0 auto;
filter: brightness(0) saturate(100%) invert(65%) sepia(88%) saturate(1081%) hue-rotate(342deg) brightness(102%) contrast(96%);
}
.mobile-menu-toggle {
display: inline-flex;
grid-area: menu;
width: 3.2rem;
height: 3.2rem;
align-items: center;
justify-content: center;
}
.mobile-menu-toggle img {
width: 26px;
height: 26px;
}
.header-search {
grid-area: search;
}
.header-submenu {
display: none;
}
.header-search input,
.header-search button {
height: 2.3rem;
}
.submenu-phone {
font-size: 0.86rem;
}
.categories-panel {
min-width: 255px;
}
.inquiry-cart-fab {
right: 0.8rem;
bottom: 0.8rem;
width: 3.1rem;
height: 3.1rem;
}
.inquiry-cart-drawer {
width: 100%;
}
}
@media (max-width: 338px) {
.header-mobile-phone {
display: none;
}
}.site-footer-contact-detail img,
.site-footer-contact-item img {
filter: brightness(0) saturate(100%) invert(65%) sepia(88%) saturate(1081%) hue-rotate(342deg) brightness(102%) contrast(96%);
}
.site-footer {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
background: transparent;
--footer-stack-gap: 2.55rem;
}
.site-footer-contact-section {
width: 100%;
background: transparent;
padding: 3rem 1.5rem;
}
.site-footer-contact-inner {
width: 100%;
max-width: 1300px;
margin: 0 auto;
}
.site-footer-contact-grid {
display: grid;
grid-template-columns: 1.08fr 1fr;
gap: 1.5rem;
align-items: start;
}
.site-footer-contact-section.is-no-form .site-footer-contact-grid {
grid-template-columns: 1fr;
}
.site-footer-contact-left {
max-width: none;
margin-left: 0;
}
.site-footer-contact-kicker,
.site-footer-form-kicker,
.site-footer-steps-kicker {
margin: 0;
color: #5f6770;
font-size: 0.88rem;
font-weight: 500;
letter-spacing: 0.01em;
}
.site-footer-contact-title {
margin: 0.38rem 0 0;
color: #111821;
font-size: clamp(2rem, 3vw, 2.8rem);
font-weight: 800;
line-height: 1.1;
}
.site-footer-contact-lead {
margin: 0.7rem 0 0;
color: #3c4652;
font-size: 1.05rem;
line-height: 1.45;
}
.site-footer-contact-details {
margin-top: 1.85rem;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.95rem 1rem;
}
.site-footer-contact-detail {
display: flex;
align-items: flex-start;
gap: 0.48rem;
color: #24303d;
font-size: 1.02rem;
line-height: 1.45;
}
.site-footer-contact-detail img {
width: 21px;
height: 21px;
margin-top: 0.06rem;
}
.site-footer-contact-section:not(.contact-page-section) .site-footer-contact-details {
margin-top: 1.3rem;
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 1.2rem;
}
.site-footer-contact-section:not(.contact-page-section) .site-footer-contact-detail {
align-items: center;
white-space: nowrap;
font-size: 0.98rem;
}
.site-footer-contact-section:not(.contact-page-section) .site-footer-contact-detail img {
margin-top: 0;
}
.site-footer-steps {
margin-top: 1.95rem;
background: transparent;
border: 0;
padding: 0;
}
.site-footer-steps-title {
margin: 0;
color: #111821;
font-size: clamp(1.35rem, 2.1vw, 1.75rem);
font-weight: 800;
line-height: 1.2;
}
.site-footer-steps-grid {
margin-top: 0.9rem;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.28rem;
}
.site-footer-step-card {
min-height: 84px;
border: 0;
background: transparent;
padding: 0;
display: flex;
align-items: center;
gap: 0.62rem;
}
.site-footer-step-card strong {
width: 2.15rem;
height: 2.15rem;
border-radius: 999px;
background: var(--primary);
color: #111821;
font-size: 1.1rem;
font-weight: 800;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.site-footer-step-card span {
color: #27313d;
font-size: 0.9rem;
line-height: 1.35;
max-width: 22ch;
}
.site-footer-form-title {
margin: 0.32rem 0 0;
color: #111821;
font-size: 3rem;
line-height: 1;
font-weight: 800;
}
.site-footer-form-title span {
color: var(--primary);
}
.site-footer-form {
margin-top: 1.45rem;
display: flex;
flex-direction: column;
gap: 0.58rem;
}
.site-footer-honeypot {
position: absolute;
left: -9999px;
top: 0;
width: 1px;
height: 1px;
overflow: hidden;
opacity: 0;
pointer-events: none;
}
.site-footer-form-field {
width: 100%;
}
.site-footer-form-field[data-field="consent"] {
margin-top: 0.58rem;
margin-bottom: 0.58rem;
}
.site-footer-form input,
.site-footer-form textarea {
width: 100%;
border: 1px solid #cfd7df;
border-radius: 4px;
background: #fff;
color: #111821;
font-size: 1rem;
padding: 0 0.82rem;
}
.site-footer-form input {
min-height: 2.65rem;
}
.site-footer-form textarea {
min-height: 7.2rem;
resize: none;
padding-top: 0.72rem;
padding-bottom: 0.72rem;
}
.site-footer-form input.is-invalid,
.site-footer-form textarea.is-invalid {
border-color: #dd3c3c;
}
.site-footer-form-row-2 {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.58rem;
}
.site-footer-form-consent {
margin-top: 0;
position: relative;
display: inline-flex;
align-items: flex-start;
gap: 0.55rem;
color: #2a3542;
font-size: 0.94rem;
line-height: 1.4;
}
.site-footer-form-consent input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.site-footer-consent-check {
width: 1.26rem;
height: 1.26rem;
border: 1px solid #cfd7df;
border-radius: 3px;
background: #fff;
margin-top: 0.08rem;
flex-shrink: 0;
position: relative;
}
.site-footer-form-consent input:checked+.site-footer-consent-check {
background: var(--primary);
border-color: var(--primary);
}
.site-footer-form-consent input:checked+.site-footer-consent-check::after {
content: '';
position: absolute;
left: 0.38rem;
top: 0.17rem;
width: 0.30rem;
height: 0.62rem;
border-right: 2px solid #111821;
border-bottom: 2px solid #111821;
transform: rotate(45deg);
}
.site-footer-form-error {
max-height: 0;
opacity: 0;
transform: translateY(-4px);
overflow: hidden;
margin-top: 0;
color: #dd3c3c;
font-size: 0.82rem;
line-height: 1.3;
transition: max-height 0.2s ease, opacity 0.2s ease, transform 0.2s ease, margin-top 0.2s ease;
}
.site-footer-form-error.is-visible {
max-height: 70px;
opacity: 1;
transform: translateY(0);
margin-top: 0.28rem;
}
.site-footer-form-error.is-success {
color: #2d8a4b;
max-height: 70px;
opacity: 1;
transform: translateY(0);
margin-top: 0.28rem;
}
.site-footer-form-error-general {
order: 999;
}
.site-footer-form-submit {
width: fit-content;
min-height: 2.55rem;
padding: 0 1.18rem;
border: 0;
border-radius: 4px;
background: var(--primary);
color: var(--black);
font-size: 0.95rem;
font-weight: 800;
cursor: pointer;
transition: filter 0.2s ease;
}
.site-footer-form-submit:hover,
.site-footer-form-submit:focus-visible {
filter: brightness(1.06);
}
.site-footer-form-submit:disabled {
opacity: 0.7;
cursor: default;
filter: none;
}
.site-footer-brands {
width: 100%;
padding: 1rem 0;
background: transparent;
margin-top: var(--footer-stack-gap);
}
.site-footer-brands-inner {
position: relative;
width: 100%;
padding: 0 1.5rem;
}
.site-footer-brands-inner::before,
.site-footer-brands-inner::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 48px;
pointer-events: none;
z-index: 2;
}
.site-footer-brands-inner::before {
left: 1.5rem;
background: linear-gradient(to right, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 100%);
}
.site-footer-brands-inner::after {
right: 1.5rem;
background: linear-gradient(to left, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 100%);
}
.site-footer-brands-viewport {
overflow: hidden;
}
.site-footer-brands-track {
display: flex;
align-items: center;
gap: 0.5rem;
will-change: transform;
}
.site-footer-brand-item {
height: 74px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
.site-footer-brand-item img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
object-fit: contain;
object-position: center;
display: block;
}
.site-footer-main {
width: 100%;
padding: 2.2rem 1.5rem 1.7rem;
background: #fff;
border-top: 1px solid #e8edf2;
margin-top: var(--footer-stack-gap);
}
.site-footer-grid {
width: 100%;
display: grid;
grid-template-columns: 1.35fr 0.9fr 0.8fr;
gap: 1.2rem;
align-items: start;
}
.site-footer-col {
min-width: 0;
}
.site-footer-logo {
display: flex;
align-items: center;
margin-bottom: 0.9rem;
}
.site-footer-logo img {
width: 220px;
height: auto;
}
.site-footer-contact-item {
display: flex;
align-items: center;
gap: 0.48rem;
text-decoration: none;
color: #223141;
font-size: 0.95rem;
line-height: 1.35;
margin-bottom: 0.55rem;
transition: color 0.2s ease, opacity 0.2s ease;
}
a.site-footer-contact-item:hover,
a.site-footer-contact-item:focus-visible {
color: #314457;
opacity: 0.88;
}
.site-footer-contact-item img {
width: 21px;
height: 21px;
}
.site-footer-social {
margin-top: 0.55rem;
display: flex;
align-items: center;
gap: 0.6rem;
}
.site-footer-social a {
display: inline-flex;
align-items: center;
justify-content: center;
transition: opacity 0.2s ease;
}
.site-footer-social a:hover,
.site-footer-social a:focus-visible {
opacity: 0.82;
}
.site-footer-social a img {
width: 26px;
height: 26px;
}
.site-footer-title {
margin: 0 0 0.8rem;
font-size: 1rem;
font-weight: 700;
color: #111821;
}
.site-footer-links {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.site-footer-links a {
color: #223141;
font-size: 0.94rem;
line-height: 1.35;
text-decoration: none;
width: fit-content;
transition: color 0.2s ease, opacity 0.2s ease;
}
.site-footer-links a:hover,
.site-footer-links a:focus-visible {
color: #314457;
opacity: 0.88;
}
.site-footer-map-wrap {
width: 100%;
border-radius: 10px;
overflow: hidden;
border: 1px solid #dbe3eb;
}
.site-footer-map-wrap iframe {
display: block;
width: 100%;
height: 220px;
}
.site-footer-bottom {
background: #fff;
border-top: 1px solid #e8edf2;
padding: 0.8rem 1.5rem;
}
.site-footer-bottom-inner {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.8rem;
}
.site-footer-copy,
.site-footer-author {
margin: 0;
color: #5f6770;
font-size: 0.88rem;
line-height: 1.35;
}
.site-footer-author a {
color: #111821;
text-decoration: none;
transition: color 0.2s ease, opacity 0.2s ease;
}
.site-footer-author a:hover,
.site-footer-author a:focus-visible {
color: #2d3946;
opacity: 0.88;
}
.site-footer.is-contact-page .site-footer-main {
padding-top: 2rem;
}
@media (max-width: 1279px) {
.site-footer {
--footer-stack-gap: 2.2rem;
}
.site-footer-contact-section {
padding: 2.7rem 1.2rem;
}
.site-footer-contact-inner {
max-width: 1180px;
}
.site-footer-contact-grid {
gap: 1.2rem;
}
.site-footer-contact-title {
font-size: clamp(1.8rem, 3.2vw, 2.4rem);
}
.site-footer-form-title {
font-size: 2.45rem;
}
.site-footer-brands-inner {
padding: 0 1.2rem;
}
.site-footer-brands-inner::before {
left: 1.2rem;
}
.site-footer-brands-inner::after {
right: 1.2rem;
}
.site-footer-grid {
grid-template-columns: 1.2fr 0.9fr 0.8fr;
gap: 1rem;
}
}
@media (max-width: 1023px) {
.site-footer {
--footer-stack-gap: 1.9rem;
}
.site-footer-contact-section {
padding: 2.35rem 1.2rem;
}
.site-footer-contact-grid {
grid-template-columns: 1fr;
gap: 1.15rem;
}
.site-footer-contact-left {
max-width: none;
margin-left: 0;
}
.site-footer-contact-inner {
max-width: 980px;
}
.site-footer-contact-details {
gap: 0.8rem;
}
.site-footer-contact-section:not(.contact-page-section) .site-footer-contact-details {
gap: 0.9rem;
}
.site-footer-contact-section:not(.contact-page-section) .site-footer-contact-detail {
font-size: 0.9rem;
}
.site-footer-form-title {
font-size: 2rem;
}
.site-footer-brands-inner {
padding: 0 0.9rem;
}
.site-footer-brands-inner::before,
.site-footer-brands-inner::after {
width: 32px;
}
.site-footer-brands-inner::before {
left: 0.9rem;
}
.site-footer-brands-inner::after {
right: 0.9rem;
}
.site-footer-brand-item {
height: 66px;
}
.site-footer-main {
padding: 1.9rem 1.2rem 1.4rem;
}
.site-footer-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.2rem 1rem;
}
.site-footer-map-wrap iframe {
height: 200px;
}
}
@media (max-width: 767px) {
.site-footer {
--footer-stack-gap: 1.5rem;
}
.site-footer-contact-section {
padding: 1.95rem 0.8rem;
}
.site-footer-contact-details {
grid-template-columns: 1fr;
gap: 0.65rem;
}
.site-footer-contact-section:not(.contact-page-section) .site-footer-contact-details {
display: flex;
flex-wrap: nowrap;
grid-template-columns: none;
gap: 0.6rem;
}
.site-footer-contact-section:not(.contact-page-section) .site-footer-contact-detail {
font-size: 0.8rem;
gap: 0.35rem;
}
.site-footer-contact-section:not(.contact-page-section) .site-footer-contact-detail img {
width: 17px;
height: 17px;
}
.site-footer-contact-title {
font-size: clamp(1.68rem, 10vw, 2.1rem);
}
.site-footer-contact-lead {
font-size: 0.96rem;
}
.site-footer-steps {
padding: 1rem;
}
.site-footer-steps-title {
font-size: 1.35rem;
}
.site-footer-steps-grid {
grid-template-columns: 1fr;
gap: 0.25rem;
}
.site-footer-step-card {
min-height: 76px;
}
.site-footer-step-card span {
font-size: 0.86rem;
}
.site-footer-form-title {
font-size: clamp(1.7rem, 10vw, 2.2rem);
}
.site-footer-form-row-2 {
grid-template-columns: 1fr;
}
.site-footer-form input,
.site-footer-form textarea {
font-size: 0.95rem;
}
.site-footer-brands {
padding: 0.85rem 0;
}
.site-footer-brands-inner {
padding: 0 0.4rem;
}
.site-footer-brands-inner::before,
.site-footer-brands-inner::after {
width: 24px;
}
.site-footer-brands-inner::before {
left: 0.4rem;
}
.site-footer-brands-inner::after {
right: 0.4rem;
}
.site-footer-brand-item {
height: 60px;
border-radius: 8px;
}
.site-footer-main {
padding: 1.5rem 0.8rem 1.2rem;
}
.site-footer-grid {
grid-template-columns: 1fr;
gap: 1.6rem;
}
.site-footer-logo img {
width: 190px;
}
.site-footer-bottom {
padding: 0.72rem 0.8rem;
}
.site-footer-bottom-inner {
flex-direction: column;
align-items: flex-start;
gap: 0.34rem;
}
}.faq-page {
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.faq-shell {
width: 100%;
max-width: 1300px;
margin: 0 auto;
padding: 1.4rem 0 3.4rem;
display: grid;
grid-template-columns: minmax(300px, 35%) minmax(0, 1fr);
gap: 1rem;
align-items: start;
}
.faq-sidebar {
position: sticky;
top: calc(7.2rem + 20px);
}
.faq-sidebar-card {
background: transparent;
border: 0;
border-radius: 0;
padding: 0;
display: grid;
gap: 0.85rem;
}
.faq-sidebar-kicker {
margin: 0;
color: #5f6770;
font-size: 0.88rem;
font-weight: 500;
letter-spacing: 0.01em;
text-transform: none;
}
.faq-sidebar-title {
margin: 0;
color: #111821;
font-size: clamp(1.45rem, 2.35vw, 2rem);
line-height: 1.18;
}
.faq-sidebar-lead {
margin: 0;
color: #4b5563;
font-size: 0.96rem;
line-height: 1.5;
}
.faq-sidebar-note {
margin-top: 0.9rem;
border: 0;
border-radius: 0;
background: transparent;
padding: 0;
display: grid;
gap: 0.4rem;
}
.faq-sidebar-note strong {
color: #111821;
font-size: 1.02rem;
font-weight: 800;
}
.faq-sidebar-note p {
margin: 0;
color: #4b5563;
font-size: 0.96rem;
line-height: 1.45;
}
.faq-sidebar-contact-list {
display: flex;
align-items: center;
gap: 0.95rem;
flex-wrap: wrap;
}
.faq-sidebar-contact-item {
display: inline-flex;
align-items: center;
gap: 0.45rem;
color: #111821;
text-decoration: none;
font-weight: 700;
font-size: 0.92rem;
}
.faq-sidebar-contact-item:hover,
.faq-sidebar-contact-item:focus-visible {
text-decoration: underline;
}
.faq-main {
min-width: 0;
}
.faq-accordion {
display: grid;
gap: 0.58rem;
}
.faq-item {
border: 1px solid #e8edf2;
border-radius: 12px;
background: #fff;
overflow: hidden;
}
.faq-item-title {
margin: 0;
}
.faq-item-toggle {
width: 100%;
min-height: 3.2rem;
border: 0;
background: #fff;
color: #111821;
font-size: 0.97rem;
font-weight: 700;
line-height: 1.35;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 0.8rem;
text-align: left;
padding: 0.9rem 1rem;
cursor: pointer;
}
.faq-item-toggle:hover,
.faq-item-toggle:focus-visible {
background: #f9fbfd;
}
.faq-item-icon {
width: 1.8rem;
height: 1.8rem;
border-radius: 0;
display: inline-flex;
align-items: center;
justify-content: center;
background: transparent;
color: #111821;
font-size: 1.2rem;
line-height: 1;
transition: transform 0.2s ease;
}
.faq-item.is-open .faq-item-icon {
transform: rotate(45deg);
}
.faq-item-panel {
max-height: 0;
overflow: hidden;
transition: max-height 0.28s ease;
}
.faq-item-content {
border-top: 1px solid #eef2f6;
color: #3e4855;
font-size: 0.95rem;
line-height: 1.65;
padding: 0.95rem 1rem 1rem;
}
.faq-item-content> :first-child {
margin-top: 0;
}
.faq-item-content> :last-child {
margin-bottom: 0;
}
.faq-item-content ul,
.faq-item-content ol {
padding-left: 1.2rem;
}
.faq-empty {
background: #fff;
border: 1px solid #e8edf2;
border-radius: 12px;
padding: 1.2rem;
}
.faq-empty p {
margin: 0;
color: #5f6770;
}
@media (max-width: 1279px) {
.faq-shell {
grid-template-columns: minmax(280px, 34%) minmax(0, 1fr);
gap: 0.8rem;
}
.faq-sidebar {
top: calc(6.8rem + 20px);
}
.faq-page {
padding-left: 1.2rem;
padding-right: 1.2rem;
}
}
@media (max-width: 1023px) {
.faq-shell {
grid-template-columns: 1fr;
padding-top: 1rem;
}
.faq-sidebar {
position: static;
top: auto;
}
.faq-page {
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.faq-sidebar-contact-list {
display: grid;
gap: 0.5rem;
}
}
@media (max-width: 767px) {
.faq-shell {
padding-bottom: 2.3rem;
}
.faq-page {
padding-left: 0.8rem;
padding-right: 0.8rem;
}
.faq-item-toggle {
min-height: 2.9rem;
padding: 0.78rem 0.85rem;
font-size: 0.92rem;
}
.faq-item-content {
padding: 0.85rem;
font-size: 0.92rem;
}
}