/* Delad kod för enterprise och bokmärkesgranskning. */
.ss-price-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px}.ss-price-row #PrisFalt{flex:1;min-width:0}.ss-price-row .saveOrShare{width:auto!important;flex:0 0 auto!important;max-width:none!important;padding:0!important;margin:0!important}.ss-price-row .info-tooltip{display:none!important}
.ss-save{display:inline-flex;align-items:center;gap:7px;background:none!important;border:0!important;white-space:nowrap;font-size:14px!important}.ss-save{color:var(--base-color1,#141414)!important}.ss-save[aria-pressed=true] i{color:var(--theme-color1,#FF005C)}
#ss-related{margin:40px auto;padding:24px 1em;width:100%;box-sizing:border-box;color:#222}#ss-related h2{font-size:26px;margin:0 0 20px}
.ss-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:100%}
.ss-related-card{display:block;position:relative;color:white;text-decoration:none;min-width:0}
.ss-related-card .cm-img-wrapper{position:relative;aspect-ratio:1;overflow:hidden;border-radius:2em 0 2em 0}
.ss-related-card img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;border-radius:inherit}
.ss-related-card .cm-img-wrapper::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.3411764706);pointer-events:none;border-radius:inherit}
.ss-related-card .ss-related-title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;padding:12%;box-sizing:border-box;text-align:center;pointer-events:none}
.ss-related-card h3{font-family:BrownLLWeb-Bold,fallback,sans-serif;font-size:clamp(20px,2.2vw,36px);line-height:1.2;overflow-wrap:anywhere;color:#fff;margin:0;text-shadow:1px 1px 14px rgba(0,0,0,.6705882353)}
.ss-related-card::before{font-family:rebusikoner!important;content:'\e905';position:absolute;top:1.3em;right:1.3em;font-size:1.8em;line-height:1;color:white;z-index:3;pointer-events:none;text-shadow:none}
.ss-header-favorites{background:none!important;color:inherit!important;padding:0 8px!important;width:auto!important;height:44px!important;line-height:44px!important;border:0!important;font-size:20px!important;flex:0 0 auto}

.ss-bestseller{flex-shrink:0;background-size:contain;background-repeat:no-repeat}.ss-bestseller>img{display:block;width:100%;height:100%;object-fit:contain}
/* Produktsidan (Produktbeskrivning_Std.html): dekalen är en tom div som Prod_Swe och bestItest, med bild per språk. */
.ProduktBild .ss-bestseller{background-image:url(../bilder/bastsaljare-3-sv.svg)}
html[lang=EN i] .ProduktBild .ss-bestseller{background-image:url(../bilder/bastsaljare-3-en.svg)}
html[lang=NO i] .ProduktBild .ss-bestseller,html[lang=NB i] .ProduktBild .ss-bestseller{background-image:url(../bilder/bastsaljare-3-no.svg)}
html[lang=FI i] .ProduktBild .ss-bestseller{background-image:url(../bilder/bastsaljare-3-fi.svg)}
html[lang=DK i] .ProduktBild .ss-bestseller,html[lang=DA i] .ProduktBild .ss-bestseller{background-image:url(../bilder/bastsaljare-3-dk.svg)}
.ProduktBild .ss-bestseller{width:3.2rem!important;height:3.2rem!important}
@media(min-width:46.91rem){.ProduktBild .ss-bestseller{width:4.5rem!important;height:4.5rem!important}}
@media(min-width:64.01rem){.ProduktBild .ss-bestseller{width:6rem!important;height:6rem!important}}
@media(max-width:64rem){#main-menu{overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y!important;overscroll-behavior-x:none}#main-menu>.wrap,#main-menu .main-menu-wrap{width:100%;max-width:100%;box-sizing:border-box;overflow-x:clip}#main-menu ul{max-width:100%;box-sizing:border-box}#main-menu a{overflow-wrap:anywhere}}


.ss-stock{margin:12px 0 20px;padding:0;border:0;background:none}
.ss-stock .ss-stock-link{display:inline-flex;align-items:center;gap:9px;width:auto;height:auto;line-height:1.5;min-height:32px;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;font-size:14px;font-weight:normal;text-align:left;cursor:pointer}
.ss-price-row>.ss-save{width:auto!important;height:auto!important;min-height:44px;padding:4px 0!important;line-height:1.5!important;border-radius:0;color:inherit;font-family:inherit;flex:0 0 auto;visibility:visible!important;opacity:1!important}
.ProduktBild .ikoner>.Prod_Swe,.PT_icons>.PT_Swe{order:-1!important;z-index:5!important}
.ss-bestseller{order:10!important;z-index:1!important}
@media(max-width:46.9rem){
 .ss-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ss-related-card .cm-img-wrapper{border-radius:8% 0 8% 0}.ss-related-card h3{font-size:clamp(15px,4.4vw,24px)}.ss-related-card::before{font-size:1.2em;top:1em;right:1em}
 #SubmitFalt .buy-button.ss-original-sticky{position:fixed!important;left:12px!important;right:var(--ss-buy-right,12px)!important;bottom:var(--ss-buy-bottom,20px)!important;width:auto!important;max-width:none!important;z-index:55!important;margin:0!important;border-radius:999px!important;padding:0 10px!important;display:flex!important;align-items:center;justify-content:center;min-height:54px;line-height:1.15!important}
 #SubmitFalt .ss-original-sticky .label{white-space:normal;line-height:1.15}
 body:has(.canvas-right-module.active,.canvas-left-module.active,#main-menu.active,#AIRvarukorg-Wrap.active) #SubmitFalt .ss-original-sticky{visibility:hidden}
}
.ss-shopping-drawer .ss-drawer-content{display:flex;flex-direction:column;flex:1;padding:1rem;min-height:0}
.ss-shopping-drawer .ss-drawer-content>.RowWrap{flex:1}
.ss-shopping-drawer .TxtWrap{display:block!important;padding:8px}
.ss-shopping-drawer .TxtWrap a{display:block}
.ss-shopping-drawer .TxtWrap p{font-size:.8rem;margin:8px 0}
.ss-shopping-drawer .Img img{width:100%;height:auto}
.ss-shopping-drawer .ss-favorite-actions{display:flex;flex-direction:column;gap:12px;margin:24px 0 0;padding:20px 0}
.ss-shopping-drawer .ss-text-action{background:none;color:var(--base-color1);text-decoration:underline;width:auto;height:auto;line-height:1.4;padding:0;font:inherit;font-size:.85rem}
.ss-shopping-drawer .close-header:before{content:'\ea42';font-family:'FontAwesome-5-Pro'!important;font-weight:400}
#ss-store-drawer .close-header:before{content:'\e949'}
/* Runda 9 (2026-09-25): panelernas rubrikikon följer sin knapp i headern – hjälp = samma i-ring som hjälpknappen, Min sida = profilikonen (fal fa-user, finns i temats ikonfont). Hjärtat är bara favoriternas. */
/* Korr 2026-09-25 (ss-help): i-ringen ritas som bakgrund i ::before-rutan, som behåller exakt samma box som hjärtat (temat ger .close-header:before flex:1, padding-left:1em och font-size:1.4em; i mobil padding:.5em). Ingen egen bredd/höjd/display – det gjorde rutan 1em hög och toppställd, och center/contain placerade ringen mitt i den breda flex:1-rutan. Ringen är 1em×1em i innehållsrutans vänsterkant, där hjärtglyfens em-ruta sitter: vertikalt centrerad i desktop (radhöjd 2.5em), överst i mobil (line-height:normal ger en radruta på 1em överst). Uppmätt i headless Chrome 1440/560/390 px, se verktyg/hjalp/matning-2026-09-25.md. */
#ss-help-drawer .close-header:before{content:'';background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' fill='none' stroke='%23141414' stroke-width='96' stroke-linecap='round'><circle cx='512' cy='512' r='440'/><line x1='512' y1='456' x2='512' y2='728'/><circle cx='512' cy='316' r='56' fill='%23141414' stroke='none'/></svg>") left center/1em 1em no-repeat;background-origin:content-box}
@media(max-width:46.9rem){#ss-help-drawer .close-header:before{background-position:left top}}
#ss-mypages-drawer .close-header:before{content:'\ea7e';font-weight:300} /* \ea7e = .fa-user i temats ikonfont (samma som headerns profilikon); \f007 finns inte där */
/* Desktop: paneltitlarna ligger bredvid .close-header och behöver samma Brown som Välj land. */
@media(min-width:64.01rem){
 .canvas-right-module .close-header,.canvas-left-module .close-header{height:2.5em;align-items:center}
 .canvas-right-module .close-header::before,.canvas-left-module .close-header::before{line-height:1}
 /* Hjälpikonens tomma pseudo-element har en bakgrundsbild och behöver egen höjd. */
 #ss-help-drawer .close-header::before{height:1em}
 .canvas-right-module .cart_header_text,.canvas-left-module .cart_header_text{font-family:"BrownLLWeb-Bold","poppinsregular",sans-serif;font-weight:900;font-size:1.1em;height:calc(2.5em / 1.1);box-sizing:border-box;display:flex;align-items:center;line-height:1.2;padding-top:0;padding-bottom:0;-webkit-font-smoothing:initial;-moz-osx-font-smoothing:initial}
}
.ss-shopping-drawer textarea{width:100%;min-height:100px}
#ss-store-drawer .ss-store-row{border:0;margin:0;padding:var(--ss-store-gap,8px) 0 0}
.ss-stock-status{display:flex;align-items:center;gap:8px;margin:.3em 0}
.ss-stock-status::before{content:'';width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#777}
.ss-stock-status.available::before{background:#00CCA5}
.ss-stock-status.low::before{background:#FFD44A}
.ss-stock-status.out::before{background:#FF005C}
@media(max-width:46.9rem){.ss-shopping-drawer .close-header:before{padding:.5em}.ss-shopping-drawer .close-header::after{margin:.5em .7em}}

@media(max-width:46.9rem){
.ss-price-row #PrisFalt{margin-bottom:0!important}.ss-ux-product{padding-bottom:100px!important}
body:has(.canvas-right-module.active,.canvas-left-module.active,#main-menu.active,#AIRvarukorg-Wrap.active) #SubmitFalt .ss-original-sticky{visibility:hidden}
}

.ss-related-config{display:none}

/* Varje synlig dekal ligger bakom den föregående, med oförändrad höjd. */
.ProduktBild .ikoner>.ss-stepped-badge,.PT_icons>.ss-stepped-badge{top:0!important;z-index:var(--ss-badge-z)!important}
@media(max-width:64rem){#main-menu.main-menu.menu li.seeAll>a>span{display:inline!important;padding:0!important;margin:0!important;opacity:1!important;color:inherit!important;font:inherit!important;line-height:inherit!important}}
.ss-variant-panel[hidden]{display:none!important}
.ss-variant-panel{position:fixed;left:12px;right:12px;bottom:var(--ss-variant-bottom,90px);z-index:60;background:var(--base-background2,#fffaf5);color:var(--base-color1,#141414);border:2px solid var(--border-color1,#fbf0e4);border-radius:24px;padding:20px;box-sizing:border-box;box-shadow:0 4px 24px #0003;max-height:60dvh;overflow-y:auto}
.ss-variant-panel h2{font-family:BrownLLWeb-Bold,sans-serif;font-size:22px;margin:0 60px 16px 0}
.ss-variant-panel h3{font-family:BrownLLWeb-Bold,sans-serif;font-size:16px;margin:12px 0 8px}
.ss-variant-panel .ss-variant-close{position:absolute;right:16px;top:16px;background:none;border:0;color:inherit;width:auto;height:auto;padding:4px;font:inherit;font-size:14px}
.ss-variant-panel .ss-variant-option{display:block;width:100%;height:auto;min-height:48px;line-height:1.3;text-align:left;border:2px solid var(--border-color1,#fbf0e4);border-radius:999px;background:var(--base-background1,#fff);color:inherit;margin:8px 0;padding:12px 18px;font:inherit}
.ss-variant-panel .ss-variant-option:hover,.ss-variant-panel .ss-variant-option:focus-visible{border-color:var(--theme-color1,#ff005c)}
.ss-variant-panel .ss-variant-option:disabled{opacity:.5;cursor:default}
.ss-variant-status{font-size:14px;line-height:1.4;margin:12px 0 0}
@media(max-width:46.9rem){#SubmitFalt.disabled:has(.ss-original-sticky){pointer-events:auto}#SubmitFalt.disabled .ss-original-sticky{pointer-events:auto!important}}

.ss-favorites-label{display:none;font-size:14px}
.ss-price-row{position:relative}
@media(max-width:64rem){
 #main-menu .ss-menu-favorites>.ss-header-favorites{display:flex!important;align-items:center;gap:8px;justify-content:flex-start!important;width:100%!important;height:auto!important;min-height:40px;line-height:1.4!important;padding:8px var(--ss-menu-pad,24px)!important;text-align:left;font:inherit!important}
 #main-menu .ss-favorites-label{display:inline!important;padding:0!important;opacity:1!important;color:inherit!important;font-size:14px!important}
 #search-wrapper{position:relative!important}
 #search-wrapper>#suggest-area{top:calc(100% + 8px)!important;margin-top:0!important}
 #suggest-area.sg-enhanced{top:var(--ss-search-bottom)!important;margin-top:0!important;max-height:calc(100dvh - var(--ss-search-bottom) - 12px)!important}
 body.ss-cookie-open #SubmitFalt .ss-original-sticky,body.ss-cookie-open .ss-variant-panel{visibility:hidden!important;pointer-events:none!important}
}

.ss-product-section-heading{display:none}
@media(max-width:46.9rem){
 .ss-expanded-mobile>.tabsScrollWrap{display:none!important}
 .ss-expanded-mobile>.tabsContent{display:block;font-size:1em}
 .ss-expanded-mobile>.tabsContent>.ss-product-section{display:block!important;float:none;border-top:1px solid var(--border-color1);padding:.5rem 0}
 .ss-expanded-mobile .ss-product-section-heading{display:block;font-family:BrownLLWeb-Bold,sans-serif;font-size:var(--ss-section-size,.9em);margin:0}
 .ss-expanded-mobile .ss-product-section-static-heading{min-height:0}
 .ss-expanded-mobile .ss-section-content{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows 260ms cubic-bezier(.25,.1,.25,1),visibility 0s 260ms}
 .ss-expanded-mobile .ss-section-inner{min-height:0;overflow:hidden}
 .ss-expanded-mobile .ss-section-inner::before{content:"";display:block;height:.5rem}
 .ss-expanded-mobile .ss-section-open>.ss-section-content{grid-template-rows:1fr;visibility:visible;transition-delay:0s}
 @media(prefers-reduced-motion:reduce){.ss-expanded-mobile .ss-section-content{transition:none}}
 .ss-product-section-heading button{font:inherit;color:inherit;background:none;border:0;padding:0;display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;min-height:44px}
 .ss-product-section-heading button::after{content:'+';font-family:Arial,sans-serif;margin-left:16px}
 .ss-section-open>.ss-product-section-heading button::after{content:'−'}
 #main-menu .ss-menu-favorites i{position:static!important;flex:0 0 auto;width:auto!important;margin:0!important}
 #main-menu .ss-favorites-label{flex:0 1 auto!important;text-align:left!important;margin:0!important}
 #OrderFalt .antal-btn{min-width:44px;min-height:44px;cursor:pointer}
 #OrderFalt .Laggikorgen_Antalsfalt{min-width:52px;min-height:44px;font-size:16px}
 .ss-variant-option[aria-pressed="true"]{background:var(--cta-background1,#DD0054);color:white;border-color:var(--cta-background1,#DD0054)}
 .ss-innovator-product-section .ss-section-inner>img{display:block;float:none!important;width:50%!important;max-width:50%!important;height:auto!important;margin:0 0 1rem!important}
}


.ss-variant-option{white-space:normal!important;overflow-wrap:anywhere;text-align:left;line-height:1.35;height:auto!important;min-height:44px}
@media(max-width:64rem){
 .ss-product-section-heading button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
}
@media(min-width:64.01rem){.header-R>.ss-header-favorites{order:0;margin-left:12px;padding-right:0!important}.header-R>#kundvagn{padding-left:12px!important}}

#variation-wrapper .variant-select-dd .VB_Egenskap{white-space:normal;overflow-wrap:anywhere;height:auto;line-height:1.35}

.ss-price-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:0!important}
.ss-price-row>#PrisFalt{grid-column:1;grid-row:1 / span 2}
.ss-price-row>.ss-save{grid-column:2;grid-row:1;justify-self:end}
.ss-price-row>.ss-stock{grid-column:2;grid-row:2;justify-self:end;margin:0!important;text-align:right}
.ss-price-row>.ss-stock .ss-stock-link{justify-content:flex-end;gap:6px}
.ss-stock-link i{font-family:'FontAwesome-5-Pro'!important}
@media(max-width:46.9rem){
 #OrderFalt .ProduktbeskrAntalvalTabell,#OrderFalt .Laggikorgen_Antalsrad,#OrderFalt .antal-btn,#OrderFalt .Laggikorgen_Antalsfalt{display:none!important}
 #search-wrapper{background:#960044!important;background-image:none!important}
}
@media(min-width:64.01rem){.header-R>.ss-header-favorites{font-size:var(--ss-cart-icon-size,18px)!important}.ss-header-favorites i{font-size:inherit!important}}

/* Font Awesome store, från temats befintliga fa-solid-900.svg. */

@media(max-width:64rem){
 /* Radhöjd/padding hårdkodade lägre än menyradens (~53px) så Mina favoriter tar mindre plats
    och matchar Hjälp och service (Sebastians korr 2026-09-24) – --ss-menu-row-height används
    inte längre för höjden, bara pad-x kvar som indrag mot kategoriraderna. */
 #main-menu .ss-menu-favorites>.ss-header-favorites{padding:8px var(--ss-menu-pad,24px)!important;min-height:40px!important;gap:8px!important;align-items:center!important}
 #main-menu .ss-menu-favorites i{display:inline-flex!important;align-items:center;justify-content:center;position:static!important;top:auto!important;width:24px!important;height:1em!important;flex:0 0 24px!important;padding:0!important;margin:0!important;line-height:1!important;border-radius:50%;background:none;font-size:18px!important}
 #main-menu .ss-menu-favorites i::before{position:static!important;line-height:1!important;padding:0!important;margin:0!important}
}
.ss-store-variant{--ss-store-gap:8px;margin:0;padding:var(--ss-store-gap) 0;border-bottom:2px solid var(--border-color1,#fbf0e4)}
.ss-store-variant h2{font-size:18px;margin:0 0 8px}.ss-store-variant h3{font-size:15px}


/* Behåll lagerbeskedet men minska dess tomma avstånd till priset. */
#Faktakolumn:has(.ss-price-row) .shipping.gutter-md-B{margin-bottom:4px!important}
#Faktakolumn .ss-price-row{margin-top:0!important;padding-top:0!important}

/* Mindre signaturbudskap; ikonerna följer textens em-storlek. */
.gradeSection .rebusRubrik{font-size:33px;line-height:1.2;margin-top:.5em;margin-bottom:.3em}

/* Gemensam typografi för produktens två textåtgärder. */
.ss-price-row>.ss-stock{font:inherit}
.ss-price-row>.ss-save,.ss-price-row>.ss-stock .ss-stock-link{font-family:inherit!important;font-size:14px!important;font-weight:400!important;font-style:normal!important;line-height:1.5!important;letter-spacing:normal!important;text-transform:none!important}

/* Berättelserna ligger direkt under bildgalleriet på desktop, i bestämd ordning. */
.ss-desktop-story-stack{display:none}
.ss-desktop-innovator[hidden]{display:none!important}
@media(min-width:64.01rem){
 .ss-desktop-story-stack{display:block;margin-top:1.5rem;padding-inline:var(--gutter,1em);box-sizing:border-box}
 .ss-desktop-story-stack>.rebusSection,.ss-desktop-story-stack>.ss-desktop-innovator{width:100%!important;max-width:none!important;float:none!important}
 .gradeSection{border-top:0!important}
 .gradeSection .rebusSection:not(.ss-desktop-rebus){visibility:hidden!important;pointer-events:none!important}
 #product-page--tabs>.ss-innovator-tab{display:none!important}
 .ss-desktop-innovator{margin:0 0 2rem;min-width:0}
 .ss-desktop-innovator .ss-section-content{display:block;visibility:visible}
 .ss-desktop-innovator img{max-width:100%;height:auto}
}

/* Cirkelformat porträtt även när originalfotot inte är kvadratiskt. */
.Varumarkestext img{aspect-ratio:1 / 1!important;height:auto!important;object-fit:cover!important;border-radius:50%!important}

@media(min-width:64.01rem){
 .ss-desktop-innovator .ss-section-inner{display:flex;align-items:flex-start;gap:1.25rem;padding-top:.9rem}
 .ss-desktop-innovator img{float:none!important;flex:0 0 min(35%,180px);width:min(35%,180px)!important;max-width:180px!important;margin:0!important}
 .ss-desktop-innovator .ss-innovator-copy{flex:1 1 0;min-width:0}
 .ss-desktop-innovator .ss-innovator-copy>:first-child,
 .ss-desktop-innovator .ss-innovator-copy>:first-child>:first-child{margin-top:0!important;padding-top:0!important}
}

@media(min-width:64.01rem){
 #main-menu .menu-banner>a>img{border-radius:2em 0 2em 0}
 #main-menu .menu-banner-text{bottom:15px;font-size:1.3em!important}
 #main-menu .lvl1.ss-three-menu-puffs>ul>.menu-banner:not(.ss-menu-puffs){display:none!important}
 /* Aldrig lägre än temats panel (330px + 2.5rem): temats mörkläggning (i.arrow::after) börjar fast 330px under
    menyraden, så en lägre panel (puffarna krymper med fönsterbredden, t.ex. vid inzoomning) lämnade ett odämpat band. */
 #main-menu .lvl1.ss-three-menu-puffs>ul{padding-right:calc(var(--ss-puff-width,min(46vw,860px)) + 5rem)!important;min-height:max(calc(330px + 2.5rem),calc(var(--ss-puff-rows,1) * min(15vw,280px) + (var(--ss-puff-rows,1) - 1) * 1.25rem + 5rem))!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #main-menu .ss-menu-puffs{position:absolute!important;top:2.5rem!important;right:2.5rem!important;width:var(--ss-puff-width,min(46vw,860px))!important;height:auto!important;display:grid!important;grid-template-columns:repeat(var(--ss-puff-columns,3),minmax(0,1fr))!important;gap:1.25rem;padding:0!important;margin:0!important;overflow:visible!important}
}
/* Menypuffarna från Basen: samma ruta i desktop och mobil (kvadrat, rundade hörn, toning och etikett). */
#main-menu .ss-menu-puffs>.ss-menu-puff{position:relative;display:block!important;width:auto!important;max-width:none!important;padding:0!important;margin:0!important;aspect-ratio:1;overflow:hidden;border-radius:2em 0 2em 0;color:#fff!important;text-decoration:none!important}
#main-menu .ss-menu-puff>img{display:block;width:100%!important;height:100%!important;object-fit:cover;border-radius:inherit;opacity:1}
#main-menu .ss-menu-puff::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.58));pointer-events:none}
#main-menu .ss-menu-puff>span{position:absolute;left:10px;right:10px;bottom:15px;z-index:1;color:#fff;text-align:center;font-size:1.3em!important;line-height:1.2;text-shadow:1px 1px 10px #000;hyphens:manual;word-break:normal;overflow-wrap:break-word}
/* Mobilmenyn: två puffar bredvid varandra under kategorins länkar. Mindre rundning i de mindre rutorna, och
   etiketten helt vit (temat dämpar all text i mobilmenyn till 60 %: .main-menu.menu ul li span{opacity:.6}). */
@media(max-width:64rem){
 #main-menu .ss-menu-puffs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:auto!important;padding:.75rem 1em!important;margin:0!important;border:0!important}
 #main-menu .ss-menu-puffs>.ss-menu-puff{border-radius:1.25em 0 1.25em 0}
 /* Fast storlek (1em ärvde den större länktexten i en utfälld kategori): längsta orddelen, t.ex. Syntymäpäivä- och
    Matkustaminen, ryms då på en rad i en 144 px ruta. */
 #main-menu .ss-menu-puff>span{left:12px;right:12px;bottom:10px;font-size:15px!important;opacity:1!important}
 /* Mina favoriter i mobilmenyn: ingen rosa hover (desktopikonens hover). Menyn flyttar sig under pekaren när en
    kategori fälls ut eller ihop, så texten blinkade rosa. */
 #main-menu .ss-menu-favorites>.ss-header-favorites:hover{color:inherit!important;transition:none!important}
 /* Temats air_menu.js lägger opt_0 (60 % opacitet) på alla huvudkategorier när en kategori fälls ut OCH när den
    fälls ihop igen. På kategorisidor har listan klassen open från start, så temats återställning
    (ul:not(.open) > .lvl1.opt_0) gäller inte och hela menyn blev grå. Dämpa bara medan en kategori är utfälld. */
 #main-menu .main-menu-wrap>ul:not(:has(>.lvl1.active))>.lvl1.opt_0>a,#main-menu .main-menu-wrap>ul:not(:has(>.lvl1.active))>.lvl1.opt_0>i{opacity:1!important}
}

/* Favoriter följer övriga headerikoner, med samma rosa hover. */
.ss-header-favorites:hover,.ss-header-favorites:focus-visible{color:var(--theme-color1,#FF005C)!important}
@media(max-width:46.9rem){.ss-header-favorites.ss-has-favorites i{color:var(--theme-color1,#FF005C)!important}}
.ss-header-favorites:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.ss-store-contacts{margin-top:24px;padding-top:16px;border-top:0}
.ss-store-contacts h2{font-size:20px;margin:0 0 16px}
.ss-store-contact{display:flex;align-items:flex-start;gap:14px;margin:0 0 22px}
.ss-store-contact img{width:88px;height:88px;object-fit:cover;border-radius:18px 0 18px 0;flex:0 0 88px}
.ss-store-contact h3{font-size:16px;line-height:1.3;margin:0 0 6px}
.ss-store-contact p{font-size:14px;line-height:1.4;margin:0 0 6px}
.ss-store-contact a,.ss-store-contacts>a{font-size:14px;text-decoration:underline}
#variation-wrapper .VB_Egenskap img{width:40px!important;height:40px!important;object-fit:cover;border-radius:6px 0 6px 0;flex:0 0 40px;margin:0 10px 0 0!important}
#variation-wrapper .VB_Egenskap{align-items:center}
@media(max-width:46.9rem){
 #variation-wrapper .variant-title{display:block!important;font-size:14px;margin:0 0 6px;line-height:1.4}
}

.ss-cart-controls{display:flex;align-items:center;width:100%;justify-content:space-between;gap:4px}
#SubmitFalt .ss-cart-populated>.label,#SubmitFalt .ss-cart-populated>.feedback{display:none!important}
#SubmitFalt .ss-cart-populated::before{display:none!important}
#SubmitFalt .ss-cart-controls button{background:none;color:inherit;border:0;margin:0;padding:0;min-height:48px;line-height:1.2;font:inherit}
#SubmitFalt .ss-cart-controls .ss-cart-minus,#SubmitFalt .ss-cart-controls .ss-cart-plus{width:44px;flex:0 0 44px;font-size:28px}
#SubmitFalt .ss-cart-controls .ss-cart-count{flex:1;width:auto;font-size:16px}
#SubmitFalt .ss-cart-controls button:disabled{opacity:.4}
#SubmitFalt .ss-cart-controls button:focus-visible{outline:2px solid currentColor;outline-offset:-5px}

.ss-variant-panel .ss-variant-option{display:flex;align-items:center;gap:10px;border-radius:16px}
.ss-variant-panel .ss-variant-thumb{width:40px;height:40px;object-fit:cover;flex:0 0 40px;border-radius:6px 0 6px 0}

.ss-stock-icon::before{content:'\e949'!important;font-family:'FontAwesome-5-Pro'!important}
#variation-wrapper .variant-select::after{background-size:100% 100%!important;width:1em!important;height:1em!important;transform:rotate(225deg)!important}
#variation-wrapper .variant-select.open::after{transform:rotate(135deg)!important}

@media(max-width:46.9rem){
 /* Originaltemat använder filter på spärrade variantformulär. Det binder annars fixed-knappen till formuläret. */
 #SubmitFalt.ss-variant-choice-needed{display:block!important;visibility:visible!important;filter:none!important}
 #SubmitFalt.ss-variant-choice-needed .ss-original-sticky{pointer-events:auto!important}
}

/* Askås copies the selected option markup into the label. Keep images in the list only. */
#variation-wrapper .variant-select-label img{display:none!important}
#variation-wrapper .variant-select .variant-select-label{justify-content:flex-start!important;text-align:left!important}
#variation-wrapper .variant-select-dd>.VB_Egenskap::before,#variation-wrapper .variant-select-dd>.VB_Egenskap::after{content:none!important;display:none!important}
#variation-wrapper .variant-select-dd>.VB_Egenskap.slct{background:var(--base-background4,#FBF0E4);text-decoration:none}
.ss-shopping-drawer .cart_header_text{padding-left:3.2em!important}
@media(max-width:46.9rem){.ss-shopping-drawer .cart_header_text{padding-left:2.7em!important}}

#ss-favorites-drawer .Img img,#AIRvarukorg-Wrap .Img img{border-radius:.5em 0 .5em 0!important}
.ss-store-variant-heading{display:flex;align-items:center;gap:10px;margin:0}
.ss-store-variant-heading h2{margin:0!important;min-width:0;overflow-wrap:anywhere}
.ss-store-variant-heading .ss-variant-thumb{width:52px;height:52px;flex:0 0 52px;object-fit:cover;border-radius:6px 0 6px 0}

#ss-favorites-drawer .TxtWrap{padding-right:28px}
#ss-favorites-drawer .TxtWrap .ss-favorite-remove{background:none;border:0;border-radius:0;padding:0;margin:0;width:auto;height:auto;min-width:0;color:inherit;font:inherit}

#ss-store-drawer .ss-store-row .ss-stock-status{margin:0}
.ss-store-variant .ss-store-row h3{margin-top:0;margin-bottom:4px}

/* Långa ord eller sammanskrivna stycken får aldrig gå utanför innovatörsblocket (desktop och mobil). */
.ss-desktop-innovator,.ss-desktop-innovator .ss-innovator-copy,.ss-innovator-product-section .ss-section-inner{min-width:0;max-width:100%;overflow-wrap:anywhere}
.ss-desktop-innovator .ss-innovator-copy p,.ss-desktop-innovator .ss-innovator-copy span,.ss-innovator-product-section .ss-section-inner p{overflow-wrap:anywhere}

/* Kontaktrader i mobilmenyn: e-post på en rad; storleken justeras av fitMenuMail() i ss-shopping.js. */
@media(max-width:64rem){#main-menu .main-menu-footer li>a[href^="mailto:"]{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:clip}}

/* "Månadens vara"-dekalen som SVG (PNG:erna är 100 px och suddiga på retina). Samma regler ligger i critical.css;
   ponytail: dubbletten här gör att bokmärket visar dem tills Askås bygger om inline-head, ta bort då. */
html[lang=SV] .iconbadge.Manadens_Vara{background-image:url(/themes/enterprise/design/bilder/manadens-vara-rgb.svg)}
html[lang=EN] .iconbadge.Manadens_Vara{background-image:url(/themes/enterprise/design/bilder/manadens-vara-rgb-en.svg)}
html[lang=FI] .iconbadge.Manadens_Vara{background-image:url(/themes/enterprise/design/bilder/manadens-vara-rgb-fi.svg)}
html[lang=DA] .iconbadge.Manadens_Vara,html[lang=NO] .iconbadge.Manadens_Vara{background-image:url(/themes/enterprise/design/bilder/manadens-vara-rgb-no-dk.svg)}

/* Månadens vara-dekalens avstånd till BILDKANTEN ska vara samma som vänsterdekalernas. Rutan
   (.ProduktBild) är inte referensen: från 1201px ligger bilden 14px utanför rutan åt vänster
   (.row.product-images margin-left:-15px) men kant i kant åt höger, så höger = vänster + 15px där.
   Uppmätt 2026-09-25 (bokmärket aktivt, getBoundingClientRect mot bildkanten): 375/750: 15=15,
   800–1200: 14=14, 1201–1619: 29=29, 1620+: 14=14. Inga rem-marginaler: vänsterdekalens
   margin-left tar ut badge-marginalen, netto 0. Samma regler i critical.css;
   ponytail: dubbletten här gör att bokmärket visar dem tills Askås bygger om inline-head, ta bort då. */
.iconbadgeRight{right:calc(15px + 15px * 2);margin-right:0}
@media only screen and (min-width:46.91rem){.iconbadgeRight{right:calc(15px * 1)}}
@media only screen and (min-width:1201px){.iconbadgeRight{right:calc(15px * 2)}}
@media screen and (min-width:1620px){.iconbadgeRight{right:calc(15px * 1)}}

/* r54: tydligare kontur endast på PDP:s osparade hjärta. Samma originalikon. */
.ss-save[aria-pressed=false] i::before{-webkit-text-stroke:.45px currentColor}
/* Originalets omdömessektion flyttas in efter produkttexten på desktop. */
@media(min-width:64.01rem){
 /* Samma bredd och sidindrag som product.css .tabWrap på desktop. */
 #Faktakolumn>.ss-reviews-in-column{width:100%;max-width:810px;margin-inline:0;padding-left:0;padding-right:var(--gutter,1em);box-sizing:border-box}
 #Faktakolumn>.ss-reviews-in-column>.col-xs{padding-inline:0}
 #Faktakolumn>.ss-reviews-in-column>.col-xs>.row{margin-inline:0}
 #Faktakolumn>.ss-reviews-in-column>.col-xs>.row>.rebusSection{display:none!important}
 #Faktakolumn>.ss-reviews-in-column>.col-xs>.row>:not(.rebusSection){flex-basis:100%;max-width:100%;padding-inline:0}
}

.ss-stock-link{font-size:12px}


body:has(.Kassan) .ss-header-favorites,body:has(.Kassan) .ss-menu-favorites{display:none!important}
@media(max-width:46.9rem){
 .breadcrumbs{display:flex!important;flex-wrap:nowrap!important;white-space:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%;overscroll-behavior-x:contain}
 .breadcrumbs::-webkit-scrollbar{display:none}
 .breadcrumbs>*{flex-shrink:0}
}

/* r75: compact status and an unambiguous current breadcrumb. */
.breadcrumbs>:last-child,.breadcrumbs>:last-child a,.breadcrumbs>:last-child span{color:#141414!important}





/* Match the native quantity controls: opacity only, same timing and breakpoint. */
.ss-price-row>.ss-save:hover,.ss-stock .ss-stock-link:hover{background:transparent!important;box-shadow:none;color:var(--base-color1,#141414)!important}
@media screen and (min-width:48.01em){
 .ss-price-row>.ss-save,.ss-stock .ss-stock-link{transition:opacity 200ms ease-in-out;will-change:opacity}
 .ss-price-row>.ss-save:hover,.ss-stock .ss-stock-link:hover{opacity:.7!important}
}

/* Lagersaldo: vald variant först, övriga på begäran. Butikskontakter är alltid synliga. */
#ss-store-drawer .ss-store-current{border-bottom:0}
#ss-store-drawer .ss-store-all{margin:16px 0;border-top:1px solid var(--border-color1,#fbf0e4);border-bottom:1px solid var(--border-color1,#fbf0e4)}
#ss-store-drawer .ss-store-all>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;padding:14px 0;cursor:pointer;font-size:18px;line-height:1.4;font-family:"BrownLLWeb-Bold",fallback,sans-serif;font-weight:900}

#ss-store-drawer .BWrap{height:auto;min-height:100%}
#ss-store-drawer .ss-drawer-content{flex:1 0 auto;min-height:auto}
#ss-store-drawer .ss-store-contacts{margin-top:auto;padding-top:24px}

/* Samma plus/minus som passformsguiden; ingen inbyggd details-markör. */
#ss-store-drawer .ss-store-all>summary::-webkit-details-marker{display:none}
#ss-store-drawer .ss-store-all>summary::marker{content:""}

#ss-store-drawer .ss-store-all>summary::after{content:"+";font-size:22px;line-height:1;color:#000;flex-shrink:0;margin-right:16px}
#ss-store-drawer .ss-store-all[open]>summary::after{content:"−"}

/* Produktkaruseller: bildens mitt, befintliga Rebus-pilar och Geni Rosa. */
.slider-wrapper.ss-product-slider>.slider-controls{top:var(--ss-slider-image-mid);transform:none}
.slider-wrapper.ss-product-slider>.slider-controls .slider-arrow{background:#DD0054;color:#fff;transition:background-color .2s;box-shadow:none}
.slider-wrapper.ss-product-slider>.slider-controls .slider-arrow svg{fill:currentColor;color:inherit}
.slider-wrapper.ss-product-slider>.slider-controls .slider-arrow:focus-visible{outline:2px solid #111;outline-offset:3px}

.slider-wrapper.ss-product-slider>.slider-controls .slider-arrow:hover{background:#960044;box-shadow:none}
@media(prefers-reduced-motion:reduce){.slider-wrapper.ss-product-slider>.slider-controls .slider-arrow{transition:none}}

details.ss-fit,details.ss-store-all{box-sizing:border-box}

@media(max-width:46.9rem){#search-wrapper{background:#960044!important}}

/* Miniatyren i modellistan släpper igenom klicket till Askås alternativ under den. */
#variation-wrapper .ss-variant-thumb{pointer-events:none}
/* Mobilens köpvy: ImBox bredare variant (text + rund knapp) visas bara som den runda knappen, så att den
   aldrig hamnar ovanpå köpknappen. --ss-chat-w sätts av ss-shopping.js (knappens höjd = den runda delens bredd). */
html[data-ss-chat-clip] iframe[title="ImBox chat launcher"]{clip-path:inset(0 0 0 calc(100% - var(--ss-chat-w,77px)))!important}