/* Container */
.sb-wrap{max-width:1200px;margin:0 auto;padding:24px}
.sb-article{}

/* Header */
.sb-header{display:flex;gap:24px;align-items:flex-start;margin-bottom:24px}
.sb-media{flex:0 0 180px;display:flex;align-items:center;justify-content:center}
.sb-thumb{width:100%;height:180px;object-fit:cover;display:block;border-radius:12px}
.sb-logo{max-height:110px;width:auto;height:auto;display:block}
.sb-logo-fallback{width:160px;height:110px;border-radius:12px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:40px}

/* Title + meta */
.sb-title{font-size:clamp(28px,3vw,40px);line-height:1.1;margin:0 0 8px}
.sb-meta{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:16px}
.sb-meta-row{display:flex;gap:8px;align-items:center;color:#4b5563}
.sb-ico{opacity:.9}
.sb-flags{margin-top:8px;display:flex;gap:8px;font-size:20px}

/* Layout: content + aside */
.sb-grid{display:grid;grid-template-columns:1fr 360px;gap:40px}
.sb-content p{margin:0 0 1rem}
.sb-aside{display:flex;flex-direction:column;gap:10px}

/* Buttons + chips */
.sb-btn{display:inline-block;padding:10px 14px;border-radius:10px;background:#f3f4f6;color:#111;text-decoration:none;font-weight:600}
.sb-btn:hover{filter:brightness(.96)}
.sb-btn-black{background:#111;color:#fff}
.sb-aside-meta{margin-top:10px}
.sb-chip{display:inline-block;background:#f3f4f6;border-radius:999px;padding:6px 10px;font-size:12px;margin-right:8px}

/* Responsive */
@media (max-width:1024px){
  .sb-grid{grid-template-columns:1fr}
  .sb-header{flex-direction:column}
  .sb-media{flex:0 0 auto}
  .sb-thumb{height:200px}
}
/* --- Gallery (single Business) --- */
.sb-gallery{margin-bottom:16px}
.sb-gallery > a img{
  display:block;width:100%;height:260px;object-fit:cover;border-radius:14px
}
.sb-thumbs{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px
}
.sb-thumbs a img{
  display:block;width:100%;height:82px;object-fit:cover;border-radius:10px
}
@media (max-width:900px){
  .sb-gallery > a img{height:200px}
  .sb-thumbs a img{height:70px}
}
/* --- Info-sektioner i højre kolonne --- */
.sb-aside section{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.06);margin-bottom:16px}
.sb-card-logo{max-width:180px;height:auto;display:block;margin-bottom:12px}
.sb-card-list{list-style:none;margin:0 0 12px;padding:0}
.sb-card-list li{display:flex;gap:8px;align-items:flex-start;margin:6px 0}
.sb-card-list a{color:inherit;text-decoration:none}

.sb-btn{display:inline-block;padding:10px 14px;border-radius:10px;font-weight:700;text-decoration:none}
.sb-btn-black{background:#111;color:#fff}

.sb-map iframe{width:100%;height:260px;border:0;border-radius:10px}

.sb-qr{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.sb-qr img{width:160px;height:auto;border-radius:8px}
.sb-qr-text{font-weight:600}
.sb-aside section{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.06);margin-bottom:16px}
.sb-card-logo{max-width:180px;height:auto;display:block;margin-bottom:12px}
.sb-card-list{list-style:none;margin:0 0 12px;padding:0}
.sb-card-list li{display:flex;gap:8px;align-items:flex-start;margin:6px 0}
.sb-card-list a{color:inherit;text-decoration:none}

.sb-btn{display:inline-block;padding:10px 14px;border-radius:10px;font-weight:700;text-decoration:none}
.sb-btn-black{background:#111;color:#fff}

.sb-map iframe{width:100%;height:260px;border:0;border-radius:10px}

.sb-qr{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.sb-qr img{width:160px;height:auto;border-radius:8px}
.sb-qr-text{font-weight:600}
/* === Single Business layout (simple, safe) === */
.sb-wrap{max-width:1200px;margin:0 auto;padding:24px}
.sb-grid{display:grid;grid-template-columns:minmax(0,1fr) 540px;gap:36px;align-items:start}
@media (max-width:1024px){.sb-grid{grid-template-columns:1fr}}

.sb-aside{display:grid;gap:16px}

/* Header bits */
.sb-header{display:grid;grid-template-columns:120px 1fr;gap:16px;margin-bottom:18px}
.sb-media img,.sb-logo,.sb-thumb{display:block;width:100%;height:auto;border-radius:12px;object-fit:cover}
.sb-logo-fallback{display:grid;place-items:center;width:100%;height:100px;background:#f3f4f6;border-radius:12px;font-weight:700}

/* Gallery */
.sb-gallery{display:grid;gap:12px}
.sb-gallery>a.sb-glight{display:block}
.sb-gallery>a.sb-glight img{width:100%;height:auto;border-radius:12px;aspect-ratio:4/3;object-fit:cover}

/* Thumbnails = one horizontal row with scroll if many */
.sb-thumbs{display:grid;grid-auto-flow:column;grid-auto-columns:92px;gap:8px;overflow-x:auto;padding-bottom:2px}
.sb-thumbs a{display:block;width:92px;height:70px;border-radius:10px;overflow:hidden;flex:0 0 auto}
.sb-thumbs img{width:100%;height:100%;object-fit:cover;display:block}

/* Buttons + chips */
.sb-btn{display:block;text-align:center;padding:.75rem 1rem;border-radius:10px;background:#111;color:#fff;text-decoration:none}
.sb-btn:not(.sb-btn-black){background:#f3f4f6;color:#111}
.sb-aside-meta{display:flex;flex-wrap:wrap;gap:8px}
.sb-chip{background:#f3f4f6;border-radius:999px;padding:.35rem .65rem;font-size:.9rem}

/* Map (whatever class your iframe has) */
.sb-aside iframe,
.bf-single-map iframe,
.biz-map iframe{width:100%;height:340px;border:0;border-radius:12px}

/* Content spacing */
.sb-content p{margin:0 0 10px 0;line-height:1.6}
/* QR + rabatboks */
.sb-qr{display:grid;gap:8px;justify-items:center;padding:12px;border:1px dashed #e5e7eb;border-radius:12px;background:#fff}
.sb-qr-img img{width:160px;height:auto;display:block}
.sb-qr-text{font-weight:600;text-align:center}
/* Venstre kolonne – indhold */
.sb-content { display: grid; gap: 18px; }

.sb-rich p { margin: 0 0 0.8rem; line-height: 1.6; }
.sb-rich ul { margin: 0.6rem 0 0.8rem 1.2rem; }

.sb-h2 { font-size: 1.15rem; margin: 0.5rem 0 0.25rem; }

.sb-details { 
  display: grid; 
  grid-template-columns: 170px 1fr; 
  gap: 8px 14px; 
  align-items: start;
}
.sb-details dt { font-weight: 600; color: #111; }
.sb-details dd { margin: 0; }
.sb-details a { text-decoration: underline; }
/* meta chips */
.sb-meta {display:flex;gap:.75rem;flex-wrap:wrap;margin:.5rem 0 1rem}
.sb-meta-row{display:flex;align-items:center;gap:.35rem;padding:.35rem .6rem;background:#f5f6f7;border-radius:999px;font-size:.92rem}

/* rich description */
.sb-rich{margin:1rem 0 1.25rem}
.sb-rich p{margin:.5rem 0}

/* visitkort */
.sb-card{background:#fff;border-radius:18px;box-shadow:0 2px 18px rgba(0,0,0,.06);padding:20px 22px;margin:14px 0 24px}
.sb-card__logo img{max-height:42px;width:auto}
.sb-card__title{font-size:1.25rem;line-height:1.2;margin:.6rem 0 .2rem}
.sb-card__list{list-style:none;margin:.6rem 0 1rem;padding:0;display:grid;gap:.35rem}
.sb-card__list .i{width:1.2rem;display:inline-block}
.sb-card__btn{margin-top:.25rem;display:inline-block}
/* Indryk venstre fritekst så den flugter med visitkortets tekst */
.sb-content .sb-rich{
  padding-left: 24px;   /* justér til 20–26px efter smag */
  padding-right: 4px;   /* lille luft mod højre */
}

@media (max-width: 680px){
  .sb-content .sb-rich{ padding-left: 16px; }
}
/* QR + Discount boks */
.sb-qr{margin-top:16px;padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa}
.sb-qr-inner{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.sb-qr-img{display:block;max-width:180px;height:auto}
.sb-qr-txt{margin:0;line-height:1.5}
.sb-badge{display:inline-block;font-size:12px;font-weight:700;padding:2px 8px;border-radius:9999px;background:#f59e0b;color:#fff;margin-right:8px;vertical-align:middle}
@media (max-width:640px){ .sb-qr-img{max-width:140px} }