/* Pass 4–5: produktsida, produktkort med butikslänk och rutan "Det här behöver du". Reglerna för .pgrid, .erbj och .lager är tagna
   ordagrant ur prototyp/mallar/produkt.html (godkänd 2026-11-04). Övriga är nya och följer prototypens variabler. */
.pgrid{display:grid;gap:1.25rem;margin-top:.5rem}
@media (min-width:48rem){.pgrid{grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:start}}
.pbild.stor{gap:.5rem;align-content:center;max-width:22rem;aspect-ratio:4/3}
@media (min-width:48rem){.pbild.stor{aspect-ratio:1}}
.pbild.stor svg{width:45%;height:auto}
.pris-topp{margin:.5rem 0 .25rem}
.lager{font-weight:700;color:var(--bra)}
.lager.fa{color:var(--varn)}
.lager.slut{color:var(--text2)}
@media (max-width:47.99rem){
 .erbj thead{display:none}
 .erbj{padding:0;border:0;background:none}
 .erbj table,.erbj tbody{display:block}
 .erbj tr{display:grid;grid-template-columns:1fr 1fr;gap:.15rem .75rem;padding:1rem;margin-bottom:.75rem;background:var(--yta);border:2px solid var(--kant);border-radius:1rem}
 .erbj th[scope=row]{grid-column:1/-1;font-size:1.05rem;color:var(--text);border:0;padding:0}
 .erbj td{border:0;padding:0}
 .erbj td:nth-child(2){font-size:1.2rem;font-weight:800}
 .erbj td:nth-child(4)::before{content:"Frakt: "}
 .erbj td:nth-child(5)::before{content:"Fri frakt från: "}
 .erbj td:nth-child(6)::before{content:"Lager: "}
 .erbj td:nth-child(7)::before{content:"Kontrollerad "}
 .erbj td:nth-child(4),.erbj td:nth-child(5),.erbj td:nth-child(6),.erbj td:nth-child(7){font-size:.875rem;color:var(--text2)}
 .erbj td:last-child{grid-column:1/-1;margin-top:.5rem}
 .erbj .affil,.erbj .affil a{width:100%}
}
.pbild img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;border-radius:inherit}
.pkort{display:flex;flex-direction:column;gap:.2rem}
.pkort .pnamn{overflow-wrap:anywhere}
.pkort .affil{position:relative;z-index:1;margin-top:auto;padding-top:.5rem}
.pkort .affil .knapp{width:100%;justify-content:center}
.produkter{margin:2rem 0}
.produkter form.fler{margin:1rem 0 0}
.ruta.redskap{margin:2rem 0}
.ruta.redskap ul:first-of-type{margin:.25rem 0 1rem;padding-left:1.25rem}
.lista .affil{display:inline-flex;margin-left:.5rem;vertical-align:middle}
.lager.okand{color:var(--text2);font-weight:400}
.affilinfo{margin:.5rem 0 1rem;font-size:.9rem;color:var(--text2)}
.rutnat.sma>li{display:flex;min-width:0}.rutnat.sma>li>.pkort{flex:1;min-width:0}.pkort .jfr,.pkort .lagst,.pkort .pvikt{overflow-wrap:anywhere}
.pkort .pbild{position:relative;aspect-ratio:1;overflow:hidden}
.pkort .pbild img{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain}
.pkort .pnamn{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.35;min-height:calc(3em * 1.35)}
.pkort .jfr{margin-top:0}
@media (max-width:26rem){.pkort .jfr{display:block;font-size:1rem}}   /* 360 px: jämförpris med fyra siffror (ca 2 566,67 kr/kg) får inte ge sidoscroll */