.h4bok{width:100%;box-sizing:border-box;container-type:inline-size;--o:#F7941D;--lank:#B45309;--tint:#FFF4DA;--ink:#23262b;--gra:#5d6470;--linje:#e3e5e9;font-family:'Roboto Slab',Georgia,serif;color:var(--ink);font-size:16px;line-height:1.5;text-align:left}
.h4bok h3{font-family:Helvetica,Arial,sans-serif;font-size:17px;font-weight:700;margin:0 0 12px;color:var(--ink)}
.h4bok .h4bok-steg + .h4bok-steg{margin-top:26px;padding-top:22px;border-top:1px solid var(--linje)}
.h4bok [hidden]{display:none!important}
.h4bok .h4bok-val{display:flex;flex-wrap:wrap;gap:8px}
.h4bok button{font-family:Helvetica,Arial,sans-serif;cursor:pointer}
.h4bok .h4bok-chip{background:#fff;border:1.5px solid var(--linje);border-radius:999px;padding:9px 16px;font-size:15px;font-weight:700;color:var(--ink);transition:border-color .15s,background .15s}
.h4bok .h4bok-chip:hover:not(:disabled){border-color:var(--o);background:#fff;color:var(--ink)}
.h4bok .h4bok-chip[aria-pressed=true]{background:var(--tint);border-color:var(--o);color:var(--lank)}
.h4bok .h4bok-chip:disabled{cursor:not-allowed;color:#9aa0a8;background:#f4f5f7;font-weight:400;text-decoration:line-through}
.h4bok .h4bok-datum{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}
.h4bok .h4bok-pil{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--linje);background:#fff;font-size:22px;line-height:1;color:var(--ink);padding:0}
.h4bok .h4bok-pil:hover:not(:disabled){border-color:var(--o);background:#fff;color:var(--ink)}
.h4bok .h4bok-pil:disabled{opacity:.35;cursor:default}
.h4bok input[type=date],.h4bok input[type=text],.h4bok input[type=email]{font:inherit;color:var(--ink);background:#fff;border:1.5px solid var(--linje);border-radius:10px;padding:9px 12px;min-height:40px;box-sizing:border-box}
.h4bok input[type=text],.h4bok input[type=email]{width:100%;max-width:420px;display:block;margin-bottom:14px}
.h4bok input:focus-visible,.h4bok button:focus-visible{outline:3px solid var(--o);outline-offset:2px}
.h4bok .h4bok-dag{font-family:Helvetica,Arial,sans-serif;font-size:15px;margin-left:4px}
.h4bok .h4bok-dag::first-letter{text-transform:uppercase}
.h4bok label{display:block;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:700;margin-bottom:4px}
.h4bok .h4bok-stor{font-family:Helvetica,Arial,sans-serif;font-weight:700;font-size:17px;margin:0 0 16px}
.h4bok .h4bok-liten{font-size:13.5px;color:var(--gra);margin:0 0 10px;max-width:520px}
.h4bok .h4bok-liten a{color:var(--lank)}
.h4bok .h4bok-knapp{background:var(--o);color:#fff;border:0;border-radius:999px;padding:12px 26px;font-size:16px;font-weight:700;margin-top:6px}
.h4bok .h4bok-knapp:hover:not(:disabled){background:#DB7800;color:#fff}
.h4bok .h4bok-knapp:disabled{opacity:.6;cursor:default}
.h4bok .h4bok-ruta{margin:0 0 12px;padding:12px 14px;border-radius:10px;background:#f4f5f7;font-size:15px;flex-basis:100%}
.h4bok .h4bok-ok{background:#e9f6ec;color:#1d5c2e;font-weight:700}
.h4bok .h4bok-fel{background:#fdecea;color:#8a1f17}
.h4bok .h4bok-dold{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.h4bok .h4bok-platser{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.h4bok .h4bok-plats{display:flex;flex-direction:column;padding:0;overflow:hidden;text-align:left;background:#fff;border:2px solid var(--linje);border-radius:14px;color:var(--ink);transition:border-color .15s,box-shadow .15s,transform .15s}
.h4bok .h4bok-plats img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0}
.h4bok .h4bok-pn{display:block;padding:10px 12px 12px}
.h4bok .h4bok-pn strong{display:block;font-size:15.5px}
.h4bok .h4bok-pn span{display:block;font-family:'Roboto Slab',Georgia,serif;font-weight:400;font-size:13px;color:var(--gra);margin-top:2px}
.h4bok .h4bok-plats:hover{border-color:var(--o);background:#fff;color:var(--ink);transform:translateY(-2px);box-shadow:0 8px 20px rgba(30,35,45,.10)}
.h4bok .h4bok-plats[aria-pressed=true]{border-color:var(--o);background:var(--tint);box-shadow:0 0 0 3px rgba(247,148,29,.25)}
.h4bok .h4bok-datum{justify-content:space-between}
.h4bok .h4bok-datum .h4bok-dag{margin:0;font-size:16px}
.h4bok .h4bok-vecka{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.h4bok .h4bok-kh{text-align:center;font-family:Helvetica,Arial,sans-serif;padding:6px 0 8px;border-bottom:2px solid var(--linje);margin-bottom:6px}
.h4bok .h4bok-kh span{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--gra)}
.h4bok .h4bok-kh strong{display:block;font-size:19px;line-height:1.1}
.h4bok .h4bok-idag .h4bok-kh{border-bottom-color:var(--o)}
.h4bok .h4bok-idag .h4bok-kh span{color:var(--lank);font-weight:700}
.h4bok .h4bok-kp{display:grid;gap:5px}
.h4bok .h4bok-pass{width:100%;padding:8px 0;font-size:13.5px;font-weight:700;border-radius:8px;border:1.5px solid #cfe8d4;background:#eef8f0;color:#1d5c2e;transition:background .12s,border-color .12s}
.h4bok .h4bok-pass:hover:not(:disabled){background:#fff;border-color:var(--o);color:var(--lank)}
.h4bok .h4bok-pass[aria-pressed=true]{background:var(--o);border-color:var(--o);color:#fff}
.h4bok .h4bok-pass:disabled{background:#f1f2f4;border-color:#f1f2f4;color:#a9aeb6;font-weight:400;cursor:not-allowed;text-decoration:line-through}
.h4bok .h4bok-forkl{display:flex;align-items:center;gap:6px;margin-top:12px}
.h4bok .h4bok-forkl i{width:14px;height:14px;border-radius:4px;display:inline-block}
.h4bok .h4bok-f1{background:#eef8f0;border:1.5px solid #cfe8d4}.h4bok .h4bok-f2{background:#f1f2f4;margin-left:12px}
@container (max-width:470px){
.h4bok .h4bok-vecka{grid-template-columns:1fr;gap:0}
.h4bok .h4bok-kol{display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--linje)}
.h4bok .h4bok-kh{border:0;margin:0;padding:0}
.h4bok .h4bok-kp{grid-template-columns:repeat(3,1fr)}
.h4bok .h4bok-platser{grid-template-columns:repeat(3,1fr);gap:6px}
.h4bok .h4bok-pn{padding:8px}.h4bok .h4bok-pn strong{font-size:13.5px}
}