/* Brand-preserving refinement shared by Paw Hub and Catfé Māo merchant previews.
   Uses each storefront's established fonts, colours and real-site photography.
   Does not replace Paw Hub's dark timber/olive identity or Catfé's botanical style. */
body[data-product]{text-rendering:optimizeLegibility;overflow-x:clip}
body[data-product] h1,body[data-product] h2,body[data-product] h3{text-wrap:balance}
body[data-product] p{overflow-wrap:break-word}
body[data-product] :is(a,button,input,select,textarea,summary):focus-visible{
 outline:3px solid var(--accent);outline-offset:4px
}
body[data-product] .site-width{width:min(1160px,calc(100% - 54px))}
body[data-product=grooming] .site-header .site-width{width:min(1320px,calc(100% - 60px))}
body[data-product] .pilot-ribbon{font-weight:690;line-height:1.55;padding-block:9px;
 letter-spacing:.035em}
body[data-product] .header-nav a{transition:color .2s,opacity .2s}
body[data-product] .section-head{max-width:800px}
body[data-product] .section-head h2{line-height:1.16;letter-spacing:-.044em}
body[data-product=boarding] .section-head h2{letter-spacing:-.025em}
body[data-product] .section-head p{max-width:68ch;line-height:1.9;color:var(--muted)}
body[data-product] .page-hero h1{line-height:1.11}
body[data-product] .page-hero p{line-height:1.85}
body[data-product] .btn{transition:transform .28s cubic-bezier(.22,1,.36,1),
 box-shadow .28s cubic-bezier(.22,1,.36,1),background .2s,border-color .2s}
body[data-product] .btn:hover{transform:translateY(-2px)}
body[data-product] .btn:active{transform:translateY(0)}
body[data-product] .card,body[data-product] .service-card{
 transition:transform .28s cubic-bezier(.22,1,.36,1),
 border-color .2s,box-shadow .28s cubic-bezier(.22,1,.36,1)}
body[data-product] .card:hover,body[data-product] .service-card:hover{
 transform:translateY(-3px);box-shadow:0 16px 37px rgba(42,43,29,.08)}
body[data-product] .service-card h3{line-height:1.3}
body[data-product] .service-card p{line-height:1.78}
body[data-product] .faq-stack details{border-radius:14px}
body[data-product] .faq-stack summary{line-height:1.6}
body[data-product] :is(.field input,.field select,.field textarea,.form-grid input,.form-grid select,.form-grid textarea){
 min-height:43px;border-radius:10px}
body[data-product] .btn-primary{box-shadow:0 9px 21px color-mix(in srgb,var(--accent) 15%,transparent)}
body[data-product] .footer-bottom{line-height:1.7}
body[data-product=boarding] .cb-home-room-photo>img,
body[data-product=grooming] .ph-service-media img{
 transition:transform .5s cubic-bezier(.22,1,.36,1)}
body[data-product=boarding] .cb-home-room:hover .cb-home-room-photo>img,
body[data-product=grooming] .ph-service-card:hover .ph-service-media img{
 transform:scale(1.03)}
/* Neutral implementation-only reveal: no JS and no content hiding. */
@keyframes tp-merchant-soft-enter{
 from{opacity:.76;transform:translateY(8px)}
 to{opacity:1;transform:none}
}
body[data-product] .page-hero,body[data-product] .section-head{
 animation:tp-merchant-soft-enter .48s cubic-bezier(.22,1,.36,1) both}
@media(max-width:850px){
 body[data-product] .site-width{width:min(760px,calc(100% - 40px))}
 body[data-product=grooming] .site-header .site-width{width:calc(100% - 40px)}
 body[data-product] .section{padding-block:clamp(50px,7vw,72px)}
 body[data-product] .header-nav.open{max-height:calc(100dvh - 95px);overflow-y:auto}
}
@media(max-width:600px){
 body[data-product] .site-width,
 body[data-product=grooming] .site-header .site-width{width:calc(100% - 32px)}
 body[data-product] .section{padding-block:54px}
 body[data-product] .section-head h2{font-size:clamp(28px,8vw,39px)}
 body[data-product] .page-hero h1{font-size:clamp(32px,9vw,48px)}
 body[data-product] .btn{min-height:45px}
 body[data-product] .pilot-ribbon{padding:8px 13px;font-size:10px}
 body[data-product] .faq-stack details{padding-inline:17px}
 body[data-product] .form-grid{grid-template-columns:1fr}
 body[data-product] .service-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 body[data-product] .page-hero,body[data-product] .section-head{animation:none!important}
 body[data-product] .card,body[data-product] .service-card,body[data-product] .btn,
 body[data-product] .cb-home-room-photo>img,body[data-product] .ph-service-media img{
  transition:none!important;transform:none!important}
}