.sc-hero{background:linear-gradient(135deg,#2a1a0a,#5a3010);color:#fff;padding:56px 20px 48px}.sc-container{max-width:1100px;margin:0 auto;padding:0 20px}.sc-hero h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;margin:12px 0}.sc-hero p{color:rgba(255,255,255,.85);font-size:1.05rem;max-width:600px;line-height:1.6;margin:0}.sc-results-section{padding:40px 0}.sc-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.sc-filters{display:flex;gap:10px}.sc-select{border:1px solid #d4b89a;border-radius:8px;padding:8px 14px;font-size:.9rem;color:#333;background:#fff;outline:0;cursor:pointer}.sc-count{font-size:.88rem;color:#888}.sc-cafe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.sc-cafe-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.07);overflow:hidden;transition:transform .2s,box-shadow .2s}.sc-cafe-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.12)}.sc-cafe-img{width:100%;height:160px;object-fit:cover;display:block}.sc-cafe-body{padding:14px 16px}.sc-cafe-city{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#888}.sc-cafe-name{font-size:1rem;font-weight:700;margin:4px 0 6px}.sc-article-links a,.sc-cafe-name a{color:#1a1a1a;text-decoration:none}.sc-cafe-name a:hover{color:#6b3f1f}.sc-chip{font-size:.75rem;padding:3px 10px;border-radius:20px;font-weight:600;background:#fdf3e8;color:#8b5a2b}.sc-empty,.sc-loading{text-align:center;padding:48px 0;color:#888}.sc-explainer{background:#faf7f4;padding:56px 0}.sc-explainer h2{font-size:1.5rem;font-weight:700;margin:0 0 24px}.sc-explainer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:40px}.sc-explainer-card{background:#fff;border-radius:10px;padding:18px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.sc-explainer-card h3{font-size:.95rem;font-weight:700;color:#1a1a1a;margin:0 0 8px}.sc-explainer-card p{font-size:.85rem;color:#555;line-height:1.5;margin:0}.sc-article-links h3,.sc-cta-box h2{font-size:1rem;font-weight:700;margin:0 0 10px}.sc-article-links ul{list-style:none;margin:0;padding:0}.sc-article-links li{margin-bottom:8px}.sc-article-links a{color:#6b3f1f;font-size:.95rem}.sc-article-links a:hover{text-decoration:underline}.sc-cta{padding:56px 20px;background:linear-gradient(135deg,#2a1a0a,#5a3010);text-align:center}.sc-cta-box{max-width:480px;margin:0 auto;color:#fff}.sc-cta-box h2{font-size:1.8rem;font-weight:800}.sc-cta-box p{color:rgba(255,255,255,.85);margin:0 0 24px}.btn-sc-cta{display:inline-block;background:#fff;color:#6b3f1f;font-weight:700;padding:12px 32px;border-radius:50px;text-decoration:none;transition:background .2s}.btn-sc-cta:hover{background:#f3ede8}