/* Trang workshop theo thành phố (SEO) */
.city-page{background:var(--cream,#FAF6EF)}
.c-head{position:sticky;top:0;z-index:20;background:rgba(250,246,239,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.c-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px}
.c-nav{display:flex;gap:22px}
.c-nav a{text-decoration:none;color:var(--ink);font-family:var(--display);font-weight:600;font-size:.95rem}
.c-nav a:hover{color:var(--leaf)}
@media (max-width:760px){.c-nav{display:none}}
.c-hero{padding-block:clamp(36px,6vw,72px)}
.c-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,56px);align-items:center}
@media (max-width:820px){.c-hero-grid{grid-template-columns:1fr}}
.c-hero h1{font-size:clamp(2rem,5vw,3.2rem);margin:6px 0 14px}
.c-hero .lead{margin-bottom:18px}
.c-hero-pic{border-radius:28px;overflow:hidden;aspect-ratio:4/5;background:var(--beige)}
.c-hero-pic img{width:100%;height:100%;object-fit:cover;display:block}
.crumbs{font-size:.85rem;color:var(--muted);margin-bottom:18px}
.crumbs a{color:var(--leaf);text-decoration:none}
.c-facts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.c-facts span{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-size:.9rem}
.c-facts b{color:var(--leaf-deep)}
.c-sec{padding-block:clamp(44px,7vw,80px)}
.c-sec.alt{background:var(--beige)}
.c-sec h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:18px}
.c-narrow{max-width:760px}
.c-narrow p{color:var(--muted);line-height:1.75;margin:0 0 14px}
.cw-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px}
.cw{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:grid;grid-template-rows:auto 1fr}
.cw-pic{aspect-ratio:4/3;overflow:hidden}
.cw-pic img{width:100%;height:100%;object-fit:cover;display:block}
.cw-body{padding:18px 20px 22px}
.cw-body h3{font-size:1.15rem;margin-bottom:6px}
.cw-price{margin:0 0 10px;color:var(--muted);font-size:.92rem}
.cw-price b{color:var(--leaf-deep);font-family:var(--display);font-size:1.05rem}
.cw-body ul{margin:0;padding-left:18px;color:var(--ink);font-size:.93rem;line-height:1.6}
.cq-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}
.cq{margin:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:22px 22px 18px;display:grid;gap:12px;align-content:space-between}
.cq blockquote{margin:0;line-height:1.65}
.cq figcaption{font-size:.85rem;font-weight:600;color:var(--leaf)}
.c-two{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(24px,5vw,56px)}
@media (max-width:820px){.c-two{grid-template-columns:1fr}}
.c-addr{font-weight:600;font-size:1.05rem;color:var(--ink)}
.c-two p{color:var(--muted)}
.c-faq details{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px}
.c-faq summary{cursor:pointer;font-weight:600;font-family:var(--display);color:var(--leaf-deep)}
.c-faq p{margin:10px 0 0;color:var(--muted);line-height:1.65}
.c-foot{background:var(--leaf-deep);color:var(--on-deep);padding-block:28px}
.c-foot a{color:var(--on-deep)}
.c-others{margin:0 0 8px;font-size:.92rem}
.c-foot small{color:var(--on-deep-soft)}