/* InSyncPetz v3.5.24.40 brand alignment
 * Presentation-only layer. Keeps the existing page structure, routes,
 * WooCommerce behaviour, account flows and App System integrations intact.
 */
:root{
  --isp40-chocolate:#2a160d;
  --isp40-chocolate-2:#170b06;
  --isp40-brown:#743b17;
  --isp40-brown-deep:#51250f;
  --isp40-gold:#c58b2a;
  --isp40-gold-light:#e2bd70;
  --isp40-cream:#fff9ef;
  --isp40-cream-2:#f7ecdc;
  --isp40-card:#fffdf9;
  --isp40-ink:#21140e;
  --isp40-muted:#6b594c;
  --isp40-line:#e3d0b7;
  --isp40-shadow:0 22px 58px rgba(55,30,13,.09);
}

body{background:var(--isp40-cream);color:var(--isp40-ink);}

/* Global chrome: same brand as the hero, without turning the UI into an advert. */
.isp-v8-topbar{
  background:linear-gradient(90deg,var(--isp40-chocolate-2),#351b0f 52%,var(--isp40-chocolate-2))!important;
  color:#fff8ee!important;
  border-bottom:1px solid rgba(226,189,112,.18);
}
.isp-v8-topbar-icon{color:var(--isp40-gold-light)!important;}
.isp-v8-header{
  background:rgba(255,249,239,.975)!important;
  border-bottom-color:#ead8c0!important;
  box-shadow:0 7px 24px rgba(55,30,13,.035)!important;
}
.isp-v8-menu a{color:#2a1a12!important;}
.isp-v8-menu a:hover{color:var(--isp40-brown)!important;}
.isp-v8-menu a.active:after{background:linear-gradient(90deg,var(--isp40-gold),var(--isp40-gold-light))!important;}
.isp-v8-get-tag{
  background:linear-gradient(135deg,#9c5a18 0%,#c88727 58%,#dfab4b 100%)!important;
  box-shadow:0 9px 20px rgba(111,57,16,.16)!important;
}
.isp-v8-icon-link{
  border-color:#e6d3b9!important;
  background:#fffdf8!important;
  color:var(--isp40-brown)!important;
}
.isp-v8-footer{
  background:
    radial-gradient(circle at 82% 8%,rgba(197,139,42,.12),transparent 27%),
    linear-gradient(135deg,var(--isp40-chocolate-2),#32180d 58%,#1f0f08)!important;
}
.isp-v8-footer-brand>a{background:#fff8ec!important;}
.isp-v8-footer-trust>div>span{border-color:rgba(226,189,112,.52)!important;color:var(--isp40-gold-light)!important;}
.isp-v8-footer-bottom{border-top-color:rgba(255,255,255,.09)!important;}

/* Homepage: retain the actual Doberman/Princess hero and copy, strengthen hierarchy. */
.isp-home-v10{
  --isp10-cream:var(--isp40-cream);
  --isp10-cream-2:var(--isp40-cream-2);
  --isp10-card:var(--isp40-card);
  --isp10-ink:var(--isp40-ink);
  --isp10-muted:var(--isp40-muted);
  --isp10-navy:var(--isp40-chocolate);
  --isp10-navy2:var(--isp40-chocolate-2);
  --isp10-blue:var(--isp40-brown);
  --isp10-gold:var(--isp40-gold);
  --isp10-brown:var(--isp40-brown);
  --isp10-line:var(--isp40-line);
  --isp10-shadow:var(--isp40-shadow);
  background:linear-gradient(180deg,#fff9ef 0%,#fffdf9 55%,#f9efdf 100%)!important;
}
.isp10-hero{
  border-color:var(--isp40-line)!important;
  border-radius:30px!important;
  background:#fff8ec!important;
  box-shadow:var(--isp40-shadow)!important;
}
.isp10-hero-copy{
  background:linear-gradient(120deg,#fff9ef 0%,#fff9ef 74%,rgba(255,249,239,.94) 88%,rgba(255,249,239,0) 100%)!important;
}
.isp10-eyebrow{
  border-color:rgba(116,59,23,.20)!important;
  background:rgba(255,253,249,.88)!important;
  color:var(--isp40-brown)!important;
}
.isp10-eyebrow>span{color:var(--isp40-gold)!important;}
.isp10-hero h1{
  color:var(--isp40-ink)!important;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:700;
  letter-spacing:-.052em!important;
  line-height:.98!important;
}
.isp10-hero h1 span{
  background:linear-gradient(105deg,#7a4219 0%,#b87522 43%,#d8a44d 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.isp10-hero-copy>p{color:#5c4d42!important;}
.isp10-btn-gold{
  background:linear-gradient(135deg,#8f4c16,#c48225 58%,#dda84a)!important;
  box-shadow:0 11px 24px rgba(105,53,15,.18)!important;
}
.isp10-btn-light{border-color:#dfcbb0!important;background:#fffdf8!important;color:#2a1a12!important;}
.isp10-hero-media:before{background:linear-gradient(90deg,#fff9ef,rgba(255,249,239,.16),transparent)!important;}
.isp10-hero-media:after{background:linear-gradient(0deg,rgba(35,17,8,.16),transparent)!important;}

.isp10-feature{
  border-color:var(--isp40-line)!important;
  background:rgba(255,253,249,.985)!important;
  box-shadow:0 14px 32px rgba(55,30,13,.065)!important;
}
.isp10-feature-icon.is-navy{background:linear-gradient(145deg,#24130b,#4b2815)!important;}
.isp10-feature-icon.is-gold{background:linear-gradient(145deg,#a9661c,#d69e3c)!important;}

.isp10-animal-card{border-color:#dfcbb1!important;box-shadow:0 12px 28px rgba(55,30,13,.055)!important;}
.isp10-animal-card:hover{box-shadow:0 20px 44px rgba(55,30,13,.11)!important;}
.isp10-animal-copy strong,
.isp10-how-head h2,
.isp10-final-copy h2{
  font-family:Georgia,"Times New Roman",serif;
  color:var(--isp40-ink);
}
.isp10-animal-copy b{background:linear-gradient(135deg,#24130b,#5a2d14)!important;}
.isp10-step-num{background:linear-gradient(145deg,#24130b,#4a2614)!important;}
.isp10-step-detail strong{color:var(--isp40-brown)!important;}
.isp10-step:hover,.isp10-step.is-active{background:#fffaf2!important;border-color:#ddc8aa!important;}

/* Trial offer: remove the unrelated green treatment and make it part of the brand. */
.isp10-hero-media .isp10-hero-trial-offer{
  border-color:rgba(255,255,255,.7)!important;
  background:rgba(255,248,235,.96)!important;
  color:#462610!important;
  box-shadow:0 14px 30px rgba(55,30,13,.17)!important;
}
.isp10-hero-media .isp10-hero-trial-offer:hover{box-shadow:0 18px 38px rgba(55,30,13,.22)!important;}
.isp10-trial-shield{background:linear-gradient(180deg,#d8a54b,#9a5a18)!important;color:#fff!important;filter:drop-shadow(0 6px 10px rgba(84,43,12,.16))!important;}
.isp10-trial-copy strong{color:#603415!important;}
.isp10-trial-copy small{color:#775c49!important;}
.isp10-trial-arrow{color:#9a5a18!important;}
.isp10-plan-prices{border-color:#e1c89f!important;background:#fff7e7!important;color:#6d5038!important;}
.isp10-plan-prices strong{color:#6b3817!important;}

.isp10-final-cta{
  background:
    radial-gradient(circle at 80% 10%,rgba(216,164,77,.16),transparent 30%),
    linear-gradient(105deg,#170b06,#33180d 62%,#4c2612)!important;
  box-shadow:0 -1px 0 rgba(226,189,112,.18) inset;
}
.isp10-final-copy h2{color:#fffaf2!important;}
.isp10-final-copy .isp10-kicker{color:var(--isp40-gold-light)!important;}
.isp10-final-benefits b{border-color:rgba(226,189,112,.62)!important;color:var(--isp40-gold-light)!important;}
.isp-home-v10 :focus-visible{outline-color:rgba(197,139,42,.5)!important;}

/* Inner pages: carry the same identity through the real site, not just the homepage. */
.isp14-inner-page{
  --isp14-cream:var(--isp40-cream);
  --isp14-cream-2:var(--isp40-cream-2);
  --isp14-card:var(--isp40-card);
  --isp14-ink:var(--isp40-ink);
  --isp14-muted:var(--isp40-muted);
  --isp14-navy:var(--isp40-chocolate);
  --isp14-navy-2:var(--isp40-chocolate-2);
  --isp14-blue:var(--isp40-brown);
  --isp14-gold:var(--isp40-gold);
  --isp14-brown:var(--isp40-brown);
  --isp14-line:var(--isp40-line);
  background:linear-gradient(180deg,#fff9ef 0%,#fffdf9 56%,#f9efdf 100%)!important;
}
.isp14-page-hero-card{
  border-color:var(--isp40-line)!important;
  border-radius:28px!important;
  box-shadow:var(--isp40-shadow)!important;
  background:#fff8ec!important;
}
.isp14-page-hero-copy{background:linear-gradient(120deg,#fff9ef 0%,#fff9ef 76%,rgba(255,249,239,.94) 89%,rgba(255,249,239,0) 100%)!important;}
.isp14-page-eyebrow{border-color:rgba(116,59,23,.20)!important;background:#fffaf2!important;color:var(--isp40-brown)!important;}
.isp14-page-hero h1,
body:not(.home) .page-hero h1{
  font-family:Georgia,"Times New Roman",serif;
  color:var(--isp40-ink)!important;
  letter-spacing:-.045em!important;
}
.isp14-media-brand{background:linear-gradient(145deg,#1a0d07,#4b2613)!important;}
.isp14-page-hero-mark{background:rgba(42,22,13,.9)!important;border-color:rgba(226,189,112,.28)!important;}
.isp14-inner-page .page-content>h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.035em!important;}

/* Legacy inner-page hero fallback, for routes not using the newer split hero. */
body:not(.home) .page-hero>.wrap{
  border-color:var(--isp40-line)!important;
  background:
    radial-gradient(circle at 93% 8%,rgba(197,139,42,.11),transparent 28%),
    linear-gradient(135deg,#fffdf9 0%,#f7ead8 100%)!important;
  box-shadow:0 20px 54px rgba(55,30,13,.065)!important;
}
body:not(.home) .page-hero .eyebrow{border-color:rgba(116,59,23,.18)!important;background:#fff8ec!important;color:var(--isp40-brown)!important;}

@media(max-width:860px){
  .isp10-hero-copy{background:#fff9ef!important;}
  .isp10-hero-media:before{background:linear-gradient(0deg,#fff9ef,rgba(255,249,239,.18),transparent)!important;}
}
@media(max-width:620px){
  .isp10-hero{border-radius:18px!important;}
  .isp10-hero h1{line-height:1!important;}
  .isp10-hero-media .isp10-hero-trial-offer{
    background:#fff6e5!important;
    box-shadow:0 7px 16px rgba(55,30,13,.13)!important;
  }
}

/* v3.5.24.41 — homepage hero clean-up.
 * Remove the old free-trial/green visual entirely and replace it with a
 * product-first smart-tag highlight. Trial pricing remains in the purchase
 * journey and lower explanatory content where it has context.
 */
.isp10-hero-media .isp10-hero-highlight{
  position:absolute;
  z-index:3;
  left:28px;
  bottom:28px;
  width:min(350px,calc(100% - 56px));
  margin:0;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) 22px;
  align-items:center;
  gap:12px;
  padding:12px 14px 12px 11px;
  border:1px solid rgba(226,189,112,.72);
  border-radius:16px;
  background:rgba(255,249,239,.965);
  color:#3b2112!important;
  box-shadow:0 14px 30px rgba(55,30,13,.18);
  text-decoration:none!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.isp10-hero-media .isp10-hero-highlight:hover{
  transform:translateY(-2px);
  border-color:#c58b2a;
  box-shadow:0 18px 38px rgba(55,30,13,.23);
}
.isp10-highlight-icon{
  width:48px;
  height:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#24130b,#5a2d14);
  color:#e2bd70;
  box-shadow:0 7px 16px rgba(55,30,13,.16);
}
.isp10-highlight-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.isp10-highlight-copy strong,.isp10-highlight-copy small{display:block;}
.isp10-highlight-copy strong{font-size:15px;line-height:1.15;font-weight:950;color:#4d2812;}
.isp10-highlight-copy small{margin-top:4px;font-size:10px;line-height:1.35;font-weight:760;color:#745d4d;}
.isp10-highlight-arrow{font-size:20px;font-weight:900;color:#a9661c;text-align:center;}

/* Defensive overrides for legacy green homepage declarations. */
body.home .topbar,
body.home .isp-v8-topbar{
  background:linear-gradient(90deg,#170b06,#351b0f 52%,#170b06)!important;
}
body.home .isp10-plan-prices{
  border-color:#e1c89f!important;
  background:#fff7e7!important;
  color:#6d5038!important;
}
body.home .isp10-plan-prices strong{color:#6b3817!important;}

@media(max-width:860px){
  .isp10-hero-media .isp10-hero-highlight{left:18px;bottom:18px;width:min(330px,calc(100% - 36px));}
}
@media(max-width:620px){
  .isp10-hero-media .isp10-hero-highlight{
    left:12px;
    bottom:12px;
    width:min(290px,calc(100% - 24px));
    grid-template-columns:42px minmax(0,1fr) 18px;
    gap:9px;
    padding:9px 10px 9px 9px;
    border-radius:13px;
  }
  .isp10-highlight-icon{width:40px;height:40px;border-radius:11px;}
  .isp10-highlight-icon svg{width:22px;height:22px;}
  .isp10-highlight-copy strong{font-size:12.5px;}
  .isp10-highlight-copy small{font-size:8.5px;line-height:1.28;}
  .isp10-highlight-arrow{font-size:16px;}
}

/* v3.5.24.42 — hero media continuity and outcome-led highlight.
 * The hero photograph now fills the full media column at every desktop row
 * height, eliminating the legacy sage/green fallback strip that could show
 * below the image when the copy column made the hero taller than 540px.
 */
body.home .isp10-hero-media{
  background:linear-gradient(180deg,#f5ead8 0%,#ead7bc 100%)!important;
}
body.home .isp10-hero-media>img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:53% 45%!important;
}
body.home .isp10-highlight-copy strong{
  font-size:14.5px;
  letter-spacing:-.01em;
}
body.home .isp10-highlight-copy small{
  max-width:235px;
}
body.home .isp10-highlight-arrow{
  line-height:1;
}
@media(max-width:860px){
  body.home .isp10-hero-media>img{
    max-height:none!important;
    object-position:52% 37%!important;
  }
}
@media(max-width:620px){
  body.home .isp10-hero-media>img{
    max-height:none!important;
    object-position:53% 36%!important;
  }
  body.home .isp10-highlight-copy strong{font-size:12px;}
}