/* ===== BestQR — Business page (Restaurant) ===== */

/* uses default project indigo accent */
.biz-crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);padding:20px 0 0}
.biz-crumb a{color:var(--muted)}.biz-crumb a:hover{color:var(--text)}
.biz-crumb .sep{color:var(--muted-2)}
.biz-crumb .cur{color:var(--text);font-weight:600}

/* Hero */
.biz-hero{padding:34px 0 60px;border-bottom:1px solid var(--border)}
.biz-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
@media(max-width:900px){.biz-hero-grid{grid-template-columns:1fr;gap:32px}}
.biz-hero h1{font-family:var(--display);font-weight:700;font-size:clamp(38px,5.4vw,60px);line-height:1.02;letter-spacing:-.03em;margin:0 0 18px}
.biz-hero .lede{font-size:18px;color:var(--muted);line-height:1.62;margin:0 0 26px;max-width:480px}
.biz-hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.biz-checks{display:flex;gap:22px;flex-wrap:wrap}
.biz-checks span{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:var(--muted);font-weight:500}
.biz-checks .icon{width:17px;height:17px;color:var(--accent)}
.biz-hero-img{position:relative;height:420px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-lg)}
@media(max-width:900px){.biz-hero-img{height:300px}}

.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;padding:14px 22px;border-radius:12px;font-size:15px;font-weight:600;border:none;transition:transform .15s,background .15s}
.btn-primary:hover{background:var(--accent-600);transform:translateY(-1px)}
.btn-outline{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--accent-600);padding:14px 22px;border-radius:12px;font-size:15px;font-weight:600;border:1px solid var(--border-strong);transition:transform .15s,border-color .15s}
.btn-outline:hover{border-color:var(--accent);transform:translateY(-1px)}

/* Popular types row */
.pop-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}
@media(max-width:1000px){.pop-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:640px){.pop-grid{grid-template-columns:repeat(2,1fr)}}
.pop-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:22px 14px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s,border-color .15s;cursor:pointer}
.pop-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}
.pop-card.sel{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}
.pop-ic{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff}
.pop-ic .icon{width:22px;height:22px}
.pop-card b{font-family:var(--display);font-size:15px;letter-spacing:-.01em}
.pop-card span{font-size:12.5px;color:var(--muted);line-height:1.4}

/* Examples strip */
.ex-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
@media(max-width:900px){.ex-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.ex-grid{grid-template-columns:1fr}}
.ex-card{text-align:center}
.ex-thumb{height:200px;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:12px}
.ex-card b{font-size:14px;font-weight:600}

/* Two-column best practices + faq */
.bp-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:900px){.bp-grid{grid-template-columns:1fr}}
.bp-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow-sm)}
.bp-card h2{font-family:var(--display);font-weight:700;font-size:22px;margin:0 0 20px;letter-spacing:-.01em}
.bp-list{display:flex;flex-direction:column;gap:14px}
.bp-list .bp-item{display:flex;gap:11px;font-size:14.5px;color:var(--text);line-height:1.5}
.bp-list .icon{width:19px;height:19px;color:var(--accent);flex-shrink:0;margin-top:1px}

/* Explore more */
.expl-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
@media(max-width:900px){.expl-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.expl-grid{grid-template-columns:1fr}}
.expl-card{display:block;padding:22px 20px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s,border-color .15s}
.expl-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}
.expl-card b{display:block;font-family:var(--display);font-size:15.5px;margin-bottom:5px;letter-spacing:-.01em;color:var(--text)}
.expl-card span{display:block;font-size:13px;color:var(--muted);line-height:1.45;margin-bottom:14px}
.expl-card .go{display:inline-flex;color:var(--accent)}
.expl-card .go .icon{width:17px;height:17px}