/*! © 2026 Lär & Lek. Alla rättigheter förbehållna. */
:root{--ll-gron:#008A00;--ll-gron-mork:#095409;--ll-gron-ljus:#e8f0e1;--ll-linje:#dfe5da;--ll-text:#161515;--ll-gra:#6b6a6a;--ll-vaxel-bg:#dfe5d9;--ll-rad-hover:#cdeeb8;--ll-rad-akt:#b7e397;--ll-sken:0 18px 40px rgba(22,21,21,.16)}.ll-gronglas{position:relative!important;overflow:hidden!important;background:linear-gradient(115deg,#16a816,#008a00 34%,#067a06 60%,#1fae1f)!important;background-size:240% 100%!important;box-shadow:inset 0 1px #ffffff80,inset 0 0 0 1px #ffffff24,inset 0 -1px 1px #ffffff38,inset 0 -6px 10px -6px #00320059,0 5px 12px -6px #006e008c!important}.ll-gronglas:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 90% at 28% -10%,#ffffff4d,#fff0 58%)}.ll-gronglas:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.42) 47%,rgba(255,255,255,.12) 55%,transparent 68%);background-size:260% 100%;background-position:160% 0}#site-header .search-block form[data-ll-lage=sok] .ll-lage:before{content:""!important;display:block!important;position:absolute!important;inset:3px!important;width:auto!important;height:auto!important;margin:0!important;z-index:0!important;border-radius:999px!important;pointer-events:none;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.95) 47%,rgba(255,255,255,.35) 56%,transparent 70%);background-size:260% 100%;background-position:160% 0;animation:llGlans 12.5s ease-in-out infinite}@media(hover:hover){#site-header .search-block form[data-ll-lage=sok] .ll-lage:hover:before{content:""!important;display:block!important;position:absolute!important;inset:3px!important;z-index:0!important;border-radius:999px!important;pointer-events:none;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 48%,rgba(255,255,255,.18) 57%,transparent 70%);background-size:260% 100%;animation:llGlansSnabb 3.2s ease-in-out infinite}}#site-header .search-block .ll-lage{background:linear-gradient(90deg,#cfd8c6,#d9e6cd 45%,#e6f2db 80%,#ebf6e1)!important;box-shadow:inset 0 0 0 1px #1e46192b,inset 0 2px 4px #1628143d,inset 0 -1px 3px #1628141f!important}@keyframes llGlansSnabb{0%,25%{background-position:160% 0}to{background-position:-60% 0}}@keyframes llGlans{0%,80%{background-position:160% 0}to{background-position:-60% 0}}.ll-vaxel{position:relative;isolation:isolate;display:flex;padding:3px;border-radius:999px;background:var(--ll-vaxel-bg);box-shadow:inset 0 1px 2px #1615151a,inset 0 0 0 1px #1615150a}.ll-vaxel>.ll-skiva{position:absolute!important;z-index:0;top:3px;bottom:3px;left:0;width:0;border-radius:999px;pointer-events:none;opacity:0;transition:translate .5s cubic-bezier(.34,1.32,.5,1),width .5s cubic-bezier(.34,1.32,.5,1),opacity .2s}.ll-vaxel>.ll-skiva.klar{opacity:1}.ll-vaxel>.ll-skiva{will-change:translate,scale}.ll-vaxel>:not(.ll-skiva){position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.ll-gronglas:after,#site-header .search-block .ll-lage:before{animation:none}.ll-vaxel>.ll-skiva{transition:opacity .2s}}#site-header{box-shadow:none!important;border-bottom:0!important}.ll-tona{position:absolute;z-index:-1;left:0;right:0;top:100%;height:34px;pointer-events:none;opacity:var(--ll-skroll,0);background:linear-gradient(to bottom,#fff,#ffffffd1 35%,#fff0);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent);mask-image:linear-gradient(to bottom,#000 30%,transparent)}#site-header .header-item-3{grid-template-columns:auto minmax(0,1fr) auto auto!important;grid-template-areas:"logo search cart meny"!important;grid-column-gap:14px!important;align-items:center!important;height:76px}#site-header .header-item-3 .menu-block{display:none!important}#site-header .header-item-3 .class-logotype .column{width:190px!important;padding:0!important}#start-page #content,#start-page.has-slideshow-media #content,#content{margin-top:120px!important}#site-header .search-block{grid-area:search!important;display:block!important;height:auto!important;width:100%!important;max-width:860px!important;justify-self:center}#site-header .search-block h3,#site-header .search-block .caption{display:none!important}#site-header .search-block{padding:0!important}#site-header .search-block .content{position:relative;background:transparent!important;box-shadow:none!important;border-radius:0!important;border:0!important}#site-header .search-block form{display:flex!important;align-items:center;height:52px!important;padding:4px 4px 4px 16px;gap:8px;box-sizing:border-box;background:#fff;border:1.5px solid var(--ll-linje);border-radius:26px;box-shadow:var(--ll-sken);transition:border-color .15s,box-shadow .15s}#site-header .search-block form:focus-within{border-color:var(--ll-gron);box-shadow:0 0 0 3px #008a001f,var(--ll-sken)}#site-header .search-block form{transition:border-color .15s,box-shadow .15s,border-radius .2s}#site-header .search-block form.ll-gardin{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}html{--ll-bar-std:48px}@media(max-width:520px){html{--ll-bar-std:50px}}html.ll-cm-hojd #page-container{padding-top:var(--ll-bar,var(--ll-bar-std))!important}html.ll-cm-hojd #site-header{top:0!important;box-shadow:0 var(--ll-bar,var(--ll-bar-std)) 0 #fff!important}html.ll-cm-hojd .ll-tona{top:calc(100% + var(--ll-bar,var(--ll-bar-std)))}html.ll-glid #page-container{transition:padding-top .26s cubic-bezier(.2,.8,.3,1)}html.ll-glid #site-header{transition:box-shadow .26s cubic-bezier(.2,.8,.3,1)}html.ll-glid .ll-tona{transition:top .26s cubic-bezier(.2,.8,.3,1)}#site-header .search-block .field-wrap{flex:1;min-width:0;margin:0!important;border:0!important}#site-header .search-block .control{height:auto!important}#site-header .search-block input[name=q]{width:100%!important;height:40px!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;font:400 16px/1 Roboto,Arial,sans-serif!important;color:var(--ll-text)!important}#site-header .search-block input[name=q]::placeholder{color:#8a8888;opacity:1}#site-header .search-block input[type=search]::-webkit-search-cancel-button{display:none}#site-header .search-block form>button[type=submit]{display:none!important}.ll-ikon{flex:none;width:26px;height:26px;color:var(--ll-gron);display:flex;align-items:center;justify-content:center}.ll-ikon svg{width:26px;height:26px}.ll-lage{flex:none}#site-header .search-block .ll-lage button{all:unset;box-sizing:border-box!important;height:38px!important;padding:0 18px!important;border:0!important;border-radius:19px!important;cursor:pointer;display:flex!important;align-items:center;gap:6px;background:transparent!important;box-shadow:none!important;font:500 15px/1 Roboto,Arial,sans-serif!important;color:#3d3c3c!important;white-space:nowrap;transition:color .25s;position:relative!important;z-index:1!important}#site-header .search-block .ll-lage button:before,#site-header .search-block .ll-lage button:after{content:none!important;display:none!important}#site-header .search-block .ll-lage button svg{width:20px;height:20px;margin-left:-3px;color:var(--ll-gron);transition:color .25s}#site-header .search-block .ll-lage button:hover{color:var(--ll-text)!important}#site-header .search-block .ll-lage button[aria-pressed=true]{color:#fff!important}#site-header .search-block .ll-lage button[aria-pressed=true] svg{color:#fff}#site-header .search-block .ll-lage button:focus-visible{outline:2px solid var(--ll-gron);outline-offset:2px}#site-header .favorite-cart-block{grid-area:cart!important;height:auto!important;width:auto!important;min-width:0!important;justify-content:flex-end!important;padding:0 4px!important}#site-header .favorite-cart-block .favorite,#site-header .class-cart-text{display:none!important}#site-header .favorite-cart-block .favorite-cart{position:relative;padding:0 8px!important;margin:0!important}#mobile-menu,.mobile #mobile-menu{display:none!important}#site-header .ll-menyknapp,#site-header .ll-menyknapp:focus,#site-header .ll-menyknapp:hover{color:#fff!important;border:0!important}.ll-menyknapp{all:unset;grid-area:meny;box-sizing:border-box;width:58px;height:44px;border-radius:22px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:filter .15s,transform .1s}.ll-menyknapp:hover{filter:brightness(1.07) saturate(1.05)}.ll-menyknapp:active{transform:scale(.96)}.ll-menyknapp:focus-visible{outline:3px solid rgba(0,138,0,.35);outline-offset:2px}.ll-menyknapp svg{position:relative;z-index:1;width:24px;height:24px}.ll-konto{grid-area:konto;display:none!important;align-items:center;justify-content:center;width:40px;height:42px;color:var(--ll-gron)!important;text-decoration:none!important}.ll-konto svg{width:26px;height:26px;display:block}.ll-menyknapp .stang,.ll-menyknapp[aria-expanded=true] .oppna{display:none}.ll-menyknapp[aria-expanded=true] .stang{display:block}.ll-meny{position:fixed;z-index:2147483600;width:280px;max-height:calc(100vh - 140px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box;background:#fff;border:1px solid #e6e8e3;border-radius:16px;box-shadow:var(--ll-sken);padding:6px 0;font:400 16px/1.25 Roboto,Arial,sans-serif;color:var(--ll-text);-webkit-font-smoothing:antialiased;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .14s,transform .14s}.ll-meny.oppen{opacity:1;transform:none;pointer-events:auto}.ll-meny .grupp{padding:4px 6px}.ll-meny .grupp+.grupp{border-top:1px solid #ecedea}.ll-meny .rad{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:14px;padding:11px 18px;cursor:pointer;color:var(--ll-text)!important;text-decoration:none!important;font-size:16px;border-radius:12px;transition:background .15s}.ll-meny .rad:hover,.ll-meny .rad:focus-visible{background:var(--ll-rad-hover)}.ll-meny .rad.akt{background:var(--ll-rad-akt)}.ll-meny .rad .sym{flex:none;width:22px;height:22px;color:#2b2a2a}.ll-meny .rad .sym svg{width:22px;height:22px;display:block}.ll-meny .rad .txt{flex:1;min-width:0}.ll-meny .rad.akt .txt{font-weight:700}.ll-meny .rad.sida .txt{color:#3d3c3c}.ll-meny .rad.sida .sym{color:#8a8888}.ll-meny .radpar{display:flex;align-items:center;border-radius:12px;transition:background .15s}.ll-meny .radpar:hover,.ll-meny .radpar:focus-within{background:var(--ll-rad-hover)}.ll-meny .radpar:has(>.rad.akt){background:var(--ll-rad-akt)}.ll-meny .radpar>.rad{flex:1;min-width:0;padding-right:8px;background:transparent!important}.ll-meny .utoka{all:unset;box-sizing:border-box;flex:none;width:40px;height:32px;margin-right:6px;border-radius:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:filter .15s,transform .1s}.ll-meny .utoka.ll-gronglas:after{animation:none;transition:none;display:none}.ll-meny .radpar:hover .utoka.ll-gronglas,.ll-meny .utoka.ll-gronglas:hover,.ll-meny .utoka.ll-gronglas:focus-visible{background:linear-gradient(140deg,#5fe35f,#22c022 30%,#0a9a0a 62%,#036a03)!important;animation:none!important;box-shadow:inset 0 1px #ffffffbf,inset 0 0 0 1px #fff3,inset 0 -2px 3px #00280059,0 6px 14px -6px #006e00b3!important}.ll-meny .utoka:active{transform:scale(.93)}.ll-meny .utoka:focus-visible{outline:2px solid var(--ll-gron);outline-offset:2px}.ll-meny .utoka svg{position:relative;z-index:1;width:18px;height:18px;display:block}.ll-meny .rubrik{margin-bottom:6px;padding:0 0 6px;border-radius:0;border-bottom:1px solid #ecedea}.ll-meny .rubrik:hover,.ll-meny .rubrik:focus-within{background:transparent}.ll-meny .grupp.under{padding-top:6px}.ll-meny .rubrik .utoka{margin:0 0 0 6px}.ll-meny .rubrik .utoka svg{transform:rotate(180deg)}.ll-meny .rubrik .rad{padding-left:12px;font-weight:700}.ll-meny .rubrik .rad:hover{background:var(--ll-rad-hover)!important}.ll-meny .moms{padding:10px 18px}.ll-meny .moms{display:flex;justify-content:flex-start}.ll-meny .moms a{flex:none;text-align:center;padding:7px 14px;border-radius:999px;color:#3d3c3c!important;text-decoration:none!important;font-size:14px;font-weight:500;transition:color .25s}.ll-meny .moms a.vald{color:#fff!important}#site-header .class-header-vat .column.ll-vaxel{display:inline-flex!important;padding:2px;gap:0}#site-header .class-header-vat .column.ll-vaxel>.ll-skiva{top:2px;bottom:2px}#site-header .class-header-vat .column.ll-vaxel a{display:block;padding:0 12px!important;margin:0!important;height:24px;line-height:24px!important;border:0!important;border-radius:999px;font:500 13px/24px Roboto,Arial,sans-serif!important;color:#3d3c3c!important;text-decoration:none!important;background:none!important;transition:color .25s;position:relative!important;z-index:1!important}#site-header .class-header-vat .column.ll-vaxel a:before,#site-header .class-header-vat .column.ll-vaxel a:after{content:none!important;display:none!important}#site-header .class-header-vat .column.ll-vaxel a.vald{color:#fff!important}#site-header .class-header-contact,#site-header #locale-selector{display:none!important}#site-header .header-item-1{grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-areas:none!important}#site-header .header-item-1 .class-mypages{grid-column:1!important;grid-row:1!important}#site-header .header-item-1 .class-header-usp{grid-column:2!important;grid-row:1!important}#site-header .header-item-1 .class-header-vat{grid-column:3!important;grid-row:1!important;justify-self:end;width:auto!important}.ll-meny .bara-smal{display:none}.ll-bakgrund{position:fixed;inset:0;z-index:2147483599;background:#1615152e;opacity:0;pointer-events:none;transition:opacity .14s}.ll-bakgrund.oppen{opacity:1;pointer-events:auto}a.breadcrumb,a.breadcrumb span{text-decoration:none!important}a.breadcrumb:hover span{color:var(--ll-gron-mork)}#product-page .manufacturer-related-products a{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid #cfe3cf;border-radius:18px;background:#f2f8f2;color:var(--ll-gron-mork)!important;text-decoration:none!important;font-size:14px;font-weight:500}#product-page .manufacturer-related-products a:hover{background:#e6f2e6}@media(max-width:1199px){#start-page #content,#start-page.has-slideshow-media #content,#content{margin-top:112px!important}#site-header .header-item-3{height:72px}#site-header .header-item-3 .class-logotype .column{width:160px!important}.ll-meny .bara-smal{display:flex}#site-header .header-item-1 .class-mypages{display:block!important}}@media(max-width:767px){#site-header .header-item-1{display:none!important}#site-header .header-item-3{grid-template-columns:minmax(0,1fr) auto auto auto!important;grid-template-areas:"logo konto cart meny" "search search search search"!important;grid-column-gap:4px!important;grid-row-gap:8px!important;height:auto;padding:8px 0 10px!important}.ll-konto{display:flex!important}#site-header .favorite-cart-block{padding:0!important}#site-header .favorite-cart-block .favorite-cart{padding:0 6px!important}.ll-menyknapp{margin-right:7px;margin-left:6px}#site-header .header-item-3 .class-logotype .column{width:132px!important;padding:0!important}#start-page #content,#start-page.has-slideshow-media #content,#content{margin-top:124px!important}#site-header .search-block{max-width:none}#site-header .search-block form{height:48px!important;padding:3px 3px 3px 14px;gap:6px}#site-header .search-block input[name=q]{font-size:16px!important}.ll-ikon{display:none}#site-header .search-block .ll-lage{display:grid!important;grid-auto-flow:column;grid-auto-columns:1fr}#site-header .search-block .ll-lage button{height:36px!important;padding:0 8px!important;font-size:14px!important;justify-content:center;gap:3px}#site-header .search-block .ll-lage button svg{width:16px;height:16px;margin-left:-1px}.ll-menyknapp{width:52px;height:42px}.ll-menyknapp svg{width:23px;height:23px}.ll-meny{left:auto!important;width:min(280px,calc(100vw - 20px))}}#site-header .search-block form.ll-cm[data-ll-lage=ai] input[name=q]::placeholder{color:#4f9a3f!important;opacity:1!important}
