/* Mack's Natural Reptile Food theme: lime, sunflower, orange, hard chevrons */
@font-face{font-family:"Lilita One";src:url(/assets/fonts/lilita-one-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url(/assets/fonts/nunito-sans-var.woff2) format("woff2");font-weight:200 1000;font-display:swap}
:root{
  --lime:#c0e057;--lime-deep:#8fb52a;--sun:#f7c145;--sun-pale:#feebb0;--cream:#fff8e3;--orange:#f27f20;--orange-deep:#d4630b;--black:#141414;
  --ink:#2a2a2a;--muted:#626262;--head:var(--orange);--bg:#fff;--surface:#fff;--line:#ececec;
  --link:#c25a08;--link-hover:#8f4206;--accent:var(--orange);--focus:#2b7bb9;
  --font-head:"Lilita One","Arial Black",sans-serif;--font-body:"Nunito Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --wrap:1160px;--radius:6px;--radius-btn:6px;--card-shadow:0 8px 24px rgba(0,0,0,.08);
  --header-bg:#fff;--header-shadow:0 1px 0 #eee;--header-h:96px;--logo-h:64px;
  --nav-ink:#3a3a3a;--nav-active:var(--orange);--nav-hover-bg:var(--cream);
  --btn-bg:var(--orange);--btn-ink:#fff;--btn-bg-hover:var(--orange-deep);
  --page-hero-bg:var(--lime);--page-hero-ink:var(--black);
  --foot-bg:var(--black);--foot-ink:#cfcfcf;--foot-head:var(--sun);--foot-link:#fff;--foot-line:rgba(255,255,255,.12);--foot-muted:#9a9a9a;
}
@media (max-width:600px){:root{--header-h:76px;--logo-h:50px}}
h1,h2,h3{font-weight:400;letter-spacing:.01em}
h2{color:var(--orange)}
.tm{font-size:.6em;vertical-align:super;line-height:0}
.btn{text-transform:uppercase;letter-spacing:.04em;font-weight:800}

/* Chevron helpers */
.chev-down{clip-path:polygon(0 0,100% 0,100% calc(100% - 56px),50% 100%,0 calc(100% - 56px))}
.chev-both{clip-path:polygon(0 0,50% 56px,100% 0,100% calc(100% - 56px),50% 100%,0 calc(100% - 56px))}

/* Home hero */
.hero{position:relative;background:var(--lime);overflow:hidden;padding:clamp(40px,6vw,72px) 0 clamp(90px,10vw,130px)}
.hero::before,.hero::after{content:"";position:absolute;bottom:0;width:52%;height:46%;background:var(--sun)}
.hero::before{left:0;clip-path:polygon(0 0,100% 100%,0 100%)}
.hero::after{right:0;clip-path:polygon(100% 0,100% 100%,0 100%)}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center}
.hero h1{color:var(--black);font-size:clamp(2.2rem,4.6vw,3.6rem)}
.hero h1 span{color:#fff;-webkit-text-stroke:0;text-shadow:3px 3px 0 var(--black)}
.hero p{font-size:1.2rem;color:#2c3a10;max-width:36ch}
.hero img{width:100%;filter:drop-shadow(0 18px 18px rgba(0,0,0,.18))}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr}.hero img{order:-1;max-width:560px;margin:0 auto}}

/* Section heading flourish */
.sec-head{text-align:center;max-width:760px;margin:0 auto clamp(28px,4vw,48px)}
.sec-head h2::after{content:"";display:block;width:64px;height:6px;margin:12px auto 0;background:var(--lime);clip-path:polygon(0 0,50% 100%,100% 0,100% 0)}

/* Products */
.product{text-align:center;padding:12px}
.product img{height:240px;width:auto;margin:0 auto 16px;object-fit:contain}
.product h3{font-family:var(--font-body);font-weight:800;font-size:1.3rem;color:var(--black)}
.product p{color:var(--muted);font-size:1rem}
.tag{display:inline-block;background:var(--black);color:var(--sun);font-weight:800;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:4px;margin-bottom:10px}

