.header-svg-ico{width:23px;height:23px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;display:block}.header-svg-ico--sm{width:15px;height:15px;stroke-width:1.6}.header-svg-ico--xs{width:13px;height:13px;stroke-width:1.7}.header-wrapper .header{display:flex;flex-direction:column;max-width:var(--header-width, 1560px);width:100%;padding:0 48px;position:relative;margin:0 auto;box-sizing:border-box}.header__top{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;column-gap:28px;height:var(--header-h);position:relative;width:100%}.header__right{display:flex;align-items:center;gap:28px;justify-self:end;flex-wrap:nowrap;position:relative;z-index:2}.header__logo{position:relative;z-index:2}.header-top-nav{display:flex;align-items:center;gap:2px;position:relative;z-index:2}.header-top-nav__link{position:relative;display:inline-flex;align-items:center;padding:6px 11px;font-family:var(--brand-font-heading);font-size:13px;font-weight:400;letter-spacing:.01em;text-decoration:none;color:currentColor;white-space:nowrap}.header-top-nav__link:after{content:"";position:absolute;left:11px;right:11px;bottom:2px;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.header-top-nav__link:hover:after{transform:scaleX(1)}.header-top-nav__item{position:relative;display:inline-flex}.header-top-nav__link--parent{gap:5px}.header-top-nav__caret{transition:transform .2s;opacity:.75}.header-top-nav__item--has-menu:hover .header-top-nav__caret,.header-top-nav__item--has-menu:focus-within .header-top-nav__caret{transform:rotate(180deg)}.header-dropdown{position:absolute;top:100%;left:0;min-width:250px;padding:8px;background:var(--bg);border:.5px solid var(--line);border-radius:14px;box-shadow:0 12px 34px -10px #00000038;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease,visibility .16s;z-index:60}.header-top-nav__item--has-menu:hover .header-dropdown,.header-top-nav__item--has-menu:focus-within .header-dropdown{opacity:1;visibility:visible;transform:translateY(4px)}.header-dropdown__link{display:block;padding:9px 12px;border-radius:9px;font-size:13.5px;color:var(--ink);text-decoration:none;white-space:nowrap;transition:background .12s,color .12s}.header-dropdown__link:hover{background:var(--hover);color:var(--brand-color)}.header-dropdown__link--all{font-weight:600;color:var(--ink);margin-bottom:4px;border-bottom:.5px solid var(--line);border-radius:9px 9px 0 0}.header-wrapper--overlay .header-dropdown,.header-wrapper--overlay .header-dropdown .header-dropdown__link{color:var(--ink)}.header__logo{font-size:21px;font-weight:600;letter-spacing:-.02em;text-decoration:none;justify-self:start;display:flex;align-items:center}.header__logo img{display:block;height:auto}.header__logo--dual{position:relative;display:block}.header__logo--dual .header__logo-img{display:block;width:100%;height:auto}.header__logo--dual .header__logo-img--dark{opacity:1;transition:opacity .12s linear}.header__logo--dual .header__logo-img--light{display:block;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .12s linear}.header__logo-img--light{display:none}.header__icons{justify-self:end;display:flex;align-items:center;gap:22px}.header__icon{background:none;border:none;cursor:pointer;position:relative;display:flex;text-decoration:none;font-family:inherit;padding:0}.header__icon:hover{opacity:.6}.header-searchbar{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;display:flex;align-items:center;gap:11px;width:min(340px,26vw);padding:11px 20px;cursor:text;font-family:inherit;background:none;border:1px solid currentColor;border-radius:100px;color:currentColor;text-align:left;transition:border-color .16s}.header-searchbar{border-color:#00000038}.header-wrapper--overlay .header-searchbar{border-color:#ffffff80}.header-wrapper--overlay:hover .header-searchbar{border-color:#00000038}.header-searchbar:focus-visible{outline:none;border-color:currentColor}.header-searchbar .header-svg-ico{flex-shrink:0;opacity:.7}.header-searchbar__ph{font-size:15px;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__search-btn{display:none}.header-cats{border-top:.5px solid color-mix(in srgb,currentColor 14%,transparent);padding-block:2px}.header-cats__list{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;list-style:none;margin:0;padding:0;column-gap:2px}.header-cats__link{position:relative;display:inline-flex;align-items:center;padding:11px 6px;font-family:var(--brand-font-heading);font-size:13.5px;font-weight:500;letter-spacing:0;text-decoration:none;color:currentColor;white-space:nowrap;transition:opacity .15s}.header-cats__list>li:first-child .header-cats__link{padding-left:0}.header-cats__list>li:last-child .header-cats__link{padding-right:0}.header-cats__link:after{content:"";position:absolute;left:6px;right:6px;bottom:7px;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.header-cats__list>li:first-child .header-cats__link:after{left:0}.header-cats__list>li:last-child .header-cats__link:after{right:0}.header-cats__link:hover:after{transform:scaleX(1)}.header-cats__item{position:relative;display:inline-flex}.header-cats__link--parent{gap:2px}.header-cats__link--parent:after{display:none}.header-cats__caret{width:10px;height:10px;transition:transform .2s;opacity:.6;flex:none;margin-left:-1px}.header-cats__item--has-menu:hover .header-cats__caret,.header-cats__item--has-menu:focus-within .header-cats__caret{transform:rotate(180deg)}.header-cats__link.is-active{font-weight:700}.header-dropdown--cats{top:100%;left:0}.header-cats__item--has-menu:hover .header-dropdown--cats,.header-cats__item--has-menu:focus-within .header-dropdown--cats{opacity:1;visibility:visible;transform:translateY(4px)}.header-cats__list>li:last-child .header-dropdown--cats,.header-cats__list>li:nth-last-child(2) .header-dropdown--cats{left:auto;right:0}.header-dropdown__link.is-active{background:var(--hover);color:var(--brand-color);font-weight:600}.vat-toggle{display:inline-flex;align-items:center;justify-content:center;background:none;cursor:pointer;font-family:inherit;line-height:1;padding:6px 14px;border-radius:100px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);color:currentColor;transition:border-color .2s}.vat-toggle:hover{border-color:color-mix(in srgb,currentColor 42%,transparent)}.vat-toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}.vat-toggle__label{position:relative;display:inline-grid;place-items:center}.vat-toggle__opt{grid-area:1 / 1;font-size:11.5px;font-weight:600;letter-spacing:.02em;white-space:nowrap}html.vat-ready .vat-toggle__opt{transition:opacity .22s ease}.vat-toggle__opt--ex,.vat-toggle[aria-checked=true] .vat-toggle__opt--in{opacity:0}.vat-toggle[aria-checked=true] .vat-toggle__opt--ex{opacity:1}html.vat-excluded .vat-toggle .vat-toggle__opt--in{opacity:0}html.vat-excluded .vat-toggle .vat-toggle__opt--ex{opacity:1}@media(max-width:749px){.header__icons{gap:14px}.vat-toggle{padding:5px 11px}.vat-toggle__opt{font-size:10.5px}}@media(prefers-reduced-motion:reduce){.vat-toggle__opt{transition:none}}.header__badge{position:absolute;top:-6px;right:-8px;background:var(--brand-color);color:#fff;font-size:10px;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.header__burger{display:none}@media(min-width:1024px){.shopify-section-group-header-group:has(.header-wrapper--overlay){position:absolute;top:0;left:0;right:0;z-index:50}main.content-for-layout[data-template=index],main.content-for-layout[data-template=collection],main.content-for-layout[data-template="page.service"],main.content-for-layout[data-template="page.palvelut"],main.content-for-layout[data-template="page.yritys"],main.content-for-layout[data-template="page.yhteystiedot"]{padding-top:0!important;margin-top:0!important}.header-wrapper--overlay{position:relative;z-index:50;background-color:transparent!important}.header-wrapper--overlay .header{background:transparent}.header-wrapper--overlay:before{content:"";position:absolute;top:0;right:0;left:0;bottom:auto;height:calc(var(--header-h) + 40px);background:linear-gradient(to bottom,#00000073,#0000);pointer-events:none;transition:opacity .12s;z-index:-1}.header-wrapper--overlay:hover:before{opacity:0}.header-wrapper--overlay{transition:background-color .12s linear,border-color .12s linear;border-bottom:.5px solid transparent}.header-wrapper--overlay .header__logo,.header-wrapper--overlay .header-top-nav__link,.header-wrapper--overlay .header-cats__link,.header-wrapper--overlay .header__icon,.header-wrapper--overlay .vat-toggle{transition:color .12s linear}.header-wrapper--overlay .header__logo,.header-wrapper--overlay .header-top-nav__link,.header-wrapper--overlay .header-cats__link,.header-wrapper--overlay .header__icon,.header-wrapper--overlay .header-searchbar,.header-wrapper--overlay .vat-toggle{color:#fff}.header-wrapper--overlay:hover{background-color:var(--bg)!important;border-bottom-color:var(--line)}.header-wrapper--overlay:hover .header__logo,.header-wrapper--overlay:hover .header-top-nav__link,.header-wrapper--overlay:hover .header-cats__link,.header-wrapper--overlay:hover .header__icon,.header-wrapper--overlay:hover .header-searchbar,.header-wrapper--overlay:hover .vat-toggle{color:var(--ink)}.header-wrapper:not(.header-wrapper--overlay){background:var(--bg);border-bottom:.5px solid var(--line)}.header-wrapper:not(.header-wrapper--overlay) .header__logo,.header-wrapper:not(.header-wrapper--overlay) .header-top-nav__link,.header-wrapper:not(.header-wrapper--overlay) .header-cats__link,.header-wrapper:not(.header-wrapper--overlay) .header__icon,.header-wrapper:not(.header-wrapper--overlay) .header-searchbar,.header-wrapper:not(.header-wrapper--overlay) .vat-toggle{color:var(--ink)}.header-wrapper--overlay .header__logo--dual .header__logo-img--dark{opacity:0}.header-wrapper--overlay .header__logo--dual .header__logo-img--light,.header-wrapper--overlay:hover .header__logo--dual .header__logo-img--dark{opacity:1}.header-wrapper--overlay:hover .header__logo--dual .header__logo-img--light{opacity:0}}@media(min-width:1024px)and (max-width:1180px){.header-cats__link{padding:12px 6px;font-size:14px;letter-spacing:0}.header-searchbar{position:static;transform:none;left:auto;top:auto;width:100%;max-width:320px;margin:0 auto;justify-self:center}.header-cats__link:after{left:8px;right:8px}.header-cats__list>li:first-child .header-cats__link{padding-left:0}.header-cats__list>li:last-child .header-cats__link{padding-right:0}}@media(max-width:1023px){.header-wrapper{margin-bottom:0!important}.header-wrapper:before{display:none}.header-wrapper .header{padding:0 16px;--header-h:64px;max-width:100%;width:100%}.header-wrapper:not(.header-wrapper--overlay){background:var(--bg);border-bottom:.5px solid var(--line)}.shopify-section-group-header-group:has(.header-wrapper--overlay){position:relative;z-index:50;margin-bottom:calc(-1 * var(--header-h))}.header-wrapper--overlay{background-color:transparent!important;width:100%;display:block}.header-wrapper--overlay .header{background:transparent;width:100%;max-width:100%}.header-wrapper--overlay:after{content:"";position:absolute;top:0;right:0;left:0;bottom:auto;height:calc(var(--header-h) + 30px);background:linear-gradient(to bottom,#0006,#0000);pointer-events:none;z-index:-1}.header-wrapper--overlay .header__logo,.header-wrapper--overlay .header__icon,.header-wrapper--overlay .vat-toggle,.header-wrapper--overlay .header__burger{color:#fff}.header-wrapper--overlay .header__logo--dual .header__logo-img--dark{opacity:0}.header-wrapper--overlay .header__logo--dual .header__logo-img--light{opacity:1}.header__top{display:flex;align-items:center;gap:4px;height:var(--header-h);width:100%;justify-content:space-around}.header__logo-heading{order:1;margin:0 auto 0 0}.header__logo{order:1;font-size:19px;margin-right:auto}.header-wrapper:not(.header-wrapper--overlay) .header__icon{color:var(--ink)}.header-top-nav,.header-cats,.header-searchbar{display:none}.header__right{order:2;display:flex;align-items:center;gap:12px;flex-shrink:0}.header__icons{display:flex;align-items:center;gap:12px;flex-shrink:0}.header__icons .vat-toggle{order:-1;flex-shrink:0}.header__icons .header__account-btn{display:none}.header__icons .header__search-btn{display:flex}.header__burger{order:3;flex-shrink:0;display:flex;background:none;border:none;cursor:pointer;color:var(--ink);padding:8px;margin:-8px -8px -8px 0}.header__icons .header__icon{flex-shrink:0;padding:8px;margin:-2px}.header__icons .header-svg-ico{width:24px;height:24px;flex-shrink:0}.header__icons .header__badge{top:2px;right:2px}}.header-drawer{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:100;transform:translate(-100%);transition:transform .28s ease;display:flex;flex-direction:column;color:var(--ink)}.header-drawer.is-open{transform:translate(0)}.header-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:.5px solid var(--line)}.header-drawer__logo{display:flex;align-items:center;text-decoration:none;color:var(--ink)}.header-drawer__logo img{display:block;height:auto}.header-drawer__logo-text{font-weight:700;font-size:19px;letter-spacing:-.02em}.header-drawer__close{background:none;border:none;cursor:pointer;color:var(--ink);padding:8px;margin:-8px}.header-drawer__body{padding:0 0 24px;overflow-y:auto}.header-drawer__tools{display:flex;align-items:center;gap:14px;padding:16px 20px}.header-drawer__tool{display:flex;align-items:center;gap:9px;font-size:15px;color:var(--ink);text-decoration:none;background:none;border:none;font-family:inherit;cursor:pointer;padding:0;flex-shrink:0}.header-drawer__tool .header-svg-ico{color:var(--ink-soft);width:22px;height:22px}.header-drawer__tools .vat-toggle{border-color:#00000038;flex-shrink:0}.header-drawer__search{display:flex;align-items:center;gap:9px;flex:1;min-width:0;padding:9px 15px;background:none;border:1px solid rgba(0,0,0,.2);border-radius:100px;color:var(--ink);font-family:inherit;cursor:text;text-align:left}.header-drawer__search .header-svg-ico{flex-shrink:0;opacity:.6}.header-drawer__search span{font-size:14px;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-drawer__nav{display:flex;flex-direction:column}.header-drawer__nav a{display:block;padding:13px 20px;font-size:15px;color:var(--ink);text-decoration:none;border-bottom:.5px solid var(--line)}.header-drawer__nav a:hover{background:var(--hover)}.header-drawer__grouplbl{display:block;padding:18px 20px 6px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-mute)}.header-drawer__acc{border-bottom:.5px solid var(--line)}.header-drawer__acc-sum{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;font-size:15px;color:var(--ink);cursor:pointer;list-style:none}.header-drawer__acc-sum::-webkit-details-marker{display:none}.header-drawer__acc-sum:hover{background:var(--hover)}.header-drawer__acc-caret{color:var(--ink-mute);transition:transform .2s;flex-shrink:0}.header-drawer__acc[open] .header-drawer__acc-caret{transform:rotate(180deg);color:var(--ink)}.header-drawer__acc-body{background:var(--section-grey)}.header-drawer__acc-body a{display:block;padding:12px 20px 12px 34px;font-size:14px;color:var(--ink-soft);text-decoration:none;border-bottom:.5px solid var(--line)}.header-drawer__acc-body a:first-child{font-weight:600;color:var(--ink)}.header-drawer__acc-body a:last-child{border-bottom:none}.header-drawer__acc-body a:hover{background:var(--hover);color:var(--brand-color)}.header-acc{border-bottom:.5px solid var(--line)}.header-acc__nested{border-bottom:none}.header-acc>button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 20px;font-size:15px;background:none;border:none;cursor:pointer;color:var(--ink);font-family:inherit;text-align:left}.header-acc>button .header-svg-ico{color:var(--ink-mute);transition:transform .2s}.header-acc.is-exp>button .header-svg-ico{transform:rotate(180deg);color:var(--ink)}.header-acc>a{display:block;padding:13px 20px;font-size:15px;color:var(--ink);text-decoration:none}.header-acc__sub{max-height:0;overflow:hidden;transition:max-height .3s;background:#faf9f6;list-style:none;margin:0;padding:0}.header-acc.is-exp>.header-acc__sub{max-height:1200px}.header-acc__sub .header-acc>button,.header-acc__sub .header-acc>a{padding-left:36px;font-size:14px}.header-acc__sub .header-acc__sub .header-acc>button,.header-acc__sub .header-acc__sub .header-acc>a{padding-left:52px;font-size:13px;color:var(--ink-soft)}.search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:clamp(16px,8vh,120px) 20px 40px}.search-modal[hidden]{display:none}.search-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1212106b;opacity:0;transition:opacity .28s;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.search-modal.is-open .search-modal__overlay{opacity:1}.search-modal__box{position:relative;width:100%;max-width:640px;background:var(--bg);border-radius:20px;box-shadow:0 24px 70px -12px #00000047,0 4px 14px #0000000f;overflow:hidden;display:flex;flex-direction:column;max-height:75vh;transform:translateY(-8px) scale(.98);opacity:0;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .24s}.search-modal.is-open .search-modal__box{transform:translateY(0) scale(1);opacity:1}.search-modal__form{display:flex;align-items:center;gap:12px;padding:20px 22px;border-bottom:1px solid var(--line)}.search-modal__ico{width:22px;height:22px;flex:none;fill:none;stroke:var(--ink-soft);stroke-width:2;stroke-linecap:round}.search-modal__input{flex:1;min-width:0;border:0;outline:none;background:none;font-family:inherit;font-size:19px;color:var(--ink);letter-spacing:-.01em}.search-modal__input::placeholder{color:var(--ink-mute)}.search-modal__input::-webkit-search-cancel-button{-webkit-appearance:none}.search-modal__close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:none;border:0;cursor:pointer;color:var(--ink-soft);border-radius:50%;transition:background .15s,color .15s}.search-modal__close svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.search-modal__body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:22px;position:relative;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18px,#000 calc(100% - 22px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 18px,#000 calc(100% - 22px),transparent 100%)}.search-modal__body[data-at-top]{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 22px),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 22px),transparent 100%)}.search-modal__body[data-at-bottom]{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18px,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 18px,#000 100%)}.search-modal__body[data-no-scroll]{-webkit-mask-image:none;mask-image:none}.search-modal__empty{display:block}.search-modal.has-query .search-modal__empty{display:none}.search-modal__hint{margin:0 0 14px;font-size:13px;color:var(--ink-mute);letter-spacing:.01em}.search-modal__shortcuts{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.search-modal__shortcut{display:inline-flex;align-items:center;padding:9px 16px;font-size:14px;color:var(--ink);background:var(--hover);border:1px solid transparent;border-radius:var(--button-radius);text-decoration:none;transition:background .15s,border-color .15s,color .15s}.search-modal__results{display:none}.search-modal.has-query .search-modal__results{display:block}.search-modal__results:empty{display:none}.psearch__group+.psearch__group{margin-top:22px}.psearch__group-title{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute)}.psearch__products{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;list-style:none;margin:0;padding:0}.psearch__collections{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.psearch__collection{display:inline-flex;align-items:center;padding:8px 15px;font-size:14px;color:var(--ink);background:var(--hover);border:1px solid transparent;border-radius:var(--button-radius);text-decoration:none;transition:background .15s,border-color .15s,color .15s}.psearch__pcard{display:block;text-decoration:none;color:inherit}.psearch__pcard-img{aspect-ratio:1/1;background:var(--hover);border-radius:12px;overflow:hidden;margin-bottom:8px}.psearch__pcard-img img{width:100%;height:100%;object-fit:cover}.psearch__pcard-name{font-size:13.5px;color:var(--ink);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.psearch__pcard-price{font-size:13.5px;color:var(--ink-soft);margin-top:2px}.psearch__all{display:inline-block;margin-top:22px;font-size:14px;font-weight:500;color:var(--brand-color);text-decoration:none}.psearch__all--top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px;padding:15px 20px;background:var(--brand-color);border-radius:var(--button-radius);font-size:15px;font-weight:600;color:var(--bg);letter-spacing:-.01em;transition:opacity .15s,transform .15s}.psearch__all--top .psearch__all-arrow{flex:none;transition:transform .2s ease}.psearch__empty{font-size:15px;color:var(--ink-soft);padding:4px 0}.psearch__loading{font-size:14px;color:var(--ink-mute);padding:4px 0}@media(hover:hover){.search-modal__close:hover{background:var(--hover);color:var(--ink)}.search-modal__shortcut:hover,.psearch__collection:hover{background:transparent;border-color:var(--brand-color);color:var(--brand-color)}.psearch__pcard:hover .psearch__pcard-name{color:var(--brand-color)}.psearch__all--top:hover{opacity:.9}.psearch__all--top:hover .psearch__all-arrow{transform:translate(4px)}}@media(max-width:640px){.search-modal{padding-top:0;padding-left:0;padding-right:0;align-items:stretch}.search-modal__box{max-width:none;border-radius:0;max-height:100vh;height:100%}.psearch__products{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media(prefers-reduced-motion:reduce){.search-modal__overlay,.search-modal__box{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-header.css.map */