/** Shopify CDN: Minification failed

Line 55:12 Expected identifier but found bad string token
Line 55:98 Unterminated string token
Line 93:0 Expected "}" to go with "{"

**/
/* Kinmoor Pet Co. — storefront preview styles (.km- namespaced, scoped) */
:root{
  --moor:#2A4A36; --moor-deep:#23422c; --moor-soft:#3d6446;
  --amber:#B07A3B; --amber-deep:#9a6630;
  --cream:#F4F1EA; --surface:#FBFBF9; --surface-2:#EFEBE2;
  --charcoal:#20221D; --stone:#C7C0B2; --muted:#6c6a62;
  --serif:'Fraunces',Georgia,serif; --sans:'DM Sans',system-ui,sans-serif;
  --maxw:1240px; --rule:1px solid var(--stone);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--cream);color:var(--charcoal);font-family:var(--sans);
  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul[role=list]{list-style:none;margin:0;padding:0}
.km-container{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.km-eyebrow{font-family:var(--sans);font-weight:700;font-size:.72rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--amber);margin:0 0 12px}
.km-eyebrow--light{color:#cdd3cc}
.km-eyebrow--amber{color:var(--amber)}
.km-h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.7rem,3.4vw,2.5rem);
  line-height:1.1;letter-spacing:-.01em;margin:0 0 16px}
.km-lede{max-width:54ch;color:var(--muted);font-size:1.02rem;margin:0 auto}
.km-body{color:#3a3934;font-size:1.02rem}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.km-link{font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--moor);border-bottom:1.5px solid var(--amber);padding-bottom:3px;
  transition:color .18s,border-color .18s}
.km-link:hover{color:var(--amber)}

/* Buttons */
.km-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--sans);font-weight:700;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;
  padding:14px 26px;border:1.5px solid transparent;cursor:pointer;transition:all .2s;
  background:transparent;color:var(--cream)}
.km-btn--amber{background:var(--amber);border-color:var(--amber);color:#fff}
.km-btn--amber:hover{background:var(--amber-deep);border-color:var(--amber-deep)}
.km-btn--ghost{border-color:rgba(244,241,234,.6);color:var(--cream)}
.km-btn--ghost:hover{background:rgba(244,241,234,.1)}
.km-btn--moor{background:var(--moor);border-color:var(--moor);color:var(--cream)}
.km-btn--moor:hover{background:var(--moor-deep);border-color:var(--moor-deep)}
.km-btn--outline{border-color:var(--stone);color:var(--moor);background:transparent}
.km-btn--outline:hover{border-color:var(--moor);color:var(--moor)}

/* Announcement */
.km-announce{background:var(--moor-deep);color:#e9e7df;text-align:center;
  font-size:"72rem;letter-spacing:.16em;text-transform:uppercase;padding:9px 16px;font-weight:500}

/* Header */
.km-header{position:sticky;top:0;z-index:50;background:rgba(244,241,234,.96);
  border-bottom:var(--rule)}
.km-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;
  height:74px}
.km-header__logo img{height:38px;width:auto}
.km-nav__list{display:flex;gap:30px}
.km-nav__list a{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--charcoal);padding:6px 0;position:relative}
.km-nav__list a::after{content:"";position:absolute;left:0;bottom:0;height:1.5px;width:0;
  background:var(--amber);transition:width .22s}
.km-nav__list a:hover{color:var(--moor)}
.km-nav__list a:hover::after{width:100%}
.km-header__util{display:flex;align-items:center;gap:6px}
.km-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
  color:var(--charcoal);border-radius:0;position:relative}
.km-iconbtn:hover{color:var(--moor)}
.km-cartcount{position:absolute;top:4px;right:2px;background:var(--amber);color:#fff;
  font-size:.62rem;font-weight:700;min-width:16px;height:16px;line-height:16px;text-align:center;
  border-radius:8px;padding:0 4px}
.km-menubtn{display:none;width:40px;height:40px;flex-direction:column;justify-content:center;
  align-items:center;gap:5px;background:none;border:0;cursor:pointer}
.km-menubtn span{width:22px;height:1.6px;background:var(--charcoal);transition:.23s}
body.km-nav-open .km-menubtn span:nth-child(1){transform:translateY(3.3px) rotate(45deg)}
body.km-nav-open .km-menubtn span:nth-child(2){transform:translateY(-3.3px) rotate(-45deg)}

/* Hero */
.km-hero{position:relative;background:var(--moor);color:var(--cream);
  overflow:hidden;padding:clamp(72px,12vw,140px) 0}
.km-hero__topo{position:absolute;inset:0;opacity:.9}
.km-hero__topo svg{width:100%;height:100%}
.km-hero__inner{position:relative;z-index:2;max-width:880px}
.km-hero__title{font-family:var(--serif);font-weight:600;font-size:clamp(2.4rem,6.4vw,4.6rem);
  line-height:1.02;letter-spacing:-.02em;margin:0 0 22px}
.km-hero__sub{font-size:clamp(1.02rem,1.6vw,1.22rem);max-width:46ch;color:#d7dcd6;margin:0 0 34px}
.km-hero__cta{display:flex;flex-wrap:wrap;gap:14px}