/* Features band */
.features{background:var(--sun-pale);padding:clamp(80px,10vw,120px) 0}
.feature{text-align:center}
.hex{width:92px;height:104px;margin:0 auto 16px;background:var(--orange);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:grid;place-items:center;color:#fff;font-size:2.4rem}
.feature h3{font-family:var(--font-body);font-weight:800;color:var(--black);font-size:1.2rem}
.feature p{font-size:.98rem;color:#4b4b4b}

/* Chameleon CTA */
.cta-cham{background:#000 url(/assets/img/chameleon-cta.webp) 60% center/cover no-repeat;color:#fff;text-align:center;padding:clamp(110px,14vw,170px) 0;margin-top:-56px;position:relative}
.cta-cham h2{color:#fff;font-size:clamp(1.9rem,3.6vw,2.8rem);text-shadow:0 2px 14px rgba(0,0,0,.6)}
.cta-cham p{font-size:1.25rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.7)}

/* Feeding tips */
.tip-card{display:block;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--card-shadow);text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}
.tip-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.12);color:var(--ink)}
.tip-card img{width:100%;aspect-ratio:3/2;object-fit:cover}
.tip-card div{padding:18px 20px 22px;border-top:6px solid var(--lime)}
.tip-card h3{font-family:var(--font-body);font-weight:800;font-size:1.15rem;color:var(--black);margin-bottom:.35em}
.tip-card p{font-size:.97rem;color:var(--muted);margin:0}
.tip-card .more{display:inline-block;margin-top:10px;color:var(--orange);font-weight:800}
.safety{display:flex;gap:20px;align-items:center;background:var(--cream);border-left:6px solid var(--orange);border-radius:var(--radius);padding:20px 24px;margin-top:36px}
.safety i{font-size:2rem;color:var(--orange)}
.safety p{margin:0;font-weight:700}

/* Page hero (interior) gets a chevron bottom */
.page-hero{clip-path:polygon(0 0,100% 0,100% calc(100% - 36px),50% 100%,0 calc(100% - 36px));padding-bottom:clamp(64px,8vw,92px);position:relative}
.page-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42px;background:var(--sun);clip-path:polygon(0 0,50% 100%,100% 0,100% 100%,0 100%)}
.page-hero h1{color:var(--black)}
.page-hero p{color:#2c3a10;font-weight:700}

/* Feeding tip pages */
.pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}
.pair img{border-radius:var(--radius);width:100%;aspect-ratio:3/2;object-fit:cover}
@media (max-width:600px){.pair{grid-template-columns:1fr}}
.prose h2{color:var(--orange)}
.prose h3{font-family:var(--font-body);font-weight:800;color:var(--black)}
.side-nav{background:var(--cream);border-radius:var(--radius);padding:22px 24px}
.side-nav h2{font-size:1.2rem;color:var(--black)}
.side-nav ul{list-style:none;padding:0;margin:0}
.side-nav li{border-top:1px solid #f1e3b8}
.side-nav a{display:block;padding:10px 0;font-weight:700;text-decoration:none}
.side-nav a[aria-current="page"]{color:var(--black)}
.with-side{display:grid;grid-template-columns:1fr 280px;gap:clamp(28px,5vw,56px);align-items:start}
@media (max-width:900px){.with-side{grid-template-columns:1fr}}

/* Trust strip above footer */
.trust{background:var(--cream);padding:36px 0}
.trust .wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center}
.trust-item{display:flex;gap:16px;align-items:center}
.trust-item p{margin:0;font-size:.95rem;color:#4b4b4b}
.trust-item img{flex:0 0 auto}
.trust .assoc{justify-self:end}
@media (max-width:860px){.trust .wrap{grid-template-columns:1fr}.trust .assoc{justify-self:start}}

/* Locator overrides */
.ffx-loc{--ffx-orange:var(--orange);--ffx-green:#4e8a1c}
.ffx-loc .ffx-loc-bar{background:var(--cream);border-radius:var(--radius)}
.ffx-loc .ffx-loc-btn{background:var(--orange);border-color:var(--orange);color:#fff;font-weight:800}
.ffx-loc .ffx-loc-btn:hover{background:var(--orange-deep)}
.ffx-loc .ffx-loc-btn-alt{background:#fff;color:var(--ink);border-color:#ccc}
.ffx-loc .ffx-loc-btn-alt:hover{background:#f6f6f6}
.ffx-loc .ffx-loc-map{border-radius:var(--radius)}
.ffx-loc-all h2{font-size:1.7rem}
.wholesale-cta{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;background:var(--black);color:#fff;border-radius:var(--radius);padding:24px 28px;margin-bottom:32px}
.wholesale-cta h2{color:var(--sun);font-size:1.5rem;margin:0}
.wholesale-cta p{margin:4px 0 0;color:#cfcfcf}