/* JG Jakt designlyft 2026-10. Spec: mockup v1 (claude.ai/artifact/U5TP3bCdhPtfLQY53R54sf). Färger #112C26 / #C9A34B / hover #AA8A3E, radie 0. */
:root{--jgj-gron:#112C26;--jgj-guld:#C9A34B;--jgj-guld-hover:#AA8A3E;--jgj-ljus:#f6f5f0;--jgj-rubrik:var(--mht-font-headings-font-family,"rothwood",serif)}

/* ---------- Sidfot ---------- */
.site-footer .jgj-fot{font-family:var(--mht-font-body-font-family);font-weight:300;font-size:15px;line-height:1.6;color:#fff}
.site-footer .jgj-fot a{color:#fff;text-decoration:none}
.site-footer .jgj-fot a:hover,.site-footer .jgj-fot a:focus-visible{color:var(--jgj-guld)}
.jgj-fot-tro{border-bottom:1px solid rgba(201,163,75,.35)}
.jgj-fot-tro ul{list-style:none;margin:0 auto;padding-top:22px;padding-bottom:22px;display:flex;justify-content:space-between;gap:16px;font-size:14px;font-weight:400}
.jgj-fot-tro li{display:flex;align-items:center;gap:8px;margin:0}
.jgj-fot-tro svg{color:var(--jgj-guld);flex-shrink:0}
.site-footer .jgj-fot .site-footer-content{padding:56px 0 40px}
.jgj-fot-kol{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.4fr;gap:48px}
.jgj-fot-kol .site-footer-widget{margin:0;padding:0}
.jgj-fot-kol>*>.site-footer-widget+.site-footer-widget{margin-top:0}
.jgj-fot-rubrik{margin:0 0 16px!important;font-family:var(--jgj-rubrik);font-weight:500;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--jgj-guld);line-height:1.4}
.jgj-fot-om .site-footer-widget{display:flex;flex-direction:column;gap:20px}
.jgj-fot-om img{width:73px!important;height:auto!important;display:block}
.jgj-fot-om p{margin:0;color:rgba(255,255,255,.82)}
.jgj-fot-sociala{display:flex;gap:12px}
.jgj-fot-sociala a{width:44px;height:44px;border:1px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center}
.jgj-fot-sociala a:hover{border-color:var(--jgj-guld)}
.jgj-fot ul.menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.jgj-fot ul.menu li{margin:0;padding:0}
.jgj-fot-besok .site-footer-widget{display:flex;flex-direction:column;gap:14px}
.jgj-fot-besok .jgj-fot-rubrik{margin-bottom:2px!important}
.jgj-fot-besok svg{color:var(--jgj-guld);flex-shrink:0}
.jgj-fot-tel{display:flex;align-items:center;gap:10px;font-family:var(--jgj-rubrik);font-size:22px;font-weight:500}
.jgj-fot-rad{display:flex;align-items:flex-start;gap:10px}
.jgj-fot-rad svg{margin-top:3px}
.jgj-fot-guld{color:var(--jgj-guld);font-weight:400}
.jgj-fot-tider{display:grid;grid-template-columns:auto 1fr;column-gap:20px;row-gap:2px;margin:4px 0 0;color:rgba(255,255,255,.82)}
.jgj-fot-tider dt,.jgj-fot-tider dd{margin:0;font-weight:300}
.jgj-fot-not{margin:0;font-size:13px;color:rgba(255,255,255,.6)}
.site-footer .jgj-fot .jgj-fot-not a{color:var(--jgj-guld)}
.jgj-fot-knappar{display:none}
.jgj-kort{display:none}
.jgj-fot-botten{border-top:1px solid rgba(255,255,255,.15)}
.jgj-fot-botten .container{padding-top:20px;padding-bottom:20px;display:flex;justify-content:space-between;gap:16px;font-size:13px;color:rgba(255,255,255,.65)}
.jgj-fot-juridik{display:flex;gap:24px}
.site-footer .jgj-fot .jgj-fot-juridik a{color:rgba(255,255,255,.8)}
.site-footer .jgj-fot .jgj-fot-juridik a:hover{color:var(--jgj-guld)}
.site-footer.v1 .site-info{display:none}

/* Knappar (sidfot mobil, tjänstesidor, produkt) */
.jgj-knapp{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;font-family:var(--jgj-rubrik);font-weight:500;font-size:16px;letter-spacing:.06em;text-transform:uppercase;border-radius:0;text-decoration:none;box-sizing:border-box;line-height:1.2}
.jgj-knapp-guld,.site-footer .jgj-fot a.jgj-knapp-guld{background:var(--jgj-guld);color:#fff;border:1px solid var(--jgj-guld)}
.jgj-knapp-guld:hover,.site-footer .jgj-fot a.jgj-knapp-guld:hover{background:var(--jgj-guld-hover);border-color:var(--jgj-guld-hover);color:#fff}
.jgj-knapp-kontur{border:1px solid currentColor;background:transparent}

@media (max-width:1199.98px){
	.jgj-fot-tro ul{flex-wrap:wrap;justify-content:flex-start;column-gap:32px}
	.jgj-fot-kol{grid-template-columns:1fr 1fr}
}
@media (max-width:767.98px){
	.jgj-fot{display:grid;grid-template-columns:1fr}
	.jgj-fot .site-footer-content,.jgj-fot .site-footer-content>.container{display:contents}
	.site-footer .jgj-fot .site-footer-content{padding:0}
	.jgj-fot-kol{gap:0}
	.jgj-fot-besok{order:1;padding:28px 20px 24px;border-bottom:1px solid rgba(201,163,75,.35)}
	.jgj-fot-navs{order:2}
	.jgj-fot-handla{order:2;padding:24px 10px 24px 20px}
	.jgj-fot-tjanster{order:3;padding:24px 20px 24px 10px}
	.jgj-fot-tro{order:4;border-bottom:1px solid rgba(255,255,255,.15);border-top:1px solid rgba(255,255,255,.15)}
	.jgj-fot-om{order:5;padding:24px 20px 0}
	.jgj-fot-botten{order:6;border-top:0}
	.jgj-fot{grid-template-columns:1fr 1fr}
	.jgj-fot-besok,.jgj-fot-tro,.jgj-fot-om,.jgj-fot-botten{grid-column:1/-1}
	.jgj-fot-tro ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;padding:24px 20px;font-size:13px;line-height:1.4;font-weight:300}
	.jgj-fot-tro li{align-items:flex-start}
	.jgj-fot-tro li:last-child{grid-column:span 2}
	.jgj-fot-tro .jgj-lang{display:none}
	.jgj-fot-tro .jgj-kort{display:inline}
	.jgj-fot-tro svg{width:16px;height:16px}
	.jgj-fot ul.menu{gap:0}
	.jgj-fot ul.menu a{display:block;padding:9px 0}
	.jgj-fot-rubrik{margin-bottom:4px!important}
	.jgj-fot-knappar{display:flex;flex-direction:column;gap:14px}
	.jgj-fot-knappar .jgj-knapp{width:100%}
	.site-footer .jgj-fot .jgj-fot-knappar svg{color:#fff}
	.jgj-fot-tel,.jgj-fot-rad svg,.jgj-fot-adress .jgj-fot-guld,.jgj-fot-adress br{display:none}
	.jgj-fot-om .site-footer-widget{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}
	.jgj-fot-om p{display:none}
	.jgj-fot-om img{width:60px!important}
	.jgj-fot-botten .container{flex-direction:column;gap:4px;padding:16px 20px 24px}
	.jgj-fot-juridik{gap:20px}
	.jgj-fot-juridik a{padding:10px 0}
}

/* ---------- Tjänstesidor (ritning 2) ---------- */
.jgj-tjanst-hjalte{position:relative;overflow:hidden;height:520px!important;display:flex!important;align-items:flex-end}
.jgj-hjalte-bild{position:absolute;inset:0;z-index:0;margin:0}
.jgj-hjalte-bild img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}
.jgj-hjalte-bild::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,44,38,.88) 0%,rgba(17,44,38,.55) 50%,rgba(17,44,38,.1) 100%)}
.jgj-tjanst-hjalte.inner-p-hero>.inner-fixed{position:relative!important;top:auto!important;z-index:1!important;width:100%;height:auto!important;background:none!important;padding-bottom:64px!important;padding-top:0!important}
.jgj-tjanst-hjalte.inner-p-hero>.inner-fixed::after,.jgj-tjanst-hjalte.inner-p-hero>.inner-fixed::before{display:none!important}
.jgj-tjanst-hjalte .inner-p-text{text-align:left!important;align-items:flex-start!important}
.jgj-tjanst-hjalte .inner-p-text>*{text-align:left!important}
.jgj-tjanst-hjalte .inner-fixed>.gb-container{padding:0 15px!important;margin:0 auto!important;max-width:1362px!important;box-sizing:border-box}
.jgj-tjanst-hjalte .inner-p-text{border-bottom:0!important;max-width:620px!important;display:flex!important;flex-direction:column;gap:14px;text-align:left;color:#fff;margin:0!important;padding:0!important}
.jgj-tjanst-hjalte h1{margin:0!important;color:#fff!important;font-size:56px!important;font-weight:500!important;line-height:1.1!important;letter-spacing:-.02em;text-align:left!important}
.jgj-hjalte-over{margin:0;font-family:var(--jgj-rubrik);font-weight:500;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--jgj-guld);line-height:1.4}
.jgj-hjalte-under{margin:0;font-size:19px;color:#fff;line-height:1.5}
.jgj-hjalte-cta{margin-top:14px}
.jgj-hjalte-knappar{display:flex;gap:12px;flex-wrap:wrap}
.jgj-hjalte-knappar .jgj-knapp{font-size:15px;padding:0 26px}
.jgj-tjanst-hjalte a.jgj-knapp-kontur,.jgj-tjanst-hjalte a.jgj-knapp-kontur:hover{color:#fff}
.jgj-tjanst-hjalte a.jgj-knapp-kontur:hover{background:rgba(255,255,255,.1)}
.jgj-tjanst-hjalte a.jgj-knapp-guld{color:#fff}
.jgj-hjalte-info{margin:18px 0 0;font-size:14px;color:rgba(255,255,255,.85);word-spacing:.2em}
.gb-container:has(>.gb-container>.jgj-pris){display:grid!important;grid-template-columns:minmax(0,1fr) 420px;gap:72px;align-items:start}
.gb-container:has(>.gb-container>.jgj-pris)>.gb-container{width:auto!important;max-width:none!important;flex:none!important;margin:0!important;padding:0!important}
.gb-container:has(>.gb-container>.jgj-pris) :is(h2,h3,p,ul,ol){text-align:left!important}
.gb-container:has(>.gb-container>.jgj-pris)>.gb-container:not(:has(.jgj-pris)) h2{margin-left:0!important;max-width:none!important;width:auto!important}
.jgj-pris{background:var(--jgj-gron);color:#fff;padding:40px;display:flex;flex-direction:column;gap:16px}
.jgj-pris h2{margin:0!important;font-size:26px!important;font-weight:500!important;color:var(--jgj-guld)!important;line-height:1.2!important;letter-spacing:0}
.jgj-pris>p{margin:0;font-size:15px;color:rgba(255,255,255,.85)}
.jgj-pris-lista{list-style:none;margin:0!important;padding:0!important}
.jgj-pris-lista li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.18);margin:0!important}
.jgj-pris-lista li::before{display:none}
.jgj-pris-lista li span:last-child{font-weight:600;white-space:nowrap}
.jgj-pris .jgj-pris-not{font-size:13px;color:rgba(255,255,255,.7)}
.jgj-pris a.jgj-knapp{margin-top:6px;min-height:50px;font-size:15px;color:#fff}
.jgj-steg{max-width:1332px;margin:40px auto 0;padding:48px;background:#fff;display:flex;flex-direction:column;gap:28px;box-sizing:border-box;color:var(--jgj-gron)}
.jgj-steg h2{margin:0!important;font-size:32px!important;font-weight:500!important;text-align:left!important}
.jgj-steg ol{list-style:none;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.jgj-steg li{display:flex;flex-direction:column;gap:8px;margin:0!important;padding:0!important}
.jgj-steg li::before{display:none}
.jgj-steg-nr{font-family:var(--jgj-rubrik);font-size:34px;color:var(--jgj-guld);line-height:1.2}
.jgj-steg strong{font-weight:600}
.jgj-steg li>span:last-child{font-size:15px}
#fraga{scroll-margin-top:110px}
/* Stegen + FAQ = mockup v7 A (Baris 10-03 "stilren"): inga rutor, tunna linjer, överrader, frågor som luftig lista med +/− */
.jgj-over{display:block;font-family:var(--jgj-rubrik);font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#7D642A;line-height:1.4}
.jgj-steg{margin:96px auto 0;padding:0 15px;background:none;gap:40px;max-width:1362px}
.jgj-steg-topp{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.jgj-steg-topp>div{display:flex;flex-direction:column;gap:10px}
.jgj-steg h2,.jgj-faq-rubrik h2{margin:0!important;font-size:40px!important;font-weight:500!important;line-height:1.1!important;text-align:left!important}
.jgj-steg-topp p{margin:0;max-width:380px;color:#5c6b66;font-size:15px;line-height:1.6;text-align:left}
.jgj-steg ol{gap:40px}
.jgj-steg li{border-top:1px solid var(--jgj-gron);padding:20px 0 0!important;gap:8px}
.jgj-steg .jgj-steg-nr{font-family:var(--jgj-rubrik);font-weight:500;font-size:14px;letter-spacing:.08em;color:#7D642A;line-height:1.4}
.jgj-steg strong{font-family:var(--jgj-rubrik);font-weight:500;font-size:20px;line-height:1.3}
.jgj-steg li>span:last-child{color:#5c6b66;font-size:15px;line-height:1.6}
.jgj-faq-rubrik{display:flex;flex-direction:column;gap:14px;color:var(--jgj-gron)}
.jgj-faq-rubrik p{margin:0;font-size:15px;line-height:1.6;color:#5c6b66;text-align:left}
.jgj-faq-rubrik a.jgj-faq-tel{align-self:flex-start;margin-top:6px;display:flex;align-items:center;gap:10px;padding-bottom:4px;border-bottom:1px solid var(--jgj-guld);color:var(--jgj-gron);font-family:var(--jgj-rubrik);font-weight:600;font-size:18px;text-decoration:none;white-space:nowrap}
.jgj-faq-rubrik a.jgj-faq-tel span{color:#7D642A;transition:transform .15s}
.jgj-faq-rubrik a.jgj-faq-tel:hover span{transform:translateX(4px)}
.gb-container:has(>.jgj-faq-rubrik){display:grid!important;grid-template-columns:minmax(15px,1fr) minmax(0,423px) minmax(0,909px) minmax(15px,1fr);align-items:start}
.gb-container:has(>.jgj-faq-rubrik)>*{grid-column:1/-1}
.gb-container:has(>.jgj-faq-rubrik)>.jgj-steg{grid-column:2/4;width:100%;padding:0}
.gb-container:has(>.jgj-faq-rubrik)>.jgj-faq-rubrik{grid-column:2;padding:120px 64px 0 0}
.gb-container:has(>.jgj-faq-rubrik)>.ns-faq{grid-column:3;max-width:none;width:auto;margin:120px 0 104px}
.gb-container:has(>.jgj-faq-rubrik)>.ns-faq>.container{padding:0!important;max-width:none!important}
.ns-faq .faqs--faqs{display:flex;flex-direction:column;gap:0;border-top:1px solid #d8d4c6;margin:0!important;padding:0!important}
.ns-faq .faqs--faq-item{margin:0!important;padding:0!important}
.ns-faq .faqs--faq{background:none!important;border:0!important;border-bottom:1px solid #d8d4c6!important;border-radius:0!important;padding:0!important}
.ns-faq .faqs--faq--q{padding:22px 0!important;min-height:44px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.ns-faq .faqs--faq--q--text{font-size:21px!important;font-weight:500;line-height:1.3;margin:0!important;text-align:left!important}
.ns-faq .faqs--faq--q .icon{display:none!important}
.ns-faq .faqs--faq--q .icon-wrap{position:relative;flex:0 0 20px;width:20px;height:20px;background:none!important;border:0!important}
.ns-faq .faqs--faq--q .icon-wrap::before,.ns-faq .faqs--faq--q .icon-wrap::after{content:"";position:absolute;left:4px;right:4px;top:50%;height:1.5px;margin-top:-.75px;background:#7D642A;transition:transform .2s}
.ns-faq .faqs--faq--q .icon-wrap::after{transform:rotate(90deg)}
.ns-faq .faqs--faq--q[aria-expanded="true"] .icon-wrap::after{transform:rotate(0)}
.ns-faq .faqs--faq--a{padding:0 40px 26px 0!important;max-width:680px}
.ns-faq .faqs--faq--a,.ns-faq .faqs--faq--a p{color:#3d4d48;font-size:16px;line-height:1.65}
@media (max-width:1199.98px){
	.jgj-steg ol{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
	.gb-container:has(>.jgj-faq-rubrik){grid-template-columns:20px minmax(0,1fr) 20px}
	.gb-container:has(>.jgj-faq-rubrik)>.jgj-steg{grid-column:2}
	.gb-container:has(>.jgj-faq-rubrik)>.jgj-faq-rubrik{grid-column:2;padding:88px 0 0}
	.gb-container:has(>.jgj-faq-rubrik)>.ns-faq{grid-column:2;margin:28px 0 80px}
}
@media (max-width:767.98px){
	.jgj-steg{margin-top:56px;gap:24px}
	.jgj-steg-topp{flex-direction:column;align-items:flex-start;gap:8px}
	.jgj-steg h2,.jgj-faq-rubrik h2{font-size:30px!important;line-height:1.15!important}
	.jgj-steg ol{grid-template-columns:1fr;gap:0;row-gap:0}
	.jgj-steg li{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:4px;row-gap:4px;padding:16px 0 20px!important}
	.jgj-steg li:last-child{border-bottom:1px solid var(--jgj-gron)}
	.jgj-steg .jgj-steg-nr{grid-row:1/3;padding-top:3px}
	.jgj-steg strong{font-size:18px}
	.gb-container:has(>.jgj-faq-rubrik){grid-template-columns:16px minmax(0,1fr) 16px}
	.gb-container:has(>.jgj-faq-rubrik)>.jgj-faq-rubrik{padding-top:72px;gap:8px}
	.gb-container:has(>.jgj-faq-rubrik)>.ns-faq{margin:20px 0 64px}
	.ns-faq .faqs--faq--q{padding:12px 0!important}
	.ns-faq .faqs--faq--q--text{font-size:18px!important}
	.ns-faq .faqs--faq--a{padding:0 0 20px!important}
}
@media (max-width:1199.98px){
	.gb-container:has(>.gb-container>.jgj-pris){grid-template-columns:minmax(0,1fr) 360px;gap:40px}
}
@media (max-width:767.98px){
	.jgj-tjanst-hjalte{height:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto auto auto;background:var(--jgj-gron)}
	.jgj-tjanst-hjalte>.inner-fixed,.jgj-tjanst-hjalte .inner-fixed>.gb-container,.jgj-tjanst-hjalte .inner-p-text{display:contents!important}
	.jgj-hjalte-bild{position:relative;inset:auto;grid-row:1/5;grid-column:1;height:260px}
	.jgj-tjanst-hjalte .inner-p-text>*{grid-column:1;position:relative;z-index:1;margin-left:16px!important;margin-right:16px!important}
	.jgj-tjanst-hjalte .inner-p-text>.jgj-hjalte-over{grid-row:2;padding:0 0 6px}
	.jgj-tjanst-hjalte .inner-p-text>h1{grid-row:3;padding-bottom:6px}
	.jgj-tjanst-hjalte .inner-p-text>.jgj-hjalte-under{grid-row:4;padding-bottom:20px}
	.jgj-tjanst-hjalte .inner-p-text>.jgj-hjalte-cta{grid-row:5;margin:0!important;padding:18px 16px}
	.jgj-hjalte-bild::after{background:linear-gradient(0deg,rgba(17,44,38,.9) 0%,rgba(17,44,38,.2) 70%)}
	.jgj-tjanst-hjalte.inner-p-hero>.inner-fixed{padding:0!important}
	.jgj-tjanst-hjalte h1{font-size:36px!important}
	.jgj-hjalte-under{font-size:16px}
	.jgj-hjalte-over{font-size:13px}
	.jgj-hjalte-knappar{flex-direction:column;gap:10px}
	.jgj-hjalte-knappar .jgj-knapp{width:100%}
	.jgj-hjalte-info .jgj-lang{display:none}
	.jgj-hjalte-info .jgj-kort{display:inline}
	.jgj-hjalte-info{text-align:center;font-size:13px;margin-top:10px;color:rgba(255,255,255,.8);word-spacing:0}
	.gb-container:has(>.gb-container>.jgj-pris){grid-template-columns:1fr;gap:32px}
	.jgj-pris{padding:28px 20px}
}

/* ---------- Tjänstehubben (ritning 3) ---------- */
.jgj-hubb-hjalte{height:420px!important}
.jgj-hubb-hjalte.inner-p-hero>.inner-fixed{padding-bottom:56px!important}
.jgj-hubb{max-width:1362px;margin:0 auto;padding:72px 15px 0;box-sizing:border-box;color:var(--jgj-gron)}
.jgj-hubb-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:32px}
.jgj-hubb-intro>div{max-width:680px;display:flex;flex-direction:column;gap:10px}
.jgj-hubb h2{margin:0!important;font-size:38px!important;font-weight:500!important;line-height:1.15!important;text-align:left!important}
.jgj-hubb-intro p{margin:0}
.jgj-hubb-intro .jgj-knapp{flex-shrink:0;min-height:50px;font-size:15px;color:#fff}
.jgj-hubb-kortrad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
a.jgj-hubb-kort{background:#fff;text-decoration:none;display:flex;flex-direction:column;color:var(--jgj-gron)}
.jgj-hubb-kort img{width:100%;height:200px;object-fit:cover;display:block}
.jgj-hubb-kort-text{padding:22px;display:flex;flex-direction:column;gap:8px;flex-grow:1}
.jgj-hubb-kort strong{font-family:var(--jgj-rubrik);font-weight:500;font-size:22px;line-height:1.25}
.jgj-hubb-kort-besk{font-size:15px;flex-grow:1}
.jgj-hubb-kort-fran{font-weight:600;color:#7D642A}
.jgj-hubb-kort-las{font-family:var(--jgj-rubrik);font-weight:500;font-size:13px;letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #e3dfd2;padding-top:12px}
a.jgj-hubb-kort:hover .jgj-hubb-kort-las,a.jgj-hubb-kort:focus-visible .jgj-hubb-kort-las{color:#7D642A}
.jgj-hubb-priser{max-width:1332px;margin:72px auto 0;padding:56px;box-sizing:border-box;background:var(--jgj-gron);color:#fff;display:flex;flex-direction:column;gap:32px;scroll-margin-top:110px}
.jgj-hubb-priser h2{margin:0!important;font-size:34px!important;font-weight:500!important;color:var(--jgj-guld)!important;line-height:1.2!important;text-align:left!important}
.jgj-hubb-priser-ingress{margin:-24px 0 0;color:rgba(255,255,255,.85)}
.jgj-hubb-grupper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 64px}
.jgj-hubb-grupp{display:flex;flex-direction:column}
.jgj-hubb-grupp h3{margin:0 0 4px!important;font-size:20px!important;font-weight:500!important;color:#fff!important;line-height:1.3!important;text-align:left!important}
.jgj-hubb-grupp>p{margin:0 0 8px;font-size:14px;color:rgba(255,255,255,.7)}
.jgj-hubb-grupp .jgj-pris-lista li{padding:9px 0;border-bottom-color:rgba(255,255,255,.15)}
.jgj-hubb-grupp .jgj-pris-lista li span:last-child{font-weight:400}
.jgj-hubb-priser-fot{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid rgba(201,163,75,.4);padding-top:28px}
.jgj-hubb-priser-fot .jgj-knapp{min-height:50px;font-size:15px;color:#fff}
.jgj-hubb-priser-fot a.jgj-knapp-kontur:hover{background:rgba(255,255,255,.1);color:#fff}
.jgj-hubb-tider{margin-left:16px;font-size:14px;color:rgba(255,255,255,.8)}
@media (max-width:1199.98px){
	.jgj-hubb{padding-left:20px;padding-right:20px}
	.jgj-hubb-kortrad{grid-template-columns:repeat(2,minmax(0,1fr))}
	.jgj-hubb-priser{margin-left:20px;margin-right:20px;padding:48px}
}
@media (max-width:767.98px){
	.jgj-hubb-hjalte{height:auto!important}
	.jgj-hubb{padding:48px 16px 0}
	.jgj-hubb-intro{flex-direction:column;align-items:stretch;gap:20px;margin-bottom:24px}
	.jgj-hubb h2{font-size:28px!important}
	.jgj-hubb-kortrad{grid-template-columns:1fr;gap:16px}
	.jgj-hubb-kort img{height:180px}
	.jgj-hubb-priser{margin:48px 0 0;padding:32px 20px;gap:24px}
	.jgj-hubb-priser h2{font-size:28px!important}
	.jgj-hubb-priser-ingress{margin-top:-16px}
	.jgj-hubb-grupper{grid-template-columns:1fr;gap:28px}
	.jgj-hubb-priser-fot{flex-direction:column;align-items:stretch}
	.jgj-hubb-priser-fot .jgj-knapp{width:100%}
	.jgj-hubb-tider{margin:4px 0 0;text-align:center}
}

/* ---------- Produktsidan (ritning 4) ---------- */
.jgj-produkt .product-m-ctr{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px!important;margin-bottom:56px!important;flex-direction:initial!important}
.jgj-produkt .product-m-ctr .gallery-ctr,.jgj-produkt .product-m-ctr .entry-summary{width:auto!important;max-width:none!important;margin:0!important}
.jgj-produkt .product-m-ctr .entry-summary{display:flex!important;flex-direction:column!important;gap:16px!important;justify-content:flex-start!important}
.jgj-produkt .woocommerce-product-gallery{position:relative!important;top:auto!important}
.jgj-produkt .woocommerce-product-gallery .flex-viewport{background:#fff;height:380px!important;max-height:none!important}
.jgj-produkt .woocommerce-product-gallery__image a{height:380px!important;padding:24px;box-sizing:border-box;align-items:center}
.jgj-produkt .woocommerce-product-gallery__image img{max-height:332px!important;width:100%!important;object-fit:contain}
.jgj-produkt .woocommerce-product-gallery>.woocommerce-product-gallery__wrapper>.woocommerce-product-gallery__image:only-child{background:#fff}
.jgj-produkt ol.flex-control-thumbs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 0!important;padding:0;list-style:none;width:auto!important}
.jgj-produkt ol.flex-control-thumbs li{width:auto!important;float:none!important;margin:0!important;height:92px;background:#fff;display:flex;align-items:center;justify-content:center;padding:6px;box-sizing:border-box;border:2px solid transparent}
.jgj-produkt ol.flex-control-thumbs li:has(img.flex-active){border-color:var(--jgj-guld)}
.jgj-produkt ol.flex-control-thumbs img{max-height:76px;width:100%;object-fit:contain;opacity:1!important}
.jgj-produkt .flex-direction-nav{display:none!important}
.jgj-p-overrad{margin:0!important;font-family:var(--jgj-rubrik);font-weight:500;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#7D642A}
.jgj-produkt .entry-summary h1.product_title{margin:0!important;font-size:36px!important;line-height:1.15!important;letter-spacing:0!important}
.jgj-produkt .entry-summary .price{margin:0!important;font-family:var(--jgj-rubrik);font-size:28px!important;font-weight:500!important;line-height:1.2!important;color:#7D642A!important}
.jgj-produkt .entry-summary .price bdi{font-weight:500!important}
.jgj-p-data{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#e3dfd2;border:1px solid #e3dfd2}
.jgj-p-data>div{background:#fff;padding:10px 14px}
.jgj-p-data dt{font-size:12px;color:#4a5a55;font-weight:300;margin:0}
.jgj-p-data dd{margin:0;font-weight:600;font-size:16px;color:var(--jgj-gron)}
.jgj-p-chips{display:none;margin:0;padding:0;list-style:none;flex-wrap:wrap;gap:6px;font-size:13px}
.jgj-p-chips li{background:#fff;padding:4px 10px;margin:0}
.jgj-p-forsakran{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:15px}
.jgj-p-forsakran li{display:flex;gap:8px;align-items:center;margin:0}
.jgj-p-forsakran .jgj-kort{display:none}
.jgj-p-knappar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px}
.jgj-p-knappar .jgj-knapp,.jgj-p-bottenrad .jgj-knapp{min-height:54px;font-size:15px;padding:0 12px}
.jgj-produkt .jgj-knapp-kontur{color:var(--jgj-gron);border-color:var(--jgj-gron)}
.jgj-produkt .jgj-knapp-kontur:hover{color:#7D642A;border-color:var(--jgj-guld-hover)}
.jgj-p-licens{margin:0!important;font-size:13px;color:#4a5a55}
.jgj-p-om{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;margin:0 0 64px;align-items:start}
.jgj-p-om h2,.jgj-p-fler h2{margin:0 0 10px;font-size:28px;line-height:1.2;letter-spacing:0}
.jgj-p-lista{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}
.jgj-p-lista li{margin:0;font-size:16px}
.jgj-p-mening{display:none}
.jgj-p-fritext,.jgj-p-inbyte{margin:8px 0 0!important;font-size:15px;color:#4a5a55}
.jgj-p-beskrivning p{font-size:15px}
.jgj-p-anmalan{background:#fff;padding:32px;scroll-margin-top:120px}
.jgj-p-anmalan h2{font-size:24px;margin-bottom:14px}
.jgj-p-anmalan .gform_wrapper{margin:0!important}
.jgj-p-fler{margin:0 0 96px}
.jgj-p-fler-topp{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px}
.jgj-p-fler-topp h2{margin:0}
.jgj-p-fler-topp a{font-family:var(--jgj-rubrik);font-weight:500;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--jgj-gron);text-decoration:none}
.jgj-p-fler-topp a:hover{color:#7D642A}
.jgj-produkt ul.products.jgj-p-fler-lista{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0!important;padding:0}
.jgj-produkt ul.products.jgj-p-fler-lista::before,.jgj-produkt ul.products.jgj-p-fler-lista::after{display:none}
.jgj-produkt ul.products.jgj-p-fler-lista li.product{width:auto!important;float:none!important;margin:0!important;clear:none!important}
.jgj-kort-data{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;font-size:12px;line-height:1.4;font-weight:300;color:var(--jgj-gron)}
.jgj-kort-data span{background:#f1eee4;padding:3px 8px}
.jgj-p-bottenrad{display:none}
.jgj-p-data-2{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Galleriet: 7 miniatyrer + "+N" på den 8:e (räknaren sätts i jgj-produkt.php) */
.jgj-produkt ol.flex-control-thumbs:not(.jgj-alla) li:nth-child(n+9){display:none!important}
.jgj-produkt ol.flex-control-thumbs:not(.jgj-alla) li:nth-child(8):not(:last-child){position:relative;cursor:pointer}
.jgj-produkt ol.flex-control-thumbs:not(.jgj-alla) li:nth-child(8):not(:last-child)::after{content:"+" counter(jgjmer);position:absolute;inset:0;background:rgba(17,44,38,.78);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--jgj-rubrik);font-weight:500;font-size:22px;pointer-events:none}
/* Intresseanmälan (GF 2) enligt ritningen */
.jgj-p-anmalan .gform_fields{row-gap:14px!important}
.jgj-p-anmalan .gform_required_legend{font-size:13px;color:#4a5a55;margin:0 0 6px}
.jgj-p-anmalan .gfield_label,.jgj-p-anmalan .gfield_label_before_complex{font-family:inherit!important;font-size:14px!important;font-weight:400!important;color:var(--jgj-gron)!important;margin:0 0 4px!important;padding:0!important}
.jgj-p-anmalan #field_2_14 .gfield_label{font-weight:600!important;margin-bottom:8px!important}
.jgj-p-anmalan .gform_wrapper input[type=text],.jgj-p-anmalan .gform_wrapper input[type=email],.jgj-p-anmalan .gform_wrapper input[type=tel],.jgj-p-anmalan .gform_wrapper textarea{border:1px solid #d8d4c6!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;color:var(--jgj-gron)!important;font:inherit!important;font-size:15px!important;padding:0 12px!important;width:100%!important;box-sizing:border-box!important}
.jgj-p-anmalan .gform_wrapper input[type=text],.jgj-p-anmalan .gform_wrapper input[type=email],.jgj-p-anmalan .gform_wrapper input[type=tel]{height:44px!important;min-height:44px!important}
.jgj-p-anmalan .gform_wrapper textarea{height:96px!important;min-height:96px!important;padding:10px 12px!important;resize:vertical}
.jgj-p-anmalan .gform_wrapper input:focus,.jgj-p-anmalan .gform_wrapper textarea:focus{outline:2px solid var(--jgj-guld)!important;outline-offset:0;border-color:var(--jgj-guld)!important}
.jgj-p-anmalan #field_2_1,.jgj-p-anmalan #field_2_3{grid-column:span 6!important;align-self:end}
.jgj-p-anmalan .gfield_label{line-height:1.4!important}
.jgj-p-anmalan #field_2_14 .gfield_checkbox{display:flex!important;flex-wrap:wrap;gap:8px!important}
.jgj-p-anmalan #field_2_14 .gchoice{display:flex!important;align-items:center;height:44px;margin:0!important;padding:0!important;border:1px solid #d8d4c6;background:#fff;box-sizing:border-box}
.jgj-p-anmalan #field_2_14 .gchoice:has(input:checked){border-color:#C9A34B;background:#faf6ea}
.jgj-p-anmalan #field_2_14 .gchoice input{margin:0 0 0 14px!important;accent-color:#AA8A3E;flex:none}
.jgj-p-anmalan #field_2_14 .gchoice label{display:flex!important;align-items:center;height:100%;margin:0!important;padding:0 14px 0 8px!important;font-size:14px!important;font-weight:400!important;cursor:pointer;max-width:none!important}
.jgj-p-anmalan #field_2_14.jgj-gf-vapen .gchoice_2_14_6,.jgj-p-anmalan #field_2_14.jgj-gf-vapen .gchoice_2_14_7,.jgj-p-anmalan #field_2_14.jgj-gf-ovrigt .gchoice_2_14_1,.jgj-p-anmalan #field_2_14.jgj-gf-ovrigt .gchoice_2_14_2,.jgj-p-anmalan #field_2_14.jgj-gf-ovrigt .gchoice_2_14_3,.jgj-p-anmalan #field_2_14.jgj-gf-ovrigt .gchoice_2_14_4{display:none!important}
.jgj-p-anmalan #field_2_14.jgj-gf-ovrigt .gchoice_2_14_5{order:3}
.jgj-p-anmalan .gform_footer input[type=submit]{width:100%!important;height:52px!important;background:var(--jgj-guld)!important;color:#fff!important;border:0!important;border-radius:0!important;font-family:var(--jgj-rubrik)!important;font-weight:500!important;font-size:15px!important;letter-spacing:.06em;text-transform:uppercase}
.jgj-p-anmalan .gform_footer input[type=submit]:hover{background:var(--jgj-guld-hover)!important}
/* Fler-korten: vitt kort, bildyta 150 px, titlarna i samma rad (subgrid) */
.jgj-produkt ul.products.jgj-p-fler-lista li.product{background:#fff!important;padding:0!important;display:grid!important;grid-row:span 4;grid-template-rows:subgrid;row-gap:0!important;text-align:left}
.jgj-produkt ul.products.jgj-p-fler-lista a.woocommerce-LoopProduct-link{display:grid!important;grid-row:span 4;grid-template-rows:subgrid;row-gap:8px!important;padding:0 0 20px!important;text-decoration:none}
.jgj-produkt ul.products.jgj-p-fler-lista li.product img{height:150px!important;width:100%!important;object-fit:contain!important;padding:16px!important;box-sizing:border-box!important;margin:0!important;aspect-ratio:auto!important;background:#fff}
.jgj-produkt ul.products.jgj-p-fler-lista .woocommerce-loop-product__title{margin:0 20px!important;padding:0!important;font-family:var(--jgj-rubrik)!important;font-weight:500!important;font-size:18px!important;line-height:1.3!important;align-self:start}
.jgj-produkt ul.products.jgj-p-fler-lista .jgj-kort-data{margin:0 20px!important;align-self:start}
.jgj-produkt ul.products.jgj-p-fler-lista .price{margin:0 20px!important;padding:0!important;font-weight:600!important;color:#7D642A!important;align-self:end}

@media (max-width:991.98px){
	.jgj-produkt .product-m-ctr{grid-template-columns:1fr;gap:16px!important;margin-bottom:32px!important}
	.jgj-produkt .woocommerce-product-gallery .flex-viewport,.jgj-produkt .woocommerce-product-gallery__image a{height:150px!important}
	.jgj-produkt .woocommerce-product-gallery__image a{padding:12px}
	.jgj-produkt .woocommerce-product-gallery__image img{max-height:126px!important}
	.jgj-produkt ol.flex-control-thumbs li{height:64px}
	.jgj-produkt .product-m-ctr .entry-summary{gap:10px!important}
	.jgj-p-overrad{font-size:12px}
	.jgj-produkt .entry-summary h1.product_title{font-size:26px!important;line-height:1.2!important}
	.jgj-produkt .entry-summary .price{font-size:24px!important}
	.jgj-p-data{display:none}
	.jgj-p-chips{display:flex}
	.jgj-p-forsakran{font-size:14px;gap:4px;margin-top:4px}
	.jgj-p-forsakran svg{width:16px;height:16px}
	.jgj-p-forsakran .jgj-lang{display:none}
	.jgj-p-forsakran .jgj-kort{display:inline}
	.jgj-p-knappar{display:none}
	.jgj-p-om{grid-template-columns:1fr;gap:32px;margin-bottom:40px}
	.jgj-p-om h2{font-size:20px}
	.jgj-p-lista{display:none}
	.jgj-p-mening{display:block;margin:0!important}
	.jgj-p-anmalan{padding:24px 16px;scroll-margin-top:80px}
	.jgj-p-fler h2{font-size:22px}
	.jgj-produkt ul.products.jgj-p-fler-lista{grid-template-columns:1fr;gap:16px}
	.jgj-p-bottenrad{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:900;background:#fff;box-shadow:0 -4px 16px rgba(17,44,38,.12);padding:12px 16px 20px}
	.jgj-p-bottenrad .jgj-knapp{min-height:52px;font-size:14px}
	body.jgj-produkt{padding-bottom:84px}
	.jgj-produkt .site-main>.container{padding-left:16px!important;padding-right:16px!important}
	/* Brödsmulor på en rad: de två sista kategorierna, ellips vid behov */
	.jgj-produkt nav.woocommerce-breadcrumb{flex-wrap:nowrap!important;white-space:nowrap;overflow:hidden;font-size:12px!important;padding:12px 16px 0!important;margin:0!important}
	.jgj-produkt nav.woocommerce-breadcrumb>*{display:none!important}
	.jgj-produkt nav.woocommerce-breadcrumb>span:nth-last-child(3),.jgj-produkt nav.woocommerce-breadcrumb>span:nth-last-child(5),.jgj-produkt nav.woocommerce-breadcrumb>i:nth-last-child(4){display:block!important;flex:none}
	.jgj-produkt nav.woocommerce-breadcrumb>span:nth-last-child(3),.jgj-produkt nav.woocommerce-breadcrumb>span:nth-last-child(5){flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
	.jgj-p-anmalan #field_2_1,.jgj-p-anmalan #field_2_3{grid-column:1/-1!important}
}

/* Ingen parallax (Baris 10-03): undersidornas hjälte följer med sidan i stället för att stå still medan innehållet glider över. */
.inner-p-hero .inner-fixed,.w-inner-p-hero .w-inner-fixed{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important}
*,*::before,*::after{background-attachment:scroll!important}

/* ---------- Kontrast (QA 10-03, WCAG AA): guldknappar får mörkgrön text (6,3:1, som mockuperna och sidhuvudets Ring), guldtext #7D642A (5,2:1 på kräm) ---------- */
.jgj-knapp-guld,a.jgj-knapp-guld,.jgj-knapp-guld:hover,a.jgj-knapp-guld:hover,.site-footer .jgj-fot a.jgj-knapp-guld,.site-footer .jgj-fot a.jgj-knapp-guld:hover{color:var(--jgj-gron)!important}
.jgj-knapp-guld svg{color:var(--jgj-gron)!important}
.gform_wrapper .gform_footer input[type=submit],.gform_wrapper .gform_footer button,.gform_wrapper .gform_button{color:var(--jgj-gron)!important}
.jgj-produkt .entry-summary .price,.jgj-produkt .entry-summary .price bdi,.jgj-produkt .entry-summary .price .amount,.jgj-p-overrad{color:#7D642A!important}
.gfield_consent_label,.gfield_consent_label a{color:#5c6b66!important}
.woocommerce-breadcrumb,.woocommerce-breadcrumb span{color:#5c6b66!important}
.gform_wrapper .gfield--type-consent{opacity:1!important}
/* GB-knapparna med guldbakgrund (uniqueId = samma stil överallt): mörkgrön text */
a.gb-button-d2267a45,a.gb-button-d2267a45:hover,a.gb-button-69b6a405,a.gb-button-69b6a405:hover{color:var(--jgj-gron)!important}
.faqs--faq--q:focus-visible{outline:2px solid var(--jgj-gron);outline-offset:4px}
/* 404 (QA 10-03) */
.jgj-404{padding:160px 15px 120px;color:var(--jgj-gron)}
.jgj-404-inre{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.jgj-404 h1{margin:0!important;font-size:44px!important;font-weight:500!important;line-height:1.1!important;color:var(--jgj-gron)!important;text-align:left!important}
.jgj-404 p{margin:0;font-size:16px;line-height:1.6;color:#3d4d48;text-align:left!important}
.jgj-404-sok{display:flex;gap:10px;margin-top:8px}
.jgj-404-sok input[type=search]{flex:1;min-width:0;height:52px;padding:0 16px;border:1px solid #d8d4c6;border-radius:0;background:#fff;font-size:16px}
.jgj-404-sok .jgj-knapp{height:52px;padding:0 28px}
.jgj-404-lankar{list-style:none;margin:16px 0 0!important;padding:0!important;border-top:1px solid #d8d4c6}
.jgj-404-lankar li{margin:0!important;padding:0!important;border-bottom:1px solid #d8d4c6}
.jgj-404-lankar li::before{display:none}
.jgj-404-lankar a{display:flex;justify-content:space-between;align-items:center;min-height:56px;font-family:var(--jgj-rubrik);font-size:19px;color:var(--jgj-gron);text-decoration:none}
.jgj-404-lankar a span{color:#7D642A}
.jgj-404-lankar a:hover{color:#7D642A}
.jgj-404-ring a{color:var(--jgj-gron);font-weight:600}
@media (max-width:767.98px){.jgj-404{padding:110px 16px 72px}.jgj-404 h1{font-size:32px!important}}

/* ---------- Rubrikskala (QA 10-03, Baris "kör"): hjälte-H1 52 · sid-H1 44 · produkt-H1 36 · H2 avsnitt 40 · H2 modul 34 · underrubrik 32 · vikt 500 överallt. html body = vinner över komponentfilerna som laddas senare ---------- */
html body .site-main :is(h1,h2),html body .site-main :is(h1,h2) *{font-weight:500!important}
@media (min-width:992px){
	html body :is(.jgj-sh h1,.jgj-tjanst-hjalte h1,.gb-container-636a2161 h1,.jgj-sd-hjalte-text h1,.jgj-bh-text h1){font-size:52px!important;line-height:1.08!important}
	html body :is(.jgj-topp-h,.jgj-topp-rad h1,.jgj-gd-topp h1,.jgj-sd-inre h1,.ns-integritetspolicy h1,.jgj-404 h1){font-size:44px!important;line-height:1.12!important}
	html body :is(.site-main h2.gb-headline,.jgj-steg h2,.jgj-faq-rubrik h2,.jgj-hubb-intro h2){font-size:40px!important;line-height:1.12!important}
	html body :is(.jgj-s-huvud h2,.jgj-gd-fler h2,.jgj-hubb-priser h2,.jgj-bs h2,.jgj-sd-delad-text h2){font-size:34px!important;line-height:1.15!important}
	html body :is(.site-main .gb-container-fec1f076 h2.gb-headline,.site-main .gb-container-7e85780b>h2){font-size:32px!important;line-height:1.2!important}
}

/* ---------- Knappar (QA 10-03, Baris "kör"): alla fyllda/inramade knappar = versaler, Rothwood 15 px, samma spärrning. Vylägesväljaren Lista/Rutnät och underkategorirutorna är val, inte knappar → orörda ---------- */
html body :is(.jgj-knapp,.jgj-sk,.jgj-sd-knapp,.jgj-gd-knapp,.jgj-bknapp,.jgj-fler,a.gb-button-d2267a45,a.gb-button-69b6a405,.jgj-404-sok button,.jgj-p-anmalan .gform_footer input[type=submit],.gform_wrapper .gform_footer input[type=submit]){text-transform:uppercase!important;font-size:15px!important;letter-spacing:.04em!important;font-family:var(--jgj-rubrik)!important;font-weight:600!important}

/* ---------- iPhone-koll 10-03 (WebKit): cookierutans Ja-knapp mörk text på guld (vit = 2,4:1), fält 16 px i mobilen så att Safari inte zoomar in ---------- */
.ns-ck{--ns-ck-on:#112C26}
@media (max-width:767.98px){
	html body .gform_wrapper{--gf-ctrl-font-size:16px!important}
	html body .gform_wrapper.gform_wrapper.gform_wrapper :is(input[type=text],input[type=email],input[type=tel],input[type=number],select,textarea){font-size:16px!important} /* slår .jgj-p-anmalan- och .jgj-sd-formular-reglerna (15 px) */
	html body :is(input[type=text],input[type=email],input[type=tel],input[type=number],input[type=search],input[type=url],input[type=password],select,textarea){font-size:16px!important}
}