/* ChiliLovers chrome v8 (header, megameny, sökpalett, mobilark, sidfot). Genererad av tools/build_chrome_v8_css.py från prototypens page.css (v8).
   Varje selektor börjar med body.cl-chrome-v8 (kontrolleras av tools/check_chrome_v8_css_scope.py). Redigera inte för hand: ändra skriptet. */
/* ===== Isolering mot Flatsome: nollställer det temat sätter på länkar, listor, knappar, formulärfält och rubriker inom headern, sidfoten och överlagren.
   :where() ger noll extra specificitet, så att komponenternas egna regler (nedan) alltid vinner utan !important. ===== */
body.cl-chrome-v8 .clc{display:block;text-align:left;font-size:16px;line-height:1.55;font-weight:400;text-transform:none;letter-spacing:normal}
body.cl-chrome-v8 .clc :where(*,*::before,*::after){box-sizing:border-box}
body.cl-chrome-v8 .clc :where(ul,ol){list-style:none;margin:0;padding:0}
body.cl-chrome-v8 .clc :where(li){margin:0;padding:0;list-style:none}
body.cl-chrome-v8 .clc :where(p,h1,h2,h3,h4,h5,h6,figure,nav,form,label){margin:0;padding:0}
body.cl-chrome-v8 .clc :where(a){box-shadow:none;background:none;text-decoration:none;color:inherit;border:0;opacity:1}
body.cl-chrome-v8 .clc :where(img){height:auto;max-width:100%;box-shadow:none;border:0;vertical-align:baseline}
body.cl-chrome-v8 .clc :where(button){margin:0;min-height:0;line-height:inherit;letter-spacing:normal;text-transform:none;text-shadow:none;text-rendering:auto;border:0;border-radius:0;background:none;box-shadow:none;max-width:none;vertical-align:baseline;opacity:1;text-align:center;font:inherit;color:inherit;padding:0;cursor:pointer}
body.cl-chrome-v8 .clc :where(input[type=text],input[type=search]){-webkit-appearance:none;appearance:none;height:auto;margin:0;box-shadow:none;border-radius:0;max-width:none;width:auto;background:none;font:inherit;color:inherit;border:0;padding:0}
body.cl-chrome-v8 .clc :where(input[type=search])::-webkit-search-cancel-button{-webkit-appearance:none}
body.cl-chrome-v8 .clc :where(kbd){font-family:inherit;text-transform:none}
body.cl-chrome-v8 .clc :where(summary){list-style:none}
body.cl-chrome-v8 .clc :where(summary)::-webkit-details-marker{display:none}
body.cl-chrome-v8 .clc :where(mark){background:none}
body.cl-chrome-v8 .clc{--clc-ink:#241e14;--clc-muted:#5a513f;--clc-line:#e3d8c0;--clc-line-2:#cdbf9f; --clc-white:#fffcf6;--clc-surface:#f2e9d6;--clc-paper:#f8f2e6; --clc-green:#2f6122;--clc-green-d:#234a19;--clc-red:#a52a1b;--clc-kraft:#2d2418;--clc-cream:#f7efdc; --clc-h1:#5f7f2c;--clc-h2:#96660a;--clc-h3:#c0471a;--clc-h4:#8e1b1b; --clc-ease-out:cubic-bezier(0.23,1,0.32,1); --clc-ease-drawer:cubic-bezier(0.32,0.72,0,1); --clc-r-card:18px;--clc-r-ctl:12px; --clc-shadow-pop:0 16px 48px -12px rgba(45,36,24,.28),0 0 0 1px rgba(45,36,24,.07); --clc-shadow-card:0 1px 0 rgba(45,36,24,.04),0 8px 22px -14px rgba(45,36,24,.28); --clc-grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .36 0 0 0 0 .27 0 0 0 0 .14 0 0 0 .075 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); --clc-font-d:'Arvo',Georgia,'Times New Roman',serif; --clc-font-b:'Open Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; --clc-hh:56px;}
@media (min-width:1100px){
body.cl-chrome-v8 .clc{--clc-hh:64px}
}
body.cl-chrome-v8 .clc *,
body.cl-chrome-v8 .clc *::before,
body.cl-chrome-v8 .clc *::after{box-sizing:border-box}
body.cl-chrome-v8 .clc{color:var(--clc-ink);font:400 16px/1.55 var(--clc-font-b);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:pan-y pinch-zoom;}
body.cl-chrome-v8 .clc img{display:block;max-width:100%}
body.cl-chrome-v8 .clc a{color:inherit;text-decoration:none}
body.cl-chrome-v8 .clc ul{list-style:none;margin:0;padding:0}
body.cl-chrome-v8 .clc h1,
body.cl-chrome-v8 .clc h2,
body.cl-chrome-v8 .clc h3,
body.cl-chrome-v8 .clc h4,
body.cl-chrome-v8 .clc p,
body.cl-chrome-v8 .clc dl,
body.cl-chrome-v8 .clc dd,
body.cl-chrome-v8 .clc figure{margin:0}
body.cl-chrome-v8 .clc button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-touch-callout:none}
body.cl-chrome-v8 .clc button,
body.cl-chrome-v8 .clc .clc-chip,
body.cl-chrome-v8 .clc .clc-icon-btn,
body.cl-chrome-v8 .clc .clc-nav-btn,
body.cl-chrome-v8 .clc .clc-search-pill,
body.cl-chrome-v8 .clc .clc-seg button{user-select:none;-webkit-user-select:none;touch-action:manipulation}
body.cl-chrome-v8 .clc .clc-vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
body.cl-chrome-v8 .clc :focus-visible{outline:2px solid var(--clc-accent);outline-offset:2px}
body.cl-chrome-v8 .clc .clc-wrap{max-width:1312px;margin-inline:auto;padding-left:16px;padding-right:16px}
@media (min-width:768px){
body.cl-chrome-v8 .clc .clc-wrap{padding-left:24px;padding-right:24px}
}
body.cl-chrome-v8 .clc .clc-ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
body.cl-chrome-v8 .clc .clc-ic-s{width:16px;height:16px;stroke-width:2}
@media (max-width:1099.98px){
body.cl-chrome-v8 .clc .clc-only-d{display:none!important}
}
@media (min-width:1100px){
body.cl-chrome-v8 .clc .clc-only-m{display:none!important}
}
body.cl-chrome-v8 .clc h1,
body.cl-chrome-v8 .clc h2{font-family:var(--clc-font-d);font-weight:700;letter-spacing:-.02em}
body.cl-chrome-v8 .clc h2{font-size:clamp(28px,3.3vw,40px);line-height:1.1}
body.cl-chrome-v8 .clc h3{font-weight:600}
body.cl-chrome-v8 .clc .clc-tag{display:inline-block;font:600 12.5px/1 var(--clc-font-b);letter-spacing:.01em;color:var(--clc-ink);background:var(--clc-surface);border:1px solid var(--clc-line);padding:6px 10px;border-radius:999px;width:max-content}
body.cl-chrome-v8 .clc .clc-all-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;font-size:14px;color:var(--clc-accent)}
body.cl-chrome-v8 .clc .clc-ruler{display:inline-flex;gap:3px;flex:none}
body.cl-chrome-v8 .clc .clc-ruler i{display:block;width:14px;height:6px;border-radius:3px;background:#e1d7c0}
body.cl-chrome-v8 .clc .clc-ruler i:nth-child(1){--clc-c:var(--clc-h1)}
body.cl-chrome-v8 .clc .clc-ruler i:nth-child(2){--clc-c:var(--clc-h2)}
body.cl-chrome-v8 .clc .clc-ruler i:nth-child(3){--clc-c:var(--clc-h3)}
body.cl-chrome-v8 .clc .clc-ruler i:nth-child(4){--clc-c:var(--clc-h4)}
body.cl-chrome-v8 .clc .clc-ruler[data-l="1"] i:nth-child(-n+1),
body.cl-chrome-v8 .clc .clc-ruler[data-l="2"] i:nth-child(-n+2),
body.cl-chrome-v8 .clc .clc-ruler[data-l="3"] i:nth-child(-n+3),
body.cl-chrome-v8 .clc .clc-ruler[data-l="4"] i{background:var(--clc-c)}
body.cl-chrome-v8 .clc .clc-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:var(--clc-white);border:1px solid var(--clc-line-2);font-weight:600;font-size:14px;transition:transform 160ms var(--clc-ease-out),background-color 160ms ease,border-color 160ms ease}
body.cl-chrome-v8 .clc .clc-chip-s{min-height:36px;padding:0 14px;font-size:13.5px;background:var(--clc-white)}
body.cl-chrome-v8 .clc .clc-chip-static{min-height:32px;background:transparent;border-color:var(--clc-line-2);color:var(--clc-muted);font-weight:600}
body.cl-chrome-v8 .clc .clc-icon-btn{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;transition:transform 160ms var(--clc-ease-out),background-color 160ms ease}
body.cl-chrome-v8 .clc .clc-chip:active,
body.cl-chrome-v8 .clc .clc-icon-btn:active,
body.cl-chrome-v8 .clc .clc-nav-btn:active,
body.cl-chrome-v8 .clc .clc-search-pill:active,
body.cl-chrome-v8 .clc .clc-seg button:active,
body.cl-chrome-v8 .clc .clc-sheet-search:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
body.cl-chrome-v8 .clc .clc-chip:hover{border-color:var(--clc-ink)}
body.cl-chrome-v8 .clc .clc-icon-btn:hover{background:var(--clc-surface)}
body.cl-chrome-v8 .clc .clc-all-link:hover .clc-ic{transform:translateX(3px)}
}
body.cl-chrome-v8 .clc .clc-site-header{position:sticky;top:0;z-index:60;background:rgba(251,246,234,.95);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--clc-line)}
body.cl-chrome-v8 .clc .clc-hbar{height:var(--clc-hh);display:flex;align-items:center;gap:4px}
body.cl-chrome-v8 .clc .clc-logo{display:block;flex:none;margin-inline:2px 8px}
body.cl-chrome-v8 .clc .clc-logo img{height:34px;width:auto}
@media (min-width:1100px){
body.cl-chrome-v8 .clc .clc-logo img{height:40px}
body.cl-chrome-v8 .clc .clc-logo{margin:0 20px 0 0}
}
body.cl-chrome-v8 .clc .clc-hright{display:flex;align-items:center;gap:2px;margin-left:auto}
body.cl-chrome-v8 .clc .clc-cart-count{position:absolute;top:2px;right:0;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--clc-accent);color:#fff;font:600 12px/19px var(--clc-font-b);text-align:center;box-shadow:0 0 0 2px var(--clc-white)}
body.cl-chrome-v8 .clc .clc-nav>ul{display:flex;align-items:center;gap:2px}
body.cl-chrome-v8 .clc .clc-nav-item{position:static}
body.cl-chrome-v8 .clc .clc-nav-btn{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 14px;border-radius:999px;font-weight:600;font-size:14.5px;transition:transform 160ms var(--clc-ease-out),background-color 160ms ease}
body.cl-chrome-v8 .clc .clc-nav-btn[aria-expanded="true"]{background:var(--clc-surface)}
body.cl-chrome-v8 .clc .clc-ic-chev{width:16px;height:16px;stroke-width:2;transition:transform 200ms var(--clc-ease-out)}
body.cl-chrome-v8 .clc .clc-nav-btn[aria-expanded="true"] .clc-ic-chev{transform:rotate(180deg)}
@media (hover:hover) and (pointer:fine){
body.cl-chrome-v8 .clc .clc-nav-btn:hover{background:var(--clc-surface)}
}
body.cl-chrome-v8 .clc .clc-search-pill{display:flex;align-items:center;gap:10px;height:44px;width:clamp(200px,22vw,300px);padding:0 8px 0 14px;margin-right:6px;border-radius:999px;background:var(--clc-surface);border:1px solid var(--clc-line);color:var(--clc-muted);font-size:14px;transition:transform 160ms var(--clc-ease-out),border-color 160ms ease}
body.cl-chrome-v8 .clc .clc-sp-t{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.cl-chrome-v8 .clc .clc-kbd,
body.cl-chrome-v8 .clc .clc-pal-foot kbd{font:600 12px/1 var(--clc-font-b);padding:5px 7px;border-radius:7px;background:var(--clc-white);border:1px solid var(--clc-line-2);color:var(--clc-muted)}
@media (hover:hover) and (pointer:fine){
body.cl-chrome-v8 .clc .clc-search-pill:hover{border-color:var(--clc-line-2);background:#f0efeb}
}
body.cl-chrome-v8 .clc .clc-panel{position:absolute;top:calc(100% + 8px);z-index:70;background:var(--clc-white);border-radius:var(--clc-r-card);box-shadow:var(--clc-shadow-pop);padding:28px;opacity:0;visibility:hidden;pointer-events:none;transform:scale(.98);transform-origin:var(--clc-ox,50%) 0;transition:opacity 120ms var(--clc-ease-out),transform 120ms var(--clc-ease-out),visibility 0s linear 120ms}
body.cl-chrome-v8 .clc .clc-panel::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
body.cl-chrome-v8 .clc .clc-panel[data-open]{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity 180ms var(--clc-ease-out),transform 180ms var(--clc-ease-out),visibility 0s}
body.cl-chrome-v8 .clc .clc-panel[data-instant]{transition:none!important}
body.cl-chrome-v8 .clc .clc-panel-mega{left:0;right:0;margin-inline:auto;width:min(1264px,calc(100% - 48px))}
body.cl-chrome-v8 .clc .clc-panel-sm{left:var(--clc-px,0);width:420px;padding:20px}
body.cl-chrome-v8 .clc .clc-panel-butiken{width:480px}
body.cl-chrome-v8:not(.clc-js) .clc-nav-item:hover>.clc-panel{opacity:1;visibility:visible;pointer-events:auto;transform:none}
body.cl-chrome-v8 .clc .clc-col-h{font:600 12.5px/1 var(--clc-font-b);letter-spacing:.06em;text-transform:uppercase;color:var(--clc-muted);margin-bottom:12px}
body.cl-chrome-v8 .clc .clc-mega-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,1.15fr) minmax(0,1.1fr);gap:36px}
body.cl-chrome-v8 .clc .clc-hrow{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 12px;margin-inline:-12px;border-radius:var(--clc-r-ctl);font-weight:600;transition:background-color 120ms ease}
body.cl-chrome-v8 .clc .clc-hrow .clc-ruler{width:62px}
body.cl-chrome-v8 .clc .clc-hrow-w{flex:1}
body.cl-chrome-v8 .clc .clc-hrow-n{font:400 14px/1 var(--clc-font-b);color:var(--clc-muted);font-variant-numeric:tabular-nums}
body.cl-chrome-v8 .clc .clc-plain-list a{display:flex;align-items:center;min-height:40px;padding:0 12px;margin-inline:-12px;border-radius:var(--clc-r-ctl);font-size:15px;font-weight:600;transition:background-color 120ms ease}
body.cl-chrome-v8 .clc .clc-srow{display:flex;align-items:center;gap:12px;padding:6px 12px;margin-inline:-12px;border-radius:var(--clc-r-ctl);transition:background-color 120ms ease}
body.cl-chrome-v8 .clc .clc-srow-img{width:48px;height:48px;border-radius:12px;overflow:hidden;flex:none;background:var(--clc-surface);display:grid;place-items:center}
body.cl-chrome-v8 .clc .clc-srow-img img{width:100%;height:100%;object-fit:cover}
body.cl-chrome-v8 .clc .clc-srow-t{display:flex;flex-direction:column;line-height:1.3;font-size:14px;color:var(--clc-muted)}
body.cl-chrome-v8 .clc .clc-srow-t b{font-size:15px;color:var(--clc-ink);font-weight:600}
body.cl-chrome-v8 .clc .clc-mguide{display:flex;flex-direction:column;gap:10px;height:100%;padding:12px;border-radius:var(--clc-r-card);background:var(--clc-surface)}
body.cl-chrome-v8 .clc .clc-mguide-img{display:block;aspect-ratio:16/10;border-radius:12px;overflow:hidden}
body.cl-chrome-v8 .clc .clc-mguide-img img{width:100%;height:100%;object-fit:cover}
body.cl-chrome-v8 .clc .clc-mguide-t{font-weight:600;font-size:16px;line-height:1.35}
@media (hover:hover) and (pointer:fine){
body.cl-chrome-v8 .clc .clc-hrow:hover,
body.cl-chrome-v8 .clc .clc-plain-list a:hover,
body.cl-chrome-v8 .clc .clc-srow:hover,
body.cl-chrome-v8 .clc .clc-glink:hover{background:var(--clc-surface)}
body.cl-chrome-v8 .clc .clc-mguide:hover{background:#efeee9}
}
body.cl-chrome-v8 .clc .clc-glink{display:grid;grid-template-columns:1fr auto;grid-template-areas:"tag ." "t arr";align-items:center;gap:2px 12px;min-height:44px;padding:10px 12px;border-radius:var(--clc-r-ctl);transition:background-color 120ms ease}
body.cl-chrome-v8 .clc .clc-glink .clc-tag{grid-area:tag;padding:4px 8px;font-size:11.5px;background:var(--clc-surface)}
body.cl-chrome-v8 .clc .clc-glink-t{grid-area:t;font-weight:600;font-size:15px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.cl-chrome-v8 .clc .clc-glink .clc-ic{grid-area:arr;color:var(--clc-accent)}
body.cl-chrome-v8 .clc .clc-glist--panel{margin-inline:-12px}
body.cl-chrome-v8 .clc .clc-seg{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:var(--clc-tw,108px);padding:4px;border-radius:999px;background:var(--clc-surface);border:1px solid var(--clc-line);width:max-content}
body.cl-chrome-v8 .clc .clc-sheet .clc-seg{background:var(--clc-surface)}
body.cl-chrome-v8 .clc .clc-seg button{position:relative;z-index:1;min-height:44px;border-radius:999px;font-weight:600;font-size:14px;color:var(--clc-muted);transition:color 160ms ease,transform 160ms var(--clc-ease-out);white-space:nowrap}
body.cl-chrome-v8 .clc .clc-seg button[aria-selected="true"]{color:var(--clc-ink)}
body.cl-chrome-v8 .clc .clc-seg-ind{position:absolute;z-index:0;left:4px;top:4px;bottom:4px;width:var(--clc-tw,108px);border-radius:999px;background:var(--clc-white);box-shadow:0 1px 2px rgba(26,26,23,.12),0 0 0 1px var(--clc-line);transform:translateX(calc(var(--clc-i,0) * 100%));transition:transform 200ms var(--clc-ease-out)}
body.cl-chrome-v8 .clc .clc-seg--3{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-columns:auto;width:100%;--clc-tw:calc((100% - 8px) / 3)}
body.cl-chrome-v8 .clc .clc-seg--3 .clc-seg-ind{width:calc((100% - 8px) / 3)}
body.cl-chrome-v8 .clc .clc-foot{border-top:1px dashed var(--clc-line-2);padding-top:48px;padding-bottom:28px;background:var(--clc-surface);background-image:var(--clc-grain)}
body.cl-chrome-v8 .clc .clc-foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 20px}
body.cl-chrome-v8 .clc .clc-foot-brand{grid-column:1/3}
body.cl-chrome-v8 .clc .clc-foot-brand img{height:44px;width:auto;margin-bottom:12px}
body.cl-chrome-v8 .clc .clc-foot-brand p{color:var(--clc-muted);font-size:14.5px;max-width:36ch}
body.cl-chrome-v8 .clc .clc-foot-h{font:600 12.5px/1 var(--clc-font-b);letter-spacing:.06em;text-transform:uppercase;color:var(--clc-muted);margin-bottom:10px}
body.cl-chrome-v8 .clc .clc-foot li a{display:inline-flex;align-items:center;min-height:40px;font-size:15px;font-weight:400}
body.cl-chrome-v8 .clc .clc-foot li a:hover{text-decoration:underline;text-underline-offset:3px}
body.cl-chrome-v8 .clc .clc-foot-bar{display:flex;flex-direction:column;gap:14px;margin-top:36px;padding-top:20px;border-top:1px solid var(--clc-line);color:var(--clc-muted);font-size:13.5px}
body.cl-chrome-v8 .clc .clc-pay{display:flex;gap:8px;flex-wrap:wrap}
@media (min-width:900px){
body.cl-chrome-v8 .clc .clc-foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr}
body.cl-chrome-v8 .clc .clc-foot-brand{grid-column:auto}
body.cl-chrome-v8 .clc .clc-foot-bar{flex-direction:row;justify-content:space-between;align-items:center}
}
body.cl-chrome-v8 .clc .clc-pal{position:fixed;inset:0;z-index:150;visibility:hidden;pointer-events:none;transition:visibility 0s linear 100ms}
body.cl-chrome-v8 .clc .clc-pal[data-open]{visibility:visible;pointer-events:auto;transition:none}
body.cl-chrome-v8 .clc .clc-pal-scrim{position:absolute;inset:0;background:rgba(26,26,23,.42);opacity:0;transition:opacity 100ms ease}
body.cl-chrome-v8 .clc .clc-pal-box{position:absolute;left:50%;top:max(12px,env(safe-area-inset-top));width:min(660px,calc(100vw - 24px));max-height:calc(100dvh - 24px);display:flex;flex-direction:column;background:var(--clc-white);border-radius:20px;box-shadow:var(--clc-shadow-pop);transform:translateX(-50%);opacity:0;transform-origin:50% 0;transition:opacity 100ms ease;overflow:hidden}
@media (min-width:768px){
body.cl-chrome-v8 .clc .clc-pal-box{top:12vh;max-height:76dvh}
}
body.cl-chrome-v8 .clc .clc-pal[data-open] .clc-pal-scrim,
body.cl-chrome-v8 .clc .clc-pal[data-open] .clc-pal-box{opacity:1;transition:opacity 150ms ease}
body.cl-chrome-v8 .clc .clc-pal[data-kbd] .clc-pal-scrim,
body.cl-chrome-v8 .clc .clc-pal[data-kbd] .clc-pal-box,
body.cl-chrome-v8 .clc .clc-pal[data-kbd]{transition:none!important}
body.cl-chrome-v8 .clc .clc-pal-in{display:flex;align-items:center;gap:12px;padding:0 12px 0 20px;height:64px;border-bottom:1px solid var(--clc-line);color:var(--clc-muted);flex:none}
body.cl-chrome-v8 .clc .clc-pal-in .clc-ic{width:22px;height:22px}
body.cl-chrome-v8 .clc .clc-pal-input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font:400 18px/1 var(--clc-font-b);color:var(--clc-ink)}
body.cl-chrome-v8 .clc .clc-pal-input::placeholder{color:var(--clc-muted);opacity:1}
body.cl-chrome-v8 .clc .clc-pal-x{min-height:36px;padding:0 10px;border-radius:8px;font:600 12px/1 var(--clc-font-b);border:1px solid var(--clc-line-2);color:var(--clc-muted);background:var(--clc-surface)}
body.cl-chrome-v8 .clc .clc-pal-body{overflow:auto;overscroll-behavior:contain;padding:8px 8px 12px;min-height:120px}
body.cl-chrome-v8 .clc .clc-pal-g{font:600 12px/1 var(--clc-font-b);letter-spacing:.06em;text-transform:uppercase;color:var(--clc-muted);padding:14px 12px 8px}
body.cl-chrome-v8 .clc .clc-pal-chips{display:flex;flex-wrap:wrap;gap:8px;padding:2px 12px 6px}
body.cl-chrome-v8 .clc .clc-pal-chips .clc-chip{background:var(--clc-surface);border-color:var(--clc-line)}
body.cl-chrome-v8 .clc .clc-pal-it{display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 12px;border-radius:12px;scroll-margin:8px}
body.cl-chrome-v8 .clc .clc-pal-it[aria-selected="true"]{background:var(--clc-surface)}
body.cl-chrome-v8 .clc .clc-pal-th{width:40px;height:40px;border-radius:10px;overflow:hidden;background:var(--clc-surface);flex:none;display:grid;place-items:center;color:var(--clc-accent)}
body.cl-chrome-v8 .clc .clc-pal-th img{width:100%;height:100%;object-fit:cover}
body.cl-chrome-v8 .clc .clc-pal-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
body.cl-chrome-v8 .clc .clc-pal-t b{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.cl-chrome-v8 .clc .clc-pal-t span{font-size:13px;color:var(--clc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.cl-chrome-v8 .clc .clc-pal-it .clc-ic-s{color:var(--clc-muted);opacity:0}
body.cl-chrome-v8 .clc .clc-pal-it[aria-selected="true"] .clc-ic-s{opacity:1}
body.cl-chrome-v8 .clc .clc-pal-it mark{background:none;color:var(--clc-accent);font-weight:600}
body.cl-chrome-v8 .clc .clc-pal-empty{padding:28px 16px;text-align:center;color:var(--clc-muted)}
body.cl-chrome-v8 .clc .clc-pal-empty b{display:block;color:var(--clc-ink);font-weight:600;margin-bottom:4px}
body.cl-chrome-v8 .clc .clc-pal-foot{display:flex;gap:18px;align-items:center;padding:12px 18px;border-top:1px solid var(--clc-line);font-size:13px;color:var(--clc-muted);flex:none;background:var(--clc-surface)}
body.cl-chrome-v8 .clc .clc-pal-foot kbd{margin-right:5px;padding:3px 6px}
body.cl-chrome-v8 .clc .clc-sheet{position:fixed;inset:0;z-index:140;visibility:hidden;pointer-events:none;transition:visibility 0s linear 200ms}
body.cl-chrome-v8 .clc .clc-sheet[data-open]{visibility:visible;pointer-events:auto;transition:none}
body.cl-chrome-v8 .clc .clc-sheet-scrim{position:absolute;inset:0;background:rgba(26,26,23,.42);opacity:0;transition:opacity 200ms var(--clc-ease-out)}
body.cl-chrome-v8 .clc .clc-sheet[data-open] .clc-sheet-scrim{opacity:1;transition:opacity 350ms var(--clc-ease-drawer)}
body.cl-chrome-v8 .clc .clc-sheet-panel{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;max-height:min(90dvh,760px);background:var(--clc-white);border-radius:24px 24px 0 0;box-shadow:0 -12px 40px -8px rgba(26,26,23,.2);transform:translateY(100%);transition:transform 200ms var(--clc-ease-out);outline:0;will-change:transform}
body.cl-chrome-v8 .clc .clc-sheet[data-open] .clc-sheet-panel{transform:none;transition:transform 350ms var(--clc-ease-drawer)}
body.cl-chrome-v8 .clc .clc-sheet[data-drag] .clc-sheet-panel{transition:none!important}
body.cl-chrome-v8 .clc .clc-sheet-top{flex:none;touch-action:none;cursor:grab}
body.cl-chrome-v8 .clc .clc-grab{display:block;width:40px;height:5px;border-radius:3px;background:var(--clc-line-2);margin:10px auto 0}
body.cl-chrome-v8 .clc .clc-sheet-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 0 20px}
body.cl-chrome-v8 .clc .clc-sheet-title{font:600 18px/1 var(--clc-font-b)}
body.cl-chrome-v8 .clc .clc-sheet-scroll{overflow-y:auto;overscroll-behavior:contain;padding:8px 16px max(24px,env(safe-area-inset-bottom))}
body.cl-chrome-v8 .clc .clc-sheet-search{display:flex;align-items:center;gap:12px;width:100%;height:52px;padding:0 16px;border-radius:14px;background:var(--clc-surface);border:1px solid var(--clc-line);color:var(--clc-muted);font-size:16px;margin-bottom:14px;transition:transform 160ms var(--clc-ease-out)}
body.cl-chrome-v8 .clc .clc-sheet .clc-seg--3{margin-bottom:16px}
body.cl-chrome-v8 .clc .clc-sheet-pane[hidden]{display:none}
body.cl-chrome-v8 .clc .clc-sheet .clc-col-h{margin:18px 0 10px}
body.cl-chrome-v8 .clc .clc-sheet .clc-col-h:first-child{margin-top:4px}
body.cl-chrome-v8 .clc .clc-bigrows{display:grid;gap:8px}
body.cl-chrome-v8 .clc .clc-bigrow{display:flex;align-items:center;gap:14px;min-height:64px;padding:0 16px;border-radius:16px;background:var(--clc-surface);transition:transform 160ms var(--clc-ease-out)}
body.cl-chrome-v8 .clc .clc-bigrow:active{transform:scale(.985)}
body.cl-chrome-v8 .clc .clc-bigrow .clc-ruler{width:68px}
body.cl-chrome-v8 .clc .clc-bigrow .clc-ruler i{width:15px;height:7px}
body.cl-chrome-v8 .clc .clc-bigrow-w{flex:1;font-weight:600;font-size:17px}
body.cl-chrome-v8 .clc .clc-bigrow-n{font-size:14px;color:var(--clc-muted)}
body.cl-chrome-v8 .clc .clc-bigrow .clc-ic-s{color:var(--clc-accent)}
body.cl-chrome-v8 .clc .clc-bigrows--plain .clc-bigrow{min-height:56px}
body.cl-chrome-v8 .clc .clc-bigrows--plain .clc-bigrow>.clc-ic:first-child{color:var(--clc-accent)}
body.cl-chrome-v8 .clc .clc-chips{display:flex;flex-wrap:wrap;gap:8px}
body.cl-chrome-v8 .clc .clc-sheet .clc-glist .clc-glink{background:var(--clc-surface);margin-bottom:8px;border-radius:14px}
@media (prefers-reduced-motion:reduce){
body.cl-chrome-v8 .clc *,
body.cl-chrome-v8 .clc *::before,
body.cl-chrome-v8 .clc *::after{scroll-behavior:auto!important}
body.cl-chrome-v8 .clc .clc-chip:active,
body.cl-chrome-v8 .clc .clc-icon-btn:active,
body.cl-chrome-v8 .clc .clc-nav-btn:active,
body.cl-chrome-v8 .clc .clc-search-pill:active,
body.cl-chrome-v8 .clc .clc-seg button:active,
body.cl-chrome-v8 .clc .clc-bigrow:active,
body.cl-chrome-v8 .clc .clc-sheet-search:active{transform:none}
body.cl-chrome-v8 .clc .clc-panel,
body.cl-chrome-v8 .clc .clc-panel[data-open]{transform:none;transition:opacity 100ms ease,visibility 0s linear 100ms}
body.cl-chrome-v8 .clc .clc-panel[data-open]{transition:opacity 100ms ease,visibility 0s}
body.cl-chrome-v8 .clc .clc-sheet-panel,
body.cl-chrome-v8 .clc .clc-sheet[data-open] .clc-sheet-panel{transform:none;opacity:0;transition:opacity 120ms ease}
body.cl-chrome-v8 .clc .clc-sheet[data-open] .clc-sheet-panel{opacity:1}
body.cl-chrome-v8 .clc .clc-seg-ind{transition:none}
body.cl-chrome-v8 .clc .clc-ic-chev,
body.cl-chrome-v8 .clc .clc-nav-btn[aria-expanded="true"] .clc-ic-chev{transform:none}
}
body.cl-chrome-v8 .clc .clc-logo{display:flex;align-items:center;min-height:44px}
body.cl-chrome-v8 .clc .clc-plain-list a{min-height:44px}
body.cl-chrome-v8 .clc .clc-pal-x{min-height:44px;min-width:44px}
@media (pointer:coarse){
body.cl-chrome-v8 .clc .clc-chip-s{min-height:44px}
}
@media (max-width:899.98px){
body.cl-chrome-v8 .clc .clc-foot li a{min-height:44px}
}
body.cl-chrome-v8 .clc .clc-foot-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
body.cl-chrome-v8 .clc .clc-foot-grid>*{min-width:0}
body.cl-chrome-v8 .clc .clc-foot li a{overflow-wrap:anywhere;min-width:44px}
@media (min-width:900px){
body.cl-chrome-v8 .clc .clc-foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr}
}
body.cl-chrome-v8 .clc{--clc-paper:#f7f0e4;--clc-surface:#f0e6d3;--clc-white:#fffdf8;--clc-line:#e6dbc5;--clc-line-2:#d3c6a8; --clc-ink:#1d1812;--clc-muted:#5d5444;--clc-cream:#f7efdc; --clc-accent:#9b1c1c;--clc-accent-d:#7c1414;--clc-red:#9b1c1c; --clc-green:#2e4a2b;--clc-green-d:#25391f; --clc-font-d:'Playfair Display',Georgia,'Times New Roman',serif; --clc-hh:56px;}
@media (min-width:1100px){
body.cl-chrome-v8 .clc{--clc-hh:72px}
}
body.cl-chrome-v8 .clc :focus-visible{outline-color:var(--clc-accent)}
body.cl-chrome-v8 .clc .clc-site-header{background:rgba(247,240,228,.94)}
body.cl-chrome-v8 .clc .clc-logo img{height:36px}
@media (min-width:1100px){
body.cl-chrome-v8 .clc .clc-logo img{height:46px}
body.cl-chrome-v8 .clc .clc-logo{margin:0 24px 0 0}
}
body.cl-chrome-v8 .clc .clc-nav-btn{font-size:15px}
body.cl-chrome-v8 .clc .clc-search-pill{flex:1 1 auto;width:clamp(240px,30vw,420px);height:46px;background:var(--clc-white);border-color:var(--clc-line-2);margin-right:10px}
body.cl-chrome-v8 .clc .clc-hright{order:4}
body.cl-chrome-v8 .clc .clc-menu-btn{order:5}
@media (max-width:1099.98px){
body.cl-chrome-v8 .clc .clc-hbar{gap:2px}
body.cl-chrome-v8 .clc .clc-logo{margin-right:auto}
}
body.cl-chrome-v8 .clc .clc-cart-count{box-shadow:0 0 0 2px var(--clc-paper)}
@media (min-width:1100px){
body.cl-chrome-v8 .clc .clc-nav{margin-right:auto}
}
body.cl-chrome-v8 .clc h1,
body.cl-chrome-v8 .clc h2{font-family:var(--clc-font-d)}
body.cl-chrome-v8 .clc h2{font-weight:800;letter-spacing:-.015em}
body.cl-chrome-v8 .clc .clc-foot{background-image:none;border-top:1px solid var(--clc-line)}
body.cl-chrome-v8 .clc{--clc-font-d:'Libre Caslon Condensed','Libre Caslon Text',Georgia,'Times New Roman',serif; --clc-shadow-pop:0 18px 40px -16px rgba(45,36,24,.32); --clc-shadow-card:none; --clc-r-card:14px;}
body.cl-chrome-v8 .clc h1,
body.cl-chrome-v8 .clc h2,
body.cl-chrome-v8 .clc h3{font-family:var(--clc-font-d)}
body.cl-chrome-v8 .clc h2{font-weight:700;letter-spacing:-.01em;text-wrap:balance}
body.cl-chrome-v8 .clc .clc-foot{border-top:0;background:var(--clc-surface)}
@media (min-width:1100px) and (max-width:1279.98px){
body.cl-chrome-v8 .clc .clc-nav-btn{padding:0 8px;font-size:14px}
body.cl-chrome-v8 .clc .clc-search-pill{flex:0 1 150px;width:150px;margin-right:2px}
body.cl-chrome-v8 .clc .clc-kbd{display:none}
body.cl-chrome-v8 .clc .clc-logo{margin-right:8px}
}
body.cl-chrome-v8 .clc{--clc-r-card:12px;--clc-r-tile:14px}
body.cl-chrome-v8 .clc{--clc-t-xs:12.5px;--clc-t-s:14px;--clc-t-m:16px;--clc-t-l:18px;--clc-t-xl:22px;--clc-t-2xl:30px;--clc-t-3xl:46px}
@media (hover:none),(pointer:coarse){
body.cl-chrome-v8 .clc .clc-kbd,
body.cl-chrome-v8 .clc .clc-search-pill .clc-kbd{display:none}
}
body.cl-chrome-v8 .clc .clc-nav-tag{display:inline-block;margin-left:6px;padding:3px 7px;border-radius:999px;background:var(--clc-accent);color:#fff;font:600 11px/1 var(--clc-font-b);letter-spacing:.02em;vertical-align:1px}
body.cl-chrome-v8 .clc .clc-bigrow .clc-nav-tag{margin-left:8px}
@media (min-width:1100px){
body.cl-chrome-v8 .clc .clc-search-pill{flex:0 1 auto;width:clamp(180px,20vw,300px)}
body.cl-chrome-v8 .clc .clc-nav-btn{padding-left:12px;padding-right:12px}
}
@media (min-width:1100px) and (max-width:1279.98px){
body.cl-chrome-v8 .clc .clc-search-pill{flex:0 1 130px;width:130px}
body.cl-chrome-v8 .clc .clc-nav-tag{display:none}
}
@media (min-width:1280px) and (max-width:1339.98px){
body.cl-chrome-v8 .clc .clc-search-pill{width:200px}
}
body.cl-chrome-v8 .clc .clc-nav-btn{white-space:nowrap}
body.cl-chrome-v8:not(.clc-js) .clc-menu-btn{display:none}
body.cl-chrome-v8 .clc .clc-nojs-menu{display:none}
body.cl-chrome-v8:not(.clc-js) .clc-nojs-menu.clc-only-m{display:inline-grid}
@media (min-width:1100px){
body.cl-chrome-v8:not(.clc-js) .clc-nojs-menu{display:none}
}
/* ===== Plats i Flatsomes <header id="header"> och <footer id="footer"> =====
   Flatsome ger .header och .header-wrapper position:relative, z-index:1001, bakgrund, skugga och (med has-sticky) fixerad klon.
   De klasserna filtreras bort i PHP; här görs #header sticky och Flatsomes egen ram nollas. */
body.cl-chrome-v8 #header.cl-chrome-header{position:sticky;top:calc(var(--clc-tb,0px) * -1);z-index:60;background:transparent;box-shadow:none;transition:none}
body.cl-chrome-v8.admin-bar #header.cl-chrome-header{top:calc(32px - var(--clc-tb,0px))}
@media (max-width:782px){body.cl-chrome-v8.admin-bar #header.cl-chrome-header{top:calc(46px - var(--clc-tb,0px))}}
body.cl-chrome-v8 #header.cl-chrome-header .header-wrapper{position:static;z-index:auto;background:transparent;box-shadow:none;transition:none;opacity:1;visibility:visible;width:auto}
body.cl-chrome-v8 #header.cl-chrome-header .header-wrapper::before,body.cl-chrome-v8 #header.cl-chrome-header .header-wrapper::after{content:none}
body.cl-chrome-v8 #footer.footer-wrapper{background:transparent;padding:0}
body.cl-chrome-v8 #footer.footer-wrapper>.clc{display:block}
/* Hopplänkar och scroll-to-ankare hamnar inte under den fasta headern. */
html:has(body.cl-chrome-v8){scroll-padding-top:72px}
@media (min-width:1100px){html:has(body.cl-chrome-v8){scroll-padding-top:88px}}
body.cl-chrome-v8 .clc .clc-site-header{position:relative}
body.cl-chrome-v8 .clc .clc-hbar{min-width:0}
body.cl-chrome-v8 .clc .clc-nav{min-width:0}
/* Bottenark och palett ligger över Flatsomes header (z-index 1001), kakbanner och mobilköpraden. */
body.cl-chrome-v8 .clc .clc-sheet{z-index:1100}
body.cl-chrome-v8 .clc .clc-pal{z-index:1110}
body.cl-chrome-v8.clc-locked{overflow:hidden;padding-right:var(--clc-sw,0px)}
/* Varukorgsräknaren: dold tills det finns varor. */
body.cl-chrome-v8 .clc .clc-cart-count[hidden]{display:none}
/* Stabil höjd: headern är alltid exakt --clc-hh hög (ingen layoutförskjutning när räknare eller säsongsmärke laddas). */
body.cl-chrome-v8 .clc .clc-hbar{height:var(--clc-hh)}
/* ===== Tillägg som prototypen saknar ===== */
body.cl-chrome-v8 .clc .clc-nav-tag{display:inline-block;margin-left:4px;padding:2px 7px;border-radius:999px;background:var(--clc-accent);color:#fff;font:600 11px/1.3 var(--clc-font-b);letter-spacing:.01em;vertical-align:1px}
/* Menyn har sex rubriker (fyra med chevron). Sökknappen är en ikon på alla skrivbordsbredder (Ctrl/Cmd K och / öppnar paletten som förut):
   utrymmet i raden behövs för varukorgspillen "Varukorg · summa" (se TOPBAR_DRAWER). Behållaren är högst 1264 px bred (max-width 1312 minus 2 x 24). */
@media (min-width:1100px){
body.cl-chrome-v8 .clc .clc-logo img{height:40px}
body.cl-chrome-v8 .clc .clc-logo{margin:0 16px 0 0}
body.cl-chrome-v8 .clc .clc-nav-btn{padding-left:12px;padding-right:12px;font-size:14.5px}
body.cl-chrome-v8 .clc .clc-nav-tag{display:none}
body.cl-chrome-v8 .clc .clc-search-pill{flex:0 0 44px;width:44px;padding:0;justify-content:center;gap:0;margin-right:2px;border-radius:50%}
body.cl-chrome-v8 .clc .clc-search-pill .clc-sp-t,body.cl-chrome-v8 .clc .clc-search-pill .clc-kbd{display:none}
}
@media (min-width:1280px){
body.cl-chrome-v8 .clc .clc-nav-btn{padding-left:12px;padding-right:12px;font-size:15px}
}
@media (min-width:1440px){
body.cl-chrome-v8 .clc .clc-nav-btn{padding-left:11px;padding-right:11px}
body.cl-chrome-v8 .clc .clc-nav-tag{display:inline-block}
}
body.cl-chrome-v8 .clc .clc-col-h--sub{margin-top:18px}
body.cl-chrome-v8 .clc .clc-plain-list--2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
body.cl-chrome-v8 .clc .clc-panel-veg{width:460px}
body.cl-chrome-v8 .clc .clc-panel-packs{width:440px}
body.cl-chrome-v8 .clc .clc-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body.cl-chrome-v8 .clc .clc-panel-butiken{width:720px}
body.cl-chrome-v8 .clc .clc-panel-cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
body.cl-chrome-v8 .clc .clc-panel .clc-all-link{margin-top:6px}
body.cl-chrome-v8 .clc .clc-bigrow-w .clc-nav-tag{margin-left:8px}
body.cl-chrome-v8 .clc .clc-nojs-search{display:none}
body.cl-chrome-v8:not(.clc-js) .clc .clc-nojs-search.clc-only-d{display:flex}
body.cl-chrome-v8:not(.clc-js) .clc .clc-nav-item:focus-within>.clc-panel{opacity:1;visibility:visible;pointer-events:auto;transform:none}
body.cl-chrome-v8:not(.clc-js) .clc .clc-search-pill,body.cl-chrome-v8:not(.clc-js) .clc .clc-search-btn{display:none!important}
body.cl-chrome-v8:not(.clc-js) .clc .clc-menu-btn{display:none}
body.cl-chrome-v8 .clc .clc-nojs-search{align-items:center;height:44px;padding:0 4px 0 14px;margin-right:6px;border-radius:999px;background:var(--clc-white);border:1px solid var(--clc-line-2)}
body.cl-chrome-v8 .clc .clc-nojs-search input{width:150px;font-size:14px}
body.cl-chrome-v8 .clc .clc-nojs-search button{display:grid;place-items:center;width:36px;height:36px;border-radius:50%}
body.cl-chrome-v8 .clc .clc-fold{margin-top:12px;border-radius:16px;background:var(--clc-surface)}
body.cl-chrome-v8 .clc .clc-fold>summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 16px;font-weight:600;font-size:15px;cursor:pointer;border-radius:16px}
body.cl-chrome-v8 .clc .clc-fold[open]>summary .clc-ic-chev{transform:rotate(180deg)}
body.cl-chrome-v8 .clc .clc-fold .clc-chips{padding:0 12px 14px}
body.cl-chrome-v8 .clc .clc-sheet .clc-bigrow-n.clc-cart-sum{margin-left:auto;margin-right:2px}
body.cl-chrome-v8 .clc .clc-sheet .clc-chip{background:var(--clc-white)}
/* Sökpaletten: radens visuella lägen (förslag utan markering tills piltangent eller mus används) */
body.cl-chrome-v8 .clc .clc-pal-it[aria-selected="true"]{background:var(--clc-surface)}
body.cl-chrome-v8 .clc .clc-pal-more{color:var(--clc-accent)}
body.cl-chrome-v8 .clc .clc-pal-more .clc-pal-th{background:transparent}
body.cl-chrome-v8 .clc .clc-pal-in .clc-pal-input{flex:1;min-width:0;height:100%;font-size:18px;line-height:1;color:var(--clc-ink)}
body.cl-chrome-v8 .clc .clc-pal-in{margin:0}
body.cl-chrome-v8 .clc .clc-pal-in .clc-ic{flex:none}
body.cl-chrome-v8 .clc .clc-pal-load{padding:16px 12px;color:var(--clc-muted);font-size:14px}
body.cl-chrome-v8 .clc .clc-foot-search{margin-top:16px;max-width:320px}
body.cl-chrome-v8 .clc .clc-foot-search label{display:block;margin-bottom:6px;font-size:13.5px;color:var(--clc-muted)}
body.cl-chrome-v8 .clc .clc-foot-search-row{display:flex;gap:8px}
body.cl-chrome-v8 .clc .clc-foot-search input[type=search]{flex:1;min-width:0;height:44px;padding:0 14px;border-radius:12px;background:var(--clc-white);border:1px solid var(--clc-line-2)}
body.cl-chrome-v8 .clc .clc-foot-search button{min-height:44px;padding:0 18px;border-radius:12px;background:var(--clc-accent);color:#fff;font-weight:600}
body.cl-chrome-v8.clc-js .clc .clc-foot-search{display:none}
body.cl-chrome-v8 .clc .clc-foot{font-size:16px}
body.cl-chrome-v8 .clc .clc-org{margin:0}
body.cl-chrome-v8 .clc .clc-bigrow-n{white-space:nowrap}
body.cl-chrome-v8 .clc .clc-bigrow-w{min-width:0}
@media (max-width:359.98px){
body.cl-chrome-v8 .clc .clc-bigrow{gap:10px;padding:0 12px}
body.cl-chrome-v8 .clc .clc-bigrow .clc-ruler{width:54px}
body.cl-chrome-v8 .clc .clc-bigrow .clc-ruler i{width:12px}
body.cl-chrome-v8 .clc .clc-bigrow-w{font-size:16px}
body.cl-chrome-v8 .clc .clc-bigrow-n{font-size:13px}
}
body.cl-chrome-v8 .clc .clc-foot-bar{flex-direction:column;align-items:flex-start;gap:14px}
body.cl-chrome-v8 .clc .clc-foot-brand img{height:44px;width:auto}
/* ===== Toppfält (tagline, Om oss, Kontakt, sociala ikoner) =====
   36 px högt, mörk kraft med krämfärgad text (samma kraftton som mörka kort i startsidan). Fältet ligger i #header (sticky) men #header har top:-36px
   (variabeln --clc-tb), så toppfältet scrollar bort medan huvudraden ligger kvar överst. Utan :has() (gamla läsare) är --clc-tb 0 och båda är sticky.
   Länkarnas tryckyta är 44 px (negativ marginal i höjd): fältet förblir 36 px högt. Fältet har z-index över huvudraden så att tryckytan inte täcks. */
body.cl-chrome-v8{--clc-tb:0px}
body.cl-chrome-v8:has(.clc-topbar){--clc-tb:36px}
body.cl-chrome-v8 .clc .clc-topbar{position:relative;z-index:2;height:36px;background:var(--clc-kraft);color:var(--clc-cream)}
body.cl-chrome-v8 .clc .clc-topbar-in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
body.cl-chrome-v8 .clc .clc-topbar-tag{display:none;min-width:0;margin:0;font:600 11.5px/1 var(--clc-font-b);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#eadfc4}
body.cl-chrome-v8 .clc .clc-topbar-nav{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0}
body.cl-chrome-v8 .clc .clc-topbar-nav ul{display:flex;align-items:center}
body.cl-chrome-v8 .clc .clc-topbar-links{margin-left:-10px}
body.cl-chrome-v8 .clc .clc-topbar-social{margin-right:-13px}
body.cl-chrome-v8 .clc .clc-topbar-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-block:-4px;padding:0 10px;font:600 13px/1 var(--clc-font-b);white-space:nowrap;color:var(--clc-cream);border-radius:8px;transition:color 160ms ease,background-color 160ms ease}
body.cl-chrome-v8 .clc .clc-topbar-social a{width:44px;padding:0;border-radius:50%}
body.cl-chrome-v8 .clc .clc-topbar-social .clc-ic{width:18px;height:18px}
body.cl-chrome-v8 .clc .clc-topbar-nav a:active{transform:scale(.97)}
body.cl-chrome-v8 .clc .clc-topbar-nav a:focus-visible{outline:2px solid var(--clc-cream);outline-offset:-3px;box-shadow:none}
@media (hover:hover) and (pointer:fine){
body.cl-chrome-v8 .clc .clc-topbar-links a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
body.cl-chrome-v8 .clc .clc-topbar-social a:hover{background:rgba(247,239,220,.14);color:#fff}
}
@media (min-width:768px){
body.cl-chrome-v8 .clc .clc-topbar-tag{display:block}
body.cl-chrome-v8 .clc .clc-topbar-nav{width:auto;flex:none;gap:8px}
}
/* ===== Varukorg i headern: ikon med räknare, och från 1024 px en pill med "Varukorg · summa" ===== */
body.cl-chrome-v8 .clc .clc-cart-ic{position:relative;display:inline-grid;place-items:center;width:24px;height:24px}
body.cl-chrome-v8 .clc .clc-cart-ic .clc-cart-count{top:-10px;right:-12px}
body.cl-chrome-v8 .clc .clc-cart-txt{display:none;gap:.35em;font:600 14px/1 var(--clc-font-b);white-space:nowrap;color:var(--clc-ink)}
body.cl-chrome-v8 .clc .clc-cart-t{display:inline-flex;gap:.35em;font-weight:700}
@media (min-width:1024px){
body.cl-chrome-v8 .clc .clc-cart-btn{display:inline-flex;align-items:center;justify-content:center;width:auto;gap:10px;padding:0 18px 0 16px;border-radius:999px;border:1px solid var(--clc-line-2);background:var(--clc-white);margin-left:4px}
body.cl-chrome-v8 .clc .clc-cart-txt{display:inline-flex}
body.cl-chrome-v8 .clc .clc-cart-btn.clc-cart--has{background:var(--clc-accent);border-color:var(--clc-accent);color:#fff}
body.cl-chrome-v8 .clc .clc-cart-btn.clc-cart--has .clc-cart-txt{color:#fff}
body.cl-chrome-v8 .clc .clc-cart-btn.clc-cart--has .clc-cart-count{background:#fff;color:var(--clc-accent);box-shadow:0 0 0 2px var(--clc-accent)}
}
/* Skrivbordsraden (från 1100 px) har bara plats för pillen i full längd från 1280 px. 1180-1279: bara summan. 1100-1179: ikon med räknare (tom korg: vanlig ikonknapp). */
@media (min-width:1100px) and (max-width:1279.98px){
body.cl-chrome-v8 .clc .clc-cart-w,body.cl-chrome-v8 .clc .clc-cart-sep{display:none}
body.cl-chrome-v8 .clc .clc-cart-btn:not(.clc-cart--has){width:44px;padding:0;gap:0;border-color:transparent;background:transparent;margin-left:0}
body.cl-chrome-v8 .clc .clc-cart-btn:not(.clc-cart--has) .clc-cart-txt{display:none}
}
@media (min-width:1100px) and (max-width:1179.98px){
body.cl-chrome-v8 .clc .clc-cart-btn.clc-cart--has{width:44px;padding:0;gap:0}
body.cl-chrome-v8 .clc .clc-cart-btn.clc-cart--has .clc-cart-txt{display:none}
}
@media (min-width:1024px) and (hover:hover) and (pointer:fine){
body.cl-chrome-v8 .clc .clc-cart-btn:hover{background:var(--clc-surface);border-color:var(--clc-ink)}
body.cl-chrome-v8 .clc .clc-cart-btn.clc-cart--has:hover{background:var(--clc-accent-d);border-color:var(--clc-accent-d)}
}
body.cl-chrome-v8 .clc .clc-sheet-social{display:flex;gap:8px;margin-top:4px}
body.cl-chrome-v8 .clc .clc-sheet-social li{flex:none}
body.cl-chrome-v8 .clc .clc-sheet-social .clc-icon-btn{border:1px solid var(--clc-line-2);background:var(--clc-white)}
/* ===== Minikorgslåda: höger sida från 768 px, bottenark under. Bara transform och opacitet animeras. ===== */
body.cl-chrome-v8 .clc .clc-drawer{position:fixed;inset:0;z-index:1105;visibility:hidden;pointer-events:none;transition:visibility 0s linear 200ms}
body.cl-chrome-v8 .clc .clc-drawer[data-open]{visibility:visible;pointer-events:auto;transition-delay:0s}
body.cl-chrome-v8 .clc .clc-drawer-scrim{position:absolute;inset:0;background:rgba(26,26,23,.46);opacity:0;transition:opacity 200ms var(--clc-ease-drawer)}
body.cl-chrome-v8 .clc .clc-drawer[data-open] .clc-drawer-scrim{opacity:1;transition-duration:260ms}
body.cl-chrome-v8 .clc .clc-drawer-panel{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;max-height:min(88dvh,720px);background:var(--clc-white);border-radius:24px 24px 0 0;box-shadow:0 -12px 40px -8px rgba(26,26,23,.22);transform:translateY(100%);transition:transform 200ms var(--clc-ease-drawer);outline:0;overflow:hidden}
body.cl-chrome-v8 .clc .clc-drawer[data-open] .clc-drawer-panel{transform:none;transition-duration:260ms}
@media (min-width:768px){
body.cl-chrome-v8 .clc .clc-drawer-panel{left:auto;top:0;bottom:0;width:min(440px,100vw);max-height:none;border-radius:0;box-shadow:-16px 0 48px -12px rgba(26,26,23,.28);transform:translateX(100%)}
body.cl-chrome-v8 .clc .clc-drawer[data-open] .clc-drawer-panel{transform:none}
}
body.cl-chrome-v8 .clc .clc-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:10px 8px 10px 20px;border-bottom:1px solid var(--clc-line)}
body.cl-chrome-v8 .clc .clc-drawer-head .clc-icon-btn{flex:none}
body.cl-chrome-v8 .clc .clc-drawer-title{margin:0;font:700 22px/1.2 var(--clc-font-d);letter-spacing:-.01em;color:var(--clc-ink);outline:0}
body.cl-chrome-v8 .clc .clc-drawer-count{font:600 14px/1 var(--clc-font-b);letter-spacing:0;color:var(--clc-muted)}
body.cl-chrome-v8 .clc .clc-drawer-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 20px}
body.cl-chrome-v8 .clc .clc-drawer .widget_shopping_cart_content{display:block;margin:0;padding:0}
body.cl-chrome-v8 .clc .clc-drawer .widget_shopping_cart_content :is(.woocommerce-mini-cart__total,.woocommerce-mini-cart__buttons,.woocommerce-mini-cart__empty-message,.ux-mini-cart-empty,.return-to-shop){display:none}
body.cl-chrome-v8 .clc .clc-drawer .woocommerce-mini-cart{display:block;margin:0;padding:0;list-style:none}
body.cl-chrome-v8 .clc .clc-drawer .woocommerce-mini-cart .mini_cart_item{position:relative;display:block;min-height:96px;margin:0;padding:16px 44px 16px 0;border:0;border-bottom:1px solid var(--clc-line);list-style:none;background:none}
body.cl-chrome-v8 .clc .clc-drawer .mini_cart_item>a:not(.remove){display:block;padding:0 0 0 78px;font:600 15px/1.35 var(--clc-font-b);color:var(--clc-ink);overflow-wrap:anywhere}
body.cl-chrome-v8 .clc .clc-drawer .mini_cart_item>a:not(.remove) img{float:none;position:absolute;left:0;top:16px;width:64px;height:64px;max-width:none;margin:0;object-fit:cover;border-radius:12px;background:var(--clc-surface)}
body.cl-chrome-v8 .clc .clc-drawer .mini_cart_item :is(.quantity,.ux-mini-cart-qty){display:block;margin:4px 0 0 78px;font:500 14px/1.4 var(--clc-font-b);color:var(--clc-muted)}
body.cl-chrome-v8 .clc .clc-drawer .mini_cart_item .amount{color:var(--clc-ink);font-weight:700}
body.cl-chrome-v8 .clc .clc-drawer .mini_cart_item .variation{margin:4px 0 0 78px;font:500 13px/1.4 var(--clc-font-b);color:var(--clc-muted)}
body.cl-chrome-v8 .clc .clc-drawer .mini_cart_item .variation :is(dt,dd,p){display:inline;margin:0;padding:0}
body.cl-chrome-v8 .clc .clc-drawer .mini_cart_item a.remove{position:absolute;top:10px;right:-8px;left:auto;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:none;font-size:0!important;line-height:0!important;color:var(--clc-muted);text-decoration:none;transition:background-color 160ms ease,color 160ms ease,transform 160ms var(--clc-ease-out)}
body.cl-chrome-v8 .clc .clc-drawer .mini_cart_item a.remove::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 6 12 12M18 6 6 18'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 6 12 12M18 6 6 18'/%3E%3C/svg%3E") center/contain no-repeat}
body.cl-chrome-v8 .clc .clc-drawer .mini_cart_item a.remove:active{transform:scale(.94)}
body.cl-chrome-v8 .clc .clc-drawer .mini_cart_item .ux-mini-cart-qty{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px}
body.cl-chrome-v8 .clc .clc-drawer .mini_cart_item .ux-mini-cart-qty .quantity{margin:0}
body.cl-chrome-v8 .clc .clc-drawer .mini_cart_item .ux-quantity{display:inline-flex;align-items:center;margin:4px 0}
@media (hover:hover) and (pointer:fine){
body.cl-chrome-v8 .clc .clc-drawer .mini_cart_item a.remove:hover{background:var(--clc-surface);color:var(--clc-accent)}
}
body.cl-chrome-v8 .clc .clc-drawer-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:40px 8px 32px}
body.cl-chrome-v8 .clc .clc-drawer-empty[hidden],body.cl-chrome-v8 .clc .clc-drawer-foot[hidden]{display:none}
body.cl-chrome-v8 .clc .clc-drawer-empty-ic{display:grid;place-items:center;width:64px;height:64px;margin-bottom:6px;border-radius:50%;background:var(--clc-surface);color:var(--clc-muted)}
body.cl-chrome-v8 .clc .clc-drawer-empty-ic .clc-ic{width:28px;height:28px}
body.cl-chrome-v8 .clc .clc-drawer-empty-h{font:700 20px/1.25 var(--clc-font-d);color:var(--clc-ink)}
body.cl-chrome-v8 .clc .clc-drawer-empty-p{margin-bottom:14px;font-size:15px;color:var(--clc-muted)}
body.cl-chrome-v8 .clc .clc-drawer-empty .clc-dbtn{align-self:stretch}
body.cl-chrome-v8 .clc .clc-drawer-foot{flex:none;display:flex;flex-direction:column;gap:10px;padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--clc-line);background:var(--clc-white);box-shadow:0 -10px 24px -16px rgba(45,36,24,.28)}
body.cl-chrome-v8 .clc .clc-drawer-sum{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:15px;color:var(--clc-muted)}
body.cl-chrome-v8 .clc .clc-drawer-sum strong{font:700 20px/1.2 var(--clc-font-b);color:var(--clc-ink)}
body.cl-chrome-v8 .clc .clc-drawer-note{margin:-4px 0 4px;font-size:13.5px;line-height:1.4;color:var(--clc-muted)}
body.cl-chrome-v8 .clc .clc-dbtn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 20px;border-radius:999px;font:700 16px/1.2 var(--clc-font-b);text-align:center;transition:transform 160ms var(--clc-ease-out),background-color 160ms ease,border-color 160ms ease}
body.cl-chrome-v8 .clc .clc-dbtn--p{background:var(--clc-accent);color:#fff}
body.cl-chrome-v8 .clc .clc-dbtn--s{min-height:46px;background:transparent;border:1.5px solid var(--clc-line-2);color:var(--clc-ink);font-weight:600}
body.cl-chrome-v8 .clc .clc-dbtn:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
body.cl-chrome-v8 .clc .clc-dbtn--p:hover{background:var(--clc-accent-d)}
body.cl-chrome-v8 .clc .clc-dbtn--s:hover{border-color:var(--clc-ink)}
}
/* ===== Fokus: kraftig, synlig ring på alla interaktiva element (Flatsomes .cl-ui-regel har lägre specificitet än denna) ===== */
body.cl-chrome-v8 .clc :is(a,button,input,summary):focus-visible{outline:2px solid var(--clc-ink);outline-offset:2px;box-shadow:0 0 0 4px var(--clc-white)}
body.cl-chrome-v8 .clc .clc-pal-input:focus-visible{outline:0;box-shadow:none}
/* ===== prefers-reduced-motion: reduce. Ingen transform-rörelse (tryck, panelskala, bottenark, pilar). Färg och opacitet behålls. ===== */
@media (prefers-reduced-motion:reduce){
body.cl-chrome-v8 .clc .clc-panel,body.cl-chrome-v8 .clc .clc-panel[data-open]{transform:none}
body.cl-chrome-v8 .clc .clc-sheet-panel,body.cl-chrome-v8 .clc .clc-sheet[data-open] .clc-sheet-panel{transform:none;transition:opacity 120ms ease}
body.cl-chrome-v8 .clc .clc-sheet-panel{opacity:0}
body.cl-chrome-v8 .clc .clc-sheet[data-open] .clc-sheet-panel{opacity:1}
body.cl-chrome-v8 .clc .clc-fold[open]>summary .clc-ic-chev{transform:none}
body.cl-chrome-v8 .clc .clc-drawer,body.cl-chrome-v8 .clc .clc-drawer-scrim,body.cl-chrome-v8 .clc .clc-drawer[data-open] .clc-drawer-scrim,body.cl-chrome-v8 .clc .clc-drawer-panel,body.cl-chrome-v8 .clc .clc-drawer[data-open] .clc-drawer-panel{transition:none}
body.cl-chrome-v8 .clc .clc-drawer-panel,body.cl-chrome-v8 .clc .clc-drawer[data-open] .clc-drawer-panel{transform:none}
body.cl-chrome-v8 .clc .clc-drawer-panel{opacity:0}
body.cl-chrome-v8 .clc .clc-drawer[data-open] .clc-drawer-panel{opacity:1}
body.cl-chrome-v8 .clc :is(.clc-dbtn,.clc-topbar-nav a,.clc-cart-btn,.mini_cart_item a.remove):active{transform:none}
body.cl-chrome-v8 .clc :is(.clc-btn,.clc-chip,.clc-icon-btn,.clc-nav-btn,.clc-search-pill,.clc-seg button,.clc-sheet-search,.clc-bigrow):active{transform:none}
}