
/* The Pet Sitter share sheet. Built to the page's own language — cream, sage,
   Playfair headings, 18px radii — rather than a new dialog style. */
#psSheet.ps-sheet-bg{
  position:fixed; inset:0; z-index:9999;
  background:rgba(30,36,30,.38);
  display:flex; align-items:center; justify-content:center;
  padding:20px;
  font-family:'Inter','DM Sans',system-ui,sans-serif;
}
#psSheet .ps-sheet{
  position:relative;
  width:min(520px,100%);
  max-height:86vh; overflow:auto;
  background:#FFFDF9;
  border:1px solid #E7E2D6;
  border-radius:22px;
  padding:26px 24px 20px;
  box-shadow:0 24px 60px rgba(30,36,30,.22);
}
#psSheet .ps-sheet-x{
  position:absolute; top:14px; right:14px;
  width:36px; height:36px; border-radius:50%;
  border:1px solid #E7E2D6; background:#fff; cursor:pointer;
  font-size:.95rem; line-height:1;
  color:#3D4A3A !important; -webkit-text-fill-color:#3D4A3A !important;
}
#psSheet .ps-sheet-x:hover{ background:#F1F4EE; }
#psSheet .ps-sheet-h{
  margin:0 34px 6px 0;
  font-family:'Playfair Display',Georgia,serif;
  font-size:1.32rem; font-weight:700;
  color:#232B22 !important; -webkit-text-fill-color:#232B22 !important;
}
#psSheet .ps-sheet-lead{
  margin:0 0 16px; font-size:.88rem; line-height:1.55;
  color:#5C6459 !important; -webkit-text-fill-color:#5C6459 !important;
}
#psSheet .ps-sh-opts{ display:grid; gap:10px; margin-bottom:16px; }
#psSheet .ps-sh-opt{
  display:block; width:100%; text-align:left; cursor:pointer;
  background:#fff; border:1px solid #E7E2D6; border-radius:16px;
  padding:14px 16px; min-height:56px;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
#psSheet .ps-sh-opt:hover{
  transform:translateY(-1px); border-color:#C9D6C1;
  box-shadow:0 6px 16px rgba(30,36,30,.09);
}
#psSheet .ps-sh-opt:focus-visible{ outline:3px solid #C0873F; outline-offset:2px; }
#psSheet .ps-sh-t{
  display:block; font-size:.95rem; font-weight:700;
  color:#232B22 !important; -webkit-text-fill-color:#232B22 !important;
}
#psSheet .ps-sh-d{
  display:block; margin-top:3px; font-size:.8rem; line-height:1.5;
  color:#5C6459 !important; -webkit-text-fill-color:#5C6459 !important;
}
#psSheet .ps-sh-lab{
  display:block; margin-bottom:6px; font-size:.72rem; font-weight:700;
  letter-spacing:.08em; text-transform:uppercase;
  color:#4E5A49 !important; -webkit-text-fill-color:#4E5A49 !important;
}
#psSheet .ps-sh-note{
  width:100%; box-sizing:border-box; resize:vertical;
  border:1px solid #E7E2D6; border-radius:14px; padding:12px 14px;
  font:inherit; font-size:.88rem; background:#fff;
  color:#232B22 !important; -webkit-text-fill-color:#232B22 !important;
}
#psSheet .ps-sh-prev{
  margin:0 0 14px; padding:14px 16px;
  background:#F4F6F1; border:1px solid #E2E8DD; border-radius:14px;
  font:inherit; font-size:.8rem; line-height:1.6; white-space:pre-wrap;
  color:#3D4A3A !important; -webkit-text-fill-color:#3D4A3A !important;
  max-height:170px; overflow:auto;
}
#psSheet .ps-sh-note-t{
  margin:0; font-size:.78rem; line-height:1.55;
  color:#5C6459 !important; -webkit-text-fill-color:#5C6459 !important;
}
/* the footer button — `.ps-btn--ghost` is not a class this page defines, so it
   rendered as a bare browser button */
#psSheet .ps-sheet-foot .ps-btn{
  cursor:pointer; font:inherit; font-size:.86rem; font-weight:700;
  border-radius:999px; padding:11px 22px; min-height:44px;
  background:#fff; border:1px solid #DDD7C9;
  color:#3D4A3A !important; -webkit-text-fill-color:#3D4A3A !important;
}
#psSheet .ps-sheet-foot .ps-btn:hover{ background:#F1F4EE; border-color:#C2D3B9; }
#psSheet .ps-sheet-foot .ps-btn:focus-visible{ outline:3px solid #C0873F; outline-offset:2px; }
#psSheet .ps-sheet-foot{
  display:flex; justify-content:flex-end; gap:10px;
  margin-top:18px; padding-top:14px; border-top:1px solid #EFEAE0;
}
/* the Share control on each Little Moment card */
#page-pet-sitter .ps-gal-share{
  margin-top:8px; cursor:pointer;
  background:#F1F4EE; border:1px solid #DCE5D6;
  border-radius:999px; padding:7px 14px; min-height:36px;
  font:inherit; font-size:.76rem; font-weight:700;
  color:#41533C !important; -webkit-text-fill-color:#41533C !important;
}
#page-pet-sitter .ps-gal-share:hover{ background:#E6EDE1; border-color:#C2D3B9; }
#page-pet-sitter .ps-gal-share:focus-visible{ outline:3px solid #C0873F; outline-offset:2px; }
@media (prefers-reduced-motion:reduce){
  #psSheet .ps-sh-opt{ transition:none !important; }
  #psSheet .ps-sh-opt:hover{ transform:none !important; }
}
@media (max-width:520px){
  #psSheet.ps-sheet-bg{ padding:0; align-items:flex-end; }
  #psSheet .ps-sheet{ width:100%; max-height:92vh; border-radius:22px 22px 0 0; }
}
