/* InSyncPets v3.5.24.17 — coherent inner-page presentation.
 * Loaded after the v14/v15 layers. Presentation only.
 */
:root{
  --isp17-cream:#fffaf1;
  --isp17-paper:#fffdf9;
  --isp17-paper-2:#fbf3e7;
  --isp17-ink:#18120e;
  --isp17-muted:#675d53;
  --isp17-navy:#08284f;
  --isp17-gold:#cf7d12;
  --isp17-line:#ead8bf;
  --isp17-shadow:0 14px 34px rgba(65,42,19,.065);
  --isp17-max:1320px;
  --isp17-radius:22px;
}

/* Make the whole inner site use one deliberate page width and rhythm. */
.isp15-page .isp14-page-hero .wrap,
.isp15-page .page-content{
  width:min(var(--isp17-max),calc(100% - 48px))!important;
  max-width:var(--isp17-max)!important;
}
.isp15-page .isp14-page-hero{padding:18px 0 24px!important;}
.isp15-page .isp14-page-hero-card{
  min-height:300px!important;
  grid-template-columns:minmax(0,56%) minmax(360px,44%)!important;
  border:1px solid var(--isp17-line)!important;
  border-radius:24px!important;
  background:var(--isp17-paper)!important;
  box-shadow:0 12px 32px rgba(61,39,17,.055)!important;
  overflow:hidden!important;
}
.isp15-page .isp14-page-hero-copy{
  padding:44px 46px!important;
  align-self:center!important;
}
.isp15-page .isp14-page-eyebrow{
  background:#fff8ed!important;
  border:1px solid #ead8bf!important;
  color:#9b5712!important;
}
.isp15-page .isp14-page-hero h1{
  margin:14px 0 12px!important;
  max-width:760px!important;
  font-size:clamp(40px,4vw,58px)!important;
  line-height:.98!important;
  letter-spacing:-.052em!important;
}
.isp15-page .isp14-page-hero-copy>p{
  max-width:700px!important;
  margin:0!important;
  color:var(--isp17-muted)!important;
  font-size:16px!important;
  line-height:1.58!important;
}
.isp15-page .isp14-page-hero-media,
.isp15-page .isp14-page-hero-media img{
  min-height:300px!important;
  height:300px!important;
  max-height:300px!important;
}
.isp15-page .isp14-page-hero-media img{object-fit:cover!important;}
.isp15-page .isp14-page-hero-media:before{width:12%!important;}
.isp15-page .isp14-page-hero-mark{
  right:14px!important;bottom:14px!important;
  padding:7px 10px!important;font-size:9px!important;
}
.isp15-page .isp14-media-app{background:#eef3f8!important;padding:16px!important;display:grid!important;place-items:center!important;}
.isp15-page .isp14-media-app img{width:auto!important;height:auto!important;max-width:86%!important;max-height:268px!important;object-fit:contain!important;border-radius:13px!important;box-shadow:0 10px 26px rgba(8,40,79,.12)!important;}

/* Main content no longer looks like one endless beige slab. */
.isp15-page .page-content{
  margin:0 auto 58px!important;
  padding:4px 0 28px!important;
}
.isp15-page .page-content.isp17-enhanced{
  display:grid!important;
  gap:20px!important;
}
.isp15-page .isp17-content-section{
  position:relative;
  margin:0!important;
  padding:30px 32px!important;
  border:1px solid var(--isp17-line)!important;
  border-radius:var(--isp17-radius)!important;
  background:rgba(255,253,249,.96)!important;
  box-shadow:var(--isp17-shadow)!important;
}
.isp15-page .isp17-content-section:nth-child(even){background:linear-gradient(135deg,#fffdf9,#fbf2e5)!important;}
.isp15-page .isp17-content-section>h2{
  max-width:880px!important;
  margin:0 0 12px!important;
  color:var(--isp17-ink)!important;
  font-size:clamp(29px,3vw,42px)!important;
  line-height:1.03!important;
  letter-spacing:-.045em!important;
}
.isp15-page .isp17-content-section>h2:before{
  content:"";display:block;width:38px;height:3px;border-radius:99px;
  margin:0 0 12px;background:linear-gradient(90deg,#ad6317,#dfa21f);
}
.isp15-page .isp17-content-section>p,
.isp15-page .isp17-content-section>ul,
.isp15-page .isp17-content-section>ol{
  max-width:900px!important;
  color:var(--isp17-muted)!important;
  font-size:15.5px!important;
  line-height:1.68!important;
}
.isp15-page .isp17-content-section>p{margin:0 0 17px!important;}
.isp15-page .isp17-content-section>ul,
.isp15-page .isp17-content-section>ol{margin:8px 0 6px!important;padding-left:22px!important;}
.isp15-page .isp17-content-section li+li{margin-top:7px!important;}
.isp15-page .isp17-content-section>.page-action-row:last-child{margin-bottom:0!important;}

/* Card grids sit neatly inside each section. */
.isp15-page .isp17-content-section :is(.page-card-grid,.support-action-grid,.activation-flow,.business-feature-grid,.business-use-grid,.existing-customer-grid,.process-card-grid){
  margin-top:20px!important;
}
.isp15-page :is(.page-card,.support-action-card,.activation-card,.business-feature-card,.business-use-card,.existing-customer-card,.process-card){
  border:1px solid #e6d6c0!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(64,42,20,.045)!important;
}
.isp15-page :is(.page-card,.support-action-card,.activation-card,.business-feature-card,.business-use-card,.existing-customer-card,.process-card) h3{
  color:var(--isp17-ink)!important;
  font-size:18px!important;
  line-height:1.18!important;
  letter-spacing:-.025em!important;
}
.isp15-page :is(.page-card,.support-action-card,.activation-card,.business-feature-card,.business-use-card,.existing-customer-card,.process-card) p{
  color:var(--isp17-muted)!important;
  font-size:13px!important;
  line-height:1.55!important;
}

/* Product pages: clearer reading and no giant loose lists. */
.isp15-family-product .isp17-content-section>ul{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px 18px!important;
  max-width:980px!important;
  padding:0!important;
  list-style:none!important;
}
.isp15-family-product .isp17-content-section>ul>li{
  position:relative;
  margin:0!important;
  padding:12px 14px 12px 38px!important;
  border:1px solid #eadbc6!important;
  border-radius:13px!important;
  background:#fff!important;
}
.isp15-family-product .isp17-content-section>ul>li:before{
  content:"✓";position:absolute;left:14px;top:10px;color:#a55e16;font-weight:950;
}

/* Guide / support sections should be compact and scannable. */
.isp15-family-guide .process-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;}
.isp15-family-support .support-action-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;}
.isp15-family-support .activation-flow{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;}
.isp15-family-support .support-contact-panel,
.isp15-family-support .activation-help-panel{
  margin:20px 0 0!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
.isp15-family-support .support-faq{max-width:100%!important;margin-top:16px!important;}
.isp15-family-support .support-faq details{border-radius:13px!important;overflow:hidden!important;}

/* Business pages: stop huge empty areas and keep cards aligned. */
.isp15-family-business .business-feature-grid,
.isp15-family-business .business-use-grid{gap:13px!important;}
.isp15-family-business .business-feature-card,
.isp15-family-business .business-use-card{min-height:0!important;padding:22px!important;}

/* Legal pages get a clean editorial column instead of repeated giant headings. */
.isp15-family-legal .page-content.isp17-enhanced{max-width:1040px!important;}
.isp15-family-legal .isp17-content-section{padding:28px 34px!important;}
.isp15-family-legal .isp17-content-section>h2{font-size:27px!important;line-height:1.15!important;}
.isp15-family-legal .isp17-content-section>p,
.isp15-family-legal .isp17-content-section>ul,
.isp15-family-legal .isp17-content-section>ol{max-width:100%!important;font-size:15px!important;line-height:1.74!important;}

/* Avoid old decorative paw watermarks fighting the cleaner page design. */
.isp15-page .isp17-content-section :is(.page-card,.support-action-card,.activation-card,.business-feature-card,.existing-customer-card):after{display:none!important;}

@media(max-width:1100px){
  .isp15-page .isp14-page-hero-card{grid-template-columns:minmax(0,57%) minmax(300px,43%)!important;}
  .isp15-family-guide .process-card-grid,
  .isp15-family-support .support-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

@media(max-width:760px){
  .isp15-page .isp14-page-hero .wrap,
  .isp15-page .page-content{width:calc(100% - 24px)!important;}
  .isp15-page .isp14-page-hero{padding:10px 0 16px!important;}
  .isp15-page .isp14-page-hero-card{display:flex!important;flex-direction:column!important;min-height:0!important;border-radius:18px!important;}
  .isp15-page .isp14-page-hero-media{order:-1!important;min-height:210px!important;height:210px!important;max-height:210px!important;}
  .isp15-page .isp14-page-hero-media img{min-height:210px!important;height:210px!important;max-height:210px!important;}
  .isp15-page .isp14-page-hero-copy{padding:24px 20px 26px!important;}
  .isp15-page .isp14-page-hero h1{font-size:35px!important;line-height:1!important;}
  .isp15-page .isp14-page-hero-copy>p{font-size:15px!important;line-height:1.52!important;}
  .isp15-page .page-content.isp17-enhanced{gap:14px!important;}
  .isp15-page .isp17-content-section{padding:22px 18px!important;border-radius:17px!important;}
  .isp15-page .isp17-content-section>h2{font-size:28px!important;}
  .isp15-family-product .isp17-content-section>ul{grid-template-columns:1fr!important;}
  .isp15-family-guide .process-card-grid,
  .isp15-family-support .support-action-grid,
  .isp15-family-support .activation-flow{grid-template-columns:1fr!important;}
  .isp15-family-legal .isp17-content-section{padding:22px 18px!important;}
}

@media(max-width:390px){
  .isp15-page .isp14-page-hero-media,
  .isp15-page .isp14-page-hero-media img{min-height:180px!important;height:180px!important;max-height:180px!important;}
  .isp15-page .isp14-page-hero h1{font-size:31px!important;}
}
