.gform_validation_container,.gfield--type-honeypot,.gform_hidden,.gfield--type-hidden,.gfield_visibility_hidden,.gform_ajax_frame{display:none!important}.screen-reader-text,.hidden_sub_label,.hidden_label>.gfield_label{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(.gform_button,.gform_next_button,.gform_previous_button) svg{width:1em;height:1em}:where(.site-hopp){position:absolute;left:-9999px;top:0;z-index:100}:where(.site-hopp:focus){left:12px;top:12px;padding:10px 16px;background:#000;color:#fff}:where(.gform_required_legend){display:none}html:has(:is([aria-controls=site-mmeny],.site-burg,.site-burger,.site-ham)[aria-expanded=true]){overflow:hidden}body:has(:is([aria-controls=site-mmeny],.site-burg,.site-burger,.site-ham)[aria-expanded=true]) :is(.site-mobillist,.site-mlist,.site-snabb){visibility:hidden}:where(h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}@media (max-width:860px){body:has(:is(input:not([type=hidden]),select,textarea):focus) :is(.site-mobillist,.site-mlist){visibility:hidden}}@media (hover:hover){.site-drop:hover>ul[hidden]{display:block!important}.site-drop>ul::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:20px}}
/* ramselejarn.se: mall för mockup och bygge. Prefix rj-. Mobil = @container ram (bygget: container-type på omslaget).
   Rubriker: hatch (Adobe-kit ngd1xzp) i bygget; i mockupen Arvo som ersättare (+0.04em spärrning, se --rj-lsx). */
.site{--rj-rod:#ba352f;--rj-rodm:#9e2c27;--rj-text:#191919;--rj-mute:#5b524b;--rj-bg:#faf8f5;--rj-beige:#f6efe9;--rj-vit:#fff;
  --rj-linje:#e4d9cf;--rj-falt:#857a71;--rj-mork:#191919;--rj-mork2:#262220;
  --rj-rub:"hatch","Arvo",Georgia,serif;--rj-font:"montserrat","Montserrat",system-ui,sans-serif;--rj-lsx:0;
  --rj-in:1240px;--rj-pad:80px;--rj-topp:0px;
  container:ram/inline-size;background:var(--rj-bg);color:var(--rj-text);font:400 16px/1.6 var(--rj-font)}
.site *,.site *::before,.site *::after{box-sizing:border-box}
.site img,.site video{max-width:100%;height:auto;display:block}
.site :where(a){color:inherit}
.site :focus-visible{outline:3px solid var(--rj-rod);outline-offset:3px;border-radius:2px}
.site-mork :focus-visible,.site-hjalte :focus-visible,.site-rodkort :focus-visible{outline-color:#fff}
.site-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.site-hoppa{position:absolute;left:-9999px;display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box}.site-hoppa:focus{left:12px;top:12px;z-index:99;background:#fff;padding:10px 14px}
.site-in{max-width:var(--rj-in);margin:0 auto;padding-inline:32px}
.site h1,.site h2,.site h3{font-family:var(--rj-rub);font-weight:400;margin:0;color:inherit;text-wrap:balance}
.site h1{font-size:68px;line-height:1.02;letter-spacing:calc(-.02em + var(--rj-lsx))}
.site h2{font-size:44px;line-height:1.08;letter-spacing:calc(-.01em + var(--rj-lsx))}
.site h3{font-size:24px;line-height:1.2;letter-spacing:calc(0em + var(--rj-lsx))}
.site p,.site li{max-width:38em}
.site-ob{display:block;font:600 12.5px/1.3 var(--rj-font);letter-spacing:.14em;text-transform:uppercase;color:var(--rj-rod);margin-bottom:14px}
.site-mork .site-ob,.site-undertopp .site-ob,.site-hjalte .site-ob{color:#f2b8ae}
.site-ingress{font-size:18px;color:var(--rj-mute);margin:16px 0 0}
.site-sek{padding-block:var(--rj-pad)}
.site-sek--vit{background:var(--rj-vit)}.site-sek--beige{background:var(--rj-beige)}
.site-mork{background:var(--rj-mork);color:#f3eee8}
.site-huvud{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px}
.site-huvud p{margin:12px 0 0;color:var(--rj-mute)}

/* knappar */
.site-btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 22px;border-radius:4px;
  font:600 15px/1.2 var(--rj-font);text-decoration:none;border:2px solid var(--rj-rod);background:var(--rj-rod);color:#fff;cursor:pointer}
.site-btn:hover{background:var(--rj-rodm);border-color:var(--rj-rodm)}
.site-btn--kant{background:transparent;color:var(--rj-text);border-color:var(--rj-text)}
.site-btn--kant:hover{background:var(--rj-text);color:#fff;border-color:var(--rj-text)}
.site-hjalte .site-btn--kant,.site-mork .site-btn--kant,.site-undertopp .site-btn--kant{color:#fff;border-color:#fff}
.site-hjalte .site-butik .site-btn--kant{color:var(--rj-text);border-color:var(--rj-text)}
.site-hjalte .site-butik .site-btn--kant:hover{background:var(--rj-text);color:#fff}
.site-hjalte .site-btn--kant:hover,.site-mork .site-btn--kant:hover,.site-undertopp .site-btn--kant:hover{background:#fff;color:var(--rj-text)}
.site-piller{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:10px 20px;border-radius:999px;background:var(--rj-mork);color:#fff;font:600 14px var(--rj-font);text-decoration:none}
.site-piller:hover{background:#000}
.site-knappar{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.site-pil{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none;color:var(--rj-rod);min-height:44px}
.site-pil:hover{text-decoration:underline}
.site-mork .site-pil,.site-undertopp .site-pil{color:#f2b8ae}
.site-ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* sidhuvud */
.site-sidhuvud{position:sticky;top:var(--rj-topp);z-index:40;background:#fff;border-bottom:1px solid var(--rj-linje)}
.site-sidhuvud__rad{display:flex;align-items:center;gap:28px;min-height:84px}
.site-logga{display:flex;align-items:center;gap:16px;text-decoration:none;flex:none}
.site-logga img{height:46px;width:auto}
.site-logga .site-bolist{height:34px;padding-left:16px;border-left:1px solid var(--rj-linje)}
.site-nav{flex:1;display:flex;justify-content:flex-end}
.site-nav>ul{display:flex;gap:2px;list-style:none;margin:0;padding:0;align-items:center}
.site-nav li{position:relative;max-width:none}
.site-nav>ul>li>a,.site-nav__knapp{white-space:nowrap;display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 9px;font:600 14px var(--rj-font);color:var(--rj-text);text-decoration:none;background:none;border:0;cursor:pointer;border-radius:4px}
.site-nav>ul>li>a:hover,.site-nav__knapp:hover,.site-nav [aria-current]{color:var(--rj-rod)}
.site-nav__knapp svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.2;transition:transform .15s}
.site-nav__under{display:none;position:absolute;top:100%;left:0;min-width:250px;background:#fff;border:1px solid var(--rj-linje);border-top:3px solid var(--rj-rod);box-shadow:0 14px 34px rgba(25,25,25,.12);list-style:none;margin:0;padding:8px}
.site-nav__under--2{display:none;columns:2;min-width:440px}
.site-nav__under a{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 10px;text-decoration:none;font-size:14.5px;border-radius:4px;break-inside:avoid}
.site-nav__under a:hover{background:var(--rj-beige)}
.site-nav__under img{width:30px;height:30px}
.site-nav li:hover>.site-nav__under,.site-nav li.open>.site-nav__under{display:block}
.site-nav li.stang>.site-nav__under{display:none}
.site-nav li:hover>.site-nav__knapp svg,.site-nav li.open>.site-nav__knapp svg{transform:rotate(180deg)}
.site-sidhuvud__ring{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.site-sidhuvud__ring .site-status{font-size:12px}
.site-sidhuvud__ring .site-btn{min-height:48px}
.site-mobknapp{display:none}
.site-menyknapp{display:none}
.site-status{display:inline-flex;align-items:center;gap:8px;font:600 14px/1.3 var(--rj-font)}
.site-status::before{content:"";width:10px;height:10px;border-radius:50%;background:#9a918a;flex:none}
.site-status.oppet::before{background:#2f8a4a;box-shadow:0 0 0 4px rgba(47,138,74,.18)}
.site-sidhuvud .site-status{font-size:13px;color:var(--rj-mute);white-space:nowrap}

/* hjälte: film + butikskort */
.site-hjalte{position:relative;color:#fff;background:var(--rj-mork);overflow:hidden;isolation:isolate}
.site-hjalte__film{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.site-hjalte::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,16,15,.88) 0%,rgba(18,16,15,.72) 48%,rgba(18,16,15,.35) 100%)}
.site-hjalte__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:56px;align-items:center;padding-block:88px 96px}
.site-hjalte__text{min-width:0;container-type:inline-size}
.site-hjalte h1{font-size:clamp(44px,10.4cqi,72px)}
.site-hjalte .site-ingress{color:#e9e2db;font-size:19px;max-width:30em}
.site-butik{background:#fff;color:var(--rj-text);border-radius:4px;padding:28px;box-shadow:0 24px 60px rgba(0,0,0,.35);border-top:4px solid var(--rj-rod);min-width:0}
.site-butik__topp{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.site .site-butik h2{font-size:26px}
.site-tider{width:100%;border-collapse:collapse;font-size:15px;margin:4px 0 16px}
.site-tider th{text-align:left;font-weight:400;padding:7px 0;border-bottom:1px solid var(--rj-linje)}
.site-tider td{text-align:right;padding:7px 0;border-bottom:1px solid var(--rj-linje);font-variant-numeric:tabular-nums}
.site-tider tr.idag th,.site-tider tr.idag td{font-weight:600;color:var(--rj-rod)}
.site-butik__adr{display:flex;gap:10px;align-items:flex-start;font-size:15px;margin:0 0 18px}
.site-butik__adr .site-ico{margin-top:3px;color:var(--rj-rod)}
.site-butik__knappar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.site-butik__knappar .site-btn{padding-inline:12px}
.site-butik__lev{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--rj-linje);font-size:14.5px;text-decoration:none;min-height:44px}
.site-butik__lev b{color:var(--rj-rod)}
.site-butik__lev:hover span{text-decoration:underline}

/* hjälte B: delad */
.site-hjalteb{background:var(--rj-bg)}
.site-hjalteb__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:600px}
.site-hjalteb__text{padding:80px 56px 72px max(32px,calc((100cqi - var(--rj-in))/2 + 32px));container-type:inline-size;min-width:0;align-self:center}
.site-hjalteb h1{font-size:clamp(42px,11cqi,66px)}
.site-hjalteb__bild{min-width:0}.site-hjalteb__bild img{width:100%;height:100%;object-fit:cover}
.site-butikrad{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;margin-top:32px;padding:18px 20px;background:#fff;border:1px solid var(--rj-linje);border-left:4px solid var(--rj-rod);border-radius:4px;font-size:15px}
.site-butikrad a{font-weight:600}

/* hjälte C: valruta */
.site-val{margin-top:28px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:4px;padding:20px;max-width:560px}
.site-val legend{font:600 15px var(--rj-font);padding:0;margin-bottom:12px;float:left;width:100%}
.site-val__chips{display:flex;flex-wrap:wrap;gap:8px;clear:both}
.site-val__chips label{position:relative}
.site-val__chips input{position:absolute;opacity:0;inset:0}
.site-val__chips span{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid rgba(255,255,255,.5);border-radius:999px;font-weight:600;font-size:14.5px;cursor:pointer}
.site-val__chips input:checked+span{background:#fff;color:var(--rj-text);border-color:#fff}
.site-val__chips input:focus-visible+span{outline:3px solid #fff;outline-offset:2px}
.site-val .site-knappar{margin-top:16px}

/* löftesrad */
.site-loften{background:var(--rj-rodm);color:#fff}
.site-loften ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0}
.site-loften li{display:flex;gap:14px;align-items:flex-start;padding:26px 24px;border-left:1px solid rgba(255,255,255,.22);max-width:none}
.site-loften li:first-child{border-left:0;padding-left:0}
.site-loften .site-ico{width:32px;height:32px;color:#fff;stroke-width:1.5}
.site-loften b{display:block;font:400 20px/1.2 var(--rj-rub);letter-spacing:var(--rj-lsx);margin-bottom:4px}
.site-loften span{font-size:14px;color:#fbe9e5}
.site-loften a{font-weight:600;text-underline-offset:3px}
.site-loften :focus-visible{outline-color:#fff}
.site-loften a{color:inherit}

/* sortiment: ikonrad (kännetecken) */
.site-ikoner{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0}
.site-ikoner li{max-width:none}
.site-ikoner a{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;text-decoration:none;padding:20px 8px;border-radius:4px;background:#fff;border:1px solid var(--rj-linje);height:100%}
.site-ikoner a:hover{border-color:var(--rj-rod)}
.site-ikoner a:hover img{transform:scale(1.06)}
.site-ikoner img{width:84px;height:84px;transition:transform .2s}
.site-ikoner b{font:400 19px/1.2 var(--rj-rub);letter-spacing:calc(.01em + var(--rj-lsx))}
.site-ikoner--sma{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.site-ikoner--sma a{flex-direction:row;justify-content:flex-start;text-align:left;padding:10px 14px;gap:12px}
.site-ikoner--sma img{width:44px;height:44px}
.site-ikoner--sma b{font-size:16.5px}
.site-sortrad{display:flex;flex-wrap:wrap;gap:8px 32px;align-items:center;margin-top:28px;padding-top:22px;border-top:1px solid var(--rj-linje)}
.site-sortrad p{margin:0;font-weight:600}

/* sortiment alt 2: register */
.site-register{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;list-style:none;margin:0;padding:0;border-top:1px solid var(--rj-linje)}
.site-register li{max-width:none;border-bottom:1px solid var(--rj-linje)}
.site-register a{display:grid;grid-template-columns:52px minmax(0,1fr) 20px;gap:16px;align-items:center;padding:16px 0;text-decoration:none}
.site-register img{width:52px;height:52px}
.site-register b{display:block;font:400 20px/1.2 var(--rj-rub);letter-spacing:calc(.01em + var(--rj-lsx))}
.site-register span{display:block;font-size:13.5px;color:var(--rj-mute)}
.site-register a:hover b{color:var(--rj-rod)}
.site-register .site-ico{color:var(--rj-rod)}

.site-register--under{margin-top:32px}
.site-register--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px}
.site-register--4 a{grid-template-columns:44px minmax(0,1fr) 18px;gap:12px}.site-register--4 img{width:44px;height:44px}.site-register--4 b{font-size:18px}
/* sortiment alt 3: fyra bildkort */
.site-bildkort{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.site-bk{position:relative;display:block;aspect-ratio:3/4;border-radius:4px;overflow:hidden;color:#fff;text-decoration:none;background:var(--rj-mork)}
.site-bk img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.site-bk:hover img{transform:scale(1.04)}
.site-bk::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(18,16,15,.85))}
.site-bk div{position:absolute;left:20px;right:20px;bottom:20px;z-index:1}
.site .site-bk h3{font-size:26px;color:#fff}.site-bk p{margin:6px 0 0;font-size:14px;color:#eee6de}
.site-alla{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:24px 0 0;padding:0}
.site-alla li{max-width:none}.site-alla a{display:inline-flex;min-height:44px;align-items:center;font-weight:600;font-size:14.5px}

/* paneler sida vid sida: hemleverans + jakt */
.site-paneler{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.site-panel{background:#fff;border-radius:4px;overflow:hidden;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}
.site-panel>img{width:100%;height:100%;object-fit:cover;min-height:100%}
.site-panel__text{padding:36px 32px;min-width:0}
.site .site-panel h2,.site .site-rodkort h2{font-size:34px}
.site-bock{list-style:none;margin:18px 0 8px;padding:0}
.site-bock li{display:flex;gap:10px;align-items:flex-start;padding:5px 0;font-size:15px}
.site-bock .site-ico{color:var(--rj-rod);margin-top:2px}
.site-rodkort{background:var(--rj-rodm);color:#fff;border-radius:4px;padding:36px 34px;display:flex;flex-direction:column;min-width:0}
.site-rodkort .site-ob{color:#ffd9d2}
.site-rodkort p{color:#fbe9e5}
.site-arter{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:8px 0 24px;padding:0}
.site-arter li{max-width:none;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:4px 12px;font-size:14px;font-weight:600}
.site-rodkort__fot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.site-rodkort__fot small{font-size:12.5px;color:#ffd9d2}

/* mörkt block: familjen + omdömen */
.site-oss{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:start}
.site-oss p{color:#d9d1c9}
.site-oss__fakta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0 8px;padding:20px 0;border-block:1px solid rgba(255,255,255,.16)}
.site-oss__fakta b{display:block;font:400 40px/1 var(--rj-rub);color:#fff;letter-spacing:var(--rj-lsx)}
.site-oss__fakta span{font-size:13px;color:#bdb3aa}
.site-citat{margin:0}
.site-citat blockquote{margin:0;font:400 30px/1.3 var(--rj-rub);letter-spacing:var(--rj-lsx);color:#fff}
.site-citat blockquote::before{content:"”";display:block;font-size:80px;line-height:.6;color:var(--rj-rod);margin-bottom:10px}
.site-citat figcaption{margin-top:16px;font-size:14px;color:#bdb3aa}
.site-citat2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:36px;padding-top:28px;border-top:1px solid rgba(255,255,255,.16)}
.site-citat2 blockquote{font-size:19px}
.site-citat2 blockquote::before{display:none}

/* bygden + tips */
.site-tva{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:56px}
.site-ortkort{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:28px}
.site-ok{display:block;text-decoration:none;background:#fff;border-radius:4px;overflow:hidden;border:1px solid var(--rj-linje)}
.site-ok img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .3s}
.site-ok:hover img{transform:scale(1.03)}
.site-ok div{padding:18px 20px 20px}
.site-ok p{margin:6px 0 0;font-size:14.5px;color:var(--rj-mute)}
.site-ok:hover h3{color:var(--rj-rod)}
.site-lista{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--rj-linje)}
.site-lista li{max-width:none;border-bottom:1px solid var(--rj-linje)}
.site-lista a{display:grid;grid-template-columns:76px minmax(0,1fr) 20px;gap:16px;align-items:center;padding:14px 0;text-decoration:none}
.site-lista img{width:76px;height:56px;object-fit:cover;border-radius:4px}
.site-lista b{font:400 19px/1.25 var(--rj-rub);letter-spacing:var(--rj-lsx)}
.site-lista b .site-ny{display:inline-block;color:#fff;font-size:11px}
.site-lista span>span{display:block;font-size:13px;color:var(--rj-mute)}
.site-lista a:hover b{color:var(--rj-rod)}.site-lista .site-ico{color:var(--rj-rod)}
.site-ny{display:inline-block;margin-left:8px;font:600 11.5px var(--rj-font);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--rj-rod);border-radius:3px;padding:2px 6px;vertical-align:middle}

/* kontakt (ljus, före sidfoten) */
.site-kontakt__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:64px;align-items:start}
.site-bra{list-style:none;margin:28px 0 0;padding:0}
.site-bra li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--rj-linje);font-size:15px;max-width:none}
.site-bra .site-ico{color:var(--rj-rod);margin-top:2px}
.site-formruta{background:var(--rj-bg);border:1px solid var(--rj-linje);border-radius:4px;padding:32px}
.site-formruta .gfield{margin:0 0 16px}
.site-formruta label{display:block;font-weight:600;font-size:15px;margin-bottom:6px}
.site-formruta .gfield_required{color:var(--rj-rod);font-weight:400;font-size:13px;margin-left:4px}
.site-formruta input,.site-formruta textarea,.site-formruta select{width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--rj-falt);border-radius:4px;background:#fff;font:400 16px var(--rj-font);color:var(--rj-text)}
.site-formruta textarea{min-height:120px;resize:vertical}
.site-formruta .site-rad2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.site-formruta .site-btn{width:100%}
.site-formruta small{display:block;margin-top:12px;font-size:13px;color:var(--rj-mute)}

/* sidfot med pondus (rosabeige = kännetecken) */
.site-sidfot{background:var(--rj-beige);border-top:5px solid var(--rj-rod);padding-top:64px}
.site-sidfot__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.1fr) minmax(0,.8fr) minmax(0,.8fr);gap:48px}
.site-sidfot__logga img{height:64px;width:auto}
.site-sidfot__logga p{margin:18px 0;font-size:15px;color:var(--rj-mute)}
.site-sidfot__logga .site-bolist{height:40px;width:auto}
.site .site-sidfot h2{font:600 13px var(--rj-font);letter-spacing:.14em;text-transform:uppercase;color:var(--rj-rod);margin-bottom:14px}
.site-sidfot ul{list-style:none;margin:0;padding:0}
.site-sidfot li a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-size:15px}
.site-sidfot li a:hover{color:var(--rj-rod);text-decoration:underline}
.site-sidfot .site-tider{margin-top:10px;font-size:14.5px}
.site-sidfot .site-tider th,.site-sidfot .site-tider td{border-color:#e2d3c6}
.site-sidfot__tel{display:inline-flex;align-items:center;gap:10px;font:400 28px var(--rj-rub);letter-spacing:var(--rj-lsx);text-decoration:none;min-height:44px;margin:4px 0 6px}
.site-sidfot__tel:hover{color:var(--rj-rod)}
.site-sidfot__botten{display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between;margin-top:48px;padding-block:18px;border-top:1px solid #e2d3c6;font-size:13.5px;color:var(--rj-mute)}
.site-sidfot__botten a{display:inline-flex;align-items:center;min-height:44px}

/* undersida: smulor, delad hjälte, genvägsrad, produktgrupper, butiksblock */
.site-undertopp{background:var(--rj-mork);color:#f3eee8}
.site-undertopp .site-ingress{color:#d9d1c9}
.site-undertopp :focus-visible{outline-color:#fff}
.site-smulor{font-size:14px;color:#cfc6be;padding-top:16px}
.site-smulor ol{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}
.site-smulor li+li::before{content:"/";margin-right:8px}
.site-smulor a{display:inline-flex;min-height:44px;align-items:center}
.site-delad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding-block:16px 64px}
.site-delad__text{min-width:0;container-type:inline-size}
.site-delad h1{font-size:clamp(44px,13cqi,76px)}
.site-delad__bild{min-width:0;border-radius:4px;overflow:hidden;aspect-ratio:4/3}
.site-delad__bild img{width:100%;height:100%;object-fit:cover}
.site-genvag{position:sticky;top:85px;z-index:30;background:rgba(250,248,245,.96);backdrop-filter:blur(6px);border-block:1px solid var(--rj-linje)}
.site-genvag ul{display:flex;flex-wrap:wrap;gap:4px 6px;list-style:none;margin:0;padding:8px 0}
.site-genvag li{max-width:none}
.site-genvag a{display:inline-flex;align-items:center;min-height:40px;padding:6px 12px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:600}
.site-genvag a:hover{background:var(--rj-beige)}
.site-genvag a[aria-current]{background:var(--rj-text);color:#fff}
.site-grupper{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start}
.site-grupper--hel{grid-template-columns:minmax(0,1fr)}
.site-pg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 40px}
.site-grupper--hel .site-pg{grid-template-columns:repeat(3,minmax(0,1fr))}
.site-pg section{padding:24px 0 28px;border-top:2px solid var(--rj-text);scroll-margin-top:150px}
.site-pg h3{font-size:23px;margin-bottom:10px}
.site-pg p{font-size:15.5px;margin:0}
.site-pg__bild{grid-column:1/-1;margin:8px 0 24px;border-radius:4px;overflow:hidden;aspect-ratio:21/7}
.site-pg__bild img{width:100%;height:100%;object-fit:cover}
.site-fraga{display:inline-flex;align-items:center;gap:6px;margin-top:10px;min-height:44px;font-weight:600;font-size:14px;color:var(--rj-rod);text-decoration:none}
.site-fraga:hover{text-decoration:underline}
.site-blocket{position:sticky;top:150px;background:#fff;border:1px solid var(--rj-linje);border-top:4px solid var(--rj-rod);border-radius:4px;padding:26px}
.site .site-blocket h2{font-size:28px;margin-bottom:10px}
.site-blocket p{font-size:15px;margin:0 0 16px}
.site-blocket .site-btn{width:100%}
.site-blocket ul{list-style:none;margin:16px 0 0;padding:0}
.site-blocket li a{display:flex;align-items:center;gap:10px;min-height:44px;border-top:1px solid var(--rj-linje);text-decoration:none;font-size:14.5px;font-weight:600}
.site-blocket li a:hover{color:var(--rj-rod)}
.site-blocket li .site-ico{color:var(--rj-rod)}
.site-rodband{background:var(--rj-rodm);color:#fff}
.site-rodband .site-in{display:grid;grid-template-columns:minmax(0,1.1fr) auto;gap:32px;align-items:center;padding-block:36px}
.site .site-rodband h2{font-size:32px}.site-rodband p{margin:8px 0 0;color:#fbe9e5}
.site-rodband .site-knappar{margin:0}
.site-rodband .site-btn{background:#fff;color:var(--rj-text);border-color:#fff}
.site-rodband .site-btn--kant{background:transparent;color:#fff}
.site-faktaremsa{background:var(--rj-mork);color:#f3eee8}
.site-faktaremsa ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0}
.site-faktaremsa li{max-width:none;padding:18px 20px;border-left:1px solid rgba(255,255,255,.14);font-size:14.5px}
.site-faktaremsa li:first-child{border-left:0;padding-left:0}
.site-faktaremsa b{display:block;color:#fff}
.site-faktaremsa a{color:#f2b8ae;font-weight:600}
.site-tjband{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;margin:28px 0 0;padding:0}
.site-tjband li{max-width:none;background:#fff;border:1px solid var(--rj-linje);border-radius:4px;padding:20px}
.site-tjband b{display:block;font:400 20px var(--rj-rub);letter-spacing:var(--rj-lsx);margin-bottom:6px}
.site-tjband span{font-size:14px;color:var(--rj-mute)}
.site-saknar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:32px;align-items:center;margin-top:28px;padding:24px 28px;background:var(--rj-beige);border-radius:4px}
.site-saknar h3{font-size:24px}.site-saknar p{margin:6px 0 0;font-size:14.5px;color:var(--rj-mute)}
.site-saknar form{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:10px}
.site-saknar input{min-height:50px;padding:10px 14px;border:1px solid var(--rj-falt);border-radius:4px;font:400 16px var(--rj-font);width:100%}

/* ===== mobil (390) ===== */
@container ram (max-width:1100px){
  .site-sidhuvud__rad{min-height:64px;gap:8px}
  .site-logga{min-height:44px}.site-logga img{height:36px}.site-logga .site-bolist{display:none}
  .site-sidhuvud__ring{display:none}
  .site-mobknapp{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:4px;color:var(--rj-text);text-decoration:none;flex:none}
  .site-mobknapp.site-mobring{background:var(--rj-rod);color:#fff}
  .site-mobknapp:first-of-type{margin-left:auto}
  .site-menyknapp{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--rj-linje);background:#fff;border-radius:4px;cursor:pointer;flex:none}
  .site-menyknapp .site-x{display:none}.site-menyknapp[aria-expanded=true] .site-x{display:block}.site-menyknapp[aria-expanded=true] .site-streck{display:none}
  .site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:3px solid var(--rj-rod);max-height:75vh;overflow:auto;padding:8px 20px 20px}
  .site-menyknapp[aria-expanded=true]+.site-nav{display:block}
  .site-nav>ul{flex-direction:column;align-items:stretch;gap:0}
  .site-nav>ul>li{border-bottom:1px solid var(--rj-linje)}
  .site-nav>ul>li>a,.site-nav__knapp{width:100%;justify-content:space-between;font-size:16px;min-height:52px;padding-inline:0}
  .site-nav li:hover>.site-nav__under{display:none}
  .site-nav li.open>.site-nav__under{display:block}
  .site-nav__under,.site-nav__under--2{position:static;box-shadow:none;border:0;columns:1;min-width:0;padding:0 0 10px}
  .site-sidhuvud .site-status{display:none}
}
@container ram (max-width:900px){
  .site{--rj-pad:52px}
  .site-in{padding-inline:20px}
  .site h2{font-size:30px}.site h3{font-size:21px}
  .site-huvud{display:block;margin-bottom:28px}
  .site-sidhuvud__rad{min-height:64px;gap:8px}
  .site-logga{min-height:44px}.site-logga img{height:36px}.site-logga .site-bolist{display:none}
  .site-sidhuvud__ring{display:none}
  .site-mobknapp{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:4px;color:var(--rj-text);text-decoration:none;flex:none}
  .site-mobknapp.site-mobring{background:var(--rj-rod);color:#fff}
  .site-mobknapp:first-of-type{margin-left:auto}
  .site-menyknapp{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--rj-linje);background:#fff;border-radius:4px;cursor:pointer;flex:none}
  .site-menyknapp .site-x{display:none}.site-menyknapp[aria-expanded=true] .site-x{display:block}.site-menyknapp[aria-expanded=true] .site-streck{display:none}
  .site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:3px solid var(--rj-rod);max-height:75vh;overflow:auto;padding:8px 20px 20px}
  .site-menyknapp[aria-expanded=true]+.site-nav{display:block}
  .site-nav>ul{flex-direction:column;align-items:stretch;gap:0}
  .site-nav>ul>li{border-bottom:1px solid var(--rj-linje)}
  .site-nav>ul>li>a,.site-nav__knapp{width:100%;justify-content:space-between;font-size:16px;min-height:52px;padding-inline:0}
  .site-nav li:hover>.site-nav__under{display:none}
  .site-nav li.open>.site-nav__under{display:block}
  .site-nav__under,.site-nav__under--2{position:static;box-shadow:none;border:0;columns:1;min-width:0;padding:0 0 10px}
  .site-hjalte__grid{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:44px 32px}
  .site-hjalte::before{background:linear-gradient(180deg,rgba(18,16,15,.82),rgba(18,16,15,.9))}
  .site-hjalte h1,.site-hjalteb h1{font-size:40px}
  .site-hjalte .site-ingress{font-size:16.5px}
  .site-hjalte .site-knappar{display:none}
  .site-butik{padding:20px}
  .site-hjalteb__grid{grid-template-columns:minmax(0,1fr);min-height:0}
  .site-hjalteb__text{padding:36px 20px}
  .site-hjalteb__bild{aspect-ratio:4/3;order:-1}
  .site-val .site-knappar{display:flex}
  .site-loften ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-loften li{padding:16px 12px;border-left:0;border-top:1px solid rgba(255,255,255,.22);flex-direction:column;gap:6px}
  .site-loften b{font-size:17px}.site-loften span{font-size:13px}
  .site-loften li:first-child{padding-left:12px}
  .site-loften li:nth-child(-n+2){border-top:0}
  .site-loften li:nth-child(odd){padding-left:0}
  .site-ikoner{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .site-ikoner a{flex-direction:row;justify-content:flex-start;text-align:left;padding:8px 10px;gap:10px}.site-ikoner img{width:40px;height:40px}.site-ikoner b{font-size:14px;min-width:0}
  .site-ikoner--sma{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-ikoner--sma a{padding:8px 10px}.site-ikoner--sma img{width:36px;height:36px}.site-ikoner--sma b{font-size:14.5px}
  .site-register,.site-register--4{grid-template-columns:minmax(0,1fr)}
  .site-bildkort{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .site .site-bk h3{font-size:18px;letter-spacing:0}.site-bk p{display:none}.site-bk div{left:14px;bottom:14px}
  .site-paneler{grid-template-columns:minmax(0,1fr)}
  .site-panel{grid-template-columns:minmax(0,1fr)}
  .site-panel>img{aspect-ratio:16/9;height:auto}
  .site-panel__text,.site-rodkort{padding:26px 22px}
  .site-panel h2,.site-rodkort h2{font-size:28px}
  .site-oss{grid-template-columns:minmax(0,1fr);gap:40px}
  .site-oss__fakta b{font-size:30px}
  .site-citat blockquote{font-size:23px}
  .site-citat2{grid-template-columns:minmax(0,1fr)}
  .site-citat2 .site-citat:last-child{display:none}
  .site-tva{grid-template-columns:minmax(0,1fr);gap:44px}
  .site-ortkort{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .site-ok div{padding:12px 14px}.site-ok p{display:none}.site-ok h3{font-size:18px}
  .site-kontakt__grid{grid-template-columns:minmax(0,1fr);gap:32px}
  .site-formruta{padding:20px}.site-formruta .site-rad2{grid-template-columns:minmax(0,1fr);gap:0}
  .site-sidfot{padding-top:44px}
  .site-sidfot__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 20px}
  .site-sidfot__logga,.site-sidfot__butik{grid-column:1/-1}
  .site-delad{grid-template-columns:minmax(0,1fr);gap:24px;padding-bottom:40px}
  .site-delad h1{font-size:40px}
  .site-delad__bild{aspect-ratio:4/3;order:-1}
  .site-genvag{top:65px}
  .site-genvag{position:static}
  .site-genvag a{min-height:44px;padding-inline:10px;font-size:13.5px}
  .site-grupper,.site-pg,.site-grupper--hel .site-pg{grid-template-columns:minmax(0,1fr);gap:0}
  .site-blocket{position:static;margin-top:8px}
  .site-pg__bild{aspect-ratio:16/9}
  .site-rodband .site-in{grid-template-columns:minmax(0,1fr);gap:18px;padding-block:28px}
  .site-faktaremsa ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-faktaremsa li{padding:14px 12px;border-left:0}.site-faktaremsa li:nth-child(odd){padding-left:0}
  .site-tjband{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .site-tjband li{padding:14px}
  .site-saknar{grid-template-columns:minmax(0,1fr);padding:20px}
  .site-saknar form{grid-template-columns:minmax(0,1fr)}
}

/* jaktkalendern: hjälte, tidslinje per art, månad för månad, checklista, jaktruta, frågor */
.site-jkhjalte .site-smulor{padding-top:20px}.site-jkhjalte .site-smulor a{color:#fff}
.site-jkhjalte .site-hjalte__grid{padding-block:40px 80px;align-items:start}
.site-jkhjalte h1{font-size:clamp(38px,7.6cqi,60px)}
.site-jk__koll{display:flex;gap:8px;align-items:center;font-size:14.5px;color:#d9d1c9;margin:18px 0 0}
.site-jk__koll .site-ico{width:18px;height:18px;color:#8fd19e;flex:none}
.site-jk__verktyg{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}
.site-jk__filter{display:flex;flex-wrap:wrap;gap:8px}
.site-jk__filter button{font:600 14px var(--rj-font);min-height:44px;padding:8px 18px;border-radius:999px;border:1px solid var(--rj-falt);background:#fff;color:var(--rj-text);cursor:pointer}
.site-jk__filter button[aria-pressed="true"]{background:var(--rj-mork);border-color:var(--rj-mork);color:#fff}
.site-jk__forklaring{display:flex;flex-wrap:wrap;gap:18px;list-style:none;margin:0;padding:0;font-size:14px;color:var(--rj-mute)}
.site-jk__forklaring li{display:flex;align-items:center;gap:8px}.site-jk__forklaring i{display:block;width:26px;height:12px;border-radius:3px}
.site-jk__st--allm{background:var(--rj-rod)}
.site-jk__st--smyg{background:repeating-linear-gradient(135deg,var(--rj-rod) 0 4px,#f1c9c3 4px 8px)}
.site-jk__st--lic{background:var(--rj-mork2)}
.site-jk{width:100%;border-collapse:collapse;font-size:15px}
.site-jk thead th{font:600 12.5px/1.3 var(--rj-font);letter-spacing:.08em;text-transform:uppercase;color:var(--rj-mute);text-align:left;padding:0 12px 10px;border-bottom:2px solid var(--rj-text)}
.site-jk tbody th,.site-jk td{padding:14px 12px;border-bottom:1px solid var(--rj-linje);vertical-align:middle;text-align:left;font-weight:400}
.site-jk tbody th{width:22%}.site-jk tbody th b{display:block;font-size:17px}
.site-jk__dat{display:block;font-size:14px;color:var(--rj-mute)}
.site-jk__villkor{width:30%;font-size:14px;color:var(--rj-mute)}.site-jk__villkor small{display:block;font-size:13px;margin-top:2px}
.site-jk__bana{position:relative;width:48%;background:repeating-linear-gradient(90deg,transparent 0 calc(100%/12 - 1px),var(--rj-linje) calc(100%/12 - 1px) calc(100%/12))}
.site-jk tbody .site-jk__bana{height:58px}
.site-jk__st{position:absolute;top:50%;height:16px;margin-top:-8px;left:var(--s);width:var(--b);border-radius:3px}
.site-jk tbody .site-jk__bana::after{content:"";position:absolute;top:0;bottom:0;left:var(--idag,-10px);width:2px;background:var(--rj-rod);box-shadow:0 0 0 2px #fff}
.site-jk thead .site-jk__man{padding-inline:0}
.site-jk__manrad{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));text-align:center;letter-spacing:0}
.site-jk tr[hidden]{display:none}
.site-jk__not{font-size:14px;color:var(--rj-mute);margin:16px 0 0}
.site-jk__man12{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.site-jk__man12 details{background:#fff;border:1px solid var(--rj-linje);border-radius:4px;min-width:0}
.site-jk__man12 summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:12px 18px;cursor:pointer;list-style:none}
.site-jk__man12 summary::-webkit-details-marker{display:none}
.site-jk__man12 summary b{font:400 22px/1.2 var(--rj-rub);letter-spacing:var(--rj-lsx)}
.site-jk__man12 summary span{font-size:14px;color:var(--rj-mute)}
.site-jk__man12 details.nu{border-color:var(--rj-rod);box-shadow:inset 4px 0 0 var(--rj-rod)}
.site-jk__man12 details.nu summary span::before{content:"Nu · ";color:var(--rj-rod);font-weight:600}
.site-jk__man12 ul{margin:0;padding:0 18px 16px 36px;font-size:15px;columns:2;column-gap:28px}
.site-jk__man12 summary .site-ico{flex:none;transition:transform .2s}.site-jk__man12 details[open] summary .site-ico{transform:rotate(180deg)}
.site-jk__man12 summary span{margin-left:auto}
.site-jk__check{list-style:none;margin:24px 0 0;padding:0}
.site-jk__check li{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--rj-linje)}
.site-jk__check input{width:24px;height:24px;margin:2px 0 0;accent-color:var(--rj-rod);flex:none}
.site-jk__check label{cursor:pointer}.site-jk__check input:checked+label{color:var(--rj-mute);text-decoration:line-through}
.site-jk__ruta{background:var(--rj-mork);color:#f3eee8;border-radius:4px;overflow:hidden;align-self:start}
.site-jk__ruta img{width:100%;aspect-ratio:3/2;object-fit:cover}
.site-jk__ruta>div{padding:30px 32px 34px}.site-jk__ruta .site-ob{color:#f2b8ae}.site-jk__ruta h2{font-size:34px}
.site-jk__ruta p{color:#d9d1c9}.site-jk__ruta :focus-visible{outline-color:#fff}
.site-jk__ruta .site-btn--kant{color:#fff;border-color:#fff}.site-jk__ruta .site-knappar{margin-top:20px}
.site-jk__faqgrid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px}
.site-jk__kallor{font-size:14px;color:var(--rj-mute);margin-top:18px}
.site-jk__faq details{border-bottom:1px solid var(--rj-linje)}
.site-jk__faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:14px 0;cursor:pointer;list-style:none;font-weight:600;font-size:17px}
.site-jk__faq summary::-webkit-details-marker{display:none}
.site-jk__faq summary .site-ico{flex:none;transition:transform .2s}.site-jk__faq details[open] summary .site-ico{transform:rotate(180deg)}
.site-jk__faq details p{margin:0 0 18px}
@container ram (max-width:900px){
  .site-jkhjalte .site-hjalte__grid{padding-block:24px 36px}
  .site-jkhjalte h1{font-size:34px}
  .site-jk__man12{grid-template-columns:minmax(0,1fr)}
  .site-jk__faqgrid{grid-template-columns:minmax(0,1fr);gap:20px}
  .site-jk,.site-jk thead,.site-jk tbody,.site-jk tr,.site-jk th,.site-jk td,.site-jk tbody th,.site-jk tbody td{display:block;width:auto}
  .site-jk thead{position:sticky;top:calc(var(--rj-topp) + 65px);z-index:2;background:#fff;box-shadow:0 1px 0 var(--rj-linje)}
  .site-jk thead tr{display:grid;grid-template-columns:minmax(0,1fr)}
  .site-jk thead th:not(.site-jk__bana){display:none}
  .site-jk thead .site-jk__bana{padding:8px 0}
  .site-jk tbody tr{display:grid;grid-template-columns:minmax(0,1fr);padding:14px 0;border-bottom:1px solid var(--rj-linje)}
  .site-jk tbody tr[hidden]{display:none}
  .site-jk tbody th,.site-jk td{border:0;padding:0}
  .site-jk tbody .site-jk__bana{height:28px;margin:8px 0 6px}
  .site-jk__manrad{font-size:11px;letter-spacing:0}
  .site-jk__ruta>div{padding:24px 20px 28px}
}
@container ram (max-width:400px){.site-ikoner--sma a{flex-direction:column;align-items:flex-start;gap:6px}.site .site-bk h3{font-size:16.5px}}
.site-ico--stor{width:44px;height:44px;color:var(--rj-rod);stroke-width:1.4}
.site-verktyg-toc ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:24px 0 0;padding:0}
.site-verktyg-toc a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid #6d635b;border-radius:999px;color:#fff;text-decoration:none;font-weight:600;font-size:14px}
.site-verktyg-toc a:hover{border-color:#fff}
.site-verktyg-tavla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:24px;border-radius:6px;background-color:#e9dccd;background-image:radial-gradient(circle,#c9b6a2 2.6px,transparent 3.2px);background-size:26px 26px;background-position:13px 13px}
.site-verktyg-niva{min-width:0;scroll-margin-top:120px}
.site-verktyg-nivhuvud{display:flex;align-items:center;gap:12px;background:var(--rj-mork);color:#f3eee8;border-radius:4px;padding:14px 16px;margin-bottom:22px}
.site-verktyg-nivhuvud h3{font-size:22px}.site-verktyg-nivhuvud div{flex:1;min-width:0}.site-verktyg-nivhuvud div>span{display:block;font-size:13px;color:#d9d1c9}
.site-verktyg-steg{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--rj-rod);font-weight:600}
.site-verktyg-nivhuvud small{flex:none;font-size:13px;font-weight:600;color:#f2b8ae;white-space:nowrap}
.site-verktyg-niva ul{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.site-verktyg-niva li{position:relative;display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #d6c6b5;border-left:4px solid #d6c6b5;border-radius:4px;padding:16px 14px 14px;box-shadow:0 3px 0 rgba(25,25,25,.08)}
.site-verktyg-niva li::before{content:"";position:absolute;top:-14px;left:50%;width:14px;height:14px;margin-left:-7px;border:3px solid #8a7d71;border-bottom:0;border-radius:8px 8px 0 0}
.site-verktyg-niva input{flex:none;width:26px;height:26px;margin:0;accent-color:var(--rj-rod);cursor:pointer}
.site-verktyg-niva label{cursor:pointer;min-width:0}.site-verktyg-niva label b{display:block;font-size:16.5px}.site-verktyg-niva label span{display:block;font-size:14px;color:var(--rj-mute);line-height:1.45}
.site-verktyg-niva li:has(input:checked){border-left-color:var(--rj-rod);background:#fdf6f3}
.site-verktyg-niva li:has(input:focus-visible){outline:3px solid var(--rj-rod);outline-offset:3px}
.site-verktyg-summa{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center;margin-top:20px;padding:22px 26px;border:1px solid var(--rj-linje);border-radius:4px;background:#fff}
.site-verktyg-rakna b{display:block;font:400 40px/1 var(--rj-rub);letter-spacing:var(--rj-lsx);color:var(--rj-rod)}.site-verktyg-rakna>span{font-size:14px;color:var(--rj-mute)}
.site-verktyg-mitt{min-width:0}.site-verktyg-mitt p{margin:10px 0 0;font-size:15px}
.site-verktyg-mater{height:10px;border-radius:5px;background:var(--rj-beige);overflow:hidden}.site-verktyg-mater i{display:block;height:100%;width:0;background:var(--rj-rod);transition:width .25s}
.site-verktyg-lankar{display:flex;flex-direction:column;gap:2px}
.site-pil.site-pil--mork{color:var(--rj-rod)}.site-verktyg-lankar small{display:block;font-weight:400;font-size:13px;color:var(--rj-mute)}
.site-verktyg-faq{margin-top:20px}
.site-farg-formel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0 0;font-size:14px}
.site-farg-formel span,.site-farg-formel b{padding:6px 12px;border:1px solid #6d635b;border-radius:4px}.site-farg-formel b{background:var(--rj-rod);border-color:var(--rj-rod);color:#fff}
.site-farg-formel i{font-style:normal;font-size:18px;color:#f2b8ae}
.site-farg-kalk{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;align-items:stretch}
.site-farg-form{min-width:0;border:1px solid var(--rj-linje);border-radius:4px;padding:28px}
.site-farg-mal{border:0;margin:0 0 20px;padding:0}.site-farg-mal legend{font-weight:600;font-size:15px;margin-bottom:10px}
.site-farg-mal div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.site-farg-mal label{position:relative;margin:0}.site-farg-mal input{position:absolute;opacity:0;width:100%;height:100%;min-height:0;margin:0;cursor:pointer}
.site-farg-mal span{display:flex;align-items:center;justify-content:center;min-height:52px;border:1px solid var(--rj-falt);border-radius:4px;font-weight:600}
.site-farg-mal input:checked+span{background:var(--rj-mork);border-color:var(--rj-mork);color:#fff}
.site-farg-mal input:focus-visible+span{outline:3px solid var(--rj-rod);outline-offset:3px}
.site-farg-falt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px}
.site-farg-f{min-width:0;margin:0 0 16px}.site-farg-f label span{font-weight:400;color:var(--rj-mute)}
.site-farg-form:has([value=vagg]:checked) .site-farg-f:not([data-m~=vagg]),.site-farg-form:has([value=tak]:checked) .site-farg-f:not([data-m~=tak]),.site-farg-form:has([value=fasad]:checked) .site-farg-f:not([data-m~=fasad]){display:none}
.site-farg-svar{min-width:0;background:var(--rj-beige);border-top:4px solid var(--rj-rod);border-radius:4px;padding:28px}
.site-farg-liter{margin:0;font:400 22px/1.1 var(--rj-rub);letter-spacing:var(--rj-lsx)}.site-farg-liter b{font-weight:400;font-size:58px;color:var(--rj-rod)}
.site-farg-yta{margin:8px 0 0;font-size:14px;color:var(--rj-mute)}
.site-farg-burkar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;min-height:84px;margin:20px 0 6px}
.site-farg-burk{position:relative;display:grid;place-items:center;background:#fff;border:2px solid var(--rj-mork);border-radius:3px 3px 5px 5px;font:600 12px var(--rj-font);font-style:normal}
.site-farg-burk::before{content:"";position:absolute;top:-7px;left:15%;right:15%;height:5px;border:2px solid var(--rj-mork);border-bottom:0;border-radius:6px 6px 0 0}
.site-farg-burk::after{content:"";position:absolute;left:0;right:0;top:28%;height:22%;background:var(--rj-rod);opacity:.85}
.site-farg-burk span{position:relative;z-index:1;background:#fff;padding:0 3px;border-radius:2px}
.site-farg-burk--10{width:62px;height:72px}.site-farg-burk--3{width:46px;height:52px}.site-farg-burk--1{width:34px;height:38px}
.site-farg-forslag{margin:4px 0 0;font-size:15px}
.site-farg-not,.site-farg-koll{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--rj-mute);margin:14px 0 4px}
.site-farg-not .site-ico,.site-farg-koll .site-ico{flex:none;width:18px;height:18px;color:var(--rj-rod)}
.site-farg-ex{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:ex}
.site-farg-ex li{min-width:0;background:#fff;border-radius:4px;padding:24px;border-top:4px solid var(--rj-rod)}
.site-farg-ex h3{font-size:22px}.site-farg-exmat{margin:6px 0 0;font-size:14px;color:var(--rj-mute)}
.site-farg-exkalk{margin:14px 0 0;font-size:14px;font-variant-numeric:tabular-nums}.site-farg-exsvar{margin:4px 0 0;font:400 20px var(--rj-rub)}.site-farg-exsvar b{font-weight:400;font-size:34px;color:var(--rj-rod)}
.site-farg-faqgrid{margin-top:56px}
@container ram (max-width:400px){.site .site-verktyg-nivhuvud h3{font-size:18px;letter-spacing:0}}
@container ram (max-width:900px){
  .site-verktyg-tavla{grid-template-columns:minmax(0,1fr);padding:16px;gap:28px}
  .site-verktyg-summa{grid-template-columns:minmax(0,1fr);gap:14px;padding:18px}
  .site-farg-kalk,.site-farg-ex{grid-template-columns:minmax(0,1fr)}
  .site-farg-form,.site-farg-svar{padding:20px}
  .site-farg-falt{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-farg-liter b{font-size:46px}
  .site-farg-faqgrid{margin-top:40px}
}
.site-hemleverans-hjalte .site-hjalte__grid,.site-kontakt-hjalte .site-hjalte__grid{padding-block:72px 80px}
.site .site-hemleverans-kort h2.site-ob{font:600 12.5px/1.3 var(--rj-font);letter-spacing:.14em;margin-bottom:6px;color:var(--rj-rod)}
.site-hemleverans-nasta{margin:0 0 18px;font:400 40px/1.1 var(--rj-rub);letter-spacing:var(--rj-lsx)}
.site-hemleverans-nasta b{font-weight:400}
.site-hemleverans-vecka{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.site-hemleverans-vecka li{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0 8px;border-radius:4px;background:var(--rj-beige);font-size:13px;color:var(--rj-mute);min-height:62px;justify-content:flex-start}
.site-hemleverans-vecka abbr{text-decoration:none}
.site-hemleverans-vecka li.lev{background:var(--rj-rodm);color:#fff;font-weight:600}
.site-hemleverans-vecka li.idag{box-shadow:inset 0 0 0 2px var(--rj-text);color:var(--rj-text)}
.site-hemleverans-vecka li.lev.idag{box-shadow:inset 0 0 0 2px var(--rj-text),inset 0 0 0 4px #fff;color:#fff}
.site-hemleverans-vecka li.nasta{outline:3px solid var(--rj-rod);outline-offset:2px}
.site-hemleverans-ring{width:100%}
.site-hemleverans-koll,.site-om-koll{color:var(--rj-mute);font-size:13px}
.site-hemleverans-koll .site-ico,.site-om-koll .site-ico{color:#2f8a4a}
.site-hemleverans-steg{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:center}
.site-hemleverans-lista{list-style:none;margin:28px 0 0;padding:0;counter-reset:steg}
.site-hemleverans-lista li{counter-increment:steg;display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:16px;padding:16px 0;border-bottom:1px solid var(--rj-linje);max-width:none}
.site-hemleverans-lista li::before{content:counter(steg);grid-row:span 2;width:48px;height:48px;border-radius:50%;background:var(--rj-beige);color:var(--rj-rod);display:flex;align-items:center;justify-content:center;font:400 24px/1 var(--rj-rub)}
.site-hemleverans-lista b{font-size:17px}.site-hemleverans-lista span{color:var(--rj-mute);font-size:15px}
.site-hemleverans-mer{margin:20px 0 0;font-size:15px}
.site-hemleverans-bild{min-width:0;border-radius:4px;overflow:hidden;aspect-ratio:4/3}.site-hemleverans-bild img{width:100%;height:100%;object-fit:cover}
.site-hemleverans-omr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.site-hemleverans-omr p{margin:16px 0 0}
.site-hemleverans-kartbox{min-width:0;background:#fff;border-radius:4px;padding:24px;border:1px solid var(--rj-linje)}
.site-hemleverans-kartbox small{display:block;margin-top:8px;font-size:13px;color:var(--rj-mute)}
.site-hemleverans-karta{display:block;width:100%;max-width:420px;height:auto;margin:0 auto}
.site-hemleverans-karta .ytter{fill:rgba(186,53,47,.08);stroke:var(--rj-rod);stroke-width:2}
.site-hemleverans-karta .inre{fill:none;stroke:var(--rj-falt);stroke-width:1.2;stroke-dasharray:5 5}
.site-hemleverans-karta text{font:600 13px var(--rj-font);fill:var(--rj-text);text-anchor:middle}
.site-hemleverans-karta .mil{fill:var(--rj-mute);font-weight:400;font-size:12px}
.site-hemleverans-karta .butik{fill:var(--rj-rod);stroke:#fff;stroke-width:3}
.site-hemleverans-karta .ort{fill:var(--rj-text)}
.site-hemleverans-karta .ortnamn{font-size:14px}
.site-hemleverans-karta .nord path{fill:var(--rj-text)}
.site-hemleverans-fraga{margin-top:24px;padding:20px;background:#fff;border:1px solid var(--rj-linje);border-left:4px solid var(--rj-rod);border-radius:4px}
.site-hemleverans-fraga p{margin:0 0 10px}.site-hemleverans-fraga .site-knappar{margin-top:14px}
.site-kontakt-vagar{list-style:none;margin:24px 0 0;padding:0;font-size:17px}
.site-kontakt-vagar li{display:flex;align-items:center;gap:12px;min-height:44px}
.site-kontakt-vagar .site-ico{color:#f2b8ae}
.site-kontakt-vagar a{font-weight:600;display:inline-flex;align-items:center;min-height:44px}
.site-kontakt-skala{display:grid;grid-template-columns:44px minmax(0,1fr) 64px;font-size:11.5px;color:var(--rj-mute);margin-top:6px}
.site-kontakt-skala span:nth-child(1){grid-column:2;justify-self:start}.site-kontakt-skala span:nth-child(2){grid-column:2;grid-row:1;justify-self:center}.site-kontakt-skala span:nth-child(3){grid-column:2;grid-row:1;justify-self:end}
.site-kontakt-remsa{width:100%;border-collapse:collapse;margin:2px 0 16px;font-size:14.5px;table-layout:fixed}
.site-kontakt-remsa th{width:44px;text-align:left;font-weight:400;padding:5px 0}
.site-kontakt-remsa td:last-child{width:64px;text-align:right;font-variant-numeric:tabular-nums}
.site-kontakt-remsa abbr{text-decoration:none}
.site-kontakt-bana{position:relative;height:30px;background:repeating-linear-gradient(90deg,transparent 0 calc(100%/14 - 1px),var(--rj-linje) calc(100%/14 - 1px) calc(100%/14))}
.site-kontakt-tid{position:absolute;top:8px;bottom:8px;left:var(--a);width:var(--b);background:var(--rj-falt);border-radius:3px}
.site-kontakt-remsa tr.idag th,.site-kontakt-remsa tr.idag td:last-child{font-weight:600;color:var(--rj-rod)}
.site-kontakt-remsa tr.idag .site-kontakt-tid{background:var(--rj-rod)}
.site-kontakt-remsa tr.idag .site-kontakt-bana::after{content:"";position:absolute;top:0;bottom:0;left:var(--nu);width:3px;margin-left:-1px;background:var(--rj-text);display:var(--nuvis,none)}
.site-kontakt-koll{margin:12px 0 0;font-size:12.5px;color:var(--rj-mute)}
.site-om-topp{padding-top:64px}
.site-om-axel{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.site-om-axel li{position:relative;padding:34px 24px 0 0;border-top:3px solid var(--rj-rod);max-width:none}
.site-om-axel li.utan{border-top-style:dashed;border-top-color:var(--rj-falt)}
.site-om-axel li::before{content:"";position:absolute;top:-11px;left:0;width:19px;height:19px;border-radius:50%;background:var(--rj-rod);border:4px solid #fff}
.site-om-axel li.utan::before{background:#fff;border:3px solid var(--rj-falt)}
.site-om-ar{display:block;font:400 44px/1 var(--rj-rub);letter-spacing:var(--rj-lsx);color:var(--rj-rod)}
.site-om-axel li.utan .site-om-ar{color:var(--rj-mute);font-size:30px;padding-top:10px}
.site-om-axel small{display:block;margin-top:6px;font-size:13px;color:var(--rj-mute)}
.site-om-axel h3{margin-top:14px;font-size:21px}.site-om-axel p{margin:8px 0 0;font-size:15px;color:var(--rj-mute)}
.site-om-vi{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.site-om-vi p{margin:16px 0 0;color:#d9d1c9}
.site-om-platshallare{margin:0;min-width:0;aspect-ratio:4/3;border:2px dashed #7a6f66;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;color:#d9d1c9}
.site-om-platshallare span{font-weight:600}.site-om-platshallare figcaption{font-size:13px;color:#bdb3aa}
.site-om-citat{margin-top:32px;padding-top:28px;border-top:1px solid rgba(255,255,255,.16)}
.site-om-lankar{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.site-om-lankar a{display:flex;align-items:center;gap:16px;min-height:72px;padding:14px 18px;background:#fff;border:1px solid var(--rj-linje);border-radius:4px;text-decoration:none}
.site-om-lankar a>.site-ico:first-child{width:28px;height:28px;color:var(--rj-rod)}
.site-om-lankar a>span{flex:1;min-width:0;display:flex;flex-direction:column}
.site-om-lankar b{font-size:16.5px}.site-om-lankar a>span>span{font-size:14px;color:var(--rj-mute)}
.site-om-lankar a>.site-ico:last-child{color:var(--rj-rod)}
.site-om-lankar a:hover b{text-decoration:underline}
@container ram (max-width:900px){
  .site-hemleverans-hjalte .site-hjalte__grid,.site-kontakt-hjalte .site-hjalte__grid{padding-block:40px 32px}
  .site-hemleverans-nasta{font-size:32px}
  .site-hemleverans-steg,.site-hemleverans-omr,.site-om-vi{grid-template-columns:minmax(0,1fr);gap:32px}
  .site-hemleverans-bild{order:-1}
  .site-hemleverans-kartbox{padding:14px}
  .site-om-topp{padding-top:32px}
  .site-om-axel{grid-template-columns:minmax(0,1fr)}
  .site-om-axel li{border-top:0;border-left:3px solid var(--rj-rod);padding:0 0 28px 28px}
  .site-om-axel li.utan{border-left-style:dashed;border-left-color:var(--rj-falt)}
  .site-om-axel li::before{top:0;left:-11px}
  .site-om-ar{font-size:34px}
  .site-om-platshallare{aspect-ratio:16/10}
}
.site-ramsele-topp .site-hjalte__grid,.site-langsele-topp .site-hjalte__grid{padding-block:72px 80px}
.site-ramsele-topp h1,.site-langsele-topp h1{font-size:clamp(40px,9cqi,66px)}
.site-ramsele-nulista{list-style:none;margin:14px 0 0;padding:0}
.site-ramsele-nulista li{padding:9px 0;border-bottom:1px solid var(--rj-linje);font-weight:600}
.site-hjalte .site-ramsele-nu .site-ob{color:var(--rj-rod)}
.site-ramsele-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:start}
.site-ramsele-hjulruta{min-width:0;max-width:460px;width:100%;justify-self:center}
.site-ramsele-hjul{display:block;width:100%;height:auto}
.site-ramsele-hjul g path{fill:#fff;stroke:var(--rj-linje);stroke-width:1.5}
.site-ramsele-hjul g.har path{fill:var(--rj-beige);stroke:#d9c4b3}
.site-ramsele-hjul g text{font:600 15px var(--rj-font);fill:var(--rj-text);text-anchor:middle;dominant-baseline:central;text-transform:uppercase;letter-spacing:.06em}
.site-ramsele-hjul g.nu path{fill:var(--rj-rodm);stroke:var(--rj-rodm)}
.site-ramsele-hjul g.nu text{fill:#fff}
.site-ramsele-bage{fill:none;stroke:var(--rj-rod);stroke-width:12;stroke-linecap:round}
.site-ramsele-bage--osaker{stroke-width:8;stroke-dasharray:2 12;stroke:#8a3f37}
.site-ramsele-mitt{font:400 34px var(--rj-rub);fill:var(--rj-text);text-anchor:middle}
.site-ramsele-mitt2{font:600 12px var(--rj-font);fill:var(--rj-mute);text-anchor:middle;letter-spacing:.14em;text-transform:uppercase}
.site-ramsele-forkl{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;list-style:none;margin:18px 0 0;padding:0;font-size:14px;color:var(--rj-mute)}
.site-ramsele-forkl li{display:flex;align-items:center;gap:8px}
.site-ramsele-forkl i{display:inline-block;width:26px;height:8px;border-radius:4px;background:var(--rj-rod)}
.site-ramsele-forkl i.osaker{background:repeating-linear-gradient(90deg,#8a3f37 0 3px,transparent 3px 9px)}
.site-ramsele-forkl i.nu{height:18px;width:18px;border-radius:3px;background:var(--rj-rodm)}
.site-ramsele-lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--rj-linje);min-width:0}
.site-ramsele-lista>li{padding:20px 0 20px 18px;border-bottom:1px solid var(--rj-linje);border-left:4px solid transparent}
.site-ramsele-lista>li.nu{border-left-color:var(--rj-rodm);background:linear-gradient(90deg,var(--rj-beige),transparent)}
.site-ramsele-lista>li.nu h3 b::after{content:"Nu";margin-left:10px;padding:2px 8px;border-radius:999px;background:var(--rj-rodm);color:#fff;font:600 12px var(--rj-font);vertical-align:middle;letter-spacing:.08em;text-transform:uppercase}
.site .site-ramsele-lista h3{font-size:28px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}
.site-ramsele-lista h3 span{font:600 13px var(--rj-font);color:var(--rj-rod);letter-spacing:.1em;text-transform:uppercase}
.site-ramsele-lista ul{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.site-ramsele-lista ul li{min-width:0;font-size:15px}
.site-ramsele-ev{display:grid;grid-template-columns:68px minmax(0,1fr);gap:16px;align-items:start;background:var(--rj-bg);border:1px solid var(--rj-linje);border-radius:6px;padding:16px;max-width:none}
.site-ramsele-ev h4{font:600 17px/1.3 var(--rj-font);margin:2px 0 4px;overflow-wrap:break-word}
.site-ramsele-ev p{margin:0;font-size:14.5px;line-height:1.45}
.site-ramsele-blad{display:flex;flex-direction:column;align-items:center;width:68px;border-radius:6px;overflow:hidden;background:#fff;border:1px solid var(--rj-linje);box-shadow:0 2px 0 var(--rj-linje)}
.site-ramsele-blad small{display:block;width:100%;text-align:center;background:var(--rj-rodm);color:#fff;font:600 11px/1 var(--rj-font);letter-spacing:.08em;text-transform:uppercase;padding:6px 2px}
.site-ramsele-blad b{font:400 24px/1 var(--rj-rub);letter-spacing:var(--rj-lsx);padding:10px 2px 11px;color:var(--rj-text)}
.site-ramsele-ev.osaker .site-ramsele-blad{border-style:dashed}.site-ramsele-ev.osaker .site-ramsele-blad small{background:var(--rj-mute)}
.site-ramsele-icst,.site-ramsele-icsd{white-space:nowrap}
.site-ramsele-nar{color:var(--rj-text)}
.site-ramsele-vem{color:var(--rj-mute);font-size:14px}
.site-ramsele-vem a{color:var(--rj-rod);font-weight:600}
.site-ramsele-ics{display:inline-flex;flex-wrap:wrap;align-items:center;gap:0 8px;min-height:44px;margin-top:4px;color:var(--rj-rod);font-weight:600;font-size:14px;text-decoration:none}.site-ramsele-ics .site-ico{width:18px;height:18px}.site-ramsele-ics:hover .site-ramsele-icst{text-decoration:underline}
.site-ramsele-ics[hidden]{display:none}
.site-ramsele-ics .site-ramsele-icsd{font-weight:400;color:var(--rj-mute);font-size:13px}
.site-ramsele-synas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.site-ramsele-synas img{width:100%;height:auto;border-radius:4px;aspect-ratio:5/4;object-fit:cover}
.site-ramsele-synas .site-bra{margin:18px 0 24px}
.site-langsele-dagar{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;font-size:16px}
.site-langsele-dagar .site-ico{color:var(--rj-rod);flex:none;margin-top:2px}
.site-langsele-dagar b[data-nastalev]{color:var(--rj-rod)}
.site-langsele-smatt{font-size:14.5px;color:var(--rj-mute);margin:12px 0 14px}
.site-langsele-smatt a{color:var(--rj-rod);font-weight:600}
.site-langsele-tavla{padding:44px 36px;border:14px solid var(--rj-rodm);border-radius:6px;box-shadow:inset 0 2px 10px rgba(0,0,0,.18),0 18px 40px rgba(25,25,25,.14);
  background:repeating-linear-gradient(180deg,#ead8c6 0 86px,#dcc3ad 86px 88px,#e4cfbb 88px 90px)}
.site-langsele-lappar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px;align-items:start}
.site-langsele-lapp{position:relative;min-width:0;background:#fffdf9;color:var(--rj-text);padding:30px 24px 22px;box-shadow:0 10px 22px rgba(60,35,20,.18),0 1px 2px rgba(60,35,20,.2);transform:rotate(-1.2deg)}
.site-langsele-lapp:nth-child(2){transform:rotate(.9deg)}.site-langsele-lapp:nth-child(3){transform:rotate(-.5deg)}.site-langsele-lapp:nth-child(4){transform:rotate(1.1deg)}
.site-langsele-lapp::before{content:"";position:absolute;top:10px;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#e0675f,var(--rj-rod) 55%,#7a221e);box-shadow:0 3px 4px rgba(0,0,0,.3)}
.site-langsele-lapp img{display:block;width:100%;height:auto;aspect-ratio:7/5;object-fit:cover;margin:0 0 14px;border:6px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.site .site-langsele-lapp h3{font-size:26px;line-height:1.15}
.site-langsele-lapp p{margin:8px 0 0;font-size:15px;color:var(--rj-mute)}
.site-langsele-lapp .site-langsele-nar{color:var(--rj-rod);font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.site-langsele-lapp--lank{background:var(--rj-beige)}
.site-langsele-lapp--lank a{display:block;text-decoration:none;color:inherit}
.site-langsele-lapp--lank a:hover h3{color:var(--rj-rod)}
.site-langsele-lapp--tips{grid-column:span 2;transform:none;border:2px dashed var(--rj-falt)}
.site-langsele-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;align-items:end;margin-top:14px}
.site-langsele-form .gfield{min-width:0}
.site-langsele-form label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}
.site-langsele-form input:not([type=hidden]){width:100%;box-sizing:border-box;min-height:48px;font:400 16px var(--rj-font);padding:10px 12px;border:1px solid var(--rj-falt);border-radius:4px;background:#fff;color:var(--rj-text)}
.site-langsele-form button{grid-column:1/-1;justify-self:start}
@container ram (max-width:900px){
  .site-ramsele-topp .site-hjalte__grid,.site-langsele-topp .site-hjalte__grid{padding-block:40px 48px}
  .site-ramsele-topp h1,.site-langsele-topp h1{font-size:40px}
  .site-ramsele-grid,.site-ramsele-synas{grid-template-columns:minmax(0,1fr);gap:32px}
  .site-ramsele-hjulruta{max-width:340px}
  .site-ramsele-lista>li{padding-left:12px}
  .site-langsele-tavla{padding:28px 16px;border-width:10px}
  .site-langsele-lappar{grid-template-columns:minmax(0,1fr);gap:28px}
  .site-langsele-lapp--tips{grid-column:auto}
  .site-langsele-form{grid-template-columns:minmax(0,1fr)}
}
#hfr-kok:checked~.site-hem-och-fritid-paneler [data-rum="kok"]{display:block}#hfr-kok:checked~.site-hem-och-fritid-val [for="hfr-kok"]{background:var(--rj-text);color:#fff;border-color:var(--rj-text)}#hfr-kok:focus-visible~.site-hem-och-fritid-val [for="hfr-kok"]{outline:3px solid var(--rj-rod);outline-offset:3px}#hfr-bad:checked~.site-hem-och-fritid-paneler [data-rum="bad"]{display:block}#hfr-bad:checked~.site-hem-och-fritid-val [for="hfr-bad"]{background:var(--rj-text);color:#fff;border-color:var(--rj-text)}#hfr-bad:focus-visible~.site-hem-och-fritid-val [for="hfr-bad"]{outline:3px solid var(--rj-rod);outline-offset:3px}#hfr-hall:checked~.site-hem-och-fritid-paneler [data-rum="hall"]{display:block}#hfr-hall:checked~.site-hem-och-fritid-val [for="hfr-hall"]{background:var(--rj-text);color:#fff;border-color:var(--rj-text)}#hfr-hall:focus-visible~.site-hem-och-fritid-val [for="hfr-hall"]{outline:3px solid var(--rj-rod);outline-offset:3px}#hfr-kallare:checked~.site-hem-och-fritid-paneler [data-rum="kallare"]{display:block}#hfr-kallare:checked~.site-hem-och-fritid-val [for="hfr-kallare"]{background:var(--rj-text);color:#fff;border-color:var(--rj-text)}#hfr-kallare:focus-visible~.site-hem-och-fritid-val [for="hfr-kallare"]{outline:3px solid var(--rj-rod);outline-offset:3px}#hfr-garage:checked~.site-hem-och-fritid-paneler [data-rum="garage"]{display:block}#hfr-garage:checked~.site-hem-och-fritid-val [for="hfr-garage"]{background:var(--rj-text);color:#fff;border-color:var(--rj-text)}#hfr-garage:focus-visible~.site-hem-och-fritid-val [for="hfr-garage"]{outline:3px solid var(--rj-rod);outline-offset:3px}#hfr-ute:checked~.site-hem-och-fritid-paneler [data-rum="ute"]{display:block}#hfr-ute:checked~.site-hem-och-fritid-val [for="hfr-ute"]{background:var(--rj-text);color:#fff;border-color:var(--rj-text)}#hfr-ute:focus-visible~.site-hem-och-fritid-val [for="hfr-ute"]{outline:3px solid var(--rj-rod);outline-offset:3px}
/* Produktgrupperna (alla sortimentssidor): numrerade kort, två spalter bredvid butiksblocket. Baris: "ljusa och textiga". */
.site-grupper{gap:40px}
.site-pg{counter-reset:rjpg;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.site-grupper--hel .site-pg{grid-template-columns:repeat(3,minmax(0,1fr))}
.site-pg section{counter-increment:rjpg;position:relative;min-width:0;padding:16px 18px 16px 60px;border:1px solid var(--rj-linje);border-radius:4px;background:var(--rj-bg)}
.site-pg section::before{content:counter(rjpg,decimal-leading-zero);position:absolute;left:18px;top:17px;font:400 20px/1 var(--rj-rub);letter-spacing:var(--rj-lsx);color:var(--rj-rod)}
.site-pg section:target,.site-pg section:focus{border-color:var(--rj-rod);box-shadow:inset 3px 0 0 var(--rj-rod);outline:0}
.site .site-pg h3{font-size:19px;line-height:1.2;margin-bottom:4px}
.site-pg p{font-size:14.5px;line-height:1.5;color:var(--rj-mute)}
.site-pg__bild{margin:4px 0}
/* gemensamt i modulen */
.site-smod-huvud{max-width:760px;margin-bottom:28px}.site-smod-huvud p{margin:12px 0 0;color:var(--rj-mute)}
.site-smod-koll{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--rj-mute);margin:20px 0 0}
.site-smod-koll .site-ico{width:18px;height:18px;color:#2f7a3e;flex:none;margin-top:2px}
.site-smod-ide input:not([type=checkbox]):not([type=radio]),.site-smod-ide select{width:100%;min-height:48px;font:400 16px var(--rj-font);padding:10px 12px;border:1px solid var(--rj-falt);border-radius:4px;background:#fff;color:var(--rj-text)}
.site-smod-ide label{display:block;font-weight:600;font-size:15px;margin-bottom:6px}
.site-smod-saknas{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--rj-mork2);border:1px dashed #6b625b;padding:24px;text-align:center}
.site-smod-saknas p{margin:0;font-size:14px;color:#d9d1c9;max-width:320px}.site-smod-saknas img{width:120px;height:120px}
/* bygg: materiallistan */
.site-bygg-lista{background:#fff;border:1px solid var(--rj-linje);border-top:4px solid var(--rj-rod);border-radius:4px;padding:24px}
.site-bygg-lista table{width:100%;border-collapse:collapse}.site-bygg-lista th{text-align:left;font-size:14px;padding:0 8px 8px 0}
.site-bygg-lista td{padding:0 8px 8px 0}.site-bygg-lista td:last-child{width:110px;padding-right:0}
.site-bygg-lista .site-knappar{margin-top:12px}
@media print{html.site-skriv body *{visibility:hidden}html.site-skriv .site-bygg-lista,html.site-skriv .site-bygg-lista *{visibility:visible}html.site-skriv .site-bygg-lista{position:absolute;left:0;top:0;width:100%;border:0}html.site-skriv .site-bygg-lista .site-knappar,html.site-skriv .site-bygg-lista .site-smod-koll{display:none}}
/* färg: räknaren */
.site-farg-och-maleri-rakna{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;align-items:start}
.site-farg-och-maleri-falt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.site-farg-och-maleri-falt small{display:block;font-size:13px;color:var(--rj-mute);margin-top:4px}
.site-farg-och-maleri-svar{background:#fff;border:1px solid var(--rj-linje);border-top:4px solid var(--rj-rod);border-radius:4px;padding:24px}
.site-farg-och-maleri-svar output{display:flex;gap:28px;flex-wrap:wrap}.site-farg-och-maleri-svar output span{display:flex;flex-direction:column;font-size:14px;color:var(--rj-mute)}
.site-farg-och-maleri-svar output b{font:400 40px/1.1 var(--rj-rub);letter-spacing:var(--rj-lsx);color:var(--rj-text)}
.site-farg-och-maleri-svar p{font-size:14px;color:var(--rj-mute);margin:14px 0 4px}
/* handverktyg: verktygslådan */
.site-handverktyg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:start}
.site .site-handverktyg-grid h3{font-size:22px}.site-handverktyg-grid .site-jk__check{margin-top:10px}
.site-handverktyg-sum{background:#fff;border:1px solid var(--rj-linje);border-top:4px solid var(--rj-rod);border-radius:4px;padding:24px}
.site-handverktyg-sum p{margin:0 0 8px;font-size:15px}.site-handverktyg-sum b{font:400 44px/1 var(--rj-rub);color:var(--rj-rod)}
/* elverktyg: jobbet → maskinen */
.site-elverktyg-tab{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--rj-linje);border-radius:4px}
.site-elverktyg-tab th,.site-elverktyg-tab td{text-align:left;padding:10px 16px;border-bottom:1px solid var(--rj-linje);font-size:15px}
.site-elverktyg-tab thead th{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--rj-mute);background:var(--rj-beige)}
.site-elverktyg-tab tbody th{font-weight:400;width:55%}.site-elverktyg-tab a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--rj-rod)}
.site-elverktyg-fot{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;margin:16px 0 0;font-size:15px}
/* elartiklar: mörkret */
.site-elartiklar-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:40px;background:var(--rj-mork);color:#f3eee8;border-radius:4px;padding:32px}
.site-elartiklar-panel .site-ob{color:#f2b8ae}.site-elartiklar-panel a{color:#fff}.site-elartiklar-panel :focus-visible{outline-color:#fff}
.site-elartiklar-idag dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.site-elartiklar-idag dt{font-size:13px;color:#cfc6be}.site-elartiklar-idag dd{margin:0;font:400 30px/1.1 var(--rj-rub);letter-spacing:var(--rj-lsx)}
.site-elartiklar-idag p{font-size:15px;color:#d9d1c9;margin:20px 0 0}
.site-elartiklar-ar{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;align-items:end;list-style:none;margin:0;padding:0;height:200px}
.site-elartiklar-ar li{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-width:0;font-size:12px;color:#cfc6be}
.site-elartiklar-stapel{width:100%;height:var(--h);background:#5b524b;border-radius:3px 3px 0 0}
.site-elartiklar-ar li.nu .site-elartiklar-stapel{background:var(--rj-rod)}.site-elartiklar-ar li.nu{color:#fff}
.site-elartiklar-ar b{font-weight:600;margin-top:6px}.site-elartiklar-tim{font-variant-numeric:tabular-nums}
/* vvs: tre steg */
.site-vvs-steg{counter-reset:rjv;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.site-vvs-steg li{counter-increment:rjv;max-width:none;background:#fff;border:1px solid var(--rj-linje);border-radius:4px;padding:22px}
.site-vvs-steg li::before{content:counter(rjv);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--rj-rod);color:#fff;font:400 22px/1 var(--rj-rub);margin-bottom:14px}
.site .site-vvs-steg h3{font-size:21px;margin-bottom:6px}.site-vvs-steg p{margin:0;font-size:15px;color:var(--rj-mute)}
.site-vvs-rad{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:20px}
/* fönster: måttlappen */
.site-fonster-och-dorrar-matt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.site-fonster-och-dorrar-falt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start}
.site-fonster-och-dorrar-falt>div:first-child,.site-fonster-och-dorrar-falt button{grid-column:1/-1}
.site-fonster-och-dorrar-skiss{margin:0;background:#fff;border:1px solid var(--rj-linje);border-radius:4px;padding:20px;display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;align-items:center}
.site-fonster-och-dorrar-skiss svg{width:100%;height:auto}.site-fonster-och-dorrar-skiss rect{fill:#f6efe9;stroke:var(--rj-text);stroke-width:3}
.site-fonster-och-dorrar-skiss path{stroke:var(--rj-text);stroke-width:2;fill:none}.site-fonster-och-dorrar-skiss text{font:600 12px var(--rj-font);fill:var(--rj-rod)}
.site-fonster-och-dorrar-skiss figcaption{font-size:14px;color:var(--rj-mute)}.site-fonster-och-dorrar-skiss ul{margin:0 0 10px;padding-left:18px;color:var(--rj-text)}
/* utemiljö: tidslinjen */
.site-utemiljo-altan{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center}
.site-utemiljo-svg{width:100%;height:auto;display:block;background:#fff;border:1px solid var(--rj-linje);border-radius:6px}
.site-utemiljo-svg [data-del]{transition:opacity .2s}
.site-utemiljo-bricka circle{fill:var(--rj-rodm);stroke:#fff;stroke-width:3}.site-utemiljo-bricka text{fill:#fff;font:600 16px var(--rj-font)}
.site-utemiljo-altan:has(.site-utemiljo-tl li:is(:hover,:focus-within)) [data-del]{opacity:.25}
.site-utemiljo-altan:has(li[data-steg="1"]:is(:hover,:focus-within)) [data-del="1"],.site-utemiljo-altan:has(li[data-steg="2"]:is(:hover,:focus-within)) [data-del="2"],.site-utemiljo-altan:has(li[data-steg="3"]:is(:hover,:focus-within)) [data-del="3"],.site-utemiljo-altan:has(li[data-steg="4"]:is(:hover,:focus-within)) [data-del="4"],.site-utemiljo-altan:has(li[data-steg="5"]:is(:hover,:focus-within)) [data-del="5"]{opacity:1}
.site-utemiljo-tl{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:none}
.site-utemiljo-tl li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:start;max-width:none;background:#fff;border:1px solid var(--rj-linje);border-left:4px solid var(--rj-linje);border-radius:4px;padding:12px 14px;transition:border-color .2s}
.site-utemiljo-tl li:is(:hover,:focus-within){border-left-color:var(--rj-rodm)}
.site-utemiljo-nr{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--rj-rodm);color:#fff;font:600 16px/1 var(--rj-font)}
.site-utemiljo-tl .site-ob{margin-bottom:2px;font-size:11.5px}.site .site-utemiljo-tl h3{font-size:19px;margin-bottom:2px}.site-utemiljo-tl p{margin:0;font-size:14.5px;color:var(--rj-mute)}
.site-utemiljo-tl a{color:var(--rj-rod);font-weight:600}
/* trädgård: året */
.site-tradgard-ar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}
.site-tradgard-ar>li{max-width:none;min-width:0;background:#fff;border:1px solid var(--rj-linje);border-radius:4px;padding:12px 14px}
.site-tradgard-ar>li>b{display:block;font:400 18px/1.2 var(--rj-rub);letter-spacing:var(--rj-lsx);margin-bottom:6px}
.site-tradgard-ar ul{list-style:none;margin:0;padding:0;font-size:13.5px;line-height:1.45;color:var(--rj-mute)}.site-tradgard-ar ul li{max-width:none}
.site-tradgard-ar a{color:var(--rj-rod)}
.site-tradgard-ar>li.nu{background:var(--rj-rodm);border-color:var(--rj-rodm);color:#fff}.site-tradgard-ar>li.nu ul{color:#fbe9e5}.site-tradgard-ar>li.nu a{color:#fff}
.site-tradgard-ar>li.nu :focus-visible{outline-color:#fff}
/* hem och fritid: rum för rum */
.site-hem-och-fritid-val{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.site-hem-och-fritid-val label{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border:1px solid var(--rj-text);border-radius:999px;font-weight:600;font-size:15px;cursor:pointer;background:#fff;margin:0}
.site-hem-och-fritid-paneler>div{display:none;background:#fff;border:1px solid var(--rj-linje);border-top:4px solid var(--rj-rod);border-radius:4px;padding:16px 24px}
.site-hem-och-fritid-paneler ul{display:flex;flex-wrap:wrap;gap:4px 28px;list-style:none;margin:0;padding:0}.site-hem-och-fritid-paneler li{max-width:none}
.site-hem-och-fritid-paneler a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:600;color:var(--rj-rod)}
/* säkerhet: brandvarnarens dag */
.site-sakerhet-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:start}
.site-sakerhet-dagar{margin:0 0 8px}.site-sakerhet-dagar b{font:400 72px/1 var(--rj-rub);letter-spacing:var(--rj-lsx)}.site-sakerhet-dagar span{font-size:18px}
.site-sakerhet-grid .site-bock{margin-top:0}
@container ram (max-width:900px){
  .site-pg,.site-grupper--hel .site-pg{grid-template-columns:minmax(0,1fr);gap:8px}
  .site-pg section{padding:14px 14px 14px 52px}.site-pg section::before{left:14px;top:15px}
  .site-smod-huvud{margin-bottom:20px}
  .site-bygg-lista{padding:16px}.site-bygg-lista td:last-child{width:72px}
  .site-farg-och-maleri-rakna,.site-fonster-och-dorrar-matt,.site-sakerhet-grid,.site-elartiklar-panel{grid-template-columns:minmax(0,1fr);gap:20px}
  .site-farg-och-maleri-falt{grid-template-columns:minmax(0,1fr)}
  .site-handverktyg-grid,.site-vvs-steg{grid-template-columns:minmax(0,1fr);gap:12px}
  .site-elverktyg-tab th,.site-elverktyg-tab td{padding:8px 10px;font-size:14px}
  .site-elartiklar-panel{padding:22px}.site-elartiklar-idag dd{font-size:24px}.site-elartiklar-ar{height:150px;gap:3px}.site-elartiklar-tim{display:none}
  .site-fonster-och-dorrar-skiss{grid-template-columns:minmax(0,120px) minmax(0,1fr)}
  .site-utemiljo-altan{grid-template-columns:minmax(0,1fr);gap:20px}
  
  .site-tradgard-ar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-sakerhet-dagar b{font-size:56px}
}
.site-sortiment-vanster{min-width:0}
.site-sortiment-topp{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.site-sortiment-topp h2{margin:0}
.site-sortiment-sok{flex:1 1 280px;max-width:380px}
.site-sortiment-sok label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}
.site-sortiment-sok>div{position:relative}
.site-sortiment-sok .site-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--rj-mute);pointer-events:none}
.site-sortiment-sok input{width:100%;min-height:52px;padding:12px 14px 12px 44px;border:1px solid var(--rj-falt);border-radius:4px;background:#fff;font:400 16px var(--rj-font);color:var(--rj-text)}
.site-sortiment-rutnat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.site-sortiment-jobb{min-width:0;background:#fff;border:1px solid var(--rj-linje);border-top:3px solid var(--rj-rod);border-radius:4px;padding:20px 22px 12px}
.site-sortiment-jobb h3{font-size:24px;margin:0 0 6px}
.site-sortiment-jobb ul{list-style:none;margin:0;padding:0}
.site-sortiment-jobb li{max-width:none;border-bottom:1px solid var(--rj-linje)}
.site-sortiment-jobb li:last-child{border-bottom:0}
.site-sortiment-jobb li a{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;gap:12px;align-items:center;padding:10px 0;min-height:44px;text-decoration:none}
.site-sortiment-jobb img{width:44px;height:44px}
.site-sortiment-jobb b{display:block;font:400 18px/1.2 var(--rj-rub);letter-spacing:calc(.01em + var(--rj-lsx))}
.site-sortiment-jobb li span span{display:block;font-size:13.5px;color:var(--rj-mute)}
.site-sortiment-jobb li a:hover b{color:var(--rj-rod)}
.site-sortiment-jobb .site-ico{color:var(--rj-rod)}
.site-sortiment-tips{font-size:14px;color:var(--rj-rod)}
.site-sortiment-jobb[hidden],.site-sortiment-jobb li[hidden]{display:none}
.site-sortiment-tom{background:#fff;border:1px dashed var(--rj-falt);border-radius:4px;padding:20px 22px;margin-top:16px}
.site-sortiment-tom h3{font-size:22px;margin:0 0 6px}.site-sortiment-tom p{margin:0}
.site-jaktnatur-man{display:flex;flex-wrap:wrap;gap:6px;border:0;margin:0 0 20px;padding:0}
.site-jaktnatur-man label{display:inline-flex;align-items:center;justify-content:center;min-width:56px;min-height:44px;padding:0 12px;border:1px solid var(--rj-falt);border-radius:999px;background:#fff;font-weight:600;font-size:14px;cursor:pointer}
.site-jaktnatur-man input:checked+label{background:var(--rj-text);border-color:var(--rj-text);color:#fff}
.site-jaktnatur-man input:focus-visible+label{outline:3px solid var(--rj-rod);outline-offset:2px}
.site-jaktnatur-man label[data-nu]::after{content:" · nu";font-weight:400}
.site-jaktnatur-p{display:none;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px;background:#fff;border:1px solid var(--rj-linje);border-radius:4px;padding:28px}
.site-jaktnatur-p>*{min-width:0}
.site-jaktnatur-p h3{font-size:24px;margin:0 0 12px}
.site-jaktnatur-arter{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.site-jaktnatur-arter li{max-width:none;background:var(--rj-beige);border:1px solid var(--rj-linje);border-radius:999px;padding:4px 12px;font-size:14px;font-weight:600}
.site-jaktnatur-behov{list-style:none;margin:0;padding:0}
.site-jaktnatur-behov li{max-width:none;padding:12px 0;border-top:1px solid var(--rj-linje)}
.site-jaktnatur-behov li:first-child{border-top:0;padding-top:0}
.site-jaktnatur-behov b{display:block;font:400 19px/1.25 var(--rj-rub)}
.site-jaktnatur-behov span{display:block;font-size:15px}
.site-jaktnatur-lank{display:flex!important;flex-wrap:wrap;gap:4px 16px}
.site-jaktnatur-lank a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--rj-rod)}
.site-jaktnatur-koll{margin:16px 0 0;font-size:14px;color:var(--rj-mute);display:flex;gap:8px;align-items:flex-start}
.site-jaktnatur-koll .site-ico{color:var(--rj-rod);flex:none}
.site-jaktnatur-sas:has(#m0-jaktnatur:checked) .site-jaktnatur-p0,.site-jaktnatur-sas:has(#m1-jaktnatur:checked) .site-jaktnatur-p1,.site-jaktnatur-sas:has(#m2-jaktnatur:checked) .site-jaktnatur-p2,.site-jaktnatur-sas:has(#m3-jaktnatur:checked) .site-jaktnatur-p3,.site-jaktnatur-sas:has(#m4-jaktnatur:checked) .site-jaktnatur-p4,.site-jaktnatur-sas:has(#m5-jaktnatur:checked) .site-jaktnatur-p5,.site-jaktnatur-sas:has(#m6-jaktnatur:checked) .site-jaktnatur-p6,.site-jaktnatur-sas:has(#m7-jaktnatur:checked) .site-jaktnatur-p7,.site-jaktnatur-sas:has(#m8-jaktnatur:checked) .site-jaktnatur-p8,.site-jaktnatur-sas:has(#m9-jaktnatur:checked) .site-jaktnatur-p9,.site-jaktnatur-sas:has(#m10-jaktnatur:checked) .site-jaktnatur-p10,.site-jaktnatur-sas:has(#m11-jaktnatur:checked) .site-jaktnatur-p11{display:grid}
@container ram (max-width:900px){
.site-sortiment-rutnat{grid-template-columns:minmax(0,1fr)}
.site-sortiment-sok{max-width:none}
.site-jaktnatur-p{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px}
.site-jaktnatur-man label{min-width:0;flex:1 0 calc(25% - 6px)}
}
/* ===== Tillägg i bygget (ramselejarn.se, steg 4): det som grunden och Gravity Forms kräver utöver mockupens CSS (granskningen 11-03) ===== */
/* Helbredda band och typsnittet även utanför omslaget (cookierutan, hoppa-länken) */
body{margin:0;font:400 16px/1.6 "montserrat","Montserrat",system-ui,sans-serif}
/* Ankarlänkar landar under det klistrade sidhuvudet */
html{scroll-padding-top:calc(var(--wp-admin--admin-bar--height,0px) + 96px)}
/* Mobilmenyn: sidan bakom står still och dämpas */
html:has(.site-menyknapp[aria-expanded="true"]){overflow:hidden}
body:has(.site-menyknapp[aria-expanded="true"])::after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:39}
/* Gravity Forms i mockupens form */
.site-formruta .gform_wrapper,.site-formruta form,.site-langsele-form form{margin:0}
.site-formruta .gform_required_legend,.site-langsele-form .gform_required_legend{display:none}
.site-formruta .gfield,.site-langsele-form .gfield{padding:0;border:0;min-inline-size:0}
.site-formruta .gform-field-label--type-sub{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.site-formruta .ginput_complex,.site-formruta .ginput_complex span{display:block;margin:0;padding:0}
.site-formruta .gform_footer button,.site-formruta .gform_footer input[type=submit]{width:100%}
/* samtycket: liten kryssruta + text; GF:s rubrik bara för skärmläsare */
.site-formruta .gfield--type-consent legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.site-formruta .ginput_container_consent{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;font-size:15px}
.site-formruta input:is([type=checkbox],[type=radio]){width:22px;height:22px;min-height:0;padding:0;margin:2px 0 0;accent-color:var(--rj-mork)}
.site-formruta .gfield_consent_label{font-weight:400}
/* fel */
.site-formruta .gfield_validation_message,.site-formruta .validation_message,.site-langsele-form .validation_message{font-size:14px;line-height:1.45;margin:6px 0 0;color:#a01818}
.site-formruta .gform_validation_errors,.site-langsele-form .gform_validation_errors{margin:0 0 16px;padding:14px 16px;border:1.5px solid #a01818;border-radius:4px;background:#fff}
/* Anslagstavlans lappformulär (GF 2) i lappens form */
.site-langsele-form input{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--rj-falt);border-radius:4px;background:#fff;font:400 16px var(--rj-font)}
.site-langsele-form label{display:block;font-weight:600;font-size:15px;margin:10px 0 4px}
/* GF lägger fälten i .gform_fields: rutnätet ska sitta där, inte på omslaget (fälten blev en tredjedel breda, Baris 11-04) */
.site-langsele-form{display:block}
.site-langsele-form .gform_fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;align-items:end}
.site-langsele-form .gfield{grid-column:auto;min-width:0}
.site-langsele-form .gfield--type-captcha{grid-column:1/-1}
.site-langsele-form .gfield_required{margin-left:.3em;font-weight:400}
.site-langsele-form .gform_footer{margin-top:16px;padding:0}
@container ram (max-width:900px){.site-langsele-form .gform_fields{grid-template-columns:minmax(0,1fr)}}
/* Policyn och andra sidor utan design: grundens enkla sida (.site-ph + .site-enkel, båda .site-wrap) får designens spalt */
.site-wrap{max-width:calc(780px + 2 * clamp(18px,4cqi,40px));margin-inline:auto;padding-inline:clamp(18px,4cqi,40px)}
.site-ph{padding-top:64px;background:var(--rj-beige)}
.site-ph h1{font:400 clamp(34px,5cqi,48px)/1.1 var(--rj-rub);margin:0;padding-bottom:28px}
.site-enkel{padding-block:28px 80px}
.site-enkel p,.site-enkel li{overflow-wrap:anywhere}
/* Färgsidans räkneexempel som uppställd räkning (Baris 11-04: "stökigt, svårt att förstå snabbt") */
.site-farg-ex li{display:flex;flex-direction:column}
.site-farg-exrak{margin:16px 0 0;font-size:15px;font-variant-numeric:tabular-nums}
.site-farg-exrak>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0}
.site-farg-exrak dt{color:var(--rj-mute)}.site-farg-exrak dd{margin:0;white-space:nowrap}
.site-farg-exsum{border-top:1px solid currentColor;margin-top:4px;font-weight:600}.site-farg-exsum dt{color:inherit}
.site-farg-exlag dt{color:inherit}
.site-farg-exsvar{margin:10px 0 0}
.site-farg-extips{margin:auto 0 0;padding-top:14px;font-size:14px;color:var(--rj-mute)}
/* Sortimentsrullgardinen: "Hela sortimentet" över båda spalterna, så att spalterna börjar i jämnhöjd (Baris 11-04) */
.site-nav__under--2>li:first-child{column-span:all}
/* Jaktkalenderns månadskort: noteringen under listan får kortets kantluft (Baris 11-04) */
.site-jk__man12 details>p{margin:0;padding:0 18px 16px;font-size:14px;color:var(--rj-mute)}
/* Verktygstavlan: nivåtexten på egen platta i stället för på prickarna, och de tre nivåerna i jämnhöjd (Baris 11-04: "synlighetsproblem") */
.site-verktyg-niva{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:20px}
.site-verktyg-niva>.site-verktyg-nivhuvud{margin:0}
.site-verktyg-niva>p{margin:0;padding:14px 16px;background:#fbf7f2;border:1px solid #d6c6b5;border-radius:4px;font-size:15px;line-height:1.55}
/* Verktygskorten: luft mellan verktygets namn och texten (Baris 11-04) */
.site-verktyg-niva label b{margin-bottom:6px}
/* ===== Proffsgranskningen 11-04 ===== */
/* 1: full meny ryms 1101–1440 (variant D, provad i granskningen) */
@container ram (min-width:1101px){.site-sidhuvud__rad{gap:12px}.site-nav>ul>li>a,.site-nav__knapp{padding-inline:6px}}
@container ram (min-width:1101px) and (max-width:1300px){.site-logga .site-bolist{display:none}}
@container ram (min-width:1101px) and (max-width:1200px){.site-nav>ul>li>a,.site-nav__knapp{font-size:13.5px}}
/* 2: fokusringen i det vita butikskortet */
.site-butik .site-btn:focus-visible{outline-color:var(--rj-rod)}
/* 4: reCAPTCHA ryms i smala formulär */
@container ram (max-width:420px){.site-langsele-lapp{padding:24px 14px}}
@container ram (max-width:400px){.site .ginput_recaptcha{transform:scale(.77);transform-origin:0 0;height:60px}}
@container ram (max-width:900px){.site-langsele-form .ginput_recaptcha{transform:scale(.77);transform-origin:0 0;height:60px}}
@container ram (max-width:340px){.site-langsele-form .ginput_recaptcha{transform:scale(.64);height:50px}}
/* 5: 404-rubriken i mobilen */
#h1-fi{font-size:clamp(40px,9cqi,68px)}
/* 6: avstavning i rubriker */
.site :is(h1,h2,h3,h4){hyphens:auto;-webkit-hyphens:auto}
/* 8: telefonnummer bryts inte; bara länkar som är själva numret (en länk med hel mening, "Osäker? Ring …", ska få brytas) */
.site a[href^="tel:"]:not(:has(span,svg)){white-space:nowrap}
/* 10, 11: småtext och tryckyta */
.site-ny{font-size:12px;letter-spacing:.04em}
.site-sidfot__logga a{min-height:44px;display:inline-flex;align-items:center}
/* Luft mellan Ring-knappen och öppetstatus i sidhuvudet (Baris 11-04) */
.site-sidhuvud__ring{gap:8px}
/* Jaktkalendern: rubrikerna efter tabellnoten får luft (Baris 11-04) */
.site-jk__not~h3{margin-top:36px}.site-jk__not+h3{margin-top:48px}
/* Hjälptexterna i fälten ryms i mobilen; själva inmatningen står kvar på 16 px (iOS zoomar annars) (Baris 11-04) */
@container ram (max-width:600px){.site input::placeholder,.site textarea::placeholder{font-size:13px}}
/* Sortimentssidan: korten i två spalter med egen höjd i stället för rader (Måla bredvid Bygga blev tomt, Baris 11-04) */
.site-sortiment-rutnat{display:block;columns:2;column-gap:16px}
.site-sortiment-jobb{break-inside:avoid;margin-bottom:16px}
@container ram (max-width:900px){.site-sortiment-rutnat{columns:1}}
/* Materiallistan i mobilen: hela exemplen syns i fälten (Baris 11-04: "ser kapad ut") */
@container ram (max-width:600px){.site-bygg-lista td:last-child{width:60px}.site-bygg-lista td:nth-child(2){width:40%}.site-smod-ide .site-bygg-lista td input:not([type=checkbox]):not([type=radio]){padding-inline:8px}}
@container ram (max-width:360px){.site-bygg-lista input::placeholder{font-size:12px}}
/* Sortimentskorten: luft mellan styckena, och mellan ingressen och korten (Baris 11-04) */
.site-pg p+p{margin-top:10px}
.site-ingress+.site-grupper{margin-top:28px}