@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=DM+Sans:wght@400;500;600&display=swap');

#paloma-neo-public * { box-sizing: border-box; margin: 0; padding: 0; }
#paloma-neo-public { font-family: 'DM Sans', sans-serif; }

#paloma-neo-public .pp-hero {
    background: linear-gradient(135deg, #065f46 0%, #0f766e 50%, #0891b2 100%);
    border-radius: 20px; padding: 36px 32px 28px; margin-bottom: 28px;
    position: relative; overflow: hidden;
}
#paloma-neo-public .pp-hero::before {
    content:''; position:absolute; inset:0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='20'/%3E%3C/g%3E%3C/svg%3E");
    pointer-events: none;
}
#paloma-neo-public .pp-hero-inner { position:relative; display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
#paloma-neo-public .pp-logo { height:68px; background:rgba(255,255,255,.95); border-radius:12px; padding:8px 14px; flex-shrink:0; }
#paloma-neo-public .pp-hero-text h2 { font-family:'Playfair Display',serif; font-size:28px; font-weight:700; color:#fff; margin-bottom:8px; line-height:1.2; }
#paloma-neo-public .pp-hero-text p  { color:rgba(255,255,255,.85); font-size:14px; line-height:1.6; max-width:480px; }
#paloma-neo-public .pp-hero-badge { margin-left:auto; background:rgba(255,255,255,.15); border:1.5px solid rgba(255,255,255,.35); border-radius:50px; padding:10px 22px; color:#fff; font-size:14px; font-weight:600; text-align:center; white-space:nowrap; }
#paloma-neo-public .pp-hero-badge span { display:block; font-size:28px; font-weight:700; line-height:1; }

#paloma-neo-public .pp-search-bar { display:flex; gap:10px; margin-bottom:20px; flex-wrap:wrap; align-items:center; }
#paloma-neo-public .pp-search-wrap { position:relative; flex:1; min-width:220px; }
#paloma-neo-public .pp-search-wrap::before { content:'🔍'; position:absolute; left:13px; top:50%; transform:translateY(-50%); font-size:14px; pointer-events:none; }
#paloma-neo-public .pp-search-wrap input { width:100%; padding:11px 14px 11px 38px; border:2px solid #b2e8e0; border-radius:12px; font-size:14px; color:#333; outline:none; font-family:'DM Sans',sans-serif; transition:border-color .2s; }
#paloma-neo-public .pp-search-wrap input:focus { border-color:#0f766e; box-shadow:0 0 0 3px rgba(15,118,110,.1); }
#paloma-neo-public .pp-filter-select { padding:11px 14px; border:2px solid #b2e8e0; border-radius:12px; font-size:14px; color:#333; outline:none; background:white; font-family:'DM Sans',sans-serif; cursor:pointer; transition:border-color .2s; }
#paloma-neo-public .pp-filter-select:focus { border-color:#0f766e; }
#paloma-neo-public .pp-count-pill { background:linear-gradient(135deg,#0f766e,#0891b2); color:white; border-radius:50px; padding:8px 18px; font-size:13px; font-weight:600; white-space:nowrap; flex-shrink:0; }

#paloma-neo-public .pp-layout { display:grid; grid-template-columns:300px 1fr; gap:16px; min-height:600px; }
@media (max-width:768px) {
    #paloma-neo-public .pp-layout { grid-template-columns:1fr; }
    #paloma-neo-public .pp-map-col { order:-1; height:320px; min-height:320px; }
    #paloma-neo-public .pp-sidebar { max-height:380px; }
    #paloma-neo-public .pp-hero-text h2 { font-size:22px; }
    #paloma-neo-public .pp-hero-badge { margin-left:0; }
}

#paloma-neo-public .pp-sidebar { border:2px solid #b2e8e0; border-radius:16px; overflow-y:auto; max-height:600px; background:white; }
#paloma-neo-public .pp-region-btn { display:flex; align-items:center; justify-content:space-between; padding:12px 16px; cursor:pointer; border-bottom:1px solid #e0f7f3; background:white; transition:background .15s; position:sticky; top:0; z-index:2; }
#paloma-neo-public .pp-region-btn:hover { background:#f0fdf9; }
#paloma-neo-public .pp-region-btn.open  { background:#e0f7f3; }
#paloma-neo-public .pp-region-label { display:flex; align-items:center; gap:9px; font-size:13px; font-weight:700; color:#065f46; }
#paloma-neo-public .pp-rdot { width:11px; height:11px; border-radius:50%; flex-shrink:0; }
#paloma-neo-public .pp-rcount { background:#0f766e; color:white; border-radius:50px; font-size:11px; font-weight:700; padding:2px 9px; }
#paloma-neo-public .pp-salon-list { display:none; background:#f0fdf9; }
#paloma-neo-public .pp-salon-list.open { display:block; }
#paloma-neo-public .pp-salon-item { display:flex; align-items:center; gap:10px; padding:10px 16px 10px 36px; border-bottom:1px solid #e0f7f3; cursor:pointer; transition:background .12s; }
#paloma-neo-public .pp-salon-item:hover, #paloma-neo-public .pp-salon-item.active { background:#ccf0e8; }
#paloma-neo-public .pp-salon-thumb { width:36px; height:36px; border-radius:8px; object-fit:cover; flex-shrink:0; border:1.5px solid #b2e8e0; }
#paloma-neo-public .pp-salon-thumb-placeholder { width:36px; height:36px; border-radius:8px; background:#e0f7f3; display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0; }
#paloma-neo-public .pp-salon-info { flex:1; min-width:0; }
#paloma-neo-public .pp-sname { font-weight:600; color:#222; font-size:13px; margin-bottom:2px; }
#paloma-neo-public .pp-scity { color:#888; font-size:12px; }

#paloma-neo-public .pp-map-col { border-radius:16px; overflow:hidden; border:2px solid #b2e8e0; position:relative; min-height:600px; }
#pp-neo-map { width:100%; height:100%; min-height:600px; }

#paloma-neo-public .pp-info-card { position:absolute; bottom:16px; left:16px; width:290px; background:white; border-radius:16px; border:2px solid #b2e8e0; padding:16px 18px; display:none; z-index:999; box-shadow:0 6px 30px rgba(6,95,70,.18); }
#paloma-neo-public .pp-info-card.show { display:block; }
#paloma-neo-public .pp-ic-close { position:absolute; top:12px; right:14px; cursor:pointer; color:#bbb; font-size:15px; background:none; border:none; line-height:1; }
#paloma-neo-public .pp-ic-region { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.6px; margin-bottom:5px; }
#paloma-neo-public .pp-ic-name { font-family:'Playfair Display',serif; font-size:16px; font-weight:700; color:#1a1a2e; margin-bottom:5px; padding-right:20px; line-height:1.3; }
#paloma-neo-public .pp-ic-addr { font-size:12px; color:#777; line-height:1.6; margin-bottom:12px; }
#paloma-neo-public .pp-ic-photo { width:100%; height:120px; object-fit:cover; border-radius:10px; margin-bottom:10px; border:1.5px solid #b2e8e0; display:block; }
#paloma-neo-public .pp-ic-maps { display:inline-flex; align-items:center; gap:5px; font-size:13px; color:#0f766e; font-weight:600; text-decoration:none; padding:7px 14px; background:#e0f7f3; border-radius:50px; transition:background .15s; }
#paloma-neo-public .pp-ic-maps:hover { background:#b2e8e0; color:#0f766e; }