/* v6: undersidor (kontakt, om oss, priser, FAQ, juridik) och formulär */
.prose{max-width:760px}
.prose h2{font:800 24px/1.15 var(--head);text-transform:uppercase;margin:34px 0 12px}
.prose h2:first-child{margin-top:0}
.prose p{margin:0 0 14px;line-height:1.65;color:#e2e2e6}
.prose ul{margin:0 0 16px 20px;padding:0;line-height:1.65;color:#e2e2e6}
.prose li{margin:4px 0}
.prose a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.prose .ph,.ph.wrap{white-space:normal}
.page-hero.slim .wrap{grid-template-columns:1fr;min-height:200px}
.page-hero.slim p{max-width:680px}
.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start}
@media (max-width:860px){.two-col{grid-template-columns:1fr}}
.info-card{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:24px}
.info-card h2{font:800 20px/1.2 var(--head);text-transform:uppercase;margin:0 0 14px}
.info-card .contact-list li{margin:10px 0}
.info-card .btn{margin-top:14px;width:100%;justify-content:center}
/* formulär */
.form{display:grid;gap:14px}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:560px){.form .row2{grid-template-columns:1fr}}
.form label{display:grid;gap:6px;font-size:14px;color:var(--muted)}
.form label b{color:var(--red);font-weight:700}
.form input,.form select,.form textarea{width:100%;background:var(--bg2);border:1px solid var(--line);color:#fff;border-radius:3px;padding:12px 12px;font:15px/1.4 var(--body)}
.form textarea{min-height:130px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--red);outline-offset:1px;border-color:var(--red)}
.form .consent{font-size:13px;color:var(--dim);line-height:1.5}
.form .consent a{color:#fff;text-decoration:underline}
.form .btn{justify-self:start}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.alert{border-left:4px solid var(--red);background:rgba(227,19,27,.1);padding:12px 14px;border-radius:3px;margin-bottom:16px;font-size:14.5px}
.alert.ok{border-color:#2fbf71;background:rgba(47,191,113,.1)}
/* FAQ */
.faq-list{max-width:820px}
.faq-list details{border-bottom:1px solid var(--line);padding:16px 0}
.faq-list summary{cursor:pointer;font:700 18px/1.35 var(--head);list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";color:var(--red);font-size:24px;line-height:1}
.faq-list details[open] summary::after{content:"–"}
.faq-list .prose{margin-top:10px}
/* priser */
.price-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
@media (max-width:860px){.price-groups{grid-template-columns:1fr}}
.price-group{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:22px}
.price-group h2{font:800 20px/1.2 var(--head);text-transform:uppercase;margin:0 0 10px}
.price-group .variants{font-size:14.5px}
.price-group .variants a{color:#fff}
.price-group .variants li span:first-child{color:#e2e2e6}
.price-sub{font-size:13px;color:var(--dim);margin:12px 0 2px;text-transform:uppercase;letter-spacing:.06em}
.center{text-align:center}
.big-404{font:800 120px/1 var(--head);color:var(--red)}
/* 3 nov 2026: mobilbredd. Knappraden i off-road-rutan på /tjanster bröt ut till höger (sidan blev 435 px på 390 px skärm),
   Raden får radbrytas. */
.p-foot{flex-wrap:wrap}
@media (max-width:560px){.p-foot .btn{white-space:normal;text-align:center;height:auto;min-height:42px;padding-top:10px;padding-bottom:10px}}
