/* BYGGD av produktval/build.py ur prototypens CSS. */
.pv-form{--shop-accent:#253551;--red:#B3261E;--muted:#66635F;--blue:#253551}
.pv-form input,.pv-form select,.pv-form textarea{font:inherit;color:inherit;border:1px solid #8a8a8a66;border-radius:8px;padding:8px 10px;background:#fff;width:100%}
.pv-form .hidden{display:none!important}
.pv-form .vc-hidden{display:none!important}
.pv-form .sec-head h3{color:#fff;letter-spacing:0}
.pv-form .po-html h2{color:var(--shop-accent)}
.pv-form{min-width:0}
.pv-form .po-html{max-width:100%;overflow-x:auto}
.pv-form .po-html *{max-width:100%!important;box-sizing:border-box}
.pv-form .po-html img{height:auto}
.pv-form .po-filters{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 8px;margin-bottom:2px;scrollbar-width:thin}
.pv-form .pf{flex:none;display:inline-flex;align-items:center;gap:6px;border:1px solid #D3D7E0;background:#fff;color:var(--shop-accent);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.pv-form .pf span{font-size:11px;font-weight:600;background:#EEF0F4;color:#5B6377;border-radius:999px;padding:0 6px;line-height:17px}
.pv-form .pf:hover{border-color:var(--shop-accent)}
.pv-form .pf.on{background:var(--shop-accent);border-color:var(--shop-accent);color:#fff}
.pv-form .pf.on span{background:#ffffff2e;color:#fff}
.pv-form .po{margin-bottom:16px}
.pv-form .po-label{font-weight:600;margin-bottom:6px}
.pv-form .po-label .req{color:var(--red)}
.pv-form .po-price{font-style:normal;font-weight:400;color:var(--muted)}
.pv-form .po-cur{font-weight:400}
.pv-form .po-help{font-size:12px;color:var(--muted);margin-top:4px}
.pv-form .po-choices{display:flex;flex-wrap:wrap;gap:8px}
.pv-form .po-radio{display:flex;flex-direction:column;gap:7px}
.pv-form .po-radio label{display:flex;gap:8px;align-items:center;cursor:pointer}
.pv-form label.po-pill,.pv-form label.po-sw{position:relative;cursor:pointer}
.pv-form .po-pill input,.pv-form .po-sw input{position:absolute;opacity:0;pointer-events:none}
.pv-form .po-pill span{display:inline-block;padding:8px 14px;border:1px solid #c9c9c9;border-radius:8px;background:#fff}
.pv-form .po-pill input:checked+span{border-color:#111;box-shadow:0 0 0 1px #111}
.pv-form .po-pill input:focus-visible+span,.pv-form .po-sw input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.pv-form .po-sw span{width:34px;height:34px;border-radius:50%;display:block;box-shadow:inset 0 0 0 1px #0003}
.pv-form .po-sw input:checked+span{outline:2px solid #111;outline-offset:2px}
.pv-form .po-err{color:var(--red);font-size:12px;margin-top:4px;display:none}
.pv-form .po.err .po-label{color:var(--red)}
.pv-form .po.err .po-err{display:block}
.pv-form .po.err input,.pv-form .po.err select,.pv-form .po.err textarea{border-color:var(--red)}
.pv-form .po-secwrap{margin:0 0 18px;border:1px solid #e3e6eb;border-radius:12px;overflow:hidden;background:#fbfbfc}
.pv-form .sec-head{background:var(--shop-accent);color:#fff;padding:12px 18px}
.pv-form .sec-head h3{font-size:16px;margin:0}
.pv-form .sec-head p{margin:2px 0 0;opacity:.8;font-size:13px}
.pv-form .sec-body{padding:16px 18px 2px}
.pv-form .sec-body.cols-2,.pv-form .sec-body.cols-3{display:grid;gap:0 14px;grid-template-columns:repeat(2,minmax(0,1fr))}
.pv-form .sec-body.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pv-form .sec-body>.po-html{grid-column:1/-1}
.pv-form .sec-body .po>.po-label{background:#eef0f4;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pv-form .info-btn{border:0;border-radius:999px;background:var(--shop-accent);color:#fff;font:600 11px/1 inherit;padding:4px 8px;cursor:pointer}
.pv-form .info-btn.on{outline:2px solid #fff;box-shadow:0 0 0 3px var(--shop-accent)}
.pv-form .po-info{background:#fff;border:1px solid #dfe3ea;border-radius:8px;padding:10px 12px;margin:-2px 0 8px;font-size:13px;color:#444}
.pv-form .po-search{margin-bottom:8px}
.pv-form .po-tiles.scrolly{max-height:360px;overflow:auto;padding:2px;border-bottom:1px solid #e3e6eb}
.pv-form .vtip{position:absolute;top:6px;left:6px;width:20px;height:20px;border-radius:50%;border:0;background:var(--shop-accent);color:#fff;font:700 11px/1 inherit;cursor:pointer;z-index:1}
.pv-form .po-radio .vtip{position:static;margin-left:4px}
.pv-form .vtip-pop{position:absolute;inset:0;z-index:2;background:var(--shop-accent);color:#fff;border-radius:10px;padding:26px 10px 10px;font-size:12px;line-height:1.45;overflow:auto;cursor:default}
.pv-form .po-radio .vtip-pop{position:static;display:block;margin:6px 0 2px 24px;padding:10px 30px 10px 12px;position:relative}
.pv-form .vtip-pop[hidden]{display:none}
.pv-form .vtip-x{position:absolute;top:5px;right:5px;width:20px;height:20px;border-radius:50%;border:0;background:#fff;color:var(--shop-accent);font-size:10px;cursor:pointer}
.pv-form .sec-head{position:relative}
.pv-form .po-radio label{flex-wrap:wrap}
.pv-form .po-radio .vtip-pop{flex-basis:100%}
.pv-form .po-range{display:grid;gap:4px}
.pv-form .po-range output{justify-self:start;background:var(--shop-accent);color:#fff;font-weight:700;border-radius:6px;padding:2px 8px}
.pv-form .po-range input{padding:0;border:0;accent-color:var(--shop-accent)}
.pv-form .range-ends{display:flex;justify-content:space-between;font-size:12px;color:#777}
.pv-form .po.flash>.po-label{box-shadow:0 0 0 2px var(--shop-accent)}
.pv-form .po-html{margin-bottom:16px}
.pv-form .po-html p{margin:4px 0}
.pv-form .po-html .kicker{letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:#777;font-weight:600}
.pv-form .po-html.s-heading{text-align:center;margin:8px 0 20px}
.pv-form .po-html.s-heading h2{font-size:22px;margin:4px 0 0}
.pv-form .po-html.s-tips{background:#2f3d57;color:#e8ecf3;border-radius:14px;padding:14px 18px}
.pv-form .po-html.s-tips .kicker{color:#c9d2e3}
.pv-form .po-html.s-tips ul{margin:8px 0 0;padding-left:18px;display:grid;gap:4px}
.pv-form .po-html.s-tips a{color:#fff}
.pv-form .po-html hr{border:0;border-top:1px solid #e5e5e5}
.pv-form .po-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.pv-form label.po-tile{position:relative;cursor:pointer}
.pv-form .po-tile input{position:absolute;opacity:0;pointer-events:none}
.pv-form .po-tile span{display:flex;flex-direction:column;gap:4px;border:1px solid #ddd;border-radius:10px;padding:5px;font-size:12px;height:100%;background:#fff}
.pv-form .po-tile img,.pv-form .po-tile i{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:6px;background:#eee;display:block}
.pv-form .po-tile b{font-weight:500;line-height:1.25}
.pv-form .po-tile input:checked+span{border-color:#111;box-shadow:0 0 0 1px #111}
.pv-form .po-tile input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}