/* Paw Hub original-site adaptation — scoped to the grooming merchant only.
   Design reference: official Paw Hub salon homepage (dark chocolate navigation,
   photo-led hero, simple bold type, lime/olive booking accent). Catfé Māo unchanged.
   Photos served by the original Paw Hub site CDN, not copied from another salon. */
body[data-product="grooming"]{
 --ink:#3b3026;--muted:#736a62;--accent:#91a93f;--accent-strong:#677d20;
 --accent-soft:#f0f3df;--canvas:#fff;--line:#e6e4da;
 --warm:#f7f7f1;--shadow:0 14px 44px rgba(35,28,22,.08);
 color:#3a3029;background:#fff;font-family:Arial,Helvetica,sans-serif;
}
body[data-product="grooming"] h1,body[data-product="grooming"] h2,body[data-product="grooming"] h3{
 font-family:Arial,Helvetica,sans-serif;letter-spacing:-.04em;
}
body[data-product="grooming"] h2{font-size:clamp(2rem,4vw,3.75rem)}
body[data-product="grooming"] .pilot-ribbon{
 background:#261b16;color:#e8dacd;font-size:10px;letter-spacing:.09em;
 border-bottom:1px solid rgba(255,255,255,.09);padding:6px 12px;
}
body[data-product="grooming"] .site-header{
 top:0;background:#422d22;border:0;box-shadow:0 1px 0 rgba(255,255,255,.1);
 backdrop-filter:none;
}
body[data-product="grooming"] .header-row{
 min-height:103px;width:min(1320px,calc(100% - 64px));gap:24px;
}
body[data-product="grooming"] .brand{
 max-width:none;flex:0 0 auto;background:#fffef9;padding:6px 8px;border-radius:3px;
 box-shadow:0 5px 17px rgba(15,9,5,.18);
}
body[data-product="grooming"] .pawhub-brand-logo{display:block;width:98px;height:80px;max-height:80px;object-fit:contain}
body[data-product="grooming"] .header-nav{gap:clamp(12px,1.45vw,25px);margin-left:auto}
body[data-product="grooming"] .header-nav a{
 color:#eee6df;text-transform:uppercase;font-size:11px;font-weight:800;
 letter-spacing:.07em;white-space:nowrap;
}
body[data-product="grooming"] .header-nav a:hover,
body[data-product="grooming"] .header-nav a[aria-current=page]{color:#bfdd6c}
body[data-product="grooming"] .header-nav a[aria-current=page]{
 text-decoration:none;border-bottom:2px solid #b5cf5f;padding-bottom:7px;
}
body[data-product="grooming"] .header-utilities{margin-left:2px;gap:10px}
body[data-product="grooming"] .lang-switch{border:1px solid #826b5e;border-radius:5px;background:#39261c}
body[data-product="grooming"] .lang-switch button{color:#f3e7dc;padding:7px 9px}
body[data-product="grooming"] .lang-switch button[aria-pressed=true]{
 background:#f1eee3;color:#4a3327;border-radius:3px;
}
body[data-product="grooming"] .header-contact{display:flex;flex-direction:column;line-height:1.25;gap:4px;text-align:right}
body[data-product="grooming"] .header-contact span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#e4cdbb;font-weight:700}
body[data-product="grooming"] .header-contact a{font-size:12px;color:#fff;font-weight:800;white-space:nowrap}
body[data-product="grooming"] .btn-primary{
 border-radius:5px;background:#9aad43;color:#26300a;box-shadow:none;
 letter-spacing:.06em;text-transform:uppercase;font-size:12px;
}
body[data-product="grooming"] .btn-primary:hover{background:#c0d36b;color:#26300a}
body[data-product="grooming"] .btn-outline{
 border-radius:5px;border-color:#d1c9b9;color:#473128;background:transparent;
 text-transform:uppercase;font-size:12px;letter-spacing:.04em;
}
body[data-product="grooming"] .btn-outline:hover{border-color:#86a335;background:#f8faec}
body[data-product="grooming"] .mobile-toggle{
 background:transparent;color:#fff;border:1px solid #8f7566;
 padding:9px 12px;font-size:12px;border-radius:5px;
}
body[data-product="grooming"] .header-nav.open{background:#422d22;border-color:#71594a}
body[data-product="grooming"] .header-nav.open a{padding:13px 8px;color:#fff}
body[data-product="grooming"] .header-nav.open a[aria-current=page]{color:#d3e98c}
body[data-product="grooming"] .site-width{width:min(1190px,calc(100% - 72px))}
body[data-product="grooming"] .eyebrow{color:#7e913e;letter-spacing:.2em}
body[data-product="grooming"] .section-alt{background:#f7f7f1}
body[data-product="grooming"] .section{padding:100px 0}
body[data-product="grooming"] .section-head{max-width:800px;margin-bottom:45px}
body[data-product="grooming"] .section-head h2{color:#473026}
body[data-product="grooming"] .section-head p{font-size:15px;line-height:1.85}
body[data-product="grooming"] .card,body[data-product="grooming"] .service-card{
 border-radius:5px;border:1px solid #e6e7dd;box-shadow:0 4px 22px rgba(41,35,24,.035);
}
body[data-product="grooming"] .service-card:hover{box-shadow:0 10px 30px rgba(40,34,22,.08)}
body[data-product="grooming"] .card-num{color:#799335}
body[data-product="grooming"] .service-card h3,body[data-product="grooming"] .card h3{color:#463026}
body[data-product="grooming"] .service-card a,body[data-product="grooming"] .card-end{color:#69852c}
body[data-product="grooming"] .cta{background:#473126}
body[data-product="grooming"] .cta .btn{border-radius:5px;background:#aec458;color:#25300f}
body[data-product="grooming"] .cta .btn:hover{background:#c4d881}
body[data-product="grooming"] .site-footer{background:#34251d}
body[data-product="grooming"] .booking-sidebar{background:#f1f2e6}
body[data-product="grooming"] .field input:focus,body[data-product="grooming"] .field textarea:focus,body[data-product="grooming"] .field select:focus{outline-color:#98ab43;border-color:#98ab43}
body[data-product="grooming"] .page-hero{padding:85px 0 65px}
body[data-product="grooming"] .page-hero h1{max-width:840px;color:#3d2d26}

/* Photo-led hero: full viewport like the real Paw Hub Wix site, not a split SaaS card. */
.ph-hero{
 position:relative;display:flex;align-items:center;min-height:clamp(640px,60vw,780px);
 overflow:hidden;isolation:isolate;background:#565148;color:#fff;
}
.ph-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;z-index:-2}
.ph-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,22,21,.83) 0%,rgba(19,24,22,.69) 39%,rgba(25,29,24,.34) 74%,rgba(27,31,27,.22) 100%)}
.ph-hero-body{padding:78px 0 94px;display:flex;flex-direction:column;align-items:flex-start;position:relative}
.ph-hero-mark{
 width:150px;height:144px;object-fit:contain;background:rgba(255,255,255,.96);
 padding:11px;border-radius:3px;margin-bottom:25px;box-shadow:0 12px 26px rgba(20,19,17,.22);
}
.ph-hero-kicker{text-transform:uppercase;letter-spacing:.25em;font-size:11px;color:#d3ee85;font-weight:900}
.ph-hero h1{font-size:clamp(3.9rem,7.2vw,7.3rem);max-width:950px;color:#fff;letter-spacing:-.055em;line-height:1.08;margin:16px 0 18px}
.ph-hero-body>p{color:#fff;opacity:.94;font-size:clamp(16px,1.7vw,21px);line-height:1.75;max-width:560px;margin-bottom:25px}
.ph-hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.ph-hero-actions .btn{border-radius:4px;text-transform:uppercase;letter-spacing:.07em}
.ph-hero-actions .btn-outline{border-color:#fff;color:#fff;background:transparent}
.ph-hero-actions .btn-outline:hover{background:rgba(255,255,255,.16);color:#fff}
.ph-hero-bottom{margin-top:30px;color:#e7f0d2;text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:800}
.ph-hero .ph-hero-note{position:absolute;right:0;bottom:30px;color:#f0eee3;background:rgba(35,25,19,.5);border:1px solid rgba(255,255,255,.15);padding:9px 14px;font-size:10px;letter-spacing:.11em}

/* Original-site-inspired editorial blocks and service photography. */
.ph-band{background:#f3f5e9;border-top:1px solid #e2e8d2;border-bottom:1px solid #e2e8d2}
.ph-band .site-width{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:27px 0;gap:24px}
.ph-band-item{text-align:center;border-right:1px solid #d6dec8}
.ph-band-item:last-child{border-right:0}
.ph-band-item b{display:block;text-transform:uppercase;color:#4b612a;letter-spacing:.18em;font-size:11px}
.ph-band-item small{display:block;margin-top:5px;color:#736f5e;font-size:12px}
.ph-intro{display:grid;grid-template-columns:.94fr 1.06fr;gap:min(8vw,110px);align-items:center}
.ph-intro-visual{min-width:0;position:relative;aspect-ratio:1/1.06}
.ph-intro-visual img{width:100%;height:100%;object-fit:cover;border-radius:3px;display:block}
.ph-intro-visual:after{content:"";position:absolute;left:-22px;bottom:-23px;width:45%;height:32%;border:8px solid #bfcc86;z-index:-1}
.ph-intro-copy>span,.ph-section-kicker{color:#849b38;letter-spacing:.2em;font-size:11px;text-transform:uppercase;font-weight:900}
.ph-intro-copy h2{margin:16px 0 23px;max-width:560px}
.ph-intro-copy p{line-height:1.95;font-size:15px;color:#66625a}
.ph-intro-copy .btn{margin-top:15px}
.ph-intro-visual .ph-image-label{position:absolute;right:-16px;top:24px;background:#b7c867;padding:14px 20px;color:#354316;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.12em}
.ph-section-title{max-width:780px;margin-bottom:46px}
.ph-section-title h2{margin:13px 0;color:#483125}
.ph-section-title p{line-height:1.85;font-size:15px}
.ph-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.ph-service{border:1px solid #e5e4df;background:#fff;overflow:hidden;min-width:0}
.ph-service-media{height:258px;background:#e9eee0;overflow:hidden}
.ph-service-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.ph-service:hover .ph-service-media img{transform:scale(1.035)}
.ph-service-content{padding:28px 32px 30px}
.ph-service-topline{font-size:10px;letter-spacing:.15em;color:#8b9f4a;text-transform:uppercase;font-weight:900}
.ph-service h3{font-size:clamp(22px,2.4vw,31px);color:#483125;margin:12px 0}
.ph-service p{min-height:60px;font-size:14px;line-height:1.8;margin-bottom:25px}
.ph-service-link{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#597429;font-weight:900}
.ph-service-link:hover{text-decoration:underline;text-underline-offset:5px}
.ph-note{padding:17px 22px;border-left:4px solid #a2b656;background:#f6f8ed;font-size:13px;line-height:1.8;color:#59624b;margin:32px 0}
.ph-gallery-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.ph-gallery-photo{position:relative;aspect-ratio:1/.94;min-width:0;overflow:hidden;background:#e0e7cf;border-radius:3px}
.ph-gallery-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.ph-gallery-photo:hover img{transform:scale(1.04)}
.ph-gallery-photo span{position:absolute;left:16px;bottom:16px;background:rgba(255,255,255,.91);padding:9px 13px;font-size:10px;color:#4c3c2b;letter-spacing:.09em;text-transform:uppercase;font-weight:900}
.ph-gallery-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px}
.ph-gallery-actions .btn{white-space:nowrap}
.ph-gallery-actions p{font-size:13px;margin:0}
.ph-gallery-page{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;padding-bottom:100px}
.ph-gallery-page figure{grid-column:span 4;margin:0;min-width:0;background:#f2f3ef}
.ph-gallery-page figure:first-child,.ph-gallery-page figure:nth-child(4){grid-column:span 8}
.ph-gallery-page img{display:block;width:100%;aspect-ratio:1.35;object-fit:cover}
.ph-gallery-page figcaption{font-size:12px;padding:15px 17px;color:#5b5a50}
.ph-gallery-page figure:first-child img,.ph-gallery-page figure:nth-child(4) img{aspect-ratio:1.94}
.ph-mini-service-note{font-size:14px;line-height:1.9;color:#635e52;max-width:720px}
.ph-about-wide{display:grid;grid-template-columns:1fr 1fr;gap:min(6vw,82px);align-items:center}
.ph-about-wide img{width:100%;height:490px;object-fit:cover;border-radius:3px}
.ph-about-wide .ph-about-copy h2{margin:10px 0 24px;color:#483125}
.ph-about-wide .ph-about-copy p{font-size:15px;line-height:1.93}
.ph-footer{background:#322219;color:#f2e9df}
.ph-footer-top{padding:70px 0 46px;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:55px}
.ph-footer-logo{background:#fff;padding:12px;display:inline-flex;max-width:142px}
.ph-footer-logo img{height:103px;width:112px;object-fit:contain}
.ph-footer-head{font-size:11px;letter-spacing:.18em;font-weight:900;text-transform:uppercase;color:#bcce78;margin-bottom:20px}
.ph-footer-address{font-size:13px;color:#e0d7c8;line-height:1.9}
.ph-footer-nav{display:grid;gap:11px}
.ph-footer a{color:#ede1d2;font-size:13px}
.ph-footer a:hover{color:#c2dd77}
.ph-footer-bottom{border-top:1px solid #60493b;padding:20px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;font-size:11px;color:#c6b6aa}
.ph-footer-bottom a{text-decoration:underline;font-size:11px}
.ph-contact-channels{display:flex;flex-wrap:wrap;gap:13px;margin-top:20px}
.ph-contact-channels a{border:1px solid #8b7a6d;padding:10px 14px;text-transform:uppercase;letter-spacing:.05em;font-size:10px}
.ph-paw-outline{font-size:36px;color:#c3d279;line-height:1}
.ph-salon-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ph-salon-guide article{border-top:4px solid #9faf51;background:#f8f9f1;padding:27px 23px 29px}
.ph-salon-guide article b{font-size:12px;color:#8ca03e}
.ph-salon-guide article h3{margin:19px 0 13px;color:#473126}
.ph-salon-guide article p{font-size:13px;line-height:1.85;margin:0}
body[data-product="grooming"] .faq-stack summary{color:#473126}
body[data-product="grooming"] .faq-stack details{border-radius:4px}
body[data-product="grooming"] .panel,body[data-product="grooming"] .booking-sidebar{border-radius:4px}
body[data-product="grooming"] .booking-layout{padding-bottom:100px}
body[data-product="grooming"] .contact-item strong{color:#688333}
body[data-product="grooming"] .notice{border-radius:4px;background:#f2f5e6;color:#4d6429}

/* Breakpoints: preserve clean navigation on laptops and one-hand use on phones. */
@media(max-width:1250px){
 body[data-product="grooming"] .header-contact{display:none}
 body[data-product="grooming"] .header-row{gap:14px;width:calc(100% - 48px)}
 body[data-product="grooming"] .header-nav{gap:14px}
 body[data-product="grooming"] .header-nav a{font-size:10px;letter-spacing:.035em}
}
@media(max-width:1080px){
 body[data-product="grooming"] .header-nav{
  display:none;position:absolute;top:100%;left:0;right:0;margin:0;
  padding:16px 36px 28px;flex-direction:column;align-items:stretch;box-shadow:0 18px 24px rgba(0,0,0,.17);
 }
 body[data-product="grooming"] .header-nav.open{display:flex}
 body[data-product="grooming"] .mobile-toggle{display:block;order:4;margin-left:8px}
 body[data-product="grooming"] .header-utilities{margin-left:auto}
 body[data-product="grooming"] .ph-hero-body{padding-top:68px}
}
@media(max-width:850px){
 body[data-product="grooming"] .site-width{width:calc(100% - 44px)}
 body[data-product="grooming"] .header-row{min-height:82px}
 body[data-product="grooming"] .pawhub-brand-logo{width:78px;height:62px}
 .ph-intro,.ph-about-wide{grid-template-columns:1fr;gap:40px}
 .ph-about-wide img{height:400px}
 .ph-intro-visual{aspect-ratio:1.25;max-width:690px}
 .ph-intro-visual:after{bottom:-13px;left:-11px}
 .ph-footer-top{grid-template-columns:1fr 1fr;gap:38px}
 .ph-hero{min-height:630px}
 .ph-hero:after{background:linear-gradient(90deg,rgba(17,22,17,.84),rgba(17,22,17,.5))}
 body[data-product="grooming"] .section{padding:72px 0}
}
@media(max-width:620px){
 body[data-product="grooming"] .site-width{width:calc(100% - 32px)}
 body[data-product="grooming"] .header-row{width:calc(100% - 30px);min-height:73px;gap:8px}
 body[data-product="grooming"] .brand{padding:4px}
 body[data-product="grooming"] .pawhub-brand-logo{width:66px;height:58px}
 body[data-product="grooming"] .header-utilities{gap:4px}
 body[data-product="grooming"] .header-utilities .desktop-cta{display:none}
 body[data-product="grooming"] .header-nav{padding:12px 24px 22px}
 body[data-product="grooming"] .lang-switch button{padding:6px 7px;font-size:10px}
 body[data-product="grooming"] .mobile-toggle{margin-left:2px;padding:8px;font-size:10px}
 body[data-product="grooming"] .pilot-ribbon{font-size:9px}
 .ph-hero{min-height:600px}
 .ph-hero-photo{object-position:55% 42%}
 .ph-hero:after{background:linear-gradient(180deg,rgba(25,27,25,.67),rgba(25,27,25,.81))}
 .ph-hero-body{padding:54px 0 82px}
 .ph-hero-mark{width:113px;height:106px;margin-bottom:18px;padding:9px}
 .ph-hero h1{font-size:clamp(3.35rem,13vw,4.8rem);margin:12px 0}
 .ph-hero-body>p{font-size:15px;line-height:1.65}
 .ph-hero-actions{width:100%;gap:10px}
 .ph-hero-actions .btn{width:100%}
 .ph-hero .ph-hero-note{left:16px;right:auto;bottom:15px;font-size:9px}
 .ph-band .site-width{grid-template-columns:1fr;gap:0;padding:10px 0}
 .ph-band-item{border-right:0;border-bottom:1px solid #dfe5cc;padding:13px 0}
 .ph-band-item:last-child{border-bottom:0}
 .ph-band-item small{margin-top:1px}
 .ph-intro-visual{aspect-ratio:1}
 .ph-intro-visual .ph-image-label{right:0}
 .ph-service-grid,.ph-gallery-strip,.ph-salon-guide{grid-template-columns:1fr}
 .ph-service-media{height:230px}
 .ph-service-content{padding:23px}
 .ph-gallery-photo{aspect-ratio:1.3}
 .ph-gallery-actions{flex-direction:column;align-items:stretch}
 .ph-gallery-actions .btn{width:100%}
 .ph-gallery-page{grid-template-columns:1fr;gap:12px;padding-bottom:60px}
 .ph-gallery-page figure,.ph-gallery-page figure:first-child,.ph-gallery-page figure:nth-child(4){grid-column:auto}
 .ph-gallery-page img,.ph-gallery-page figure:first-child img,.ph-gallery-page figure:nth-child(4) img{aspect-ratio:1.35}
 .ph-footer-top{grid-template-columns:1fr;padding:46px 0 35px;gap:34px}
 .ph-about-wide img{height:290px}
 body[data-product="grooming"] .section{padding:60px 0}
 body[data-product="grooming"] .page-hero{padding:54px 0 40px}
}
@media(prefers-reduced-motion:reduce){.ph-service-media img,.ph-gallery-photo img{transition:none!important}}