/* Variant A — warm storefront: cream base, forest green, terracotta accent */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&family=Lora:wght@600;700&display=swap');
:root{--bg:#faf6ef;--ink:#2b2a26;--green:#2e5339;--orange:#c96f3b;--card:#fff;--muted:#6b675e}
*{box-sizing:border-box;margin:0}
body{font-family:'Nunito Sans',system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
h1,h2,h3{font-family:Lora,serif;line-height:1.15}
img{max-width:100%;height:auto;border-radius:10px}
a{color:var(--green)}
.skip-link{position:absolute;left:-999px}.skip-link:focus{left:8px;top:8px;background:#fff;padding:.5rem;z-index:99}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.site-header.hdr-a{background:#fff;border-bottom:3px solid var(--orange)}
.header-inner{max-width:1080px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:.7rem 1rem}
.header-logo{border-radius:6px}
.site-header nav{display:flex;gap:.9rem;margin-left:auto;font-weight:700}
.site-header nav a{text-decoration:none;color:var(--ink);padding:.35rem .5rem;border-radius:6px}
.site-header nav a.active,.site-header nav a:hover{background:var(--green);color:#fff}

.hero-a{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center;max-width:1080px;margin:0 auto;padding:3rem 1rem}
.hero-a h1{font-size:clamp(2rem,5vw,3.2rem);color:var(--green)}
.hero-a .subline{font-size:1.15rem;color:var(--muted);margin:1rem 0 1.5rem}
.hero-art img{margin-left:auto}
.cta-row{display:flex;gap:.8rem;flex-wrap:wrap}
.btn-primary,.btn-secondary,.btn-ghost{display:inline-block;padding:.8rem 1.5rem;border-radius:999px;text-decoration:none;font-weight:700}
.btn-primary{background:var(--orange);color:#fff}
.btn-primary:hover{background:#b25f30}
.btn-secondary{background:transparent;color:var(--green);border:2px solid var(--green)}
.btn-secondary:hover{background:var(--green);color:#fff}
.btn-ghost{background:transparent;color:#fff;border:2px solid #fff}
.small{padding:.45rem 1rem}
.big-pill{padding:1rem 2rem;font-size:1.05rem}

.trust-bar{background:var(--green);color:#fff;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;padding:.9rem 1rem;font-weight:700;text-align:center}
.cats{max-width:1080px;margin:0 auto;padding:3rem 1rem}
.cats h2{color:var(--green);margin-bottom:1.2rem}
.cat-grid,.cats{display:block}
.cat-card-a{display:block;background:var(--card);border:1px solid #e8e0d0;border-radius:14px;padding:1.2rem;margin-bottom:1rem;text-decoration:none;color:inherit;transition:box-shadow .2s}
.cat-card-a:hover{box-shadow:0 6px 18px rgba(46,83,57,.18)}
.cat-card-a h3{color:var(--green)}
.card-go{color:var(--orange);font-weight:700}

.visit-card{max-width:720px;margin:0 auto;padding:2.5rem 1rem;background:#fff;border-radius:16px;border:1px solid #e8e0d0;text-align:center}
.hours-table{list-style:none;padding:0;max-width:420px;margin:1rem auto;text-align:left}
.hours-table li,.hours-table td{display:flex;justify-content:space-between;padding:.3rem .6rem;border-bottom:1px dashed #ddd}
table.hours-table{width:100%;border-collapse:collapse}
table.hours-table td{padding:.55rem .8rem;border-bottom:1px solid rgba(128,128,128,.25)}
.hours-table.dark{background:#16181a;color:#eee}
.hours-table.glow td{border-bottom-color:rgba(160,255,170,.15)}

.owners{max-width:1080px;margin:0 auto;padding:3rem 1rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.afterpay-strip{max-width:1080px;margin:1rem auto;padding:1.4rem;background:#fff;border:2px dashed var(--orange);border-radius:14px;display:flex;gap:1.2rem;align-items:center}
.afterpay-strip p{font-weight:700}
.policy-strip{background:#efe8da;padding:1rem;text-align:center;color:var(--muted);font-size:.92rem}
.contact-band{background:var(--green);color:#fff;text-align:center;padding:2.5rem 1rem;margin-top:2rem}
.contact-band a{color:#ffd9bf}
.contact-band .btn-primary{margin-top:.6rem}

.page-head{max-width:900px;margin:0 auto;padding:2.5rem 1rem 1rem}
.shop-list-a{list-style:none;max-width:900px;margin:0 auto;padding:0 1rem}
.shop-list-a li{background:#fff;border:1px solid #e8e0d0;border-radius:14px;padding:1.2rem;margin-bottom:1rem}
.contact-form{max-width:520px;margin:1rem auto;padding:0 1rem;display:grid;gap:1rem}
.contact-form label{display:grid;gap:.3rem;font-weight:700}
.contact-form input,.contact-form textarea{padding:.7rem;border:1px solid #ccc;border-radius:8px;font:inherit}
.form-note{max-width:520px;margin:.8rem auto 2rem;padding:0 1rem;font-size:.9rem;color:var(--muted)}
.hours-block table,.visit-notes,.care-grid,.ask-first{max-width:720px;margin:1.5rem auto;padding:0 1rem}
.care-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.care-grid div{background:#fff;border:1px solid #e8e0d0;border-radius:12px;padding:1rem}
.ask-first{background:#fff;border-left:5px solid var(--orange);padding:1.2rem;border-radius:8px}
.policy-block{max-width:720px;margin:1rem auto;padding:0 1rem}
.policy-block h2{color:var(--green);margin-top:1.2rem}
.footer-links{list-style:none;padding:0}
.site-footer.v-a{background:#243b2b;color:#e9e4d8;padding:2.5rem 1rem 1rem;margin-top:3rem}
.footer-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}
.site-footer h2{font-size:1rem;color:#fff}
.site-footer a{color:#ffd9bf}
.copyright{text-align:center;margin-top:2rem;font-size:.85rem;opacity:.7}
.logo-plate{display:inline-block;background:#fff;border-radius:10px;padding:.4rem .6rem}
.center{text-align:center}
@media(max-width:800px){.hero-a,.owners{grid-template-columns:1fr}.site-header nav{margin-left:0;width:100%;flex-wrap:wrap}}

@media (prefers-reduced-motion: no-preference){
  .cat-card-a,.tile-b{transition:transform .2s}
  .cat-card-a:hover{transform:translateY(-2px)}
}