@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700&display=swap");
.hero .eyebrow{color:#f5d8a6}.product-card-tools .icon-btn{background:#fff}.newsletter-form{display:flex;gap:10px;max-width:570px}.newsletter-form input{min-width:0;flex:1;border:1px solid rgba(51,41,27,.18);background:#fff;padding:13px 15px;border-radius:999px}.testimonial{max-width:860px;margin:auto;text-align:center}.wishlist-list{display:grid;gap:8px}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:980px;margin:auto}.auth-grid h2{font-family:Georgia,serif;font-weight:500;font-size:2.3rem}.checkout-block .field{margin-bottom:14px}.faq-intro{font-family:Georgia,serif;font-size:clamp(2.4rem,5vw,4.8rem);line-height:1}.admin-top{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:28px}.admin-top .field{min-width:280px}.product-detail-section{padding-top:56px}.legal-note{background:var(--cream);border-left:3px solid var(--gold);padding:16px;margin:24px 0}.ingredients-banner{background:var(--charcoal);color:#fff}.ingredients-banner .container{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12)}.ingredients-banner div div{padding:24px;background:var(--charcoal);text-align:center}.ingredients-banner strong{display:block;font-family:Georgia,serif;font-size:1.2rem;color:#f1d5a4}.about-story p{font-size:1.08rem}.about-story p:first-of-type::first-letter{float:left;font-family:Georgia,serif;font-size:4.5rem;line-height:.8;padding:8px 10px 0 0;color:var(--gold-dark)}.mini-products{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mini-product{position:relative;min-height:370px;overflow:hidden}.mini-product img{width:100%;height:100%;object-fit:cover}.mini-product div{position:absolute;inset:auto 0 0;padding:70px 22px 22px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72))}.mini-product h3{font-family:Georgia,serif;font-size:1.7rem;margin:0}.checkout-secure{font-size:.78rem;color:var(--muted);text-align:center;margin-top:12px}.promo-tile .btn{margin-top:15px}.page-hero.compact{padding:52px 0}.hide{display:none!important}@media(max-width:700px){.auth-grid{grid-template-columns:1fr}.newsletter-form{display:grid}.mini-products{grid-template-columns:1fr}.ingredients-banner .container{grid-template-columns:1fr 1fr}.page-hero{padding:50px 0}.admin-top .field{min-width:100%}}

/* ==============================
   Client update — 2026-08-06
   ============================== */

/* Brand typography requested by client */
:root{
  --font-heading:"Playfair Display",Georgia,"Times New Roman",serif;
  --font-body:"Jost",Arial,sans-serif;
}
body,button,input,textarea,select{font-family:var(--font-body)!important}
h1,h2,h3,h4,h5,h6,.brand-text,.footer-brand span{font-family:var(--font-heading)!important}

/* Landing hero: preserve the founder/products on wide screens and add a gentle zoom */
.hero-media{
  background-image:url("../images/hero.webp");
  background-size:cover;
  background-position:center 61%;
}
.hero-media::before{
  content:"";
  position:absolute;
  inset:-14px;
  background:inherit;
  background-size:cover;
  background-position:center 61%;
  filter:blur(5px) saturate(.88) brightness(.83);
  transform:scale(1.035);
}
.hero-media>img{
  position:absolute;
  z-index:1;
  inset:0 0 0 auto;
  width:100%;
  height:100%;
  object-fit:contain!important;
  object-position:right center!important;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 15%,#000 29%,#000 100%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 15%,#000 29%,#000 100%);
  transform-origin:78% 58%;
  animation:ammiHeroZoom 12s ease-in-out infinite alternate;
}
.hero-media::after{z-index:2}
.hero-inner{z-index:3}
.hero-copy{max-width:600px;text-shadow:0 2px 18px rgba(0,0,0,.18)}
@keyframes ammiHeroZoom{from{transform:scale(1.01)}to{transform:scale(1.075)}}

/* Center the collection description */
.section-head.center p{margin-left:auto!important;margin-right:auto!important}

/* Keep product-card buttons aligned in one row across desktop */
.product-card{display:flex;flex-direction:column}
.product-card-body{display:flex;flex:1;flex-direction:column}
.product-card .quick-add{margin-top:auto;padding-top:9px}

/* Founder/story image requested by client */
.story-photo img{object-position:center 58%}

/* Footer logo: remove white halo/extra white space */
.footer-brand img{background:transparent!important;padding:0!important}

/* Product detail pages: one main image only and smaller controls */
.product-gallery{display:block!important;position:sticky;top:110px}
.product-main-image{width:100%;max-width:610px;margin:0 auto}
.qty-row{align-items:center;flex-wrap:wrap;gap:10px}
.quantity{height:46px;flex:0 0 auto}
.quantity button{width:36px;font-size:1rem}
.quantity input{width:36px;font-size:.9rem}
#product-add{flex:0 1 auto;min-width:145px;padding:11px 22px}
#product-favorite{flex:0 0 46px;width:46px;height:46px;padding:0;border-radius:50%}
#product-favorite svg{width:19px;height:19px;stroke-width:1.7}

@media(max-width:1000px){
  .hero-media>img{object-position:88% center!important}
  .product-gallery{position:static}
}
@media(max-width:700px){
  .hero-media{background-position:center 56%}
  .hero-media::before{background-position:center 56%;filter:blur(3px) saturate(.9) brightness(.84)}
  .hero-media>img{
    object-fit:contain!important;
    object-position:center!important;
    -webkit-mask-image:none;
    mask-image:none;
    animation-duration:14s;
  }
  .hero-copy{padding-top:35px}
  .qty-row{display:flex!important}
  #product-add{flex:1;min-width:130px}
}
@media(prefers-reduced-motion:reduce){.hero-media>img{animation:none!important}}