/* ===== 1996 Nail Studio — Google-profile / link-in-bio landing (mobile-first) ===== */
:root{--rose:#b76e79;--rose-d:#9d5762;--rose-l:#e9c9cf;--ink:#26201f;--text-2:#5a5152;--text-3:#9a8f90;--line:#eee6e6;--bg:#efe9e7;--blush:#fdf6f4;--gold:#c9a86a;--book:#9d6b58}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body.pf-body{margin:0;background:var(--bg);font-family:'Be Vietnam Pro',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);line-height:1.55}
.pf-wrap{max-width:500px;margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 50px rgba(0,0,0,.08);padding-bottom:90px;overflow:hidden}
a{text-decoration:none;color:inherit}
.pf-divider{height:1px;background:var(--line);margin:0 18px}

/* Hero / promo */
.pf-hero{position:relative;min-height:210px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}
.pf-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,25,28,.35),rgba(40,25,28,.55))}
.pf-promo{position:relative;z-index:1;padding:30px 18px}
.pf-promo-eyebrow{letter-spacing:3px;font-size:.72rem;text-transform:uppercase;font-weight:600;opacity:.95}
.pf-promo-big{font-family:'Cormorant Garamond',serif;font-size:3.4rem;font-weight:700;line-height:1;margin:.1em 0}
.pf-promo-note{font-size:.82rem;opacity:.9}
.pf-langs{position:absolute;top:12px;right:12px;z-index:2;display:flex;gap:6px}
.pf-lang{display:inline-flex;align-items:center;gap:5px;background:rgba(0,0,0,.4);backdrop-filter:blur(6px);color:#fff;border:1px solid rgba(255,255,255,.3);padding:.3em .6em;border-radius:999px;font-size:.78rem;font-weight:600}
.pf-lang.active{background:#fff;color:var(--ink)}
.pf-lang img{width:20px;height:14px;border-radius:2px;display:block}

/* Brand header */
.pf-brand{display:flex;gap:16px;align-items:center;padding:18px}
.pf-logo{width:84px;height:84px;object-fit:contain;border-radius:12px;flex-shrink:0}
.pf-brand-head h1{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:700;line-height:1.15;margin:0 0 4px}
.pf-brand-head p{margin:0;color:var(--text-2);font-size:.9rem}
.pf-chips{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:0 18px 16px}
.pf-chip{display:flex;align-items:center;justify-content:center;text-align:center;padding:.7em .4em;border:1px solid var(--line);border-radius:10px;background:var(--blush);font-size:.85rem;font-weight:500;color:var(--ink);transition:.15s}
.pf-chip:active{transform:scale(.96)}

/* Actions */
.pf-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:14px 14px 16px}
.pf-act{display:flex;flex-direction:column;align-items:center;gap:7px}
.pf-act-ico{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.pf-act-ico svg{width:23px;height:23px;stroke:#fff;fill:none;stroke-width:2}
.pf-act-ico.call{background:#34a853}.pf-act-ico.dir{background:#1a73e8}.pf-act-ico.book{background:var(--book)}.pf-act-ico.chat{background:#25d366}
.pf-act-label{font-size:.8rem;font-weight:600;color:var(--text-2)}
.pf-act:active{opacity:.7}

/* Info rows */
.pf-info-row{display:flex;align-items:center;gap:13px;padding:14px 18px;border-top:1px solid var(--line)}
.pf-info-ico{width:24px;flex-shrink:0;display:flex;justify-content:center}
.pf-info-ico svg{width:20px;height:20px;stroke:var(--text-3);fill:none;stroke-width:2}
.pf-info-body{flex:1;font-size:.92rem}
.pf-open{color:#1a8a3f;font-weight:700}.pf-closed{color:#c0392b;font-weight:700}
.pf-sub{color:var(--text-3);font-size:.82rem}
.pf-chev{width:18px;height:18px;stroke:var(--text-3);fill:none;stroke-width:2;flex-shrink:0}

/* Sections */
.pf-section{padding:20px 18px}
.pf-eyebrow{letter-spacing:2px;text-transform:uppercase;font-size:.72rem;font-weight:700;color:var(--rose);margin-bottom:4px}
.pf-h2{font-family:'Cormorant Garamond',serif;font-size:1.55rem;font-weight:700;margin:0 0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.pf-more{font-family:'Be Vietnam Pro',sans-serif;font-size:.8rem;font-weight:600;color:#1a73e8;display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.pf-more svg{width:13px;height:13px}
.pf-attr{display:flex;align-items:center;gap:6px;color:var(--text-3);font-size:.8rem;margin:-6px 0 12px}
.pf-attr svg{width:15px;height:15px;fill:#4285f4}

/* Photos */
.pf-photos{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pf-photo{aspect-ratio:1;border-radius:12px;overflow:hidden;position:relative;cursor:zoom-in}
.pf-photo img{width:100%;height:100%;object-fit:cover;display:block}
.pf-photo-more{position:absolute;inset:0;background:rgba(30,20,22,.55);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-weight:700;font-size:1.4rem}
.pf-photo-more span{font-size:.7rem;letter-spacing:1px}

/* Reviews */
.pf-review{border-top:1px solid var(--line);padding:14px 0}
.pf-review:first-of-type{border-top:none}
.pf-review-head{display:flex;align-items:center;gap:10px;margin-bottom:7px}
.pf-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;background:linear-gradient(135deg,var(--rose),var(--gold));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:'Cormorant Garamond',serif;font-size:1.2rem}
.pf-review-author{font-weight:600;font-size:.92rem}
.pf-review-meta{font-size:.78rem;color:var(--text-3)}
.pf-review-meta .stars{color:#fbbc04}
.pf-review-text{font-size:.9rem;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}

/* Business card */
.pf-bizcard{padding:18px;border-top:8px solid var(--bg)}
.pf-bizname-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pf-bizname{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:700;margin:0}
.pf-verified{display:inline-flex;align-items:center;gap:4px;color:#1a73e8;font-size:.82rem;font-weight:600;white-space:nowrap}
.pf-verified svg{width:16px;height:16px;fill:#1a73e8}
.pf-rating{display:flex;align-items:center;gap:6px;margin:6px 0 2px}
.pf-rating .num{font-weight:700}.pf-rating .stars{color:#fbbc04}.pf-rating .count{color:var(--text-3);font-size:.9rem}
.pf-cat{color:var(--text-2);font-size:.9rem;margin-bottom:12px}
.pf-map{position:relative;border-radius:14px;overflow:hidden;height:190px;border:1px solid var(--line)}
.pf-map iframe{width:100%;height:100%;border:0;display:block}
.pf-map-open{position:absolute;top:10px;right:10px;width:34px;height:34px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.pf-map-open svg{width:16px;height:16px;stroke:#1a73e8;fill:none;stroke-width:2}

/* Connect */
.pf-connect-title{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:12px}
.pf-connect-title svg{width:18px;height:18px;stroke:var(--rose);fill:none;stroke-width:2}
.pf-socials{display:flex;flex-wrap:wrap;gap:8px}
.pf-social{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:.5em 1em;font-size:.85rem;font-weight:500;color:var(--ink)}
.pf-social svg{width:16px;height:16px}
.pf-social:active{background:var(--blush)}

/* Footer */
.pf-footer{text-align:center;color:var(--text-3);font-size:.82rem;padding:22px 18px}
.pf-footer-maps{display:inline-flex;align-items:center;gap:6px;color:#1a73e8;font-weight:600;margin-top:8px}
.pf-footer-maps b{color:#4285f4;font-family:Georgia,serif}

/* Floating bottom bar */
.pf-bottom{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:430px;z-index:60;background:#fff;border-radius:999px;box-shadow:0 8px 30px rgba(0,0,0,.22);display:grid;grid-template-columns:1.4fr 1fr 1fr;padding:6px;gap:4px}
.pf-bb{display:flex;align-items:center;justify-content:center;gap:7px;padding:13px 6px;border-radius:999px;font-weight:700;font-size:.92rem;color:var(--text-2)}
.pf-bb svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.pf-bb-book{background:var(--book);color:#fff}
.pf-bb:active{opacity:.8}