/* DG /find-a-groomer v1 (2026-10-23). All rules scoped to #dg-fag. */
#dg-fag{--accent:#7c4ee4;--accent-d:#5b2fc4;--ink:#101828;--ink2:#475467;--line:#e4e4e9;--soft:#f5efff;--soft2:#faf7ff;--deep:#2d1268;--gold:#9a6b00;font-family:Poppins,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.5;overflow-x:hidden}
#dg-fag *{box-sizing:border-box}
#dg-fag a{color:inherit}#dg-fag img{max-width:100%;display:block}
#dg-fag h1,#dg-fag h2,#dg-fag h3,#dg-fag p{letter-spacing:normal}
#dg-fag .fg-wrap{max-width:1260px;margin:0 auto;padding:0 32px}
/* hero */
#dg-fag .fg-hero{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden;background:#3a2a1f}
#dg-fag .fg-hero-img{position:absolute;inset:0;background-position:70% 42%;background-size:cover;background-repeat:no-repeat}
#dg-fag .fg-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,12,48,.78) 0%,rgba(24,12,48,.55) 38%,rgba(24,12,48,.08) 62%,rgba(24,12,48,0) 100%)}
#dg-fag .fg-hero-in{position:relative;z-index:1;text-align:left;padding:64px 32px 72px;width:100%;max-width:1260px}
#dg-fag .fg-hero-copy,#dg-fag .fg-search{max-width:660px}
#dg-fag .fg-hero h1{font:800 56px/1.08 Poppins,sans-serif;margin:0 0 14px;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.25)}
#dg-fag .fg-hero p.fg-sub{font-size:19px;margin:0 0 26px;max-width:560px;opacity:.96;color:#fff}
#dg-fag .fg-search{background:#fff;color:var(--ink);border-radius:16px;box-shadow:0 18px 50px rgba(16,24,40,.28);padding:22px;text-align:left}
#dg-fag .fg-search form{display:flex;flex-direction:column;gap:14px;margin:0}
#dg-fag .fg-fld{border:1px solid #cfd4dc;border-radius:10px;padding:7px 14px 8px;position:relative;background:#fff}
#dg-fag .fg-fld:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,78,228,.18)}
#dg-fag .fg-fld label{display:block;font:500 12px/1.2 Inter,sans-serif;color:#667085;margin:0}
#dg-fag .fg-fld input{border:0;outline:0;width:100%;font:500 16px/1.4 Inter,sans-serif;color:var(--ink);background:transparent;padding:2px 0 0;height:auto;margin:0;box-shadow:none}
#dg-fag .fg-svc-lbl{font:600 13px Inter,sans-serif;color:#344054;margin:0 0 8px}
#dg-fag .fg-svc-lbl small{font-weight:400;color:#667085}
#dg-fag .fg-svcs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
#dg-fag .fg-svc{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px 9px;border:1.5px solid #e6dcff;background:var(--soft2);border-radius:12px;cursor:pointer;font:600 13.5px/1.2 Poppins,sans-serif;color:var(--deep);text-align:center;transition:border-color .15s,background .15s}
#dg-fag .fg-svc svg{width:26px;height:26px;color:var(--accent)}
#dg-fag .fg-svc small{font:500 11.5px Inter,sans-serif;color:#667085}
#dg-fag .fg-svc:hover{border-color:var(--accent)}
#dg-fag .fg-svc[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}
#dg-fag .fg-svc[aria-pressed=true] svg,#dg-fag .fg-svc[aria-pressed=true] small{color:#fff}
#dg-fag .fg-btn-search{background:var(--accent);color:#fff;border:0;border-radius:10px;font:600 17px Poppins,sans-serif;padding:0 30px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;min-height:54px;width:100%}
#dg-fag .fg-btn-search:hover{background:var(--accent-d)}
#dg-fag .fg-quick{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px;color:var(--ink2)}
#dg-fag .fg-quick button{font:500 13.5px Inter,sans-serif;background:var(--soft);color:var(--deep);border:1px solid #e6dcff;border-radius:999px;padding:5px 12px;cursor:pointer}
/* sections */
#dg-fag section.fg-sec{padding:72px 0}
#dg-fag .fg-sec h2{font:700 36px/1.2 Poppins,sans-serif;margin:0 0 8px;letter-spacing:-.01em;color:var(--ink)}
#dg-fag .fg-kicker{font:600 13px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 8px}
#dg-fag .fg-intro{color:var(--ink2);margin:0 0 28px;font-size:17px}
#dg-fag .fg-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px}
#dg-fag .fg-head-row .fg-intro{margin:0}
#dg-fag .fg-link-more{font:600 15px Poppins,sans-serif;color:var(--accent);text-decoration:none;white-space:nowrap}
#dg-fag .fg-bg-soft{background:var(--soft2)}
/* tiles */
#dg-fag .fg-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
#dg-fag .fg-tile{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/5;cursor:pointer;border:0;padding:0;text-align:left;background:#ddd;box-shadow:0 1px 3px rgba(16,24,40,.1)}
#dg-fag .fg-tile img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
#dg-fag .fg-tile:hover img{transform:scale(1.04)}
#dg-fag .fg-tile .fg-cap{position:absolute;left:0;right:0;bottom:0;padding:18px;color:#fff;background:linear-gradient(0deg,rgba(16,10,30,.78),rgba(16,10,30,0))}
#dg-fag .fg-tile .fg-cap b{display:block;font:700 21px/1.2 Poppins,sans-serif}#dg-fag .fg-tile .fg-cap span{font:500 14px Inter,sans-serif;opacity:.92}
/* cards */
#dg-fag .fg-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
#dg-fag .fg-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(16,24,40,.05)}
#dg-fag .fg-ph{aspect-ratio:4/3;background:#fff;position:relative;display:block;overflow:hidden;border-bottom:1px solid #f0f0f3}
#dg-fag .fg-ph.fg-noimg{background:linear-gradient(120deg,#f5efff 0%,#e9ddff 45%,#fff3ea 100%)}
#dg-fag .fg-ph img{position:relative;z-index:1;width:100%;height:100%;background:#fff}
#dg-fag .fg-ph img.fg-cover{object-fit:cover}
#dg-fag .fg-ph img.fg-contain{object-fit:contain;padding:12px}
#dg-fag .fg-ini{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:800 34px Inter,sans-serif;color:var(--accent)}
#dg-fag .fg-bdg{position:absolute;z-index:2;top:10px;left:10px;background:var(--deep);color:#fff;font:600 12px Inter,sans-serif;border-radius:999px;padding:4px 10px;box-shadow:0 1px 3px rgba(0,0,0,.2);display:flex;gap:5px;align-items:center}
#dg-fag .fg-bd{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
#dg-fag .fg-card h3{font:600 17px/1.3 Poppins,sans-serif;margin:0;color:var(--ink)}#dg-fag .fg-card h3 a{text-decoration:none}
#dg-fag .fg-loc{font:500 14px Inter,sans-serif;color:var(--ink2);display:flex;gap:6px;align-items:center}
#dg-fag .fg-rate{display:flex;align-items:center;gap:6px;font:600 14px Inter,sans-serif;color:var(--ink);flex-wrap:wrap}
#dg-fag .fg-stars{position:relative;display:inline-block;font-size:15px;line-height:1;letter-spacing:1px;color:#d0d5dd}
#dg-fag .fg-stars i{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:#f5a524;font-style:normal}
#dg-fag .fg-rate .fg-cnt{font-weight:500;color:var(--ink2)}
#dg-fag .fg-rate .fg-src{font:500 11.5px Inter,sans-serif;color:#667085}
#dg-fag .fg-trust{display:flex;flex-wrap:wrap;gap:6px}
#dg-fag .fg-trust span{display:inline-flex;align-items:center;gap:4px;font:600 11.5px Inter,sans-serif;border-radius:6px;padding:3px 8px}
#dg-fag .fg-trust .fg-t-win{background:#fff7e6;color:#7a5200;border:1px solid #f3dfb2}
#dg-fag .fg-trust .fg-t-mob{background:var(--soft);color:var(--deep);border:1px solid #e6dcff}
#dg-fag .fg-trust .fg-t-book{background:#ecfdf3;color:#05603a;border:1px solid #abefc6}
#dg-fag .fg-tags{display:flex;flex-wrap:wrap;gap:6px}
#dg-fag .fg-tags span{font:500 12px Inter,sans-serif;background:#f2f4f7;color:#344054;border-radius:6px;padding:3px 8px}
#dg-fag .fg-cta{margin-top:auto;padding-top:10px}
#dg-fag .fg-cta a{display:block;text-align:center;text-decoration:none;font:600 15px Poppins,sans-serif;border-radius:10px;padding:11px 12px}
#dg-fag .fg-cta a.fg-req{background:var(--accent);color:#fff}#dg-fag .fg-cta a.fg-req:hover{background:var(--accent-d)}
#dg-fag .fg-cta a.fg-book{background:var(--deep);color:#fff}
#dg-fag .fg-next{font:400 12px/1.35 Inter,sans-serif;color:#667085;margin:6px 0 0;text-align:center}
/* results */
#dg-fag #fg-results{display:none;background:var(--soft2);border-bottom:1px solid #efe8fb}
#dg-fag #fg-results.fg-on{display:block}
#dg-fag .fg-res-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:22px}
#dg-fag .fg-res-bar h2{font-size:28px;margin:0;flex:1 1 auto}
#dg-fag .fg-pill{font:500 14px Inter,sans-serif;border:1px solid #d0d5dd;background:#fff;border-radius:999px;padding:7px 14px;cursor:pointer;color:var(--ink);display:inline-flex;gap:6px;align-items:center}
#dg-fag .fg-pill svg{width:16px;height:16px;color:var(--accent)}
#dg-fag .fg-pill[aria-pressed=true]{background:var(--deep);color:#fff;border-color:var(--deep)}
#dg-fag .fg-pill[aria-pressed=true] svg{color:#fff}
#dg-fag .fg-more-wrap{text-align:center;margin-top:28px}
#dg-fag .fg-btn-ghost{font:600 15px Poppins,sans-serif;background:#fff;border:1.5px solid var(--accent);color:var(--accent);border-radius:10px;padding:11px 22px;cursor:pointer}
#dg-fag .fg-empty{background:#fff;border:1px dashed #cdbff5;border-radius:14px;padding:28px;text-align:center;color:var(--ink2)}
/* states */
#dg-fag .fg-states{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
#dg-fag .fg-st{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;cursor:pointer;text-align:left;font-family:inherit;transition:border-color .2s,box-shadow .2s}
#dg-fag .fg-st:hover{border-color:var(--accent);box-shadow:0 4px 14px rgba(124,78,228,.12)}
#dg-fag .fg-st b{display:block;font:600 16px/1.3 Poppins,sans-serif;color:var(--ink)}#dg-fag .fg-st span{font:500 13.5px Inter,sans-serif;color:var(--ink2)}
#dg-fag .fg-cities{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;align-items:center}
#dg-fag .fg-cities .fg-lbl{font:600 15px Poppins,sans-serif;margin-right:4px}
#dg-fag .fg-cities button{font:500 14px Inter,sans-serif;background:#fff;border:1px solid #d0d5dd;border-radius:999px;padding:7px 14px;cursor:pointer;color:var(--ink)}
#dg-fag .fg-cities button small{color:var(--ink2);margin-left:4px}
#dg-fag details.fg-all{margin-top:22px}#dg-fag details.fg-all summary{cursor:pointer;font:600 15px Poppins,sans-serif;color:var(--accent)}
#dg-fag .fg-all-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px 18px;margin-top:14px}
#dg-fag .fg-all-grid button{background:none;border:0;text-align:left;font:400 14.5px Inter,sans-serif;padding:4px 0;cursor:pointer;color:var(--ink)}
#dg-fag .fg-all-grid button small{color:var(--ink2)}
/* how */
#dg-fag .fg-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
#dg-fag .fg-step{border:1px solid var(--line);border-radius:16px;padding:26px;background:#fff}
#dg-fag .fg-step .fg-n{width:44px;height:44px;border-radius:50%;background:var(--soft);color:var(--accent);font:700 20px Poppins,sans-serif;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
#dg-fag .fg-step h3{font:600 20px Poppins,sans-serif;margin:0 0 6px;color:var(--ink)}#dg-fag .fg-step p{margin:0;color:var(--ink2)}
#dg-fag .fg-how-cta{text-align:center;margin-top:30px}
#dg-fag .fg-how-cta a{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font:600 16px Poppins,sans-serif;border-radius:10px;padding:13px 26px}
#dg-fag .fg-pro{background:var(--deep);color:#fff;border-radius:20px;padding:34px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px}
#dg-fag .fg-pro h3{font:700 24px Poppins,sans-serif;margin:0 0 4px;color:#fff}#dg-fag .fg-pro p{margin:0;opacity:.85;color:#fff}
#dg-fag .fg-pro a{background:#fff;color:var(--deep);text-decoration:none;font:600 15px Poppins,sans-serif;border-radius:10px;padding:12px 20px;white-space:nowrap}
#dg-fag .fg-note{font:400 12.5px Inter,sans-serif;color:#667085;margin-top:18px}
@media (max-width:991px){#dg-fag .fg-tiles,#dg-fag .fg-cards{grid-template-columns:repeat(2,1fr)}#dg-fag .fg-states{grid-template-columns:repeat(3,1fr)}}
@media (max-width:767px){
 #dg-fag .fg-wrap{padding:0 16px}
 #dg-fag .fg-hero{min-height:0;display:block;background:#fff;color:var(--ink)}
 #dg-fag .fg-hero:after{top:0;bottom:auto;height:230px;background:linear-gradient(180deg,rgba(20,10,40,.05) 0%,rgba(20,10,40,.66) 100%)}
 #dg-fag .fg-hero-img{bottom:auto;height:230px;background-position:58% 32%}
 #dg-fag .fg-hero-in{padding:196px 0 0;max-width:none}
 #dg-fag .fg-hero-copy,#dg-fag .fg-search{max-width:none}
 #dg-fag .fg-hero-copy{position:absolute;z-index:2;top:0;left:0;right:0;height:230px;display:flex;flex-direction:column;justify-content:flex-end;padding:0 16px 46px;color:#fff}
 #dg-fag .fg-hero h1{font-size:30px;line-height:1.12;margin:0 0 6px}
 #dg-fag .fg-hero p.fg-sub{font-size:14.5px;margin:0;line-height:1.4}
 #dg-fag .fg-search{margin:0 12px;position:relative;z-index:2;padding:14px;border-radius:14px;box-shadow:0 10px 30px rgba(16,24,40,.18);border:1px solid #eee}
 #dg-fag .fg-search form{gap:12px}
 #dg-fag .fg-svcs{gap:6px}
 #dg-fag .fg-svc{padding:8px 2px 7px;font-size:12px}#dg-fag .fg-svc svg{width:22px;height:22px}#dg-fag .fg-svc small{display:none}
 #dg-fag .fg-btn-search{min-height:50px}
 #dg-fag .fg-quick{font-size:13px}
 #dg-fag section.fg-sec{padding:48px 0}
 #dg-fag .fg-sec h2{font-size:26px}#dg-fag .fg-intro{font-size:15.5px;margin-bottom:20px}
 #dg-fag .fg-head-row{display:block}#dg-fag .fg-head-row .fg-link-more{display:inline-block;margin-top:8px}
 #dg-fag .fg-tiles{grid-template-columns:repeat(2,1fr);gap:12px}#dg-fag .fg-tile{aspect-ratio:1/1.1}#dg-fag .fg-tile .fg-cap{padding:12px}#dg-fag .fg-tile .fg-cap b{font-size:16px}#dg-fag .fg-tile .fg-cap span{font-size:12.5px}
 #dg-fag .fg-cards.fg-scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none}
 #dg-fag .fg-cards.fg-scroll::-webkit-scrollbar{display:none}
 #dg-fag .fg-cards.fg-scroll .fg-card{flex:0 0 80%;scroll-snap-align:start}
 #dg-fag #fg-resGrid{grid-template-columns:1fr;gap:10px}
 #dg-fag #fg-resGrid .fg-card{display:grid;grid-template-columns:104px 1fr}
 #dg-fag #fg-resGrid .fg-ph{aspect-ratio:auto;height:100%;min-height:132px;border-bottom:0;border-right:1px solid #f0f0f3}
 #dg-fag #fg-resGrid .fg-ph img.fg-contain{padding:6px}
 #dg-fag #fg-resGrid .fg-bdg{display:none}
 #dg-fag #fg-resGrid .fg-bd{padding:12px 12px 12px 14px;gap:4px}
 #dg-fag #fg-resGrid .fg-card h3{font-size:15.5px}
 #dg-fag #fg-resGrid .fg-loc{font-size:13px}
 #dg-fag #fg-resGrid .fg-cta a{padding:9px 10px;font-size:14px}
 #dg-fag .fg-states{grid-template-columns:repeat(2,1fr);gap:10px}#dg-fag .fg-st{padding:12px 14px}
 #dg-fag .fg-all-grid{grid-template-columns:repeat(2,1fr)}
 #dg-fag .fg-steps{grid-template-columns:1fr;gap:12px}#dg-fag .fg-step{padding:18px;display:grid;grid-template-columns:44px 1fr;gap:0 14px}#dg-fag .fg-step .fg-n{margin:0;grid-row:span 2}#dg-fag .fg-step h3{font-size:18px}
 #dg-fag .fg-pro{flex-direction:column;align-items:flex-start;padding:24px}
 #dg-fag .fg-res-bar h2{font-size:22px;flex-basis:100%}
}