@keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}body.wc-block-product-gallery-modal-open,body.wc-modal--open{overflow:hidden}.wc-block-grid__products .wc-block-grid__product-image{display:block;position:relative;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image a{border:0;box-shadow:none;outline:0;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image img{height:auto;max-width:100%;width:100%}.wc-block-grid__products .wc-block-grid__product-image img[hidden]{display:none}.wc-block-grid__products .wc-block-grid__product-image img[alt=""]{border:1px solid #f2f2f2}.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,.editor-styles-wrapper .wc-block-grid__product-title,.wc-block-grid__product-title{color:inherit;display:block;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.2;padding:0}.wc-block-grid__product-price{display:block}.wc-block-grid__product-price .wc-block-grid__product-price__regular{margin-right:.5em}.wc-block-grid__product-add-to-cart.wp-block-button{white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{display:inline-flex;font-size:1em;justify-content:center;text-align:center;white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading{opacity:.25}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.added:after{content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading:after{animation:spin 2s linear infinite;content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.has-5-columns:not(.alignfull) .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-6-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-7-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-8-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-9-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after{content:"";margin:0}.wc-block-grid__product-rating,.wp-block-woocommerce-product-review-rating{display:block}.wc-block-grid__product-rating .star-rating,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars,.wc-block-grid__product-rating .wc-block-product-review-rating__stars,.wp-block-woocommerce-product-review-rating .star-rating,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars{font-family:WooCommerce;font-size:1em;font-weight:400;height:1.618em;line-height:1.618;margin:0 auto;overflow:hidden;position:relative;text-align:left;width:5.3em}.wc-block-grid__product-rating .star-rating:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars:before,.wp-block-woocommerce-product-review-rating .star-rating:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars:before{content:"SSSSS";left:0;opacity:.5;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid__product-rating .star-rating span,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span,.wp-block-woocommerce-product-review-rating .star-rating span,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span{left:0;overflow:hidden;padding-top:1.5em;position:absolute;right:0;top:0}.wc-block-grid__product-rating .star-rating span:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span:before,.wp-block-woocommerce-product-review-rating .star-rating span:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span:before{color:inherit;content:"SSSSS";left:0;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid .wc-block-grid__product-onsale,.wc-block-grid__product-image .wc-block-grid__product-onsale{background:#fff;border:1px solid #43454b;border-radius:4px;color:#43454b;display:inline-block;font-size:.875em;font-weight:600;left:auto;padding:.25em .75em;position:absolute;right:4px;text-align:center;text-transform:uppercase;top:4px;width:auto;z-index:9}.wc-block-grid__product .wc-block-grid__product-image,.wc-block-grid__product .wc-block-grid__product-link{display:inline-block;position:relative}.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image),.wc-block-grid__product .wc-block-grid__product-title{margin:0 0 12px}.wc-block-grid__product .wc-block-grid__product-add-to-cart,.wc-block-grid__product .wc-block-grid__product-onsale,.wc-block-grid__product .wc-block-grid__product-price,.wc-block-grid__product .wc-block-grid__product-rating{margin:0 auto 12px}.theme-twentysixteen .wc-block-grid .price ins{color:#77a464}.theme-twentynineteen .wc-block-grid__product{font-size:.88889em}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-components-product-title,.theme-twentynineteen .wc-block-grid__product-onsale,.theme-twentynineteen .wc-block-grid__product-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.theme-twentynineteen .wc-block-grid__product-title:before{display:none}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-grid__product-onsale{line-height:1}.theme-twentynineteen .editor-styles-wrapper .wp-block-button .wp-block-button__link:not(.has-text-color){color:#fff}.theme-twentytwenty .wc-block-grid__product-link{color:#000}.theme-twentytwenty .wc-block-components-product-title,.theme-twentytwenty .wc-block-grid__product-title{color:#cd2653;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:1em}.theme-twentytwenty .wp-block-columns .wc-block-components-product-title{margin-top:0}.theme-twentytwenty .wc-block-components-product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-components-product-price__value,.theme-twentytwenty .wc-block-grid__product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-grid__product-price__value{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:.9em}.theme-twentytwenty .wc-block-components-product-price del,.theme-twentytwenty .wc-block-grid__product-price del{opacity:.7}.theme-twentytwenty .wc-block-components-product-price ins,.theme-twentytwenty .wc-block-grid__product-price ins{text-decoration:none}.theme-twentytwenty .star-rating,.theme-twentytwenty .wc-block-grid__product-rating{font-size:.7em}.theme-twentytwenty .star-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .star-rating .wc-block-grid__product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-grid__product-rating__stars{line-height:1}.theme-twentytwenty .wc-block-components-product-button>.wp-block-button__link,.theme-twentytwenty .wc-block-grid__product-add-to-cart>.wp-block-button__link{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif}.theme-twentytwenty .wc-block-components-product-sale-badge,.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{background:#cd2653;color:#fff;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.2;text-transform:uppercase}.theme-twentytwenty .wc-block-grid__products .wc-block-components-product-sale-badge{position:static}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-image .wc-block-components-product-sale-badge{position:absolute}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale:not(.wc-block-components-product-sale-badge){position:absolute;right:4px;top:4px;z-index:1}.theme-twentytwenty .wc-block-active-filters__title,.theme-twentytwenty .wc-block-attribute-filter__title,.theme-twentytwenty .wc-block-price-filter__title,.theme-twentytwenty .wc-block-stock-filter__title{font-size:1em}.theme-twentytwenty .wc-block-active-filters .wc-block-active-filters__clear-all,.theme-twentytwenty .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{font-size:.75em}@media only screen and (min-width:768px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}@media only screen and (min-width:1168px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}.theme-twentytwentytwo .wc-block-grid__product-add-to-cart .added_to_cart{display:block;margin-top:12px}.theme-twentytwentytwo .wc-block-components-product-price ins,.theme-twentytwentytwo .wc-block-grid__product-price ins{text-decoration:none}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal!important;padding:0;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#fff;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip-path:none;color:#2b2d2f;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.wp-block-group.woocommerce.product .up-sells.upsells.products{max-width:var(--wp--style--global--wide-size)}
@keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}.wc-block-components-notice-banner{align-content:flex-start;align-items:stretch;background-color:#fff;border:1px solid #2f2f2f;border-radius:4px;box-sizing:border-box;color:#2f2f2f;display:flex;font-size:.875em;font-weight:400;gap:12px;line-height:1.5;margin:16px 0;padding:16px!important}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content{align-self:center;flex-basis:100%;padding-right:16px;white-space:normal}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content:last-child{padding-right:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary{font-weight:600;margin:0 0 8px}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul{margin:0 0 0 24px;padding:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol li:after,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul li:after{clear:both;content:"";display:block}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{appearance:none;background:transparent!important;border:0;color:#2f2f2f!important;float:right;margin:0;opacity:.7;padding:0!important;text-decoration-line:underline;text-underline-position:under;transition:all .2s ease-in-out}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:active,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:focus,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover{opacity:1;text-decoration:none}.wc-block-components-notice-banner>svg{fill:#fff;background-color:#2f2f2f;border-radius:50%;flex-grow:0;flex-shrink:0;height:100%;padding:2px}.wc-block-components-notice-banner>.wc-block-components-button{background:transparent none!important;border:0!important;box-shadow:none!important;color:#2f2f2f!important;flex:0 0 16px;height:16px!important;margin:6px 0 0 auto!important;min-height:auto!important;min-width:0!important;opacity:.6;outline:none!important;padding:0!important;width:16px!important}.wc-block-components-notice-banner>.wc-block-components-button>svg{margin:0!important}.wc-block-components-notice-banner>.wc-block-components-button:active,.wc-block-components-notice-banner>.wc-block-components-button:focus,.wc-block-components-notice-banner>.wc-block-components-button:hover{opacity:1}.wc-block-components-notice-banner>.wc-block-components-button:focus{outline:2px solid currentColor!important;outline-offset:0}.wc-block-components-notice-banner.is-error{background-color:#fff0f0;border-color:#cc1818}.wc-block-components-notice-banner.is-error>svg{background-color:#cc1818;transform:rotate(180deg)}.wc-block-components-notice-banner.is-warning{background-color:#fffbf4;border-color:#f0b849}.wc-block-components-notice-banner.is-warning>svg{background-color:#f0b849;transform:rotate(180deg)}.wc-block-components-notice-banner.is-success{background-color:#f4fff7;border-color:#4ab866}.wc-block-components-notice-banner.is-success>svg{background-color:#4ab866}.wc-block-components-notice-banner.is-info{background-color:#f4f8ff;border-color:#007cba}.wc-block-components-notice-banner.is-info>svg{background-color:#007cba}.wc-block-components-notice-banner:focus{outline-width:0}.wc-block-components-notice-banner:focus-visible{outline-style:solid;outline-width:2px}.woocommerce.wc-block-store-notices.alignwide{max-width:var(--wp--style--global--wide-size)}.edustajat-dropdown {
--edustajat-bg: #070b0d;
--edustajat-text: #f7f9fa;
--edustajat-muted: #c9d0d2;
--edustajat-line: rgba(255, 255, 255, 0.82);
--edustajat-green: #51c968;
--edustajat-green-dark: #2f9e4c;
box-sizing: border-box;
width: min(100%, 760px);
padding: clamp(26px, 5vw, 56px);
color: var(--edustajat-text);
background: transparent;
border-radius: 0;
font-family: inherit;
}
.edustajat-dropdown *,
.edustajat-dropdown *::before,
.edustajat-dropdown *::after {
box-sizing: border-box;
}
.edustajat-dropdown [hidden] {
display: none !important;
}
.edustajat-dropdown svg {
width: 1.25em;
height: 1.25em;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.edustajat-dropdown__select-wrap {
position: relative;
display: flex;
align-items: center;
min-height: 64px;
margin-bottom: clamp(28px, 5vw, 38px);
border: 1px solid var(--edustajat-line);
border-radius: 8px;
}
.edustajat-dropdown__pin,
.edustajat-dropdown__chevron {
position: absolute;
z-index: 1;
display: grid;
place-items: center;
pointer-events: none;
}
.edustajat-dropdown__pin {
left: 22px;
color: var(--edustajat-green);
}
.edustajat-dropdown__chevron {
right: 20px;
color: var(--edustajat-text);
}
.edustajat-dropdown__select {
width: 100%;
min-height: 62px;
padding: 0 62px 0 64px;
color: var(--edustajat-text);
background: transparent;
border: 0;
border-radius: 8px;
outline: 0;
appearance: none;
font: inherit;
font-size: clamp(17px, 2.4vw, 22px);
line-height: 1.25;
}
.edustajat-dropdown__select:focus-visible {
box-shadow: 0 0 0 3px rgba(81, 201, 104, 0.35);
}
.edustajat-dropdown__select option {
color: #111;
}
.edustajat-dropdown__empty,
.edustajat-dropdown__loading {
color: var(--edustajat-muted);
font-size: 18px;
}
.edustajat-dropdown__loading {
align-items: center;
gap: 8px;
}
.edustajat-dropdown__loading:not([hidden]) {
display: inline-flex;
}
.edustajat-dropdown__loading-dots {
display: inline-flex;
align-items: center;
gap: 5px;
}
.edustajat-dropdown__loading-dots span {
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--edustajat-green);
animation: edustajat-dropdown-loading-dot 780ms ease-in-out infinite;
}
.edustajat-dropdown__loading-dots span:nth-child(2) {
animation-delay: 120ms;
}
.edustajat-dropdown__loading-dots span:nth-child(3) {
animation-delay: 240ms;
}
@keyframes edustajat-dropdown-loading-dot {
0%,
80%,
100% {
opacity: 0.35;
transform: translateY(0);
}
40% {
opacity: 1;
transform: translateY(-4px);
}
}
.edustajat-dropdown__select:disabled {
opacity: 0.72;
}
.edustajat-dropdown__viewport {
overflow: hidden;
}
.edustajat-dropdown__track {
display: flex;
transition: transform 240ms ease;
}
.edustajat-dropdown__slide {
flex: 0 0 100%;
min-width: 100%;
}
.edustajat-dropdown__profile {
display: grid;
grid-template-columns: 126px minmax(0, 1fr);
gap: 28px;
align-items: center;
}
.edustajat-dropdown .edustajat-dropdown__photo,
.edustajat-dropdown img.edustajat-dropdown__photo {
display: block;
width: 126px !important;
height: 126px !important;
max-width: 126px;
min-width: 126px;
aspect-ratio: 1 / 1;
object-fit: cover;
overflow: hidden;
border-radius: 50% !important;
background: #f2f4f4;
}
.edustajat-dropdown__photo--empty {
display: grid;
place-items: center;
color: #182024;
font-size: 48px;
font-weight: 700;
}
.edustajat-dropdown__brand {
margin-bottom: 8px;
color: var(--edustajat-green);
font-size: 18px;
font-weight: 800;
line-height: 1.15;
text-transform: uppercase;
}
.edustajat-dropdown__name {
margin: 0 0 18px;
color: var(--edustajat-text);
font-size: clamp(26px, 4vw, 32px);
font-weight: 800;
line-height: 1.08;
letter-spacing: 0;
}
.edustajat-dropdown__contact-list {
display: grid;
gap: 12px;
}
.edustajat-dropdown__contact {
display: inline-flex;
align-items: center;
gap: 14px;
width: fit-content;
max-width: 100%;
color: var(--edustajat-text);
text-decoration: none;
font-size: clamp(17px, 2.3vw, 22px);
line-height: 1.25;
}
.edustajat-dropdown__contact:hover,
.edustajat-dropdown__contact:active,
.edustajat-dropdown__contact:visited,
.edustajat-dropdown__contact:focus,
.edustajat-dropdown__button:hover,
.edustajat-dropdown__button:active,
.edustajat-dropdown__button:visited,
.edustajat-dropdown__button:focus {
color: var(--edustajat-text);
text-decoration: none !important;
}
.edustajat-dropdown a,
.edustajat-dropdown a:hover,
.edustajat-dropdown a:active,
.edustajat-dropdown a:visited,
.edustajat-dropdown a:focus {
text-decoration: none !important;
}
.edustajat-dropdown__contact svg {
flex: 0 0 auto;
color: var(--edustajat-green);
}
.edustajat-dropdown__contact span {
overflow-wrap: anywhere;
}
.edustajat-dropdown__actions {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-top: 34px;
}
.edustajat-dropdown__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 58px;
padding: 0 24px;
gap: 12px;
color: var(--edustajat-text);
background: transparent;
border: 1px solid var(--edustajat-line);
border-radius: 8px;
font-size: clamp(16px, 2.2vw, 20px);
font-weight: 800;
line-height: 1.1;
text-decoration: none;
}
.edustajat-dropdown__button--primary {
min-width: 122px;
background: linear-gradient(135deg, var(--edustajat-green), var(--edustajat-green-dark));
border-color: transparent;
box-shadow: 0 16px 26px rgba(65, 190, 90, 0.24);
}
.edustajat-dropdown__button:focus-visible,
.edustajat-dropdown__contact:focus-visible,
.edustajat-dropdown__arrow:focus-visible,
.edustajat-dropdown__dot:focus-visible {
outline: 3px solid rgba(81, 201, 104, 0.55);
outline-offset: 3px;
}
.edustajat-dropdown__controls {
display: flex;
align-items: center;
gap: 14px;
margin-top: 24px;
}
.edustajat-dropdown .edustajat-dropdown__arrow,
.edustajat-dropdown .edustajat-dropdown__dot {
flex: 0 0 auto;
padding: 0 !important;
color: var(--edustajat-text);
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: none;
cursor: pointer;
}
.edustajat-dropdown .edustajat-dropdown__arrow {
display: grid;
place-items: center;
width: 40px !important;
height: 40px !important;
min-width: 40px;
min-height: 40px;
max-width: 40px;
max-height: 40px;
aspect-ratio: 1 / 1;
border-radius: 999px !important;
transition: background-color 160ms ease, border-color 160ms ease;
}
.edustajat-dropdown .edustajat-dropdown__arrow:hover,
.edustajat-dropdown .edustajat-dropdown__arrow.is-edge {
background: var(--edustajat-green);
border-color: var(--edustajat-green);
color: var(--edustajat-text);
}
.edustajat-dropdown__dots {
display: flex;
align-items: center;
gap: 8px;
}
.edustajat-dropdown .edustajat-dropdown__dot {
display: block;
width: 10px !important;
height: 10px !important;
min-width: 10px;
min-height: 10px;
max-width: 10px;
max-height: 10px;
aspect-ratio: 1 / 1;
border-radius: 999px !important;
background: rgba(255, 255, 255, 0.28);
}
.edustajat-dropdown .edustajat-dropdown__dot.is-active {
background: var(--edustajat-green);
border-color: var(--edustajat-green);
}
@media (max-width: 560px) {
.edustajat-dropdown {
padding: 24px;
}
.edustajat-dropdown__profile {
grid-template-columns: 86px minmax(0, 1fr);
gap: 18px;
}
.edustajat-dropdown .edustajat-dropdown__photo,
.edustajat-dropdown img.edustajat-dropdown__photo {
width: 86px !important;
height: 86px !important;
max-width: 86px;
min-width: 86px;
}
.edustajat-dropdown__photo--empty {
font-size: 34px;
}
.edustajat-dropdown__actions {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
}
.edustajat-dropdown__button {
width: 100%;
}
}
@media (max-width: 390px) {
.edustajat-dropdown__profile {
grid-template-columns: 1fr;
}
}
.edustajat-contact {
--edustajat-contact-bg: #303234;
--edustajat-contact-panel: #ffffff;
--edustajat-contact-text: #111111;
--edustajat-contact-muted: #3f4548;
--edustajat-contact-green: #58a773;
--edustajat-contact-line: rgba(17, 17, 17, 0.12);
box-sizing: border-box;
width: 100%;
color: #ffffff;
background: transparent;
font-family: inherit;
overflow: hidden;
}
.edustajat-contact *,
.edustajat-contact *::before,
.edustajat-contact *::after {
box-sizing: border-box;
}
.edustajat-contact__layout {
display: grid;
grid-template-columns: clamp(220px, 24%, 340px) minmax(0, 1fr);
gap: clamp(20px, 2.4vw, 38px);
align-items: start;
width: min(100%, 1640px);
margin: 0 auto;
padding: clamp(24px, 3.4vw, 42px) clamp(16px, 2.4vw, 32px);
}
.edustajat-contact__areas {
display: grid;
gap: 14px;
align-content: start;
min-height: 0;
max-height: 70vh;
overflow-y: auto;
overscroll-behavior: contain;
padding-right: 12px;
scrollbar-color: rgba(255, 255, 255, 0.68) rgba(255, 255, 255, 0.14);
scrollbar-gutter: stable;
scrollbar-width: thin;
mask-image: linear-gradient(to bottom, transparent 0, #000 24px, #000 calc(100% - 42px), transparent 100%);
}
.edustajat-contact__areas::-webkit-scrollbar {
width: 10px;
}
.edustajat-contact__areas::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.14);
}
.edustajat-contact__areas::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.68);
border-radius: 999px;
}
.edustajat-contact__areas:not(.is-scrollable) {
overflow-y: visible;
padding-right: 0;
mask-image: none;
}
.edustajat-contact__area {
display: grid;
grid-template-columns: 34px minmax(0, 1fr);
align-items: center;
width: 100%;
min-height: 64px;
padding: 12px 18px 12px 28px !important;
color: #ffffff;
background: transparent;
border: 0;
border-radius: 0 !important;
box-shadow: none;
cursor: pointer;
font: inherit;
font-size: clamp(20px, 1.75vw, 27px);
font-weight: 800;
line-height: 1.08;
text-align: left;
}
.edustajat-contact__area:hover,
.edustajat-contact__area:focus,
.edustajat-contact__area:active {
color: #ffffff;
background: rgba(255, 255, 255, 0.08);
}
.edustajat-contact__area.is-active {
color: #303234;
background: #ffffff;
}
.edustajat-contact__area:focus-visible,
.edustajat-contact__mobile-select:focus-visible,
.edustajat-contact__rep a:focus-visible {
outline: 3px solid rgba(88, 167, 115, 0.7);
outline-offset: 3px;
}
.edustajat-contact__area-icon {
position: relative;
display: block;
width: 24px;
height: 24px;
}
.edustajat-contact__area-icon::before,
.edustajat-contact__area-icon::after {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 24px;
height: 5px;
background: currentColor;
border-radius: 999px;
content: "";
transform: translate(-50%, -50%);
}
.edustajat-contact__area-icon::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.edustajat-contact__area.is-active .edustajat-contact__area-icon::after {
display: none;
}
.edustajat-contact__area-name {
min-width: 0;
overflow-wrap: anywhere;
}
.edustajat-contact__panel {
min-width: 0;
width: 100%;
max-width: 100%;
overflow: hidden;
padding: clamp(22px, 2.4vw, 32px);
color: var(--edustajat-contact-text);
background: var(--edustajat-contact-panel);
}
.edustajat-contact__representatives {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
gap: clamp(20px, 2.4vw, 34px);
margin-bottom: clamp(24px, 3vw, 38px);
}
.edustajat-contact__loading {
margin-bottom: 18px;
color: var(--edustajat-contact-muted);
font-size: clamp(16px, 1.15vw, 20px);
font-weight: 800;
}
.edustajat-contact__rep {
display: grid;
grid-template-rows: auto 1fr;
gap: 16px;
align-items: start;
min-width: 0;
align-content: start;
}
.edustajat-contact .edustajat-contact__photo,
.edustajat-contact img.edustajat-contact__photo {
display: block;
width: 118px !important;
height: 118px !important;
max-width: 118px;
min-width: 118px;
aspect-ratio: 1 / 1;
object-fit: cover;
overflow: hidden;
border-radius: 50% !important;
filter: grayscale(1);
background: #e8eaeb;
}
.edustajat-contact__photo--empty {
display: grid;
place-items: center;
color: #303234;
font-size: 42px;
font-weight: 800;
}
.edustajat-contact__rep-body {
min-width: 0;
}
.edustajat-contact__brand,
.edustajat-contact__name {
margin: 0;
color: #000000;
font-weight: 900;
letter-spacing: 0;
line-height: 1.05;
overflow-wrap: anywhere;
}
.edustajat-contact__brand {
margin-bottom: 14px;
font-size: clamp(22px, 1.8vw, 30px);
}
.edustajat-contact__name {
margin-bottom: 4px;
font-size: clamp(19px, 1.45vw, 24px);
}
.edustajat-contact__languages {
margin-bottom: 8px;
color: var(--edustajat-contact-muted);
font-size: clamp(16px, 1.2vw, 20px);
line-height: 1.2;
}
.edustajat-contact__contact-lines {
display: grid;
gap: 4px;
font-size: clamp(16px, 1.15vw, 20px);
line-height: 1.2;
}
.edustajat-contact__line {
min-width: 0;
overflow-wrap: anywhere;
}
.edustajat-contact__line strong {
color: #000000;
font-weight: 900;
}
.edustajat-contact__line a,
.edustajat-contact__line a:hover,
.edustajat-contact__line a:active,
.edustajat-contact__line a:visited,
.edustajat-contact__line a:focus {
color: var(--edustajat-contact-green);
text-decoration: none !important;
}
.edustajat-contact__map-wrap {
position: relative;
width: 100%;
min-height: 320px;
aspect-ratio: 2.7 / 1;
overflow: hidden;
background: #dce7dd;
}
.edustajat-contact__map {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
border: 0;
}
.edustajat-contact__mobile-select-wrap {
display: none;
}
.edustajat-contact__empty {
color: inherit;
font-size: 20px;
font-weight: 700;
}
.edustajat-contact__panel .edustajat-contact__empty {
color: var(--edustajat-contact-muted);
}
@media (max-width: 1180px) {
.edustajat-contact__layout {
grid-template-columns: clamp(210px, 28%, 300px) minmax(0, 1fr);
}
.edustajat-contact__representatives {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
}
}
@media (max-width: 820px) {
.edustajat-contact {
padding: 20px;
}
.edustajat-contact__mobile-select-wrap {
position: relative;
display: block;
width: min(100%, 720px);
margin: 0 auto 18px;
}
.edustajat-contact__mobile-select-wrap::after {
position: absolute;
top: 50%;
right: 22px;
width: 12px;
height: 12px;
border-right: 3px solid #111111;
border-bottom: 3px solid #111111;
content: "";
pointer-events: none;
transform: translateY(-68%) rotate(45deg);
}
.edustajat-contact__mobile-select {
width: 100%;
min-height: 56px;
padding: 0 62px 0 18px;
color: #111111;
background: #ffffff;
border: 0;
border-radius: 0;
appearance: none;
font: inherit;
font-size: 18px;
font-weight: 800;
line-height: 1.2;
}
.edustajat-contact__layout {
display: block;
width: min(100%, 720px);
padding: 0;
}
.edustajat-contact__areas {
display: none;
}
.edustajat-contact__panel {
padding: 22px;
}
.edustajat-contact__rep {
grid-template-columns: 92px minmax(0, 1fr);
grid-template-rows: auto;
gap: 16px;
}
.edustajat-contact .edustajat-contact__photo,
.edustajat-contact img.edustajat-contact__photo {
width: 92px !important;
height: 92px !important;
max-width: 92px;
min-width: 92px;
}
.edustajat-contact__photo--empty {
font-size: 34px;
}
.edustajat-contact__brand {
margin-bottom: 12px;
font-size: 24px;
}
.edustajat-contact__name {
font-size: 20px;
}
.edustajat-contact__languages,
.edustajat-contact__contact-lines {
font-size: 17px;
}
.edustajat-contact__map-wrap {
min-height: 260px;
aspect-ratio: 1.35 / 1;
}
}
@media (max-width: 430px) {
.edustajat-contact {
padding: 14px;
}
.edustajat-contact__panel {
padding: 18px;
}
.edustajat-contact__rep {
grid-template-columns: 1fr;
}
}