.scb-single,.scb-grid,.scb-bidbox,.scb-details{
	--scb-accent:#5b2a86;
	--scb-ink:#111;
	--scb-muted:#666;
	--scb-line:#e3e3e3;
	--scb-bg:#fafafa;
	color:var(--scb-ink);
	box-sizing:border-box;
}
.scb-single *,.scb-grid *,.scb-bidbox *,.scb-details *{box-sizing:border-box}

/* Enskild bok */
.scb-single{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:2rem;align-items:start;margin:1.5rem 0}
.scb-single:not(:has(.scb-single__img)){grid-template-columns:1fr}
.scb-single__img img,.scb-img{width:100%;height:auto;display:block;border-radius:6px}
.scb-desc{margin-bottom:1.5rem}
@media (max-width:760px){.scb-single{grid-template-columns:1fr}}

/* Badge */
.scb-badge{display:inline-block;padding:.2rem .7rem;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--scb-ink);color:#fff}
.scb-badge--oppen{background:var(--scb-accent)}
.scb-badge--stangd{background:#777}
.scb-badge--salt{background:#222}

/* Uppgifter */
.scb-details{margin:0 0 1.5rem;padding:1.25rem;background:var(--scb-bg);border:1px solid var(--scb-line);border-radius:6px}
.scb-list{margin:1rem 0 0;padding:0}
.scb-row{display:flex;gap:1rem;padding:.55rem 0;border-top:1px solid var(--scb-line)}
.scb-row:first-child{border-top:0}
.scb-row dt{flex:0 0 11rem;font-weight:600;margin:0}
.scb-row dd{margin:0;flex:1}
@media (max-width:520px){.scb-row{flex-direction:column;gap:.1rem}.scb-row dt{flex:none}}

/* Formulär */
.scb-bidbox{padding:1.5rem;border:2px solid var(--scb-ink);border-radius:6px;background:#fff}
.scb-bidbox__title{margin:0 0 1rem}
.scb-field{margin-bottom:1rem;min-width:0}
.scb-field label,.scb-fieldset legend{display:block;font-weight:600;margin-bottom:.3rem}
.scb-field input[type=text],.scb-field input[type=email],.scb-field input[type=tel],.scb-field input[type=number],.scb-field textarea{
	width:100%;padding:.65rem .75rem;border:1px solid #bbb;border-radius:4px;font:inherit;background:#fff;color:var(--scb-ink)}
.scb-field input:focus,.scb-field textarea:focus{outline:2px solid var(--scb-accent);outline-offset:1px;border-color:var(--scb-accent)}
.scb-field small{display:block;margin-top:.3rem;color:var(--scb-muted)}
.scb-field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:520px){.scb-field-row{grid-template-columns:1fr}}
.scb-fieldset{border:0;padding:0;margin:0 0 1rem}
.scb-radio,.scb-check label{display:block;font-weight:400;margin:.25rem 0;cursor:pointer}
.scb-check{margin-bottom:1rem}
.scb-frakt[hidden]{display:none}
.scb-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.scb-btn,.scb-card .scb-btn{display:inline-block;padding:.75rem 1.4rem;background:var(--scb-accent);color:#fff;border:0;border-radius:4px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s}
.scb-btn:hover,.scb-btn:focus{background:#43206a;color:#fff}
.scb-btn[disabled]{opacity:.6;cursor:wait}

.scb-msg{margin-top:1rem;padding:0;font-weight:600}
.scb-msg--ok,.scb-msg--err{padding:.75rem 1rem;border-radius:4px}
.scb-msg--ok{background:#eaf6ec;border:1px solid #9bd0a4;color:#14501f}
.scb-msg--err{background:#fdecec;border:1px solid #e6a0a0;color:#7a1414}
.scb-terms{margin:1rem 0 0;font-size:.85rem;color:var(--scb-muted)}
.scb-closed{margin:0;font-weight:600}

/* Lista */
.scb-grid{display:grid;grid-template-columns:repeat(var(--scb-cols,3),minmax(0,1fr));gap:1.5rem}
@media (max-width:900px){.scb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.scb-grid{grid-template-columns:1fr}}
.scb-card{display:flex;flex-direction:column;border:1px solid var(--scb-line);border-radius:6px;overflow:hidden;background:#fff}
.scb-card__img{display:block;background:var(--scb-bg);aspect-ratio:4/5;overflow:hidden}
.scb-card__img img{width:100%;height:100%;object-fit:cover;display:block}
.scb-noimg{display:flex;align-items:center;justify-content:center;height:100%;color:var(--scb-muted)}
.scb-card__body{display:flex;flex-direction:column;gap:.6rem;padding:1rem;flex:1;align-items:flex-start}
.scb-card__title{margin:0;font-size:1.2rem}
.scb-card__title a{color:inherit;text-decoration:none}
.scb-card__text{margin:0;color:var(--scb-muted)}
.scb-card__price{margin:0}
.scb-card .scb-btn{margin-top:auto}
.scb-empty{padding:1rem 0}