/* Barlow Regular */ @font-face { font-family: 'Barlow'; src: url('../fonts/barlow-regular-webfont.woff2') format('woff2'), url('../fonts/barlow-regular-webfont.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } /* Barlow Bold */ @font-face { font-family: 'Barlow'; src: url('../fonts/barlow-bold-webfont.woff2') format('woff2'), url('../fonts/barlow-bold-webfont.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } :root{--color-primary:#337ab7;--color-border:#337ab7;--color-body-text:#000;--color-heading-text:#000;--color-body-link:#666;--color-body-link-hover:#337ab7;--color-product-title:#000;--color-regular-price:#337ab7;--color-sale-price:#666;--btn-border-radius:4px;--color-btn-bg:#337ab7;--color-btn-text:#fff;--color-btn-bg-hover:#0051ba;--color-btn-text-hover:#fff;--color-tip-bg:#fff;--color-tip-text:#333;--color-ratings:#337ab7;--input-border-radius:0;--color-input-bg:rgba(255, 255, 255, 0.5);--color-input-border:rgba(129, 129, 129, 0.2);--color-input-text:#282828;--color-cookie-bg:#0051ba;--color-cookie-txt:#fff;--color-cookie-link:#e6e2ef;--color-cookie-btn-bg:#fff;--color-cookie-btn-text:#000;--color-cookie-btn-bg-h:#22990f;--color-cookie-btn-text-h:#fff;--color-box-bg:#fff;--color-box-border:#e5e5e5;--box-border-radius:0;}.breadcrumb{background:#f9f9f9;padding-top:20px;padding-right:0px;padding-bottom:20px;padding-left:0px;color:#666;}.breadcrumb .page-heading{color:#232323;}.breadcrumb li:after{color:#666;}.breadcrumb a{color:#666;}.breadcrumb a:hover{color:#232323;}@media (max-width:991px){.breadcrumb{padding-top:10px;padding-right:0px;padding-bottom:10px;padding-left:0px;}}.lang-rtl .breadcrumb{padding-left:0px;padding-right:0px;}@media (max-width:991px){.lang-rtl .breadcrumb{padding-left:0px;padding-right:0px;}}body.boxed main{border:solid 3px #f8fbff;overflow:hidden;position:relative;margin:0 15px;box-shadow:2px 2px 5px 3px #fff;}@media (min-width:1300px){body.boxed main{max-width:127%;margin:0 auto;}}.container,.elementor-section.elementor-section-boxed > .elementor-container{max-width:97%;}body{background:#fff;color:var(--color-body-text, #666);}.tdstar:after{color:#337ab7;}.product-flags .discount,.product-flags .on-sale{background:#f46e6e;color:#fff;}.product-flags .new{background:#232323;color:#fff;}.product-flags .online-only,.product-flags .pack{background:#232323;color:#fff;}.product-flags .out_of_stock{background:#232323;color:#fff;}.product-price.has-discount .discount{background:#f46e6e;color:#fff;}table#product_comparison .discount-product,#mywishlist .discount-product,#view_wishlist .discount-product,table#product_comparison .discount-percentage,#mywishlist .discount-percentage,#view_wishlist .discount-percentage{background:#f46e6e;color:#fff;}.products.row{margin-left:calc(-20px/2);margin-right:calc(-20px/2);}.products.row > .col,.products.row > [class*="col-"]{padding-left:calc(20px/2);padding-right:calc(20px/2);margin-bottom:20px;}.products.row .slick-slider .product-miniature{padding-left:calc(20px/2);padding-right:calc(20px/2);margin-bottom:20px;}@media (max-width:767px){.products.row{margin-left:calc(-10px/2);margin-right:calc(-10px/2);}.products.row > .col,.products.row > [class*="col-"]{padding-left:calc(10px/2);padding-right:calc(10px/2);margin-bottom:10px;}.products.row .slick-slider .product-miniature{padding-left:calc(10px/2);padding-right:calc(10px/2);margin-bottom:10px;}}.product-miniature .product-container{border:none 1px;padding:0px;}@media (max-width:543px){}.products .product-miniature .product-container .variant-links{display:none !important;}#maintenance{background:#b1b1b1 url("https://jarmix.fi/img/cms/Taustakuva_sinitaivas_2500.jpg") center center / auto no-repeat fixed;color:#fff;}#maintenance a{color:#fff;}html{font-size:16px;}@media (max-width:767px){html{font-size:16px;}}body{line-height:26px;}body{font-family:Barlow;}.cbp-horizontal > ul > li > a{font-size:13px;font-style:normal;font-weight:500;text-transform:none;line-height:50px;color:#fff;padding-left:10px;padding-right:10px;}.cbp-horizontal > ul > li > a:hover{background:#0051ba;color:#fff;}.cbp-horizontal .cbp-tab-title{line-height:1em !important;}.cbp-horizontal .cbp-mainlink-icon,.cbp-horizontal .cbp-mainlink-iicon{font-size:30px;max-height:30px;}.cbp-hrmenu.cbp-vertical > ul{background:#e0e8f3;border:solid 2px #0051ba;box-shadow:0px 15px 25px 0px rgba(74, 63, 63, 0.15);z-index:1;}.cbp-hrmenu.cbp-vertical .cbp-vertical-title{font-size:14px;font-style:normal;font-weight:500;text-transform:uppercase;line-height:40px;color:#fff;background:#232323;}.cbp-hrmenu.cbp-vertical .cbp-vertical-title:hover{background:#0b6bbd;}.cbp-hrmenu.cbp-vertical > ul > li > a{font-size:13px;font-style:normal;font-weight:400;text-transform:uppercase;padding-top:8px;padding-bottom:8px;color:#000;border-top:solid 12px;}.cbp-hrmenu.cbp-vertical > ul > li > a .cbp-mainlink-icon,.cbp-hrmenu.cbp-vertical > ul > li > a .cbp-mainlink-iicon{font-size:13px;max-height:13px;}.cbp-hrmenu.cbp-vertical > ul > li > a:hover{color:#428bca;}.cbp-vertical.cbp-vert-expanded .cbp-vertical-title{background:#0b6bbd;}.cbp-hrmenu.cbp-vertical .cbp-hrsub-wrapper{top:0;margin-top:0px !important;min-height:100%;}.cbp-hrmenu.cbp-vertical .cbp-hrsub{min-height:100%;}.cbp-hrmenu.cbp-vertical .cbp-show{-js-display:flex;display:flex;flex-wrap:wrap;}.cbp-hrmenu.cbp-vertical .cbp-hrsub-inner{width:100%;}.cbp-hrmenu .cbp-hrsub{font-size:13px;font-style:normal;font-weight:400;text-transform:uppercase;}.cbp-hrmenu .cbp-hrsub-inner,.cbp-hrmenu ul.cbp-hrsub-level2{border:none 1px;box-shadow:0px 15px 25px 0px rgba(74, 63, 63, 0.15);}.cbp-hrmenu .cbp-hrsub-inner,.cbp-hrmenu .cbp-hrsub-inner a{color:#232323 !important;}.cbp-hrmenu .cbp-hrsub-inner a:hover{color:#428bca !important;}.cbp-hrmenu .cbp-tabs-names li a{color:#232323 !important;}.cbp-hrmenu .cbp-tabs-names li a:hover,.cbp-hrmenu .cbp-tabs-names li a.active{color:#428bca !important;}.cbp-hrmenu .cbp-links li a:before{display:none;}.cbp-hrmenu .cbp-links li a{padding-left:0;}.cbp-hrmenu .cbp-hrsub-inner .cbp-column-title{color:#232323 !important;border-bottom:none 1px;font-size:13px;font-style:normal;font-weight:600;text-transform:uppercase;}.cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover{color:#428bca !important;}#bitmegamenu-mobile{background:#fff;}.mobile-menu__submenu{background:#fff;}.mobile-menu__tab{border-bottom:solid 1px #ebebeb;min-height:46px;}.mobile-menu__link{color:#444 !important;padding-top:15px;padding-bottom:15px;font-size:16px;font-style:normal;font-weight:400;text-transform:none;}.mobile-menu__arrow{padding-top:15px;padding-bottom:15px;color:#444;font-size:16px;}.mobile-menu__tab-icon{font-size:16px;}.mobile-menu__tab-icon--img{max-height:16px;}.mobile-menu__legend{font-size:12px;font-style:normal;font-weight:400;text-transform:none;color:#fff;background-color:#444;}.mobile-menu__header-wrapper{color:#444;background-color:#f4f4f4;border-bottom:none 1px;}.mobile-menu__title{font-size:16px;font-style:normal;font-weight:400;text-transform:none;}.mobile-menu__column-title{font-size:16px;font-style:normal;font-weight:600;text-transform:uppercase;color:#444 !important;}.mobile-menu__column{font-size:14px;font-style:normal;font-weight:400;text-transform:none;color:#444;margin-bottom:30px;}.mobile-menu__column-categories:not(:last-child){margin-bottom:30px;}.mobile-menu__column-title{margin-bottom:10px;}.mobile-menu__links-list-li{padding-top:6px;padding-bottom:6px;}.mobile-menu__back-btn{color:#444;}@keyframes slideMenuLeft{0%{opacity:0;transform:translateX(100%);}100%{opacity:1;transform:translateX(0);}}@keyframes slideMenuRight{0%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(100%);}}/* 1. Luodaan animaatio, joka muuttaa läpinäkyvyyden 0 -> 1 */ @keyframes fadeInPayments { 0% { opacity: 0; } 99% { opacity: 0; } 100% { opacity: 1; } } /* 2. Otetaan animaatio käyttöön maksutavoissa */ .payment-options { animation: fadeInPayments 0.8s forwards; /* Pitää piilossa 0.8s ja näyttää sitten */ } /* 3. Estetään tekstien vilkkuminen (aiempi korjaus) */ .payment-option label.custom-control-label { color: transparent !important; } /* 4. Varmistetaan että logot näkyvät heti kun alue paljastuu */ .payment-option label.custom-control-label img { color: initial; display: inline-block !important; opacity: 1 !important; } /* 1. Piilotetaan koko maksutapojen alue aluksi */ .payment-options { opacity: 0; transition: opacity 0.3s ease-in; } /* 2. Näytetään alue heti, kun sivu on latautunut tai kun logot ovat valmiita */ /* PrestaShop lisää 'loaded' tai 'ready' luokkia, mutta varmistetaan se näin: */ body.page-checkout .payment-options { opacity: 1; } /* 3. Estetään yksittäisten logojen hyppiminen varaamalla niille kiinteä tila */ .payment-option img { min-width: 100px; /* Säädä logon keskimääräisen leveyden mukaan */ min-height: 30px; display: inline-block; background: rgba(255,255,255,0.05); /* Kevyt varaus taustalla */ } /* Palautetaan alkuperäinen ulkoasu, mutta piilotetaan teksti logon alta */ .payment-option label.custom-control-label { color: transparent !important; /* Tekee tekstistä näkymättömän muuttamatta asettelua */ white-space: nowrap; } /* Varmistetaan, että logo näkyy normaalisti tekstin perässä */ .payment-option label.custom-control-label img { color: initial; /* Palauttaa perusasetukset kuvalle */ display: inline-block !important; vertical-align: middle; margin-left: 5px; /* Pieni väli radiopainikkeen/tekstin kohdalle */ } /* Piilotetaan se "-- Valitse --" -painike, joka saattaa välähtää */ .payment-option .ps-hidden-by-js { display: none !important; } .add-to-cart::before { content: ""; background-image: url("/img/cms/addtocartplus.png") !important; background-size: contain !important; background-repeat: no-repeat !important; width: 30px !important; height: 30px !important; margin-right: 7px !important; /* Lisätty marginaali oikealle */ display: inline-block !important; vertical-align: middle !important; } @font-face { font-family: 'Line Awesome Free'; font-style: normal; font-weight: 400; src: url(...la-regular-400.woff2) format("woff2"), url(...la-regular-400.woff) format("woff"), url(...la-regular-400.ttf) format("truetype"); font-display: swap; /* LISÄÄ TÄMÄ */ } @font-face { font-family: 'Line Awesome Free'; font-style: normal; font-weight: 900; src: url(...la-solid-900.woff2) format("woff2"), url(...la-solid-900.woff) format("woff"), url(...la-solid-900.ttf) format("truetype"); font-display: swap; /* LISÄÄ TÄMÄ */ } /* Vain mobiililaitteet */ @media (max-width: 767px) { img.footer-payment-img.payment-banner-main { max-width: 200px; /* Säädä tätä lukua haluamasi koon mukaan */ height: auto; /* Pitää kuvasuhteen oikeana */ display: block; margin: 0 auto; /* Keskittää kuvan mobiilissa */ } } /* Varataan tila hakunapille etukäteen */ .button-search { min-width: 45px; min-height: 40px; } @font-face { font-family: 'LineAwesome'; src: url('../fonts/la-solid-900.woff2') format('woff2'); font-display: swap; /* Lisää tämä rivi */ font-weight: 900; font-style: normal; } @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'); font-display: swap; /* Lisää tämä rivi */ font-weight: normal; font-style: normal; } /* Kohdistetaan ostoskori-painikkeen sisällä oleva kuvake */ .add-to-cart i, .add-to-cart .fa, .add-to-cart .material-icons { vertical-align: middle; /* Peruskohdistus keskelle tekstiä */ margin-top: -3px; /* Siirtää kuvaketta hienovaraisesti ylöspäin */ display: inline-block; /* Varmistaa, että siirto toimii */ }