@layer komponenter{.produktbild{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--platta, var(--farg-platta))}.produktbild__bild{position:absolute;max-width:none}.produktbild--normal .produktbild__bild{left:var(--bild-x);top:var(--bild-y);width:var(--bild-bredd);height:var(--bild-hojd)}.produktbild--inpassad .produktbild__bild{left:8%;top:8%;width:84%;height:84%;object-fit:contain}.produktbild--fylld .produktbild__bild{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.produktbild--blanda{isolation:isolate}.produktbild--blanda .produktbild__bild{filter:brightness(var(--ljus, 1));mix-blend-mode:multiply}.produktbild--tom{display:grid;place-items:center;padding:var(--s-4);background:color-mix(in srgb,var(--inaktiv-yta) 60%,var(--papper));color:var(--blaek-2);font-family:var(--font-rubrik);font-size:var(--t-mikro);font-weight:500;text-align:center;overflow-wrap:anywhere}.kort{position:relative;container-type:inline-size;display:grid;align-content:start;gap:var(--s-2);min-width:0}.kort__lank{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;color:inherit;text-decoration:none}.kort__lank:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.kort__lank:focus-visible{outline:none}.kort__lank:focus-visible:after{outline:2px solid var(--fokus);outline-offset:4px}.kort__lank>.produktbild,.kort__lager{grid-area:1 / 1}.kort__lank{--kort-kant: var(--s-2)}.kort__lager,.produktbild__band{justify-self:start;max-width:calc(100% - 2 * var(--kort-kant));margin:var(--kort-kant);padding:3px 8px;font-family:var(--font-text);line-height:1.3;text-align:start;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.kort__lager{position:relative;align-self:start;border-radius:4px;background:var(--sidpapper);color:var(--blaek);font-size:.75rem;font-weight:500}.kort .produktbild{display:grid;grid-template:auto minmax(0,1fr) / minmax(0,1fr);border-radius:10px}.kort .produktbild__bild,.kort .produktbild__marke{grid-area:2 / 1 / 3 / 2}.kort .produktbild__band{grid-area:1 / 1 / 2 / 2;margin-block-end:0;visibility:hidden}.kort .produktbild--fylld .produktbild__bild{grid-area:1 / 1 / 3 / 2}.kort .produktbild--tom{padding:0}.kort .produktbild__marke{margin:var(--s-4) var(--s-4) 0}.kort .produktbild--normal .produktbild__bild{top:50%;left:50%;width:auto;height:calc(min(var(--motiv-hojd) * 1.25cqi,84%) * var(--motiv-tal));aspect-ratio:var(--bild-format);translate:calc(var(--motiv-x) * -1%) calc(var(--motiv-y) * -1%)}.kort__marke{margin-top:6px;font-size:.6875rem;font-weight:600;letter-spacing:.12em;color:var(--text-2);overflow-wrap:anywhere}.kort__titel{font-family:var(--font-rubrik);font-size:.9375rem;font-weight:500;line-height:1.3;text-wrap:pretty;overflow-wrap:break-word}.kort__hel{white-space:nowrap}.kort__lank:hover .kort__titel{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.kort__kop{display:flex;flex-wrap:wrap;align-items:center;row-gap:2px}.kort__kop>.pris{flex:1 1 auto;min-width:0}.kort__kop>.pris__30d{flex-basis:100%}.pris--kort{column-gap:6px;white-space:normal}.pris--kort .pris__nu{font-size:1rem;font-weight:500}.kort .pris__30d{line-height:1.4}.kort__storlekar{font-size:var(--t-mikro);font-variant-numeric:tabular-nums;word-spacing:.3em;color:var(--text-2)}@container (max-width: 179.98px){.kort__lank{--kort-kant: 6px}.kort__lager,.produktbild__band{gap:5px;padding:2px 6px;font-size:.6875rem;letter-spacing:-.005em;-webkit-hyphens:manual;hyphens:manual}}@container (min-width: 240px){.kort__titel{font-size:1rem}.kort__lank{--kort-kant: var(--s-3)}}.kort__snabb,.kort__snabb-form,.kort__plus,.kort__plus-form{position:absolute;z-index:2;margin:0}.kort__snabb-form{top:calc(125cqi - 12px);left:12px;right:12px;translate:0 -100%}.kort__snabb{top:calc(125cqi - 12px);left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:0 12px 0 16px;border:0;border-radius:10px;background:var(--farg-kop);color:var(--farg-kop-text);font:inherit;font-size:.875rem;font-weight:600;text-decoration:none;translate:0 -100%;cursor:pointer;transition:background-color var(--tid-snabb) var(--kurva)}.kort__snabb-form .kort__snabb{position:static;width:100%;translate:none}.kort__snabb:hover{background:var(--farg-kop-hover)}.kort__snabb:focus-visible{outline:2px solid var(--blaek);outline-offset:2px}.kort__snabb[aria-busy=true]{cursor:progress}.kort__snabb-ikon{width:18px;height:18px}.kort__plus-form{top:calc(125cqi - 10px);right:10px;translate:0 -100%}.kort__plus{top:calc(125cqi - 10px);right:10px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:var(--farg-kop);color:var(--farg-kop-text);translate:0 -100%;cursor:pointer}.kort__plus-form .kort__plus{position:static;translate:none}.kort__plus:focus-visible{outline:2px solid var(--blaek);outline-offset:2px}@media(hover:hover)and (pointer:fine){.kort__plus,.kort__plus-form{display:none}:is(.kort__snabb,.kort__snabb-form){opacity:0;visibility:hidden;translate:0 calc(-100% + 6px);transition:opacity var(--tid) var(--kurva),translate var(--tid) var(--kurva),visibility 0s linear var(--tid)}.kort:is(:hover,:focus-within) :is(.kort__snabb,.kort__snabb-form){opacity:1;visibility:visible;translate:0 -100%;transition:opacity var(--tid) var(--kurva),translate var(--tid) var(--kurva),visibility 0s}.kort__snabb-form .kort__snabb{opacity:1;visibility:inherit;translate:none}}@media(hover:none),(pointer:coarse){.kort__snabb,.kort__snabb-form{display:none}}@media(prefers-reduced-motion:reduce){.kort__snabb,.kort__snabb-form{transition:none}}.karusell{position:relative;display:block;container-type:inline-size;--karusell-gap: var(--s-3);--karusell-antal: 2.1}.produktrad:has(.kortlista--karusell){overflow-x:clip}.kortlista--karusell{margin-inline:calc(-1 * var(--kant-ut));padding-inline:var(--kant-ut);scroll-padding-inline:var(--kant-ut);grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - (var(--karusell-antal) - 1) * var(--karusell-gap)) / var(--karusell-antal));column-gap:var(--karusell-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.kortlista--karusell::-webkit-scrollbar{display:none}.kortlista--karusell>li{scroll-snap-align:start}.kortlista--karusell:focus-visible{outline:2px solid var(--fokus);outline-offset:4px}.karusell__pil{display:none}@media(min-width:750px){.karusell{--karusell-gap: var(--s-4);--karusell-antal: 3.3}}@media(min-width:1100px){.karusell{--karusell-antal: calc(var(--kolumner-desktop, 5) - .3)}}@media(min-width:750px){.karusell{display:flex;flex-wrap:wrap;gap:var(--s-5) 10px}.karusell>.kortlista{flex:0 0 calc(100% + 2 * var(--kant-ut))}.karusell__pil:not([hidden]){display:grid;place-items:center;width:45px;height:45px;padding:0;border:1px solid var(--skog-700);border-radius:50%;background:transparent;color:var(--skog-700);cursor:pointer;transition:background-color var(--tid-snabb) var(--kurva),opacity var(--tid-snabb) var(--kurva)}.karusell__pil--nasta:not([hidden]){border-color:var(--farg-kop);background:var(--farg-kop)}.karusell__pil:not(:disabled):hover{background:var(--skog-700);border-color:var(--skog-700);color:var(--linne)}.karusell__pil--nasta:not(:disabled):hover{background:var(--farg-kop-hover);border-color:var(--farg-kop-hover);color:var(--skog-700)}.karusell__pil:disabled{opacity:.35;cursor:default}.karusell__pil:focus-visible{outline:2px solid var(--fokus);outline-offset:3px}}.betyg{display:grid;gap:2px}.betyg__rad{display:flex;flex-wrap:wrap;align-items:center;gap:4px var(--s-1);font-size:var(--t-liten);font-weight:600;font-variant-numeric:tabular-nums}.betyg__stjarna{width:16px;height:16px;fill:currentColor}.betyg__lank{font-weight:500}.betyg__kontroll{font-size:var(--t-mikro);line-height:1.4;color:var(--text-2)}.betyg--rad .betyg__rad{font-size:var(--t-bas)}.betyg--rad .betyg__kontroll{font-size:var(--t-liten)}.produktrad__text{max-width:60ch;margin-block:calc(var(--s-5) * -.5) var(--s-5);color:var(--text-2)}.produktrad--flode{padding-block-start:var(--s-5)}.produktrad--flode .t-h2{font-size:var(--t-h3)}.shopify-section:has(+.shopify-section .produktrad--flode) .kollektion{padding-block-end:0}.shopify-section:has(+.shopify-section .produktrad--flode) :is(.kollektion__sidor,.filter__verktyg){display:none}.kollektion-text{max-width:65ch}.produktrad--diskret .t-h2{font-size:var(--t-h3)}.produktrad--diskret .kortlista{gap:var(--s-4) var(--s-2)}@media(max-width:749.98px){.produktrad--diskret .kortlista{--kolumner: 3}}.produktrad--diskret :is(.kort__lager,.kort__storlekar,.kort__plus,.kort__plus-form,.kort__snabb,.kort__snabb-form){display:none}.produktrad--diskret :is(.kort__titel,.kort .pris){font-size:.8125rem}.produktrad__notis{padding-block:var(--s-5)}.produktrad__notis p{padding:var(--s-4);border:1.5px dashed var(--farg-kant);border-radius:var(--r-m);font-size:var(--t-liten)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/kort.css.map */