/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&family=Open+Sans:wght@300;400;600;700&display=swap');
*/@font-face{font-family:"Avenir Next";src:url("../../public/fonts/AvenirNextLTPro-Regular.otf");font-weight:400;}@font-face{font-family:"Avenir Next";src:url("../../public/fonts/AvenirNextLTPro-Bold.otf");font-weight:700;}.App-content{background:#F9F9F9 !important;}.App-content .Grid-cell>*{flex-grow:1 !important;}.App-content a:active,.App-content a:focus,.App-content a:hover{color:#4E4C51  !important;}/* change of preset for all containers */.App-content .Preset-Container-Max-Width{max-width:1440px;}/* Set z-index for all swiper buttons */.App-content .swiper-button-next,.App-content .swiper-button-prev{z-index:1 !important;}/* Overlay all product images with a background */.App-content .CMS-ArticleMedia-sliderImage:after,.App-content .ListArticle-img:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;}.Breakpoint--md .ListArticle-img{padding-top:10px;padding-bottom:10px;}.Breakpoint--lg .ListArticle-img{padding-top:0px;padding-bottom:0px;}/* Set size of toggle icon in sub menu */.App-content .CMS-SubMenuNode-toggler{font-size:1em;}/*
a:focus,
a:hover,
a:active {
  color: #333 !important;
}*//* grid cell spacing */.App-content .grid-cell-container .Grid--withGutter>.Grid-cell{padding:2px !important;}.App-content .grid-container-hero{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, auto);gap:4px;height:100%;}/* make the sliders faster moving than 1second transition */.App-content .CMS-SubMenuNode-children-sliding--open{transition:0.3s ease-out !important;}.App-content .CMS-SubMenuNode-children-sliding{transition:0.3s ease-in !important;-webkit-overflow-scrolling:touch;touch-action:pan-y;pointer-events:auto;}.App-content .BadgeList-item--campaign{min-width:110px !important;}.App-content .Slideout-overlay{z-index:5 !important;}.App-content .swiper-button-next,.App-content .swiper-button-prev{color:#ccc;}/*Filter paddings etc*/.App-content .filter-sort-container .Article-sort div[data-style-attr="Option"]{padding:20px 20px !important;}.App-content .filter-sort-container .FilterAccordion-checkbox{height:55px;margin-top:-8px;}.App-content .filter-sort-container .FilterAccordion-label{padding:10px 20px !important;}.App-content .filter-sort-container .FilterAccordion-options{padding:0px 20px;}/* Filter box */.App-content .FilterBox-option--active{background:#262626 !important;border-color:#262626 !important;}.App-content .FilterBox-option--active .FilterBox-option-label{color:#ffffff !important;}.App-content .FilterBox-option-color{width:16px;height:16px;top:initial;display:inline-block;border-radius:4px;}.App-content .FilterBox-option{display:flex;align-items:center;justify-content:center;width:fit-content;}/* Price slider */.App-content .Filter-slider{margin-top:45px;}.App-content .Filter-slider .noUi-connect{background:#262626;}.App-content .Filter-slider .noUi-tooltip{font-family:'Avenir Next','DM mono', sans-serif;font-size:12px;font-weight:400;color:#262626;}.App-content .Filter-slider.noUi-horizontal .noUi-handle{border:1px solid #262626;background:#262626;height:20px;width:20px;top:-9px;}.App-content .Filter-slider .noUi-handle-lower{margin-left:14px;}.App-content .Filter-slider .noUi-handle-upper{margin-left:-6px;}.App-content .Filter-slider .noUi-base{height:45%;background:#f4f4f4;}.App-content .Filter-slider .noUi-background{background:#f4f4f4 !important;}/* Sort select */.App-content .Article-sort .Select-text{display:none;}.App-content .Select:hover>.Select-input{border:none;}.App-content .Article-sort .Option--active{background:#262626 !important;color:#ffffff;}.App-content .filter-sort-container .Select-input:after{all:unset;}.App-content .filter-sort-container .Select-input{padding:10px 20px;}.App-content .filter-sort-container .Select-placeholder{font-weight:400;font-size:14px;line-height:1.2em;font-family:Avenir Next, Montserrat;color:#333333;}.App-content .filter-sort-container.filter-sort-mobile .FilterAccordion-icon,.App-content .filter-sort-container .Select-icon,.App-content .filter-options-container .FilterAccordion-icon{right:20px;top:50%;transform:translatey(-50%);}/* sets bg on sort option as white if its empty */.App-content .filter-sort-container .Article-sort div[data-style-attr="Options"] > div:empty:first-child{display:none !important;background:#fff !important;}.App-content .filter-sort-container .Article-sort div[data-style-attr="Options"] > div:empty:first-child:hover{display:none !important;background:#fff !important;}.App-content .filter-sort-container.filter-sort-mobile .FilterAccordion-label{font-weight:400;font-size:14px;line-height:1.2em;font-family:Avenir Next, Montserrat;color:#333333;}.App-content .filter-sort-container .Select-options{box-shadow:unset !important;}/* Mobile sort dropdown */.App-content .filter-sort-mobile .Article-sort div[data-style-attr="Options"] > div:empty:first-child{display:none !important;background:#F9F9F9 !important;}.App-content .filter-sort-mobile .Article-sort div[data-style-attr="Options"] > div:empty:first-child:hover{display:none !important;background:#F9F9F9 !important;}/* Remove input styling in iphone */.App-content input[type=search]{-moz-appearance:none;-webkit-appearance:none;}/* Set campaign code input padding */.App-content .checkout .FormField-controls input{padding:14px;}/* Properties */.App-content .CMS-ArticleProperty{font-family:Avenir Next, Montserrat;font-size:16px;font-weight:400;line-height:120%;display:flex;flex-direction:row;column-gap:5px;}.App-content .CMS-ArticleProperty-key{font-weight:700;font-family:Avenir Next, Montserrat;}.App-content .CMS-ArticleProperty-key:after{content:": ";font-family:Avenir Next, Montserrat;font-size:16px;font-weight:700;line-height:120%;}/* Addons */.App-content .CMS-AddonCheckbox{display:flex;flex-direction:row;justify-content:center;align-items:center;}/* Change style of selected attribute */.App-content .CMS-ArticleAttribute-select .FormField-controls{border-radius:50px !important;border-style:solid !important;border-color:#4E4C51 !important;border-width:1px !important;}.App-content .CMS-ArticleAttribute-select select{padding:10px 20px;margin:0;border-width:0px 20px 0px 0px;border-style:solid;border-color:transparent;background-color:transparent;}/* thumbnails */.App-content .thumbnails-container .CMS-ArticleThumbnails{z-index:8;position:relative;}/* Pagination */.App-content .container-media-mobile .swiper-pagination{bottom:5px !important;left:10px;text-align:start !important;}.App-content .container-media-mobile .swiper-slide{margin-right:2px !important;}.App-content .container-media-mobile .swiper-pagination-current,.App-content .container-media-mobile .swiper-pagination-total{color:#333333;}.App-content .price-container .CMS-ArticlePrice{display:inline-flex !important;align-items:center;width:100% !important;}.App-content .price-container .CMS-ArticlePrice-price--org{display:inline-block !important;height:100% !important;vertical-align:middle !important;text-align:center !important;line-height:normal !important;}.App-content .CMS-Article-buyButton--notInStock{background-color:#b70000;color:#fff;}.App-content .CMS-ArticleCampaignList{border:3px solid #FFCB08;border-radius:3px;padding:14px;margin-bottom:20px;}.App-content .artnoLabel{min-width:225px;font-weight:bold;}.App-content .CMS-ArticlePrice-price--org::before{content:"(";}.App-content .CMS-ArticlePrice-price--org::after{content:")";}.App-content .Articles .Grid--withGutter{margin:-2px !important;width:100% !important;}.App-content .Articles  .Grid--withGutter>.Grid-cell{padding:2px;}.App-content .ListArticle-body .Link{display:flex;flex-direction:column;justify-content:space-between;height:100% !important;}.App-content .BadgeList{top:5px;left:5px;}.App-content .BadgeList-item{color:#000;background-color:#FFCB08;width:fit-content !important;padding:2px 5px 0px;font-size:12px;letter-spacing:0px;}.App-content .Articles .Grid-cell{display:flex;}.App-content .CMS-Articles-pagination-loadmore:focus,.App-content .CMS-Articles-pagination-loadmore:active,.App-content .CMS-Articles-pagination-loadprevious:focus,.App-content .CMS-Articles-pagination-loadprevious:active{background-color:#000;color:#ffffff;}/* Remove unneccssary margin on show more icon */.App-content .Preset-ShowMore-Icon > i{margin-bottom:0px;}/* Even up cells in articles column size *//*
.CMS-ArticlesColumnSize .Grid-cell {
  width: 16px !important;
}
*//* filter & options *//* Targets only the immediate link within the active node */.App-content .submenu-article-list .CMS-SubMenuNode--active > .CMS-SubMenuNode-content > .CMS-SubMenuNode-title > a{font-weight:800;padding:10px 20px;background:#E5E5E5;}/* Resets the font-weight for links in child dropdown menu */.App-content .submenu-article-list .CMS-SubMenuNode-children-dropdown .CMS-SubMenuNode-title a{font-weight:normal;padding:10px 20px;background:#F9F9F9;}.App-content .sub-menu-category-filter{scrollbar-width:none;/* For Firefox */-ms-overflow-style:none;/* For Internet Explorer 10+ */}.App-content .sub-menu-category-filter::-webkit-scrollbar{display:none;/* For Chrome, Safari, and Edge */}/* Same color as background on show more gradient */.App-content .CMS-ShowMore--closed .Preset-ShowMore-IconWrapper{background-image:linear-gradient(180deg, hsla(0, 0%, 100%, 0), #F9F9F9 80%);height:70%;}/* article list *//*
.articles-container .Articles .Grid-cell {
  padding: 2px;
}

.articles-container .Articles .Grid-cell .ListArticle-body .Link {
  display: flex;
  height: 100%;
  flex-direction: column;
  text-align: center;
}

.articles-container .Articles .Grid {
  width: 100%;
}*//* grid cell center article *//*
@media only screen and (max-width: 640px) {
  .articles-container .Articles .Grid-cell {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .articles-container .Articles .Grid-cell .ListArticle-img-wrapper {
    max-height: 154px;
  }

  .articles-container .Articles .Grid-cell .ListArticle-img-wrapper .Image {
    width: auto;
    max-height: 154px;
  }
}*//* image *//*
.articles-container .Articles .Grid-cell .ListArticle-img-wrapper {
  overflow: hidden;
}

@media only screen and (min-width: 640px) {
  .articles-container .Articles .Grid-cell .ListArticle-img-wrapper {
    max-height: 197px;
  }

  .articles-container .Articles .Grid-cell .ListArticle-img-wrapper .Image {
    width: auto;
    max-height: 197px;
  }
}*/.App-content .CMS-ShowMore-children a{font-size:16px !important;color:#000;}.App-content .BadgeList-item--inStoreStock .Badge-details{background:none;padding:0 !important;}.App-content .BadgeList-item--inStoreStock{max-width:100px;width:auto !important;padding:0 !important;}.App-content .BadgeList-item--inStoreStock .Badge-heading{color:#000 !important;padding:0 !important;}.App-content img[alt="Brand new"]{width:50px;}.App-content img[alt="On sale"]{display:none;}.App-content .CMS-ShowMore--closed .Preset-ShowMore-IconWrapper{background:None;}.App-content .Preset-ShowMore-Wrapper{max-width:800px !important;}.App-content .CMS-ShowMore--closed .CMS-TextComponent{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:43px;}.App-content .CMS-ShowMore--closed .CMS-ShowMore-icon::before{content:"Lue lisää";}.App-content .CMS-ShowMore--open .CMS-ShowMore-icon{font-size:0px;visibility:hidden;}.App-content .CMS-ShowMore--open .CMS-ShowMore-icon::before{content:"Vähemmän";visibility:visible;display:block;}.App-content .Preset-ShowMore-Icon{bottom:-2px;font-weight:bold;}.App-content .CMS-ShowMore--closed .CMS-ShowMore-children{height:70px;}.App-content .CMS-ShowMore--closed{max-height:70px !important;}.App-content .CMS-ShowMore-children h2{padding-bottom:3px;font-size:16px;font-weight:bold;}.App-content .CMS-ShowMore-children h3{font-size:14px;padding-bottom:13px;line-height:20px;}.App-content .CMS-ShowMore-children p{padding-bottom:15px;font-size:14px;line-height:20px;}.App-content .CMS-ShowMore-children a{font-size:14px !important;color:#cca205;}/* Set parent to search input field to full width */

.SearchForm .Form {
    width: 100%;
  }/* search */.App-content .CMS-StickyHeader--isSticky .search-container{display:flex !important;}.App-content .CMS-StickyHeader--isSticky .search-container img{width:20px;}.App-content .top-search .Dropdown.SearchForm{z-index:1 !important;}.App-content .CMS-StickyHeader--isSticky ~ .top-search .Dropdown.SearchForm{z-index:0 !important;}/* USP */.App-content .usp-slider-container .swiper-slide-active h5{text-align:start !important;transition:text-align 1s ease !important;}.App-content .usp-slider-container .swiper-slide-next h5{text-align:center !important;transition:text-align 0.3s ease !important;}.App-content .usp-slider-container .swiper-slide-prev h5{text-align:start !important;transition:text-align 0.3s ease !important;}.App-content .usp-slider-container .swiper-slide-duplicate-prev h5{text-align:end !important;transition:text-align 0.3s ease !important;}.App-content .Slideout-overlay{z-index:5 !important;}.App-content .mobile-menu .CMS-SubMenuNode-title div,.App-content .mobile-menu .CMS-SubMenuNode-title a{padding:20px 20px 20px 20px !important;}.App-content .mobile-menu .CMS-SubMenuNode-toggler{padding:17px 20px 17px 20px;}.App-content .mobile-menu .CMS-SubMenuNode-children-sliding{background-color:#F9F9F9 !important;}.App-content .CMS-SubMenuNode-children-sliding{transition:0.5s;overscroll-behavior:contain;padding-bottom:82px;}.App-content .CMS-SubMenuNode-children-sliding--has-open-child{display:flex;}.App-content .Slideout:has(.CMS-SubMenu):has(.CMS-SubMenu-nodes):has(.CMS-SubMenuNode-level--1):has(.CMS-SubMenuNode-children-sliding--open){overflow-y:hidden !important;}/*--*/.App-content .Slideout,.App-content .Slideout-stickyHeader,.App-content .Preset-Slideout,.App-content .CMS-Slideout,.App-content .CMS-Slideout--open,.App-content .CMS-Component.CMS-SubMenu,.App-content .CMS-SubMenu-nodes,.App-content .CMS-SubMenuNode,.App-content .CMS-SubMenuNode--open{touch-action:pan-y !important;-webkit-overflow-scrolling:touch !important;}.App-content .CMS-SubMenuNode-children-sliding{height:calc(100vh - 60px) !important;max-height:calc(100vh - 60px) !important;overflow-y:scroll !important;-webkit-overflow-scrolling:touch !important;touch-action:pan-y !important;overscroll-behavior:contain !important;padding-top:1px !important;padding-bottom:190px !important;}.App-content body:has(.CMS-Slideout--open){overflow:hidden !important;position:fixed !important;width:100% !important;}/* Newsletter input */.App-content .CMS-Newsletter-wrapper .Spinner{position:absolute;bottom:-14px;}.App-content .CMS-Newsletter-input .FormField-error{position:absolute;bottom:-14px;}.App-content .footer-container input[type="email"]{text-align:center;background-color:#000 !important;border:1px solid #fff;color:#fff;padding:10px 52px 8px;font-size:16px;border-radius:50px;width:100%;max-width:100%;font-family:'Avenir Next', "Montserrat";}.Breakpoint--md .footer-container input[type="email"]{max-width:400px;padding:10px 58px 8px;}.App-content .footer-container input[name="email_1"]::placeholder{text-align:center;color:#fff;}/* Newsletter popup */.App-content .CMS-Newsletter-popup{padding:30px;border-radius:2px;max-width:95%;}.App-content .CMS-Newsletter-popup .Popup-close{font-size:1em;top:10px;right:10px;}.App-content .CMS-Newsletter-popup .Popup-content{font-family:"Avenir Next", Arial;}.App-content .CMS-Newsletter-popup .CMS-Newsletter-feedbackHeader{font-size:20px;}.App-content .CMS-Newsletter-popup .CMS-Newsletter-feedbackDescription{font-size:14px;}.App-content .mailform p{font-family:"Avenir Next", Arial;color:#FFF;text-align:center;margin-bottom:10px;}.App-content .mailform form{width:100%;max-width:400px;margin:auto;margin-bottom:30px;}.App-content .mailform .MailformField{background-color:#000;border:1px solid #fff;line-height:40px;border-radius:20px;color:#fff;padding-left:20px;margin-bottom:10px;width:100%;}.App-content .mailform .Mailformsubmit{background-color:#000;border:1px solid #fff;line-height:40px;border-radius:20px;color:#fff;text-align:center;width:100px;margin:auto;display:flex;}.App-content footer .CMS-HtmlAdvanced{width:100%;}.App-content .mailform input[type="radio"]{padding-top:10px;}.App-content .slider-container .swiper-pagination-bullet-active{background:#000 !important;width:5px !important;height:5px !important;}.App-content .slider-container .swiper-pagination-bullet{background:#ACACAC;width:3px;height:3px;}.App-content .CMS-ArticlesSlider .ListArticle-body .Link{display:flex;flex-direction:column;height:100%;}.App-content .CMS-ArticlesSlider .ListArticle-img img{padding:10px;}.App-content .CMS-ArticlesSlider .ListArticle-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}/* submenu*/.App-content .submenu-infopages .CMS-SubMenuNode--active > .CMS-SubMenuNode-content > .CMS-SubMenuNode-title > a{font-weight:800;padding:10px;background:#FFCB08;}.App-content .submenu-infopages .CMS-SubMenuNode-children-dropdown .CMS-SubMenuNode-title a{font-weight:normal;padding:10px;background:#FFCB08;}.App-content .sub-info-menu .CMS-SubMenuDropdown-current{display:flex;flex-direction:row;justify-content:space-between;padding:10px 20px;background:#FFCB08;border-bottom:#000 solid 1.5px;}.App-content .sub-info-menu .CMS-SubMenuDropdown-item a{padding:10px 20px;display:flex !important;width:100%;}.App-content .CMS-SubMenuDropdown{display:block !important;/* Ensures submenu is always visible */}.App-content .CMS-SubMenuDropdown--open{display:block !important;/* Keep the dropdown in the "open" state */opacity:1;/* If fading effects are used, ensure it's visible */visibility:visible !important;/* Make sure it's not hidden */}/* Optional: Ensure dropdown options are visible */.App-content .CMS-SubMenuDropdown-options{display:block !important;visibility:visible !important;opacity:1 !important;}/* stores *//* grid */.App-content .store-grid .Grid-cell{width:100%;}@media only screen and (min-width: 640px){.store-grid .Grid-cell{width:50% !important;}}/*maps*/.App-content .map-frame{width:100%;aspect-ratio:4/3;}.App-content .ListArticleContainer:before{padding-top:145%;}.App-content .checkout-articles .ListArticle-body .Link{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;height:100%;}
.Preset-Primary-Background-Color {
  background-color: #F9F9F9;
}
.Preset-Primary-Color {
  color: #333333;
}
.Preset-Heading-Color {
  color: #333333;
}
.Preset-Primary-Button {
  border-radius: 20px;
  background-color: #FFCB08;
  color: #333333;
  font-size: 16px;
  font-weight: 600;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
}
.Preset-Primary-Button:hover {
  background-color: #FFCB08;
  color: #000000;
}
.Preset-Primary-Font-Family {
  font-family: Avenir Next, Montserrat;
}
.Preset-Heading-Font-Family {
  font-family: Avenir Next, Montserrat;
}
.Preset-Primary-Text {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2em;
}
.Preset-Link-Color {
  color: #333333;
}
.Preset-Heading1 {
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
}
.Preset-Heading2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}
.Preset-Heading3 {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: ;
  line-height: 120%;
}
.Preset-Secondary-Background-Color {
  background-color: #000000;
}
.Preset-Secondary-Button {
  border-radius: 20px;
  background-color: #000;
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 8px;
}
.Preset-Secondary-Button:hover {
  background-color: #000;
  color: #ffffff;
}
.Preset-Heading4 {
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
}
.Preset-Heading5 {
}
.Preset-Heading6 {
}
.Preset-Primary-Accent-Background-Color {
  background-color: #FFCB08;
}
.Preset-Secondary-Accent-Background-Color {
  background-color: #4E4C51;
}
.SC-text-gray-original {
  color: #B1B1B1;
}
.SC-remove-padding-margin-sides {
  padding: 0px;
  margin: 0px;
}
.Preset-Secondary-Color {
  color: #FFFFFF;
}
.SC-text-color-red-sales {
  color: #E12527;
}
.SC-font-weight-bold {
  font-weight: 700;
  font-family: Avenir Next;
}